body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 500px;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;  
}*/

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.Display-None {
    display: none;
}

.gridadd, .gridedit, .gridApproveExpense {
    width: 28px;
    height: 20px;
}

.griddelete {
    width: 28px;
    height: 20px;
}

.top-bottom-spacer {
    height: 20px;
}

.middle-spacer {
    height: 15px;
}


.tds-section-label {
    text-align: left;
    vertical-align: top;
    width: 15%;
}

    .tds-section-label label {
    }


.tds-section-control {
    text-align: left;
    vertical-align: top;
    width: 18%;
}

.dropdown-control {
    width: 280px;
    padding: 4px;
    border: 1px solid #AAA;
    border-radius: 3px;
    box-shadow: -1px 1px #F2F2F2;
    background: none repeat scroll 0% 0% #F9F9F9;
}


.col-md-10 input[type="text"], input[type="date"], textarea, .col-md-10 input[type="password"], input[type="number"] {
    width: 280px;
    padding: 4px;
    border: 1px solid #AAA;
    border-radius: 3px;
    box-shadow: -1px 1px #F2F2F2;
    background: none repeat scroll 0% 0% #F9F9F9;
}

.tds-section-control input[type="text"] {
    width: 180px;
    padding: 4px;
    border: 1px solid #AAA;
    border-radius: 3px;
    box-shadow: -1px 1px #F2F2F2;
    background: none repeat scroll 0% 0% #F9F9F9;
}

.tds-section-control select {
    width: 180px;
    padding: 1px;
    border: 1px solid #AAA;
    border-radius: 3px;
    box-shadow: -1px 1px #F2F2F2;
    background: none repeat scroll 0% 0% #F9F9F9;
}

.tds-section-control input[type="date"] {
    width: 180px;
    border: 1px solid lightgray;
    padding: 2px;
}

.tds-section-control textarea {
    width: 180px;
    padding: 4px;
    border: 1px solid #AAA;
    border-radius: 3px;
    box-shadow: -1px 1px #F2F2F2;
    background: none repeat scroll 0% 0% #F9F9F9;
}

.tds-section-control input[type="number"] {
    width: 180px;
    border: 1px solid lightgray;
    padding: 2px;
}



.select-style {
    width: 180px;
    border: 1px solid lightgray;
    height: 24px;
}

.tds-section-spacer {
    text-align: left;
    width: 0.5%;
}


.text-button {
    background-color: Transparent;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    color: #428bca;
    text-decoration: none;
    font-size: 14px;
}

    .text-button:hover {
        text-decoration: underline;
    }


.noti_bubble1 {
    background-color: rgb(46, 126, 26); /* you could use a background image if you'd like as well */
    color: white;
    font-weight: bold;
    font-size: 10px;
    width: 15px;
    text-align: center;
    /* The following is CSS3, but isn't crucial for this technique to work. */
    /* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
    /* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
    border-radius: 30px;
    box-shadow: 1px 1px 1px gray;
    margin: auto;
}

.noti_bubble2 {
    background-color: rgb(46, 126, 26); /* you could use a background image if you'd like as well */
    color: white;
    font-weight: bold;
    font-size: 10px;
    width: 20px;
    text-align: center;
    /* The following is CSS3, but isn't crucial for this technique to work. */
    /* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
    /* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
    border-radius: 30px;
    box-shadow: 1px 1px 1px gray;
    margin: auto;
}

.noti_bubble3 {
    background-color: rgb(46, 126, 26); /* you could use a background image if you'd like as well */
    color: white;
    font-weight: bold;
    font-size: 10px;
    width: 25px;
    text-align: center;
    /* The following is CSS3, but isn't crucial for this technique to work. */
    /* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
    /* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
    border-radius: 30px;
    box-shadow: 1px 1px 1px gray;
    margin: auto;
}

.req {
    color: red;
}

.testClass {
}

.to-upper {
    text-transform: uppercase !important;
}

.company-link {
    color: #33333F;
    text-decoration: none;
}

div #new1_wrapper {
    height: 300px;
    overflow: scroll;
}

div #LogDetails_wrapper {
    height: 200px;
    overflow: scroll;
}

div #LogDetailsRound_wrapper {
    height: 200px;
    overflow: scroll;
}

td.control {
    background: url('/Content/images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.control {
    background: url('/Content/images/details_close.png') no-repeat center center;
}

td.data {
    font-size: 9px;
}