/*** draggables ***/

.draggable {
    color: #fff;
    background-color: #219eab;
    width: 100px;
    height: 60px;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    padding: 10px;
    cursor: pointer;
}

.alert h4 {
    margin-top: 10px;
}

.weather-map {
    margin-bottom: 20px;
}


/*imported svg fix for IE */
.weather-map img {
    width: 100%;
}

.svg-container {
    height: 0;
    width: 100%;
    padding-top: 34%;
    /* apply a padding using the following formula (svg height/svg width) * width value for responsive svg in ie */
    position: relative;
    margin-bottom: 20px;
}

svg {
    position: absolute;
    top: 0;
    left: 0;
}

/*Page 2*/
/*column widths for 2nd table*/
.first-column-table {
    width: 11% !important;
}

.second-column-table {
    width: 15% !important;
}

.third-column-table {
    width: 18% !important;
}

.fourth-column-table {
    width: 20% !important;
    color: red;
}

/*** Breakpoints ***/

/* Extra Small Devices, Phones */
@media(min-width : 480px) {}

/* Small Devices, Tablets */
@media(min-width : 768px) {}

/* Desktop */
@media(min-width: 992px) {}

/* Large Desktop */
@media(min-width: 1200px) {}