/** RESPONIVE CSS FOR SCLING ITEMS, MOST TELERIK BUT OTHERS WILL BE INCLUDE LATER*/
@media screen and (min-width: 1150px) and (max-width: 1350px)
{
    .btn
    {
        font-size: 11px;
    }

    .btn-group .btn
    {
        font-size: small;
    }

    .RadGrid .rgFilterRow .RadInput
    {
        max-width: 50% !important;
    }

    .RadGrid .rgFilterRow td
    {
        max-width: 150px !important;
    }

    .RadGrid .rgHeader a
    {
        font-size: x-small !important;
    }
}

@media screen and (max-width: 1150px) and (min-width: 769px)
{
    .hideColumn
    {
        display: none;
    }
    
    .RadGrid .rgHeader
    {
        font-size: x-small !important;
    }

    .RadGrid .rgHeader a
    {
        font-size: x-small !important;
    }

    .RadGrid .rgHeader a
    {
        font-size: x-small !important;
    }

    .RadGrid .rgFilterRow .RadInput
    {
        max-width: 50% !important;
    }

    .RadGrid .rgFilterRow td
    {
        max-width: 150px !important;
    }
}

@media screen and (max-width: 768px)
{
    .hideColumn
    {
        display: none;
    }
    
    .RadGrid .rgHeader
    {
        font-size: x-small !important;
    }

    .RadGrid .rgHeader a
    {
        font-size: x-small !important;
    }

    .toolbar .btn
    {
    }

    .rgMasterTable
    {
        font-size: x-small !important;
        width: 100%;
    }

    .RadGrid .rgHeader a
    {
        font-size: x-small !important;
    }

    .RadGrid .rgRow td, .RadGrid .rgRow i, .RadGrid .rgRow a
    {
        font-size: x-small !important;
        width: 100%;
    }

    .RadGrid .rgAltRow td, .RadGrid .rgAltRow i, .RadGrid .rgAltRow a
    {
        font-size: x-small !important;
        width: 100%;
    }


    .rgFooter, .rgFooter td
    {
        display: none;
    }

    .RadGrid .rgFilterRow .RadInput
    {
        max-width: 120px !important;
    }

    .RadGrid .rgFilterRow td
    {
        max-width: 250px !important;
    }
}

@media screen and (max-width: 590px)
{
    .mobile-visible
    {
        display: inherit !important;
    }

    .header-item
    {
        display: none;
    }

    .radCal
    {
        font-size: small !important;
    }
    
    .rcMain .rcRow
    {
        font-size: small !important;
    }

    .toolbar .btn
    {
        width: 50%;
    }
    
    .hideColumn
    {
        display: none;
    }

    .additionalColumn
    {
        display: none;
    }

    .rgMasterTable, .rgMasterTable td, .rgRow td, .rgAltRow td
    {
        font-size: xx-small !important;
        width: 100%;
    }

    .RadGrid .rgRow td, .RadGrid .rgRow i, .RadGrid .rgRow a
    {
        font-size: xx-small !important;
        width: 100%;
    }

    .RadGrid .rgAltRow td, .RadGrid .rgAltRow i, .RadGrid .rgAltRow a
    {
        font-size: xx-small !important;
        width: 100%;
    }

    .RadGrid .rgHeader
    {
        font-size: xx-small !important;
    }

    .RadGrid .rgHeader a
    {
        font-size: xx-small !important;
    }

    .form-group
    {
    }

    .rgFilterRow
    {
        display: none;
    }

    .rgFooter, .rgFooter td
    {
        display: none;
    }
}