.error-text{
    color:red;
}


.note-msg, .success-msg, .error-msg, .notice-msg {
    padding: 7px 18px 7px 31px;
    border: 1px solid #090;
    background-repeat: no-repeat;
    background-position: 10px 7px;
}

.note-msg, .notice-msg {
    color: #666;
    border-color: #fcd344;
    background-color: #fafaec;
    background-image: url(../images/i_msg-note.gif);
}

.IndividualPromiceDate {
    color: red;
    margin-bottom: 5px;
    margin-left: 25px;
    font-size: 12px;
}

.IndividualPromiceDateLong {
    float: left;
    color: red;
    margin-bottom: 5px;
    margin-left: 15px;
}

ul.messages {
    margin: 0 0 0.83333em 0;
}

ul.messages ul {
    margin: 0;
}

ul.messages li {
    position: relative;
    list-style: none !important;
    margin-bottom: 3px;
}

ul.messages li li {
    position: static;
    padding: 2px 0;
    margin: 0;
    border: none;
}

ul.messages .btn-remove {
    position: absolute;
    right: 10px;
    top: 10px;
}

/* Table Responsive Related CSS*/
/*
    Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
*/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

    /* Force table to not be like tables anymore */
    .table-rmarequest table, thead, tbody, th, td, tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .table-rmarequest thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-rmarequest tr {
        margin: 0 0 1rem 0;
    }

        .table-rmarequest tr:nth-child(odd) {
            background: #ccc;
        }

    .table-rmarequest td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
    }

        .table-rmarequest td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 16px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        /*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
        .table-rmarequest td:nth-of-type(1):before {
            content: "ID";
        }

        .table-rmarequest td:nth-of-type(2):before {
            content: "#";
        }

        .table-rmarequest td:nth-of-type(3):before {
            content: "Item Number";
        }

        .table-rmarequest td:nth-of-type(4):before {
            content: "Description";
        }

        .table-rmarequest td:nth-of-type(5):before {
            content: "UOM";
        }

        .table-rmarequest td:nth-of-type(6):before {
            content: "Qty";
        }
}

.f24 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 18px;
    margin-top: 40px;
    text-transform: uppercase;
}

.f14 {
    font-size: 14px;
    line-height: 130%;
}

.left {
    text-align: left;
}

p {
    margin: 0 0 10px;
}

.f19 {
    font-size: 19px;
}

.purple {
	/*color: #4e2683;*/
	color: #4e2683 !important;
}

.bold {
    font-weight: 700;
}

.uppercase {
    text-transform: uppercase;
}

/*select[disabled] {
    background-color: #eee;
    opacity: 1;
}

.disabled-button {
    cursor: not-allowed !important;
    background-color: #A9A9A9 !important;
}*/