#weather-cards
{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	color: #55595c;
	font-size: medium;
}
#weather-cards .container_0
{
	display: flex; 
	flex-direction: row;
	justify-content: space-evenly;
	padding: 10px 0;
}

#weather-cards .height-150 {  height: 150px !important; }
#weather-cards .height-120 { height: 120px !important; }
#weather-cards .height-100 { height: 100px !important; }
#weather-cards .rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important;
}


/* Bootstrap 3 Adjustment */
#weather-cards *, ::after, ::before {
    box-sizing: border-box;
}
#weather-cards .card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}
#weather-cards .p-0 { padding: 0!important; }
#weather-cards .border-0 { border: 0!important; }

#weather-cards .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
#weather-cards .card-footer {
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125);
}

#weather-cards .float-left { float: left!important; }
#weather-cards .float-right { float: right!important; }
#weather-cards .align-middle { vertical-align: middle!important; }
#weather-cards .text-center { text-align: center !important; }

/* direct and concice version of app-assets/css/bootstrap-extended.css */
#weather-cards .font-small-1 { font-size: 1rem !important; }
#weather-cards .font-medium-4 { font-size: 2.4rem !important; }
#weather-cards .font-large-1 { font-size: 3rem !important; }
#weather-cards .font-large-3 { font-size: 6rem !important; }
#weather-cards .text-bold-500 { font-weight: 500; }
#weather-cards .text-bold-600 { font-weight: 600; }

#weather-cards .card {
	margin-bottom: 0;
    border: none;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .05);
}
#weather-cards .card-body {
	display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
#weather-cards .weather-details {
	height: 120px;
}
#weather-cards .card-footer {
    border-top: 1px solid #eee;
}

#weather-cards .table td, #weather-cards .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
#weather-cards .table th, 
#weather-cards .table td {
	padding: 1.2rem 2.4rem;
}

#weather-cards .table-bordered {
    border: 1px solid #e3ebf3;
} 	
#weather-cards .table-bordered th, 
#weather-cards .table-bordered td {
    border: 1px solid #e3ebf3;
}

/* direct and concice version of app-assets/css/components.css */
#weather-cards .block {
    display: block;
    width: 100%;
}
#weather-cards .display-table-cell {
    display: table-cell !important;
}
#weather-cards .mb-0, .my-0 {
    margin-bottom: 0!important; 
}

/* direct and concice version of app-assets/css/colors.css */
.amber.darken-2 { color: #ffa000 !important; }
.amber.darken-4 { color: #ff6f00 !important; }
.amber.lighten-1 { color: #ffca28 !important; }
.amber.lighten-4 { color: #ffecb3 !important; }
.bg-amber.bg-lighten-4 {  background-color: #ffecb3 !important; }
.bg-amber.bg-lighten-4.bg-glow
{
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 236, 179, .6);
	box-shadow: 0 1px 20px 1px rgba(255, 236, 179, .6);
}
.blue { color: #2196f3 !important; }
.blue.lighten-1 { color: #42a5f5 !important; }
.blue.lighten-2 { color: #64b5f6 !important; }
.blue.lighten-3 { color: #90caf9 !important; }
.blue.lighten-4 { color: #bbdefb !important; }
.bg-blue.bg-lighten-4 { background-color: #bbdefb !important; }
.blue.darken-2 { color: #1976d2 !important; }
.blue.darken-4 {  color: #0d47a1 !important; }
.blue-grey.darken-3 { color: #37474f !important; }
.blue-grey.darken-4 { color: #263238 !important; }
.blue-grey.lighten-2 { color: #90a4ae !important; }
.bg-blue-grey.bg-lighten-2 { background-color: #90a4ae !important; }
.bg-blue-grey.bg-lighten-2.bg-glow
{
    -webkit-box-shadow: 0 1px 20px 1px rgba(144, 164, 174, .6);
	box-shadow: 0 1px 20px 1px rgba(144, 164, 174, .6);
}
.blue-grey.lighten-3 { color: #b0bec5 !important; }
.bg-blue-grey.bg-lighten-3 { background-color: #b0bec5 !important; }
.bg-blue-grey.bg-lighten-3.bg-glow
{
    -webkit-box-shadow: 0 1px 20px 1px rgba(176, 190, 197, .6);
    box-shadow: 0 1px 20px 1px rgba(176, 190, 197, .6);
}
.blue-grey.lighten-4 { color: #cfd8dc !important; }
.bg-blue-grey.bg-lighten-4 { background-color: #cfd8dc !important; }
.bg-blue-grey.bg-lighten-4.bg-glow
{
    -webkit-box-shadow: 0 1px 20px 1px rgba(207, 216, 220, .6);
    box-shadow: 0 1px 20px 1px rgba(207, 216, 220, .6);
}
.blue-grey.lighten-5{color: #eceff1 !important;}
.bg-blue-grey.bg-lighten-5{background-color: #eceff1 !important;}
.bg-blue-grey.bg-lighten-5.bg-glow
{
    -webkit-box-shadow: 0 1px 20px 1px rgba(236, 239, 241, .6);
    box-shadow: 0 1px 20px 1px rgba(236, 239, 241, .6);
}
.grey { color: #9e9e9e !important; }
.grey.lighten-1 { color: #bdbdbd !important; }