@charset "utf-8";
/* @import url('color-set.css'); Removed as requested */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/font/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/font/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    /* Regular */
    src: url('/font/notokr-regular.woff2') format('woff2');
}

/* @font-face {
    font-family: 'Noto Sans KR';
    src: url('/font/notokr-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
} */

/* @ reset */
/* default style definition */
body {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    /* Restored from 0.875rem to fix scaling issue */
    line-height: 1.5;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    color: #646464;
}

/* Flexbox Utilities (imulating Bootstrap 4 classes for layout fixes) */
.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: flex-end;
}

.flex-column {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

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

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

.ml-auto {
    margin-left: auto !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .0rem;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-top: 0;
    margin-bottom: 0;
}

form {
    width: 100%;
    ;
    margin: 0;
    padding: 0;
}

hr {
    display: none;
}

/* p, div, th, td, select, input {color:var(--text);} */
/* a:link, a:visited, a:active, a:hover {color:var(--text);text-decoration:none;} */
/* a {color:var(--text_dark);text-decoration:none;} */
a:focus,
a:hover,
a:visited {
    /* color:var(--text_dark); */
    text-decoration: none;
}

a img,
input.type-image {
    border: 0 none;
}

input.type-text,
textarea {
    border: 0.0625rem solid var(--form_border);
    background-color: var(--form_bg);
    padding: 0.0625rem;
}

textarea {
    width: 100%;
    vertical-align: middle;
    text-align: left;
}

input,
select,
textarea,
button {
    vertical-align: middle;
}

/* select {height:1.5625rem;line-height:1.5625rem;padding:0 1.875rem 0 0.625rem;border-radius:0.125rem;font-family:Dotum, '돋움', sans-serif;border:0.0625rem solid #cbcdce;} */
button {
    /*     font-family: 'Montserrat', 'Noto Sans KR', sans-serif; */
}

span.button,
img.button,
a.button {
    cursor: pointer;
    vertical-align: middle;
}

form select,
form input {
    vertical-align: middle;
}

input:disabled,
select:disabled {
    background: var(--form_bg);
}

input[readonly],
textarea[readonly] {
    background: var(--form_bg);
}

/* img {vertical-align:top;} */
strong {
    font-weight: 500;
}

th {
    text-align: center;
    font-weight: normal;
}

input#txtGameDate {
    visibility: hidden;
    width: 0;
    height: 0;
    text-indent: -62.4375rem;
}

input[type="radio"] {
    width: 0.8125rem;
    height: 0.8125rem;
}

ol,
ul,
p {
    margin-top: 0;
    margin-bottom: 0;
}

/* dl, dt, dd, ol, ul, li {font-weight:normal;} */
/* ::-webkit-input-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
::-ms-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;} */
*,
*:focus,
*:hover {
    outline: none;
}

button,
button:focus {
    border: none;
    outline: none;
}

/* hidden */
.hidden-obj {
    overflow: hidden;
    visibility: hidden;
    text-indent: -624.9375rem;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.hidden {
    overflow: hidden;
    visibility: hidden;
    text-indent: -624.9375rem;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}

/* .hide{display:block;height:0;text-indent:100%;white-space:nowrap;overflow:hidden;} */
.op100 {
    opacity: 1 !important;
}

/* overflow */
.ofl-a {
    overflow: auto;
}

.ofl-y {
    overflow-y: auto;
}

.ofl-x {
    overflow-x: auto;
}

/* @ font */
.fb {
    font-weight: bold;
}

.f12 {
    font-size: 0.75rem !important;
}

.f13 {
    font-size: 0.8125rem !important;
}

.f14 {
    font-size: 0.875rem !important;
}

.f15 {
    font-size: 0.9375rem !important;
}

.f16 {
    font-size: 1rem !important;
}

.f17 {
    font-size: 1.0625rem !important;
}

.text-11 {
    font-size: 0.6875rem !important;
}

.text-12 {
    font-size: 0.75rem !important;
}

.text-13 {
    font-size: 0.8125rem !important;
}

.text-14 {
    font-size: 0.875rem !important;
}

.text-15 {
    font-size: 0.9375rem !important;
}

.text-16 {
    font-size: 1rem !important;
}

.text-17 {
    font-size: 1.0625rem !important;
}

.text-18 {
    font-size: 1.125rem !important;
}

.text-19 {
    font-size: 1.1875rem !important;
}

.text-20 {
    font-size: 1.25rem !important;
}

.text-21 {
    font-size: 1.3125rem !important;
}

.text-22 {
    font-size: 1.375rem !important;
}

.text-23 {
    font-size: 1.4375rem !important;
}

.text-24 {
    font-size: 1.5rem !important;
}

.text-25 {
    font-size: 1.5625rem !important;
}

.text-26 {
    font-size: 1.625rem !important;
}

.text-27 {
    font-size: 1.6875rem !important;
}

.text-28 {
    font-size: 1.75rem !important;
}

.text-29 {
    font-size: 1.8125rem !important;
}

.text-30 {
    font-size: 1.875rem !important;
}

.b100 {
    font-weight: 100 !important;
}

.b200 {
    font-weight: 200 !important;
}

.b300 {
    font-weight: 300 !important;
}

.b400 {
    font-weight: 400 !important;
}

.b500 {
    font-weight: 500 !important;
}

.b600 {
    font-weight: 600 !important;
}

.no-wrap,
.no-wrap * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ng {
    /*     font-family: "ng"; */
}

.bold {
    font-weight: 500;
}

.normal {
    font-weight: normal;
}

.small,
small {
    font-size: 80%;
    font-weight: 400;
}

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

.text-ul {
    text-decoration: underline;
}

.lh-10 {
    line-height: 0.625rem !important;
}

.lh-11 {
    line-height: 0.6875rem !important;
}

.lh-12 {
    line-height: 0.75rem !important;
}

.lh-13 {
    line-height: 0.8125rem !important;
}

.lh-14 {
    line-height: 0.875rem !important;
}

.lh-15 {
    line-height: 0.9375rem !important;
}

.lh-16 {
    line-height: 1rem !important;
}

.lh-17 {
    line-height: 1.0625rem !important;
}

.lh-20 {
    line-height: 1.25rem !important;
}

.lh-24 {
    line-height: 1.5rem !important;
}

.lh-25 {
    line-height: 1.5625rem !important;
}

.lh-30 {
    line-height: 1.875rem !important;
}

.lh-34 {
    line-height: 2.125rem !important;
}

.lh-35 {
    line-height: 2.1875rem !important;
}

/* align */
.text-center {
    text-align: center !important;
}

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

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

.text-center img {
    max-width: 100%;
}

/* color */
.text-primary {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-normal {
    color: #333333 !important;
}

.text-red {
    color: #d41324 !important;
}

.text-blue {
    color: var(--blue) !important;
}

.text-mint {
    color: #28e3d1 !important;
}

.text-navy {
    color: #1d3069 !important;
}

.text-orange {
    color: #FF6700 !important;
}

.text-yellow {
    color: #fff669 !important;
}

.text-green {
    color: green !important;
}

.text-white {
    color: #ffffff !important;
}

.text-brick {
    color: #9c8581 !important;
}

.text-black {
    color: var(--black)000 !important;
}

.text-dark {
    color: #111111 !important;
}

.text-grey {
    color: #888888 !important;
}

.text-grey1 {
    color: #222222 !important;
}

.text-grey2 {
    color: #555555 !important;
}

.text-grey3 {
    color: #aaaaaa !important;
}

.text-gray-500 {
    color: #b7b9cc !important;
}

.text-gold {
    color: #ca8814 !important;
}

.text-bg {
    background: #dfbaff;
}

.text-cancel {
    color: #888888 !important;
}

.text-warning {
    color: #d41324 !important;
}

.text-info {
    color: #888888;
}

/* background */
.bg-primary {
    background-color: var(--primary) !important;
}

.bg-secondary {
    background-color: var(--yellow) !important;
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #2e53c0 !important;
}

.bg-warning {
    background-color: #d41324 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-yellow {
    background-color: var(--yellow) !important;
}

.bg-grey,
.bg-gray {
    background-color: #f4f4f4 !important;
}

.bg-pink {
    background-color: #f6efe5;
}

/* border */
.brd {
    border: 0.0625rem solid #d9d8d8;
}

.brd-r {
    border-radius: 0.5rem;
}

.brd-top {
    border-top: 0.0625rem solid #d9d8d8;
}

.brd-left {
    border-top: 0.0625rem solid #d9d8d8;
}

.brd-right {
    border-top: 0.0625rem solid #d9d8d8;
}

.brd-bottom {
    border-bottom: 0.0625rem solid #d9d8d8;
}

.brd-n {
    border: none !important;
}

/* 말풍선(툴팁) */
.tooltip-handler {
    position: relative;
    display: block;
}

.tooltip-handler .tooltip-type {
    visibility: hidden;
    position: absolute;
    top: -624.9375rem;
    display: block;
    padding: 0.3125rem 0.3125rem;
    background-color: var(--white);
    border: 0.0625rem solid #ddd;
    opacity: 0;
    -webkti-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
    white-space: nowrap;
}

.tooltip-handler:hover .tooltip-type {
    visibility: visible;
    top: 70%;
    left: auto;
    margin-top: 0.3125rem;
    opacity: 1;
    z-index: 999;
}

/* .tooltip-handler .tooltip-type:before {content:'';position:absolute;top:100%;left:50%;margin-left:-0.5rem;border-width:0.5rem;border-style:solid;border-color:#fff transparent transparent transparent;z-index:10;} */
/* .tooltip-handler .tooltip-type:after {content:'';position:absolute;top:100%;left:50%;margin-left:-0.625rem;border-width:0.625rem;border-style:solid;border-color:#6494df transparent transparent transparent;z-index:9;}*/

/* 스크롤바 custom*/
.custom-scrollbar::-webkit-scrollbar {
    width: 0.25rem;
    height: 0.25rem;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    height: 17%;
    background-color: #a5a5a5;
    /* border-radius:0.625rem;*/
    ;
}

/* 스크롤바 막대 설정*/
.custom-scrollbar::-webkit-scrollbar-track {
    background-color: #d2d2d1;
}

/* 스크롤바 뒷 배경 설정*/
.custom-scrollbar {
    scrollbar-width: 0.25rem;
    scrollbar-base-color: #d2d2d1;
    scrollbar-3dlight-color: #a5a5a5;
    scrollbar-highlight-color: #d2d2d1;
    scrollbar-face-color: #a5a5a5;
    scrollbar-track-color: #d2d2d1;
    /*scrollbar-arrow-color:#d2d2d1;*/
    scrollbar-shadow-color: #a5a5a5;
}

/* 스크롤바 커스텀 */
/* 가로 */
.mCSB_container {
    overflow: inherit;
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 0;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    margin: 0;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #d2d2d1;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #a5a5a5;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 0.25rem;
}

.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 0;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 0;
}

.mCSB_inside>.mCSB_container {
    margin-right: 0.25rem;
}

/* 세로 */
.mCSB_scrollTools {
    width: 0.25rem;
}

/* .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:0.25rem;} */
/* .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{width:0.25rem;} */

/* @ layout */
.section-left,
.float-left {
    float: left !important;
}

.section-right,
.float-right {
    float: right !important;
}

.row {
    overflow: hidden;
    position: relative;
    clear: both;
    width: 100%;
    margin: 0;
}

/* position */
.ps-rel {
    position: relative;
}

.ps-abs {
    position: absolute;
}

/* display */
.dp-none {
    display: none;
}

.dp-i {
    display: inline !important;
}

.dp-b {
    display: block;
}

.dp-ib {
    display: inline-block !important;
}

.dp-if {
    display: inline-flex;
}

.dp-flex {
    display: flex;
    width: 100%;
}

.dp-flex-res {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.dp-flex-res>div {
    padding: 0 0.75rem;
}

.dp-flex-res .row-left {
    width: 50%;
    padding-left: 0;
}

.dp-flex-res .row-right {
    width: 50%;
    padding-right: 0;
}

.flex-layout {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
}

.flex-layout>* {
    flex: 1;
    padding-right: 1rem;
}

.flex-layout>*:last-child {
    padding-right: 0;
}

@media (max-width:26.25rem) {

    /* .dp-flex-res{flex-flow:column;} */
    /* .dp-flex-res > div{width:100%;padding:0;} */
    .flex-layout {
        flex-direction: column;
    }

    .flex-layout>* {
        width: 100%;
        padding-right: 0;
    }

    .flex-layout>*:last-child {
        padding-bottom: 0;
    }
}

.dp-flex-c {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.dp-flex.align-left {
    justify-content: flex-start;
}

.dp-flex.align-middle {
    justify-content: center;
}

.dp-flex.align-right {
    justify-content: flex-end;
}

.dp-flex.space-around {
    justify-content: space-around;
}

.dp-flex.space-between {
    justify-content: space-between;
}

.dp-flex.v-align-top {
    align-items: flex-start;
}

.dp-flex.v-align-middle {
    align-items: center;
}

.dp-flex.v-align-bottom {
    align-items: flex-end;
}

.dp-tb {
    display: table;
}

.dp-tb>* {
    display: table-cell;
    vertical-align: top;
}

.v-align-top {
    vertical-align: top !important;
}

.v-align-middle {
    vertical-align: middle !important;
}

.v-align-bottom {
    vertical-align: bottom !important;
}

.wd-a {
    width: auto;
}

.w1p {
    width: 1% !important;
}

.w2p {
    width: 2% !important;
}

.w3p {
    width: 3% !important;
}

.w4p {
    width: 4% !important;
}

.w5p {
    width: 5% !important;
}

.w6p {
    width: 6% !important;
}

.w7p {
    width: 7% !important;
}

.w8p {
    width: 8% !important;
}

.w9p {
    width: 9% !important;
}

.w10p {
    width: 10% !important;
}

.w15p {
    width: 15% !important;
}

.w20p {
    width: 20% !important;
}

.w24p {
    width: 24% !important;
}

.w25p {
    width: 25% !important;
}

.w30p {
    width: 30% !important;
}

.w32p {
    width: 32% !important;
}

.w33p {
    width: 33% !important;
}

.w35p {
    width: 35% !important;
}

.w40p {
    width: 40% !important;
}

.w45p {
    width: 45% !important;
}

.w48p {
    width: 48% !important;
}

.w50p {
    width: 50% !important;
}

.w55p {
    width: 55% !important;
}

.w60p {
    width: 60% !important;
}

.w65p {
    width: 65% !important;
}

.w70p {
    width: 70% !important;
}

.w75p {
    width: 75% !important;
}

.w80p {
    width: 80% !important;
}

.w85p {
    width: 85% !important;
}

.w90p {
    width: 90% !important;
}

.w95p {
    width: 95% !important;
}

.w100p {
    width: 100% !important;
}

.w0.3125rem {
    width: 0.3125rem !important;
}

.w0.625rem {
    width: 0.625rem !important;
}

.w0.9375rem {
    width: 0.9375rem !important;
}

.w1.25rem {
    width: 1.25rem !important;
}

.w1.5625rem {
    width: 1.5625rem !important;
}

.w1.875rem {
    width: 1.875rem !important;
}

.w2.1875rem {
    width: 2.1875rem !important;
}

.w2.5rem {
    width: 2.5rem !important;
}

.w2.8125rem {
    width: 2.8125rem !important;
}

.w3.125rem {
    width: 3.125rem !important;
}

.w3.4375rem {
    width: 3.4375rem !important;
}

.w3.75rem {
    width: 3.75rem !important;
}

.w4.0625rem {
    width: 4.0625rem !important;
}

.w4.375rem {
    width: 4.375rem !important;
}

.w4.6875rem {
    width: 4.6875rem !important;
}

.w5rem {
    width: 5rem !important;
}

.w5.3125rem {
    width: 5.3125rem !important;
}

.w5.625rem {
    width: 5.625rem !important;
}

.w5.9375rem {
    width: 5.9375rem !important;
}

.w6.25rem {
    width: 6.25rem !important;
}

.w6.5625rem {
    width: 6.5625rem !important;
}

.w6.875rem {
    width: 6.875rem !important;
}

.w7.1875rem {
    width: 7.1875rem !important;
}

.w7.5rem {
    width: 7.5rem !important;
}

.w7.8125rem {
    width: 7.8125rem !important;
}

.w8.125rem {
    width: 8.125rem !important;
}

.w8.4375rem {
    width: 8.4375rem !important;
}

.w8.75rem {
    width: 8.75rem !important;
}

.w9.0625rem {
    width: 9.0625rem !important;
}

.w9.375rem {
    width: 9.375rem !important;
}

.w9.6875rem {
    width: 9.6875rem !important;
}

.w10rem {
    width: 10rem !important;
}

.w10.3125rem {
    width: 10.3125rem !important;
}

.w10.625rem {
    width: 10.625rem !important;
}

.w10.9375rem {
    width: 10.9375rem !important;
}

.w11.25rem {
    width: 11.25rem !important;
}

.w11.5625rem {
    width: 11.5625rem !important;
}

.w11.875rem {
    width: 11.875rem !important;
}

.w12.1875rem {
    width: 12.1875rem !important;
}

.w12.5rem {
    width: 12.5rem !important;
}

.w13.125rem {
    width: 13.125rem !important;
}

.w13.75rem {
    width: 13.75rem !important;
}

.w14.375rem {
    width: 14.375rem !important;
}

.w15rem {
    width: 15rem !important;
}

.w15.625rem {
    width: 15.625rem !important;
}

.w18.75rem {
    width: 18.75rem !important;
}

.w21.875rem {
    width: 21.875rem !important;
}

.w25rem {
    width: 25rem !important;
}

.w28.125rem {
    width: 28.125rem !important;
}

.w31.25rem {
    width: 100%;
    max-width: 31.25rem;
}

.w37.5rem {
    width: 100%;
    max-width: 37.5rem;
    margin-left: auto;
    margin-right: auto;
}

.w43.75rem {
    width: 100%;
    max-width: 43.75rem;
    margin-left: auto;
    margin-right: auto;
}

.w50rem {
    width: 100%;
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
}

.w56.25rem {
    width: 100%;
    max-width: 56.25rem;
    margin-left: auto;
    margin-right: auto;
}

.w62.5rem {
    width: 100%;
    max-width: 62.5rem;
    margin-left: auto;
    margin-right: auto;
}

.hg-a {
    height: auto;
}

.h5 {
    height: 0.3125rem !important;
}

.h10 {
    height: 0.625rem !important;
}

.h15 {
    height: 0.9375rem !important;
}

.h20 {
    height: 1.25rem !important;
}

.h25 {
    height: 1.5625rem !important;
}

.h30 {
    height: 1.875rem !important;
}

.h35 {
    height: 2.1875rem !important;
}

.h40 {
    height: 2.5rem !important;
}

.h45 {
    height: 2.8125rem !important;
}

.h50 {
    height: 3.125rem !important;
}

.h55 {
    height: 3.4375rem !important;
}

.h60 {
    height: 3.75rem !important;
}

.h65 {
    height: 4.0625rem !important;
}

.h70 {
    height: 4.375rem !important;
}

.h75 {
    height: 4.6875rem !important;
}

.h80 {
    height: 5rem !important;
}

.h85 {
    height: 5.3125rem !important;
}

.h90 {
    height: 5.625rem !important;
}

.h95 {
    height: 5.9375rem !important;
}

.h100 {
    height: 6.25rem !important;
}

.h150 {
    height: 9.375rem !important;
}

.h200 {
    height: 12.5rem !important;
}

.h250 {
    height: 15.625rem !important;
}

.h300 {
    height: 18.75rem !important;
}

.h350 {
    height: 21.875rem !important;
}

.h400 {
    height: 25rem !important;
}

.h450 {
    height: 28.125rem !important;
}

.h500 {
    height: 31.25rem !important;
}

/* margin, padding */
.mg0 {
    margin: 0 !important;
}

.mg5 {
    margin: 0.3125rem !important;
}

.mg10 {
    margin: 0.625rem !important;
}

.mg15 {
    margin: 0.9375rem !important;
}

.mg20 {
    margin: 1.25rem !important;
}

.mg25 {
    margin: 1.5625rem !important;
}

.mg30 {
    margin: 1.875rem !important;
}

.mg35 {
    margin: 2.1875rem !important;
}

.mg40 {
    margin: 2.5rem !important;
}

.mg45 {
    margin: 2.8125rem !important;
}

.mg50 {
    margin: 3.125rem !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: 0.3125rem;
}

.mt10 {
    margin-top: 0.625rem;
}

.mt15 {
    margin-top: 0.9375rem !important;
}

.mt20 {
    margin-top: 1.25rem !important;
}

.mt25 {
    margin-top: 1.5625rem !important;
}

.mt30 {
    margin-top: 1.875rem !important;
}

.mt35 {
    margin-top: 2.1875rem !important;
}

.mt40 {
    margin-top: 2.5rem !important;
}

.mt45 {
    margin-top: 2.8125rem !important;
}

.mt50 {
    margin-top: 3.125rem !important;
}

.mt55 {
    margin-top: 3.4375rem !important;
}

.mt60 {
    margin-top: 3.75rem !important;
}

.mt65 {
    margin-top: 4.0625rem !important;
}

.mt70 {
    margin-top: 4.375rem !important;
}

.mt75 {
    margin-top: 4.6875rem !important;
}

.mt80 {
    margin-top: 5rem !important;
}

.mt85 {
    margin-top: 5.3125rem !important;
}

.mt90 {
    margin-top: 5.625rem !important;
}

.mtm20 {
    margin-top: -1.25rem !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 0.3125rem !important;
}

.mb10 {
    margin-bottom: 0.625rem !important;
}

.mb15 {
    margin-bottom: 0.9375rem !important;
}

.mb20 {
    margin-bottom: 1.25rem !important;
}

.mb25 {
    margin-bottom: 1.5625rem !important;
}

.mb30 {
    margin-bottom: 1.875rem !important;
}

.mb35 {
    margin-bottom: 2.1875rem !important;
}

.mb40 {
    margin-bottom: 2.5rem !important;
}

.mb45 {
    margin-bottom: 2.8125rem !important;
}

.mb50 {
    margin-bottom: 3.125rem !important;
}

.mb60 {
    margin-bottom: 3.75rem !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml5 {
    margin-left: 0.3125rem !important;
}

.ml10 {
    margin-left: 0.625rem !important;
}

.ml15 {
    margin-left: 0.9375rem !important;
}

.ml20 {
    margin-left: 1.25rem !important;
}

.ml25 {
    margin-left: 1.5625rem !important;
}

.ml30 {
    margin-left: 1.875rem !important;
}

.ml35 {
    margin-left: 2.1875rem !important;
}

.ml40 {
    margin-left: 2.5rem !important;
}

.ml45 {
    margin-left: 2.8125rem !important;
}

.ml50 {
    margin-left: 3.125rem !important;
}

.ml60 {
    margin-left: 3.75rem !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mr5 {
    margin-right: 0.3125rem !important;
}

.mr10 {
    margin-right: 0.625rem !important;
}

.mr15 {
    margin-right: 0.9375rem !important;
}

.mr20 {
    margin-right: 1.25rem !important;
}

.mr25 {
    margin-right: 1.5625rem !important;
}

.mr30 {
    margin-right: 1.875rem !important;
}

.mr35 {
    margin-right: 2.1875rem !important;
}

.mr40 {
    margin-right: 2.5rem !important;
}

.mr45 {
    margin-right: 2.8125rem !important;
}

.mr50 {
    margin-right: 3.125rem !important;
}

.mr60 {
    margin-right: 3.75rem !important;
}

.pd0 {
    padding: 0 !important;
}

.pd5 {
    padding: 0.3125rem !important;
}

.pd10 {
    padding: 0.625rem !important;
}

.pd15 {
    padding: 0.9375rem !important;
}

.pd20 {
    padding: 1.25rem !important;
}

.pd25 {
    padding: 1.5625rem !important;
}

.pd30 {
    padding: 1.875rem !important;
}

.pd35 {
    padding: 2.1875rem !important;
}

.pd40 {
    padding: 2.5rem !important;
}

.pd45 {
    padding: 2.8125rem !important;
}

.pd50 {
    padding: 3.125rem !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pt5 {
    padding-top: 0.3125rem !important;
}

.pt10 {
    padding-top: 0.625rem !important;
}

.pt15 {
    padding-top: 0.9375rem !important;
}

.pt20 {
    padding-top: 1.25rem !important;
}

.pt25 {
    padding-top: 1.5625rem !important;
}

.pt30 {
    padding-top: 1.875rem !important;
}

.pt35 {
    padding-top: 2.1875rem !important;
}

.pt40 {
    padding-top: 2.5rem !important;
}

.pt45 {
    padding-top: 2.8125rem !important;
}

.pt50 {
    padding-top: 3.125rem !important;
}

.pt55 {
    padding-top: 3.4375rem !important;
}

.pt60 {
    padding-top: 3.75rem !important;
}

.pt65 {
    padding-top: 4.0625rem !important;
}

.pt70 {
    padding-top: 4.375rem !important;
}

.pt75 {
    padding-top: 4.6875rem !important;
}

.pt80 {
    padding-top: 5rem !important;
}

.pt85 {
    padding-top: 5.3125rem !important;
}

.pt90 {
    padding-top: 5.625rem !important;
}

.pt95 {
    padding-top: 5.9375rem !important;
}

.pt100 {
    padding-top: 6.25rem !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb5 {
    padding-bottom: 0.3125rem !important;
}

.pb10 {
    padding-bottom: 0.625rem !important;
}

.pb15 {
    padding-bottom: 0.9375rem !important;
}

.pb20 {
    padding-bottom: 1.25rem !important;
}

.pb25 {
    padding-bottom: 1.5625rem !important;
}

.pb30 {
    padding-bottom: 1.875rem !important;
}

.pb35 {
    padding-bottom: 2.1875rem !important;
}

.pb40 {
    padding-bottom: 2.5rem !important;
}

.pb45 {
    padding-bottom: 2.8125rem !important;
}

.pb50 {
    padding-bottom: 3.125rem !important;
}

.pb55 {
    padding-bottom: 3.4375rem !important;
}

.pb60 {
    padding-bottom: 3.75rem !important;
}

.pb65 {
    padding-bottom: 4.0625rem !important;
}

.pb70 {
    padding-bottom: 4.375rem !important;
}

.pb75 {
    padding-bottom: 4.6875rem !important;
}

.pb80 {
    padding-bottom: 5rem !important;
}

.pb85 {
    padding-bottom: 5.3125rem !important;
}

.pb90 {
    padding-bottom: 5.625rem !important;
}

.pb95 {
    padding-bottom: 5.9375rem !important;
}

.pb100 {
    padding-bottom: 6.25rem !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pl5 {
    padding-left: 0.3125rem !important;
}

.pl10 {
    padding-left: 0.625rem !important;
}

.pl15 {
    padding-left: 0.9375rem !important;
}

.pl20 {
    padding-left: 1.25rem !important;
}

.pl25 {
    padding-left: 1.5625rem !important;
}

.pl30 {
    padding-left: 1.875rem !important;
}

.pl35 {
    padding-left: 2.1875rem !important;
}

.pl40 {
    padding-left: 2.5rem !important;
}

.pl45 {
    padding-left: 2.8125rem !important;
}

.pl50 {
    padding-left: 3.125rem !important;
}

.pl55 {
    padding-left: 3.4375rem !important;
}

.pl60 {
    padding-left: 3.75rem !important;
}

.pl65 {
    padding-left: 4.0625rem !important;
}

.pl70 {
    padding-left: 4.375rem !important;
}

.pl75 {
    padding-left: 4.6875rem !important;
}

.pl80 {
    padding-left: 5rem !important;
}

.pl85 {
    padding-left: 5.3125rem !important;
}

.pl90 {
    padding-left: 5.625rem !important;
}

.pl95 {
    padding-left: 5.9375rem !important;
}

.pl100 {
    padding-left: 6.25rem !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pr5 {
    padding-right: 0.3125rem !important;
}

.pr10 {
    padding-right: 0.625rem !important;
}

.pr15 {
    padding-right: 0.9375rem !important;
}

.pr20 {
    padding-right: 1.25rem !important;
}

.pr25 {
    padding-right: 1.5625rem !important;
}

.pr30 {
    padding-right: 1.875rem !important;
}

.pr35 {
    padding-right: 2.1875rem !important;
}

.pr40 {
    padding-right: 2.5rem !important;
}

.pr45 {
    padding-right: 2.8125rem !important;
}

.pr50 {
    padding-right: 3.125rem !important;
}

.pr55 {
    padding-right: 3.4375rem !important;
}

.pr60 {
    padding-right: 3.75rem !important;
}

.pr65 {
    padding-right: 4.0625rem !important;
}

.pr70 {
    padding-right: 4.375rem !important;
}

.pr75 {
    padding-right: 4.6875rem !important;
}

.pr80 {
    padding-right: 5rem !important;
}

.pr85 {
    padding-right: 5.3125rem !important;
}

.pr90 {
    padding-right: 5.625rem !important;
}

.pr95 {
    padding-right: 5.9375rem !important;
}

.pr100 {
    padding-right: 6.25rem !important;
}

/* media query */
@media (min-width:64.0625rem) {
    html {
        font-size: 1rem;
    }

    ;
}

@media (max-width:64rem) {
    html {
        font-size: 0.9375rem;
    }

    ;
}

@media (max-width:48rem) {
    html {
        font-size: 0.9375rem;
    }

    ;
}

@media (max-width:26.25rem) {
    html {
        font-size: 0.9375rem;
    }

    ;
}

/* Moved from common.css - Spaces & Rounded */
.margin-0 {
    margin: 0 !important
}

.margin-left-0 {
    margin-left: 0
}

.margin-right-0 {
    margin-right: 0
}

.margin-left-5 {
    margin-left: 0.3125rem
}

.margin-right-5 {
    margin-right: 0.3125rem
}

.margin-left-10 {
    margin-left: 0.625rem
}

.margin-right-10 {
    margin-right: 0.625rem
}

.no-top-space {
    margin-top: 0;
    padding-top: 0
}

.no-bottom-space {
    margin-bottom: 0;
    padding-bottom: 0
}

.margin-top-0,
.margin-top-5,
.margin-top-10,
.margin-top-15,
.margin-top-20,
.margin-top-25,
.margin-top-30,
.margin-top-35,
.margin-top-40,
.margin-top-45,
.margin-top-50,
.margin-top-55,
.margin-top-60 {
    clear: both
}

.margin-top-0 {
    margin-top: 0 !important
}

.margin-top-5 {
    margin-top: 0.3125rem
}

.margin-top-10 {
    margin-top: 0.625rem
}

.margin-top-15 {
    margin-top: 0.9375rem
}

.margin-top-20 {
    margin-top: 1.25rem
}

.margin-top-25 {
    margin-top: 1.5625rem
}

.margin-top-30 {
    margin-top: 1.875rem
}

.margin-top-35 {
    margin-top: 2.1875rem
}

.margin-top-40 {
    margin-top: 2.5rem
}

.margin-top-45 {
    margin-top: 2.8125rem
}

.margin-top-50 {
    margin-top: 3.125rem
}

.margin-top-55 {
    margin-top: 3.4375rem
}

.margin-top-60 {
    margin-top: 3.75rem
}

.margin-bottom-0,
.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-15,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-45,
.margin-bottom-50,
.margin-bottom-55,
.margin-bottom-60 {
    clear: both
}

.margin-bottom-0 {
    margin-bottom: 0 !important
}

.margin-bottom-5 {
    margin-bottom: 0.3125rem
}

.margin-bottom-10 {
    margin-bottom: 0.625rem
}

.margin-bottom-15 {
    margin-bottom: 0.9375rem
}

.margin-bottom-20 {
    margin-bottom: 1.25rem
}

.margin-bottom-25 {
    margin-bottom: 1.5625rem
}

.margin-bottom-30 {
    margin-bottom: 1.875rem
}

.margin-bottom-35 {
    margin-bottom: 2.1875rem
}

.margin-bottom-40 {
    margin-bottom: 2.5rem
}

.margin-bottom-45 {
    margin-bottom: 2.8125rem
}

.margin-bottom-50 {
    margin-bottom: 3.125rem
}

.margin-bottom-55 {
    margin-bottom: 3.4375rem
}

.margin-bottom-60 {
    margin-bottom: 3.75rem
}

@media (max-width: 48rem) {
    .sm-margin-bottom-10 {
        margin-bottom: 0.625rem
    }

    .sm-margin-bottom-20 {
        margin-bottom: 1.25rem
    }

    .sm-margin-bottom-30 {
        margin-bottom: 1.875rem
    }

    .sm-margin-bottom-40 {
        margin-bottom: 2.5rem
    }

    .sm-margin-bottom-50 {
        margin-bottom: 3.125rem
    }

    .sm-margin-bottom-60 {
        margin-bottom: 3.75rem
    }
}

@media (max-width: 62rem) {
    .md-margin-bottom-10 {
        margin-bottom: 0.625rem
    }

    .md-margin-bottom-20 {
        margin-bottom: 1.25rem
    }

    .md-margin-bottom-30 {
        margin-bottom: 1.875rem
    }

    .md-margin-bottom-40 {
        margin-bottom: 2.5rem
    }

    .md-margin-bottom-50 {
        margin-bottom: 3.125rem
    }

    .md-margin-bottom-60 {
        margin-bottom: 3.75rem
    }
}

.margin-hr-5 {
    height: 1px;
    border-top: 1px dotted #e5e5e5;
    margin: 0.3125rem 0
}

.margin-hr-10 {
    height: 1px;
    border-top: 1px dotted #e5e5e5;
    margin: 0.625rem 0
}

.margin-hr-15 {
    height: 1px;
    border-top: 1px dotted #e5e5e5;
    margin: 0.9375rem 0
}

.margin-hr-20 {
    height: 1px;
    border-top: 1px dotted #e5e5e5;
    margin: 1.25rem 0
}

.margin-hr-25 {
    height: 1px;
    border-top: 1px dotted #e5e5e5;
    margin: 1.5625rem 0
}

.margin-hr-30 {
    height: 1px;
    border-top: 1px dotted #e5e5e5;
    margin: 1.875rem 0
}

.margin-hr-35 {
    height: 1px;
    border-top: 1px dotted #e5e5e5;
    margin: 1.5625rem 0
}

.margin-hr-40 {
    height: 1px;
    border-top: 1px dotted #e5e5e5;
    margin: 1.875rem 0
}

.padding-0 {
    padding: 0 !important
}

.padding-5 {
    padding: 0.3125rem !important
}

.padding-10 {
    padding: 0.625rem !important
}

.padding-15 {
    padding: 0.9375rem !important
}

.padding-20 {
    padding: 1.25rem !important
}

.padding-25 {
    padding: 1.5625rem !important
}

.padding-30 {
    padding: 1.875rem !important
}

.padding-35 {
    padding: 2.1875rem !important
}

.padding-40 {
    padding: 2.5rem !important
}

.padding-45 {
    padding: 2.8125rem !important
}

.padding-50 {
    padding: 3.125rem !important
}

.padding-55 {
    padding: 3.4375rem !important
}

.padding-60 {
    padding: 3.75rem !important
}

.padding-top-5 {
    padding-top: 0.3125rem
}

.padding-top-10 {
    padding-top: 0.625rem
}

.padding-top-15 {
    padding-top: 0.9375rem
}

.padding-top-20 {
    padding-top: 1.25rem
}

.padding-top-25 {
    padding-top: 1.5625rem
}

.padding-top-30 {
    padding-top: 1.875rem
}

.padding-top-35 {
    padding-top: 2.1875rem
}

.padding-top-40 {
    padding-top: 2.5rem
}

.padding-top-45 {
    padding-top: 2.8125rem
}

.padding-top-50 {
    padding-top: 3.125rem
}

.padding-top-55 {
    padding-top: 3.4375rem
}

.padding-top-60 {
    padding-top: 3.75rem
}

.padding-bottom-5 {
    padding-bottom: 0.3125rem
}

.padding-bottom-10 {
    padding-bottom: 0.625rem
}

.padding-bottom-15 {
    padding-bottom: 0.9375rem
}

.padding-bottom-20 {
    padding-bottom: 1.25rem
}

.padding-bottom-25 {
    padding-bottom: 1.5625rem
}

.padding-bottom-30 {
    padding-bottom: 1.875rem
}

.padding-bottom-35 {
    padding-bottom: 2.1875rem
}

.padding-bottom-40 {
    padding-bottom: 2.5rem
}

.padding-bottom-45 {
    padding-bottom: 2.8125rem
}

.padding-bottom-50 {
    padding-bottom: 3.125rem
}

.padding-bottom-55 {
    padding-bottom: 3.4375rem
}

.padding-bottom-60 {
    padding-bottom: 3.75rem
}

.rounded {
    border-radius: 0.125rem !important
}

.rounded-x {
    border-radius: 50% !important
}

.rounded-2x {
    border-radius: 0.3125rem !important
}

.rounded-3x {
    border-radius: 0.625rem !important
}

.rounded-4x {
    border-radius: 0.9375rem !important
}

.rounded-5x {
    border-radius: 1.25rem !important
}