﻿body {
    padding-top: 0px;
    padding-bottom: 20px;
    font-size: 14px;
    font-family: Arial, Verdana, Geneva, Tahoma, sans-serif;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #777;
    border-color: #fff
}








.table_bordered {
    border: none #dddddd 3px;
    /*-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;*/
    -webkit-box-shadow: 0 1px 1px #eee;
    -moz-box-shadow: 0 1px 1px #eee;
    box-shadow: 0 1px 1px #eee;
    color: black;
}

    .table_bordered tr {
        background-color: #f9f9f9;
    }

        .table_bordered tr:hover {
            background: #fbf8e9;
            -o-transition: all 0.1s ease-in-out;
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            -ms-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
        }

    .table_bordered th {
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
    }

    .table_bordered td {
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 2px;
        padding-bottom: 2px;
        vertical-align: top;
    }

.table_bordered_td_highlight {
    background-color: #fbf8e9;
    background: #fbf8e9;
}

.table_bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

    .table_bordered td:first-child, .table_bordered th:first-child {
        border-left: none;
    }

    .table_bordered th:first-child {
        /*-moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;*/
    }

    .table_bordered th:last-child {
        /*-moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;*/
    }

    .table_bordered th:only-child {
        /*-moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;*/
    }

.table_bordered tr:last-child td:first-child {
    /*-moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;*/
}

.table_bordered tr:last-child td:last-child {
    /*-moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;*/
}










smart-grid {
    height: auto;
    width: 60%;
}

smart-grid-row {
    height: 40px;
    font-size: 16px;
}

smart-grid-column {
    font-size: 14px;
}

    smart-grid-column .smart-icon {
        font-family: 'FontAwesome';
        font-size: 16px;
    }

smart-grid-cell .custom-icon {
    margin-left: 4px;
    margin-right: 4px;
    font-family: 'FontAwesome';
}





