﻿/* --- RadInput_Bootstrap --- */
.RadInput_Bootstrap {
    margin-bottom: 1rem;
}

    .RadInput_Bootstrap [type='text'].riTextBox, .RadInput_Bootstrap input[type="password"] {
        font-size: 1rem;
    }
/* --- RadInput_Bootstrap --- */

/* --- RadMenu_LeftNav --- */
.RadMenu_LeftNav .rmItem {
    border-right: none !important;
}

.RadMenu_LeftNav .rmSlide .rmItem .rmLink {
    color: #01458B;
    font-size: 16px;
    text-align: left;
    background-color: whitesmoke;
    text-align: left;
    height: 26px;
    font-size: 14px;
    width: auto;
}
/* --- RadMenu_LeftNav --- */

/* --- RadButton_HyperLink --- */
.RadButton_HyperLink {
    border: none !important;
    font: inherit !important;
    color: #01458B;
}

.RadTreeView .rtTemplate .RadButton_HyperLink
{
    padding: 0;
}
/* --- RadButton_HyperLink --- */

/* --- RadButton_Primary --- */
.RadButton_Primary, .RadButton_Secondary {
    font: inherit !important;
    font-weight: 300 !important;
    padding: 0.5rem 2.75rem !important;
}

.RadButton_Primary.btn-block, .RadButton_Secondary.btn-block {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.RadButton_Primary.radio, .RadButton_Secondary.radio {
    padding: 0 0.25em !important;
}

.RadButton_Primary.radio.rbLinkButtonChecked {
    background-color: #183756;
}

.RadButton_Secondary.radio.rbLinkButtonChecked {
    background-color: #307A76;
}

.RadButton_Radio .rbText {
    margin-top: -0.25rem
}
/* --- RadButton_Primary --- */

/* --- RadGrid --- */
@media (max-width: 768px) {
    .RadGrid .rgRow td:before,
    .RadGrid .rgAltRow td:before {
        content: attr(data-title);
        float: left;
        margin-right: 10px;
        width: 150px;
        text-align: left;
        clear: both;
    }

    div.RadGrid .rgRow,
    div.RadGrid .rgAltRow {
        display: block; /*Change the rows display to block which is essential for their reposition*/
        clear: both;
        text-align: left;
        width: 300px;
    }

    div.RadGrid .rgRow > td,
    div.RadGrid .rgAltRow > td {
        display: block; /*Change the data cells display to block which is essential for their reposition */
    }

    .headerRow {
        display: none;
    }
}
/* --- RadGrid --- */