/* materialize table format */

body {
    color: #555555;
    font-family: 'Yantramanav', sans-serif;
}

*, *::before, *::after {
    box-sizing: inherit;
}

a {
    color: #555555;
    text-decoration: none;
    background-color: transparent;
}

a:active, a:hover {
    outline: 0;
}

table, th, td {
    border: none;
}


table {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

h5 {
    font-size: 1.64rem;
    line-height: 110%;
    margin: 0.82rem 0px 0.656rem;
}

img.responsive-img, video.responsive-video {
    max-width: 100%;
    height: auto;
}

table.bordered > thead > tr, table.bordered > tbody > tr {
    border-bottom: 1px solid #d0d0d0;
}

table.striped > tbody > tr:nth-child(odd) {
    background-color: #f2f2f2;
}

table.striped > tbody > tr > td {
    border-radius: 0;
}

table.highlight > tbody > tr {
    -webkit-transition: background-color .25s ease;
    -moz-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    -ms-transition: background-color .25s ease;
    transition: background-color .25s ease;
}

table.highlight > tbody > tr:hover {
    background-color: #f2f2f2;
}

table.centered thead tr th, table.centered tbody tr td {
    text-align: center;
}

thead {
    border-bottom: 1px solid #D0D0D0;
}

td, th {
    padding: 15px 5px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 2px;
}

ul {
    list-style-type: none;
    padding: 0;
}



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



/* set max with to avoid long width */

#content {
    max-width: 1000px;
}

.full-width {
    width: 100%;
    max-width: 100%;
}

.centered-width {
    max-width: 1280px;
}

#top-title {
    background-color: #91b198;
    margin-top: 48px;
    height: 64px;
    max-height: 64px;
    color: #ffffff;
    padding: 0 16px;
}

@media (min-width: 960px) {
    #top-title {
        margin-top: 64px;
        margin-left: 160px;
    }
}

#main-content {
    max-width: 1200px;
    overflow: visible;
}

#sub-content {
    margin-top: 70px;
}

/* mdicon font awesome */

md-icon[md-font-icon] {
    height: auto;
}

.md-toolbar-tools .md-button {
    font-size: 0.8rem;
    padding: 0px 15px;
}

@media (min-width: 960px) {
    md-card {
        min-width: 500px;
    }
}

/* sidebar */

.md-toolbar-tools h1 {
    font-size: inherit;
    font-weight: inherit;
    margin: inherit;
}

md-sidenav.md-locked-open {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
}

.md-open-menu-container {
    z-index: 1001;
}

#logo {

}

.profile-img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 3px solid rgba(0,0,0,.14);
    box-sizing: content-box;
}

/* navigation bar on top */

#topbar {
    z-index: 1000;
    position: fixed;
}

#top-nav {
    margin: 0;
    padding: 0;
    line-height: 64px;
}
#top-nav ul {
    margin: 0;
}

#top-nav ul li {
    transition: background-color 0.3s ease 0s;
    float: left;
    padding: 0;
}

#top-nav ul li:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

#top-nav ul a {
    font-size: 0.9rem;
    color: #FFF;
    display: block;
    padding: 0px 15px;
}



#left-sidebar {
    position: fixed;
    z-index: 999;
    height: auto;
}

md-toast {
    margin-top: 80px;
    position: fixed;
}


@media (min-width: 960px) {
    #main-content {
        margin-left: 160px;
    }
}

/* footer */

#footer, #copyright {
    background-color: #5E5E5E;
}
#copyright, #footer, #footer a {
    color: #ffffff;
}

#footer .inner-box {
    max-width: 1280px;
    margin:auto;
}


/* home cards */
#profileCard {
    background-color: #7895A4;
}

#profileCard .left-part {
    background-color: #335C64;
    padding: 16px;
    max-height: 100%;
}

#profileCard .right-part {
    padding: 16px;
}

#profileCard .label {
    font-size: 12px;
}

#profileCard .label-value1 {
    font-size: 48px;
    background-color: #24420E;
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 20px;
}

#profileCard .label-value2 {
    font-size: 20px;
}


#recentCard {
    background-color: #B6D994;
}

#recentCard .top-part {
    background-color: #79A96F;
    padding: 16px;
}

#recentCard .bottom-part {
    color: #000000;
    padding: 16px;
}

#recentCard .label {
    font-size: 12px;
    padding: 0 10px;
}

#recentCard .label-value1 {
    font-size: 20px;
    margin-bottom: 20px;
    padding: 0 2px;
}

#recentCard .label-value2 {
    font-size: 36px;
    padding: 0 10px;
}

#recentCard .top-part .label {
    padding: 0 2px;
}


#overallCard {
    background-color: #737144;
}

#overallCard td {
    padding: 0;
}

#overallCard .left-part {
    padding: 16px;
}

#overallCard .right-part {
    padding: 30px 16px;
}

#overallCard .label {
    font-size: 12px;
}

#overallCard .label-value1 {
    font-size: 32px;
    margin-bottom: 10px;
}

#overallCard .label-value2 {
    font-size: 30px;
    padding: 8px;
    border-radius: 10px;
    background-color: #24420E;
}

#weatherCard {
    background-color: #626CB2;
    padding: 16px;
}

#weatherCard .label {
    font-size: 12px;
}

#weatherCard .label-value1 {
    font-size: 28px;
    margin-bottom: 10px;
    line-height: 9px;
}

#weatherCard .label-value2 {
    font-size: 30px;
}

.home-cards {
    color: #fff;
    text-align: center;
    margin: 10px;
}

@media (min-width: 600px) {
    .home-cards {
        min-width: 500px;
    }
}

/* weather */

@font-face {
    font-family: 'weather';
    src: url('/fonts/weather/weather-webfont.eot');
    src: url('/fonts/weather/weather-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/weather/weather-webfont.woff') format('woff'),
    url('/fonts/weather/weather-webfont.ttf') format('truetype'),
    url('/fonts/weather/weather-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}


.weather-icon {
    color: #fff;
    font-family: weather;
    font-size: 150px;
    font-weight: normal;
    font-style: normal;
    line-height: 0.5;
}

#weatherCard .weather-icon {
    font-size: 300px;
}


.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }



/* pagination */

.pagination li {
    float: left;
    font-size: 1.2rem;
    padding: 0px 10px;
    line-height: 30px;
    border-radius: 2px;
    text-align: center;
}

.pagination li.disabled a {
    cursor: default;
    color: #999;
}

.pagination li.active a {
    color: #FFF;
}

.pagination li.active {
    background-color: #81A689;
}


/* golf score */
.golf-form-entry input {
    border: 1px solid;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    width: 100%
}

.golf-form-entry td, .golf-form-entry th {
    padding: 5px 5px;
}

.label-font {
    font-size: 0.7em;
    color: rgba(0,0,0,0.54);
}

/* fix shadow in course name box */
.md-whiteframe-z1 {
    box-shadow: none;
}