/* Setting background of menu items borders to 
       black in both the master page and the page 
       that uses the MetroTouch skin itself. It also
       set the background color of the whole pane.
    */

    h2, .h2 {
        padding-left: 15px;
        padding-top: 5px;
    }
    /* This was added to make the input fields have black text */
    input {
        color: black !important;
    }
    /* This was added to make the labels and p's white */
    form, label, p {
        color: white !important;
    }
    /*form, label, p {
        color: #000000 !important;
    }*/
    /* This is to make the error validation color yellow */
    .text-danger {
        color: yellow !important;
    }
    /*#MainContent_RememberMe_Label,
    #MainContent_Email_Label,
    #MainContent_Password_Label,*/
    #MainContent_RegisterHyperLink,
    #MainContent_ForgotPasswordHyperLink {
        color: white;
    }
    .btn-primary {
        color: #000000;
        background-color: #C0C0C0;
    }
    .btn-primary:hover {
        color: #000000;
        background-color: #A1A1A1;
    }

    .btn-primary.focus:hover,.btn-primary:focus, .btn-primary.focus {
        color: #000000;
        background-color: #E0E0E0;
    }

    .k-draghandle.k-state-selected, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-tool.k-state-selected {
        color: #000000;
        background-color: #C0C0C0;
    }
    .k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal:hover, .k-ghost-splitbar-vertical:hover, .k-list:hover > .k-state-highlight:hover, .k-list:hover > .k-state-selected:hover, .k-marquee-color:hover, .k-panel:hover > .k-state-selected:hover, .k-scheduler:hover .k-scheduler-toolbar:hover .k-state-selected:hover, .k-scheduler:hover .k-today.k-state-selected:hover, .k-state-selected:hover, .k-state-selected:hover, .k-state-selected:hover, .k-tool.k-state-selected:hover {
        color: #000000;
        background-color: #A1A1A1;
    }

    .RadMenu_MetroTouch .rmRootGroup {
        background-color: #222222;
        border-color: #222222;
    }
.RadMenu_MetroTouch .rmRootLink {
    background-color: #222222;
    border-color: #222222;
}
.RadMenu_MetroTouch .rmGroup .rmLink .rmText {
    color: black;
}
.RadMenu_MetroTouch .rmText {
    color: white;
    font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 16px;
}
/* Set actual font of the grid control items */
.RadGrid_MetroTouch, .RadGrid_MetroTouch .rgMasterTable, .RadGrid_MetroTouch .rgDetailTable, .RadGrid_MetroTouch .rgGroupPanel table, .RadGrid_MetroTouch .rgCommandRow table, .RadGrid_MetroTouch .rgEditForm table, .RadGrid_MetroTouch .rgPager table {
    font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 16px;
}