﻿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 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;
}

/*Home page*/
.homeScreenButtons {
    margin-left: 15px;
    /*background-color: royalblue;*/
}

/*Form Validation*/
.my-error-class {
    color: #FF0000; /* red */
}

.my-valid-class {
    color: #00CC00; /* green */
}

/*Overwriting Bootstrap jumbotron*/
 .jumbotron {
    padding-top: 5px;   
    padding-top: 10px;
  }

 /*Space between buttons*/
 .buttonDivider{
    /*width:20px;
    height:auto;
    display:inline-block;*/
    margin-left: 10px;
}

.btn-group > .btn:first-child {
     margin-left: 10px;
}

/*Maintenance Screen*/
.maintenanceButtons {
    margin-left: 15px;
    /*background-color: royalblue;*/
}

.maintenanceButtonsDr {
    margin-left: 15px;    
    /*background-color: royalblue;*/
}

/*Overwriting Bootstrap .checkbox label*/
.checkbox label {
    min-height: 20px;
    /*padding-left: 20px;*/
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

/*Overwriting jquery-ui.css*/
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
    z-index: 99999 !important;
}

@media (max-width: 768px) {
    .homeScreenButtons {
        width: 100px;
        margin-left: 15px;
        font-size: small;
        margin-bottom: 20px;
        /*background-color: royalblue;*/
    }

    .maintenanceButtons {
        width: 150px;
        margin-left: 15px;
        font-size: small;
        margin-bottom: 20px;
        /*background-color: royalblue;*/
    }

    .maintenanceButtonsDr {
      
        margin-left: 15px;
        font-size: small;
        margin-bottom: 20px;
        /*background-color: royalblue;*/
    }



    .homeTitle {
        font-size: x-large;
    }
}

.buttonColor{
    background-color: royalblue;    
}

.searchControls {
    font-weight: 600;
}

@media (min-width: 768px) {
    .recordEntryLabels {
        text-align: right;
        font-weight: bold;
        margin-right: 5px;
    }
    .recordEntryRows {
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .recordEntryLabels {       
        font-weight: bold;
        margin-right: 5px;
    }
}

    @media (min-width: 768px) {
        .recordEntries {
            float: left
        }
    }

.top10table table {
    font-family: verdana,arial,sans-serif;
    font-size: 13px;
    color: #333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}

.top10table table th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #dedede;
}

.top10table table td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
}

    /*@media (min-width: 768px) {
    .homeScreenButtons {
        width: 100px;
        margin-left: 15px;
        font-size: small;
        margin-bottom: 20px;
    }
}*/
