/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/css/common.css ***!
  \************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: "Font Menu";
    src: url('ubuntu_medium.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Font Button";
    src: url('ubuntu_medium.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Font Regular";
    src: url('ubuntu_regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Font H2";
    src: url('ubuntu_bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Font Bold";
    src: url('ubuntu_bold.ttf');
    font-weight: normal;
    font-style: normal;
}

* {
    padding: 0;
    margin: 0;
}

html {
    min-width: 360px;
}

html, body {
    width: 100%;
    height: auto;
}

body {
    background: #1B1B1B;
    position: relative;
    font: normal 16px/22px 'Font Regular', sans-serif;
}

.wrapper, .noselect {
    -webkit-user-select: none;
    user-select: none;
}

.selectable, p, h1, h2, h3, h4 {
    -webkit-user-select: initial !important;;
    user-select: initial !important;;
}

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

.wrapper {
    padding: 24px 150px;
}

@media (max-width: 900px) {
    .wrapper {
        padding: 24px 36px;
    }
}

@media (max-width: 640px) {
    .wrapper {
        padding: 24px 16px;
    }
}

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/css/forms.css ***!
  \***********************************************************************************************************************************************************************************************************/
form {
    width: auto;
    align-content: center;
    margin: 0 auto;
    background-color: #FFF;
    box-shadow: none;
    text-align: left;
    border-radius: 12px;
    padding: 40px 98px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media (max-width: 640px ) {
    form {
        width: 328px;
        border-radius: 12px;
        padding: 40px 24px;
    }
}

form .title {
    margin-bottom: 24px;
    text-align: center;
    font: normal 38px/44px 'Font H2', sans-serif;
}

@media (max-width: 640px ) {
    form .title {
        font: normal 24px/32px 'Font H2', sans-serif;
    }
}

form .button {
    display: block;
    height: 48px;
    background: linear-gradient(180deg, #F8AC13 0%, #E86C12 100%);
    border-radius: 4px;
    width: 100%;
    color: #ffffff;
    font: normal 20px/24px 'Font Button', sans-serif;
    margin-top: 36px;
    border: none;
    cursor: pointer;
}

form span.link, form a.link {
    text-decoration: underline;
    cursor: pointer;
    color: #BDBDBD !important;
}

form span.link.important, form a.link.important {
    color: #515151 !important;
}

form .label {
    font-size: 12px;
    color: #BDBDBD
}

form .text {
    color: #BDBDBD;
}

form .field, form .field.ng-invalid.ng-touched:focus {
    display: block;
    width: 100%;
    font-size: 18px;
    height: 38px;
    border: none;
    border-bottom: 1px solid #1D1D1D66;
    box-sizing: border-box;
    margin-bottom: 24px;
    outline: none;
}

form .field.ng-invalid.ng-touched {
    border-bottom: 1px solid #D33838;
}

form .password-input {
    position: relative;
}

form .password-toggle {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23BDBDBD' viewBox='0 0 16 16'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z'/%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E") no-repeat;
    background-size: cover;
    position: absolute;
    top: 9px;
    right: 8px;
    width: 20px;
    height: 20px;
}

form .password-toggle.password-visible {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23BDBDBD' viewBox='0 0 16 16'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/%3E%3Cpath d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z'/%3E%3C/svg%3E") no-repeat;
    background-size: cover;
}

form .password-input input {
    padding-right: 32px;
}

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/css/alert.css ***!
  \***********************************************************************************************************************************************************************************************************/
.alert {
    padding: 8px 16px;
    margin: 24px 0px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-dismissible .btn-close {
    float: right;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: .5;
}

.btn-close:hover, .btn-close:focus {
    color: #000000;
    text-decoration: none;
    opacity: 0.75;
    filter: alpha(opacity=50);
}

.alert-success {
    background-color: #E2F3E5;
    border-color: #3F8A4E;
    color: #1D1D1DBF;
}

.alert-info {
    background-color: #DBEFF3;;
    border-color: #2997AD;
    color: #1D1D1DBF;
}

.alert-warning {
    background-color: #FDF0D6;
    border-color: #ECB13C;
    color: #1D1D1DBF;
}

.alert-danger {
    background-color: #F6D7D7;
    border-color: #D33838;
    color: #1D1D1DBF;
}

.fade {
    transition: opacity .15s linear;
}

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/css/round.css ***!
  \***********************************************************************************************************************************************************************************************************/
.round {
    outline: none;
}

.round .loading-spinner {
    text-align: center;
}

.round .loading-spinner > img {
    display: inline-block;
    width: 48px;
    margin: 64px 0;
}

.round .common-error-container {
    font: normal 44px/58px 'Font H2', sans-serif;
    margin: 128px auto;
    max-width: 640px;
    color: #fff;
    text-align: center;
}

@media (max-width: 640px ) {
    .round .common-error-container {
        font-size: 36px;
    }
}

.round .map-container {
    position: relative;
}

.round .round-map {
    height: 320px;
    overflow: hidden;
    position: relative;
    background-color: rgb(229, 227, 223);
}

.round .hole-info-overlay {
    position: absolute;
    padding: 8px;
    background: #2B2B2B;
    border-radius: 8px;
    overflow: hidden;
    top: 24px;
    left: 24px;
}

.round .hole-info-overlay > div {
    display: inline-block;
}

.round .hole-info-overlay .label {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.4);
    padding: 0 8px;
}

.round .hole-info-overlay .value {
    font-size: 24px;
    color: #FFFFFF;
    padding: 0 8px;
    text-align: center;
}

.round .map-control {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: #ffffff;
    border-radius: 3px;
}

.round .arrow-left {
    position: absolute;
    left: 24px;
    top: 50%;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAWCAQAAABTL8XWAAABCklEQVQY01WRvy9DARSFb6mkKlGiiUTSySIMBpHY32KwiY3B3kn8B00MEgYLsy6CRcyIAWGyiGAydDAI/ZH0pX3fuRav7/WOX86959x7zfoqnOGeZh/ygqoK1UghjVKhTkOVBA1rk5raVDURN2a6AQ+CWy16JtZNc0abD636UKwrckBdNZU1EqO8tvhWXXvJtAGt6E1wobnEtcSdIl4V+GAPcqKIL230PM3MtKsuVz2Df+URbVrs+3h636KfKuQn2vZCAjO+wDXwrnXPJTirZZ7p8KjAswnO+RovdLnRUiqY56Myn0ScazYVTpPs0KClQx9LGarEMSG/qSObmWmKSzp97zAz0zxPNP8Au6W4WBFEa+EAAAAASUVORK5CYII=) no-repeat center;
}

.round .arrow-right {
    position: absolute;
    right: 24px;
    top: 50%;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAWCAQAAABTL8XWAAABBElEQVQY01WRPS8EYRSF32GF2GIXkYhINBobhYLoUahEJCqtTlT8gk0ohEpBK6HaiEYpqxJEo9piSgmdMDtix84856rMxy2f3I9z7nGEPP/OumKpTZcbjRcgdb6IdKEJ81JoVZ3yTagDG8ugp5oaJLwmOypnuFcLNIlp2Yb6M1zSEk90edGKlTI8oE18UFNz+YMV7fKpiIZGc+JsiGOFdDgrGilzq1iHPblOz627GefZZF7YIi0l3P9kUDWuhfx41f6nNaIjAj6SPRtMD2ibN9qcpHKsz9bw1eFKU9lD5rkTPNpy6kXDOleH92Qr3eac6goI2LdKIQ5FXFq1GEfIg6aLuf0B0sGzHZlECRgAAAAASUVORK5CYII=) no-repeat center;
}

.round .round-info {
    color: #ffffff;
    margin-bottom: 36px;
}

.round .round-info .title {
    font: normal 36px/36px 'Font H2', sans-serif;
}

.round .round-info .subtitle {
    color: #8E8E8E;
}

.round .round-info .item {
    margin-right: 16px;
}

.round .units {
    display: inline-block;
    pointer-events: auto;
}

.round .units a {
    color: #ffffff !important;
}

.round .content {
    background-color: #FAFAFA;
    border-radius: 12px;
    box-sizing: border-box;
    overflow: clip;
}

.round .scorecard {
    color: rgba(29, 29, 29, 0.75);
    page-break-inside: avoid;
    padding: 24px;
}

.round .scorecard .row {
    display: flex;
    flex-flow: row nowrap;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    background: #F9F9F9;
}

.round .scorecard .row > div {
    flex: 1 0 30px;
    display: inline-block;
    font: normal 18px/32px 'Font Regular', sans-serif;
    text-align: center;
    padding: 5px 0;
    box-sizing: border-box;
}

.round .scorecard .row > div.title {
    flex: 2 0 80px;
    font: normal 18px/32px 'Font Bold', sans-serif;
    text-align: left;
    padding-left: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.round .scorecard .row > div.sub-total {
    font: normal 18px/32px 'Font Bold', sans-serif;
    flex: 2 0 40px;
}

.round .scorecard .row > div.total {
    font: normal 18px/32px 'Font Bold', sans-serif;
    flex: 2 0 50px;
}

.round .scorecard .cell > div {
    width: 28px;
    height: 28px;
    white-space: nowrap;
    box-sizing: border-box;
    margin: auto;
    vertical-align: middle;
    display: inline-block;
    line-height: 28px;
}

.round .scorecard .title.cell > div,
.round .scorecard .sub-total.cell > div,
.round .scorecard .total.cell > div {
    width: auto;
}

.round .scorecard .row .cell .alt-value {
    font-size: 12px;
}

.round .scorecard .row > div {
    border-left: 1px solid #1D1D1D33;
    border-top: 1px solid #1D1D1D33;
}

.round .scorecard .row > div:last-child {
    border-right: 1px solid #1D1D1D33;
}

.round .scorecard .card {
    margin-bottom: 24px;
    border-bottom: 1px solid #1D1D1D33;
}

.round .scorecard .row.holes {
    background-color: #EFEFEF;
}

.round .scorecard .row.pars {
    background-color: #FFFFFF;
}

.round .scorecard .row.score {
    background-color: #FFFFFF;
}

.round .scorecard .player-panel {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    background: #EFEFEF;
    padding: 8px 12px;
    border: 1px solid #1D1D1D33;
    border-bottom: none;
}

.round .scorecard .player-panel div {
    font: normal 12px/12px 'Font Regular', sans-serif;
}

.round .scorecard .player-info {
    margin-left: 12px;
}

.round .scorecard .player-panel .player-name {
    font: normal 18px/24px 'Font Bold', sans-serif;
}

.round .scorecard .card-group-name {
    font: normal 18px/24px 'Font Bold', sans-serif;
    margin-bottom: 16px;
}

.round .scorecard .player-panel .flex-spacer {
    flex: 1 1 0;
}

.round .scorecard .player-panel .total-score {
    font: normal 32px/32px 'Font Bold', sans-serif;
}

.round .scorecard .player-panel .over-par {
    font-size: 14px;
    color: #D33838;
}

.round .scorecard .player-panel .under-par {
    font-size: 14px;
    color: #3F8A4E;
}

.round .scorecard .cell-square-solid {
    background-color: #555;
    border-radius: 2px;
    color: #ffffff;
}

.round .scorecard .cell-square {
    border: 2px solid #555;
    border-radius: 2px;
    line-height: 24px !important;
    color: #000000;
}

.round .scorecard .cell-circle-solid {
    background-color: #555;
    border-radius: 50%;
    color: #ffffff;
}

.round .scorecard .cell-circle {
    border-radius: 50%;
    border: 2px solid #555;
    line-height: 24px !important;
    color: #000000;
}

.round .scorecard .ball-pickup {
    background: url('pick-up.svg') no-repeat center center;
    background-size: cover;
    color: #000000;
    height: 100%;
}

.round .scorecard .handicap {
    position: absolute;
    top: -1px;
    line-height: 3px;
}

.round .scorecard .handicap > div {
    border: 2px solid black;
    border-radius: 50%;
    display: inline-block;
    background-color: black;
    margin: 0 0 0 1px;
}

.round .scorecard .handicap.negative > div {
    border-color: #FF2631;
}

.round .scorecard .cell-gir {
    background-size: cover;
    background: url('gir.svg') no-repeat center center;
    color: #000000;
    height: 100%;
}

.round .scorecard .fw-cell {
    background-size: cover;
    color: #000000;
    height: 100%;
}

.round .scorecard .fw-hit {
    background: url('fairway-hit.svg') no-repeat center center;
}

.round .scorecard .fw-left {
    background: url('fairway-left.svg') no-repeat center center;
}

.round .scorecard .fw-right {
    background: url('fairway-right.svg') no-repeat center center;
}

.round .scorecard .fw-long {
    background: url('fairway-long.svg') no-repeat center center;
}

.round .scorecard .fw-short {
    background: url('fairway-short.svg') no-repeat center center;
}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/


/*# sourceMappingURL=styles.css.map*/