﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behaviour where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.main-header {
    background: url(../Images/home-banner.jpg);
    height: 644px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-workers {
    background: url(../Images/TMProfull.jpg);
    height: 700px;
    background-attachment: local;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.salus-coin {
    background: url(../Images/SALUS-coin.jpg);
    height: 228px;
    /*width: auto;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top;
}

#alertedDevicesTable {
    border-left: none;
    border-right: none;
}

    #alertedDevicesTable thead th {
        text-transform: uppercase;
        font-size: 12px;
    }

        #alertedDevicesTable thead th.issue {
            min-width: 50px;
        }

        #alertedDevicesTable thead th.device-id {
            min-width: 170px;
        }

        #alertedDevicesTable thead th.time {
            min-width: 110px;
        }

        #alertedDevicesTable thead th .heading {
            float: left;
        }

            #alertedDevicesTable thead th .heading i {
                margin-right: 10px;
                color: #2ecc71;
                font-size: 18px;
                position: relative;
                top: 2px;
            }

            #alertedDevicesTable thead th .heading span {
                position: relative;
                top: -2px;
            }

    #alertedDevicesTable tbody tr:hover {
        background-color: #2ecc71;
        color: #ffffff;
    }

    #alertedDevicesTable .table-image {
        text-align: center;
        position: relative;
        background-color: #ffffff;
    }

    #alertedDevicesTable .table-links {
        width: 100px;
    }

        #alertedDevicesTable .table-links .icon {
            display: inline-block;
            margin-top: 3px;
            margin-bottom: 3px;
        }

            #alertedDevicesTable .table-links .icon a {
                color: #000000;
                padding-top: 2px;
                background-color: #e6e6e6;
                display: block;
                width: 30px;
                height: 30px;
                text-align: center;
                border-radius: 100%;
            }

                #alertedDevicesTable .table-links .icon a:hover {
                    background-color: #000000;
                    color: #ffffff;
                }

/* Set width on the form input elements since they're 100% wide by default 
input,
select,
textarea {
    max-width: 280px;
}
*/