﻿
body {
    font-size: initial; /* Start with user's preferred font size */
}

.dxgvControl a.btn {
    color: inherit;
}

.dxtcLite,
.dxflFormLayout,
.dxeMemo,
input[type="text"].dxeEditAreaSys {
    font-size: initial !important; /* Override DevExpress font sizes */
}


div#divUserDetailBanner {
    margin-left: .5em;
    margin-right: .5em;
}

div#divContentContainer {
    /*background-color:#c0c0c0;*/
    margin-left: .25em;
    margin-right: .25em;
}


div#divVersionAndTime {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-right: 1em;
}

    div#divVersionAndTime div.row div {
        text-align: right;
        font-size: 10pt;
        color: #94c3ea;
    }

        div#divVersionAndTime div.row div#divPageProcessTime {
            color: #2376BB;
        }


/* Align menu with edge of page */
div#divPageMenu.row {
    margin-left: 0;
    margin-right: 0;
}


/* Menu text should be "normal" size */
div#menuEdDir ul.dx li {
    font-size: initial;
}

/* Select box text should be "normal" size */
table.dxeButtonEditSys input.dxeEditAreaSys {
    font-size: initial;
}

/* Grid text should be "normal" size */
table.dxgvControl table.dxgvTable {
    font-size: initial;
}

/* Label/panel text should be "normal" size */
div#divContentContainer.row div.dxpnlControl {
    font-size: initial;
}

/* Put a little whitespace between menu and following text */
div#divPageMenu {
    margin-bottom: 1em;
}

/* Force DevEx button text to be normal sized. */
a.dxbButton {
    font-size: initial;
}

/* Force Bootstrap buttons to show white text in background when hovered */
.dxgvDataRowHover a.btn.btn-danger,
.dxgvDataRowHover .text-danger,
.dxgvDataRowHover a.btn.btn-primary {
    color: #fff !important;
}


/* Callout code taken from Bootstrap 3 docs.css */
.callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-color: rgb(238, 238, 238);
    border-left-width: 1px;
    border-left-width: 5px;
    border-radius: 3px;
}

    .callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .callout p:last-child {
        margin-bottom: 0;
    }

    .callout code {
        border-radius: 3px;
    }

    /* Tighten up space between multiple callouts */
    .callout + .callout {
        margin-top: -5px;
    }



/* Variations */
.callout-danger {
    border-left-color: #ce4844;
}

    .callout-danger h4 {
        color: #ce4844;
    }

.callout-warning {
    border-left-color: #aa6708;
}

    .callout-warning h4 {
        color: #aa6708;
    }

.callout-info {
    border-left-color: #1b809e;
}

    .callout-info h4 {
        color: #1b809e;
    }


/* Make danger color more accessible */
.btn-danger {
    background-color: #CE4844;
    color: #fff;
}

.text-danger {
    color:#ce4844;
}

.bg-danger {
.bg-danger {
    background-color:#ce4844;
}

/* Make warning color more accessible */
.btn-warning {
    background-color: #ffc107;
    color: #fff;
}

.text-warning {
    color: #ffc107;
}

.bg-warning {
    background-color: #ffc107;
}