/*1st - This is for CWARadio and CWACheckbox
          2nd - default font for Viewonly mode
          3rd - RadCombobox Input field
          4th - Simple input fields
          5th - CWADateTextBox
          6th - RadListBox
          8th - CWATextbox - Multiline
          7th - CWATextbox - Single Line
        */
.DefaultInputCss, .DefaultViewCss, div.DefaultInputCss .rcbInputCell INPUT.rcbInput, input.DefaultInputCss, span.RadInput input.DefaultInputCss, div.DefaultInputCss .rlbGroup .rlbList .rlbItem, html body span.DefaultInputCss textarea.riTextBox, html body span.DefaultInputCss input.riTextBox {
    font-family: Verdana, 'Century Gothic', Arial !important;
    font-size: 12px !important;
    font-weight: bolder;
}

/* Time and Duration */

.DefaultTimeInputCss input {
    font-family: Verdana, 'Century Gothic', Arial !important;
}

/*  Font for Placeholder text */

.riEmpty {
    color: gray !important;
    font-style: italic;
    font-weight: bold;
}

.DatePickerToday {
    background-color: #FFDA6C;
}

.DefaultTimeInputCss input {
    font-weight: bolder !important;
}

.RadCalendarTimeView th, .rcTitle, .rcRow td {
    font-weight: bolder;
}

.rcMain .rcOutOfRange span {
    color: #9F0000 !important;
}

input, .rlbGroup, textarea {
    border-radius: 4px;
}

.Error INPUT, .Error SELECT, .Error TEXTAREA, .Error .RadListBox .rlbGroup, .CbRbErrorSpan {
    background-color: #ffe9e8 !important;
    border: 1px solid #ff0066 !important;
}

.radUploadClientError
{
    border: 1px solid #ff0066 !important;
    background-color: #ffe9e8 !important;
    border-radius: 4px;
    padding: 2px;
    font-size: 90%;
    font-style: italic;
}

.CbRbErrorSpan {
    border-radius: 4px;
}

.Error .RadComboBox .rcbInputCell input {
    background-image: none !important;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding-bottom: 2px;
}

.Error .RadComboBox .rcbInputCell {
    background-image: none !important;
    padding-left: 0 !important;
    padding-right: 0px !important;
}

.CbRbErrorSpan {
    max-width: 35px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    white-space: nowrap;
}

.TextCounterWarning {
    color: #9f0000;
    font-weight: bolder;
}

.TextCounterError {
    color: #ff0000;
    font-size: 120%;
    font-style: italic;
    font-weight: bolder;
}

/*  Set minimum vertical spacing */

.RadInput, .RadComboBox {
    padding-bottom: 3px;
    padding-top: 3px;
}

.RadPicker .RadInput {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 3px;
    margin-top: 3px;
}

INPUT.Error, SELECT.Error, TEXTAREA.Error, TABLE.Error {
    background-color: #ffe9e8;
    border: 1px solid #ff0066;
    border-radius: 4px;
}

.GroupedList li.rcbSeparator {
    background-color: white !important;
    font-style: italic;
    font-weight: bold;
    padding-left: 6px !important;
}

.GroupedList li.rcbItem, .GroupedList li.rcbHovered {
    padding-left: 12px;
}

.GroupedListBox .rlbGroup li.rlbDisabled {
    font-style: italic;
    font-weight: bold;
    opacity: 1.0;
    padding-left: 6px !important;
}

.GroupedListBox li.rlbItem, .GroupedListBox li.rlbHovered, .GroupedListBox li.rlbSelected, .GroupedListBox .rlbGroup li.rlbActive {
    font-weight: normal;
    padding-left: 12px;
}

.CWAButtonGroup .Selected {
    background-color: #e7c073 !important;
    color: #000;
}

table.CWAButtonGroup {
    border-collapse: separate;
    border-spacing: 0;
    padding: 0px;
}

.CWAButtonGroup td {
    background-color: #ebe8e3;
    border: black 1px solid;
    border-right: none;
    padding: 2px 4px 2px 4px;
    vertical-align: middle;
}

    .CWAButtonGroup td:hover {
        background-color: #efd8a1;
    }

    .CWAButtonGroup td:first-of-type {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }

    .CWAButtonGroup td:last-of-type {
        border: black 1px solid;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

.YesNoButtonList td {
    width: 60px;
}

.RadItemMinHeight {
    height: 18px;
    min-height: 18px;
}

/*alert Classes from bootstrap*/

.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

.black {
    color: #000000;
}