/* OVERIDE STYLING FOR THE TELERIK ITEMS*/
.RadComboBox_MetroTouch .rcbReadOnly .rcbInputCell, .RadComboBox_MetroTouch .rcbReadOnly .rcbArrowCellRight, .RadComboBox
{
    margin-top: 5px !important;
    background: white !important;
}

.rnTitleBar
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,7f0000+100 */
    background: #cc0000; /* Old browsers */
    border-radius: 0px;
    color: white;
    box-shadow: 0px !important;
    border: 0px !important;
}

.RadComboBox_MetroTouch input[type="text"], .rcbList
{
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
    font-family: "Roboto" , "Helvetica Neue" ,Helvetica,Arial,sans-serif !important;
    font-size: 12px !important;
    font-weight: normal;
    color: #707070;
}

/*RADGRID STYLING*/
.rgMasterTable
{
    border: 0px !important;
}

.rgMasterTable td, .rgMasterTable a, .rgHeader
{
    font-size: 12px !important;
    font-weight: normal;
    font-family: "Roboto" , "Helvetica Neue" ,Helvetica,Arial,sans-serif !important;
    color: #333;
}

.rgHeader
{
    background: white !important;
}
.rgFilterBox
{
    font-family: "Roboto" , "Helvetica Neue" ,Helvetica,Arial,sans-serif !important;
}

.rgFilterRow
{
    background: white !important;
}

.rgMasterTable
{
    border-color: white !important;
}

.rgCommandCell
{
    background: white !important;
    max-height: 30px !important;
}

.rgCommandCell a
{
    background: #2FA4DA none repeat scroll 0% 0%;
    position: relative;
    border-width: 0px;
    box-shadow: 0px -2px 0px rgba(0, 0, 0, 0.15) inset;
    font-weight: 600;
    padding: 7px 12px;
    transition: background 0.3s ease-in-out 0s;
    background-color: #AAC4CC;
    border-radius: 3px;
    color: white !important;
    background-color: #2FA4DA;
}

.rgCommandRow
{
    max-height: 30px !important;
    height: 30px !important;
}


.rgCommandCell .rgAdd
{
    display: none;
}

.rgRow a, .rgAltRow a
{
    font-size: larger !important;
}

.rgRow a .fa-info-circle, .rgAltRow a .fa-info-circle
{
    color: Green !important;
}

.rgRow a .fa-credit-card, .rgAltRow a .fa-credit-card
{
    color: Green !important;
}

.rgRow a .fa-file-text-o, .rgAltRow a .fa-file-text-o
{
    color: Green !important;
}

.rgRow a .fa-edit, .rgAltRow a .fa-edit
{
    color: Green !important;
}

.rgRow a .fa-folder-open-o, .rgAltRow a .fa-folder-open-o
{
    color: Green !important;
}

.rgRow a .fa-trash-alt, .rgAltRow a .fa-trash-alt
{
    color: Red !important;
}

.rgRow .fa-check, .rgAltRow .fa-check
{
    color: Green !important;
}

.rgRow .fa-times, .rgAltRow .fa-times
{
    color: Red !important;
}

.checkbox-hidden input[type="checkbox"]
{
    background: red !important;
    display: none !important;
}

.RadGridExport
{
    background: red !important;
}

.rgEditForm .control-label
{
    color: #707070 !important;
}

.rgEditForm input[type="text"]
{
    line-height: 20px;
}

.rgSelectedRow td
{
    color: White !important;
}

.RadNotification_MetroTouch .rnContentWrapper
{
    display: inline-block !important;
}

.RadNotification_MetroTouch .rnContent
{
    padding: 20px !important;
}

.RadNotification_MetroTouch .rnTitleBarTitle
{
    padding-left: 12px !important;
}

.RadNotification_MetroTouch .rnContentWrapper .rnContentIconClipIn
{
    display: none !important;
}

.RadComboBox_MetroTouch .rcbFocused .rcbReadOnly .rcbInput
{
    color: #707070 !important;
}

.radCal
{
    font-family: 'Merriweather' ,sans-serif !important;
}

.rcMain .rcRow
{
    font-family: 'Merriweather' ,sans-serif !important;
}

.rgRow .btn, .rgAltRow .btn
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1.2rem !important;
}
.rgRow .col-sm-6, .rgRow .col-sm-12, .rgAltRow .col-sm-6, .rgAltRow .col-sm-12
{
    padding: 5px !important;
}

.RadGrid_MetroTouch .rgMasterTable .form-group
{
    line-height: normal !important;
    white-space: pre-line !important;
    display:block !important;
}

@media screen and (max-width: 1239px) and (min-width: 1130px)
{
    .rgAltRow .col-lg-3.control-label, .rgRow .col-lg-3.control-label
    {
        margin-right: 1px;
    }
    .rgRow .btn, .rgAltRow .btn
    {
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 0.9rem !important;
        padding-left: 2px;
        padding-right: 2px;
    }
    .RadGrid .rgAltRow td, .RadGrid .rgAltRow i, .RadGrid .rgAltRow a
    {
        font-size: x-small !important;
        width: 100%;
    }
    .RadGrid .rgRow td, .RadGrid .rgRow i, .RadGrid .rgRow a
    {
        font-size: x-small !important;
        width: 100%;
    }
}