.data_Table
{
    width: 100%;
}

.dataRow
{
    width: 100%;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.dataRow > div
{
    display: inline-block;
    vertical-align: middle;
}


@media screen and (max-width: 770px) /*and (orientation:portrait)*/
{

    .paddingLR_15
    {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    body
    {
        width: 96% !important;
        display: inline-block;
        padding: 5px !important;
    }

    .imgLoginHeader
    {
        background-image: url(../images/headMobilePortrait.png) !important;
    }

    .imgCardsLoginHeader_IT
    {
        background-image: url(../images/headMobilePortrait_IT.png) !important;
    }

    .imgCardsLoginHeader
    {
        background-image: url(../images/headMobilePortraitGureCard.png) !important;
    }

    .imgLoginHeaderInNood
    {
        background-image: url(../images/headMobilePortrait_InNood.png) !important;
    }

    .imgBusLoginHeader
    {
        background-image: url(../images/headMobilePortraitBusController.png) !important;
    }

    .RUmLeftSet
    {
        margin-left: 10px !important;
    }

    .RUmTop155px
    {
        margin-top: 155px !important;
    }

    .RUwidth60px
    {
        width: 60px !important;
    }

    #txtCIF, #txtUserName, #txtPassword
    {
        width: 93% !important;
    }

    .RUmLeft2px
    {
        margin-left: 2px !important;
    }

    .RUmLeft2
    {
        margin-left: 2% !important;
    }

    .RUmLeft6
    {
        margin-left: 6% !important;
    }

    .RUmBottom3px
    {
        margin-bottom: 3px !important;
    }

    .RUmAll2px
    {
        margin: 2px !important;
    }

    .RUmAll5px
    {
        margin: 5px !important;
    }

    .RUmTB20px
    {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    
    .RUmTB5px
    {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .RUmAll4pAll4
    {
        margin: 4px !important;
        padding: 4px !important;
    }

    .RUwidth75px
    {
        width: 75px !important;
    }

    .RUwidth24
    {
        width: 24% !important;
    }

    .RUwidth30
    {
        width: 30% !important;
    }

    .RUwidth35
    {
        width: 35% !important;
    }

    .RUwidth38 
    {
        width: 38% !important;
    }

    .RUwidth45
    {
        width: 45% !important;
    }

    .RUwidth46
    {
        width: 46% !important;
    }

    .RUwidth48
    {
        width: 48% !important;
    }

    .RUwidth49
    {
        width: 49% !important;
    }

    .RUwidth50 
    {
        width: 50% !important;
    }

	.RUwidth55 
    {
        width: 55% !important;
    }

    .RUwidth58
    {
        width: 58% !important;
    }

    .RUwidth60
    {
        width: 60% !important;
    }

    .RUwidth70
    {
        width: 70% !important;
    }
    
    .RUwidth90
    {
        width: 90% !important;
    }

    .RUwidth95
    {
        width: 95% !important;
    }

    .RUwidth97
    {
        width: 97% !important;
    }

    .RUwidth100
    {
        width: 100% !important;
    }

    .RUwidth250px
    {
        width: 250px !important;
    }

    .RUmaxwidth100
    {
        max-width: 100% !important;
    }

    .RUmaxwidth70
    {
        max-width: 70% !important;
    }

    .RUheight295px
    {
        height: 295px;
    }

    .RUvalignTop
    {
        vertical-align: top !important;
    }

    .RUwidth33px
    {
        width: 33px;
    }

    .RUheight33px
    {
        height: 33px;
    }

    .RUheight14px
    {
        height: 14px;
    }

    .cardImage
    {
        width: 18px !important;
    }

    .ajax__tab_body
    {
        padding: 3px !important;
    }

    .pagerInfo
    {
        max-width: 283px !important;
    }

    .RUdBlockAllOrientation
    {
        display: block;
    }

    .RUtextAlignLeft
    {
        text-align: left !important;
    }
    
    .RUtextAlignRight
    {
        text-align: right !important;
    }

    .RUtextAlignCenter
    {
        text-align: center !important;
    }

    .RUpositionStatic
    {
        position: static !important;
    }

    .RUImage24
    {
        width: 24px !important;
        height: 24px !important;
    }

    .RUwidth96
    {
        width: 96% !important;
    }


    .RUwidth215px
    {
        width: 215px !important;
    }

    .RUwidth80px
    {
        width: 80px !important;
    }

    .RUwidth100px
    {
        width: 100px !important;
    }
    
    .RUwidth150px
    {
        width: 150px !important;
    }

    .RUfontSize11pt
    {
        font-size: 11pt !important;
    }

    .responsiveFont
    {
        font-size: 9pt !important;
    }

    .responsiveFontHeader
    {
        font-size: 12pt !important;
    }

    .RUfLeft
    {
        float: left !important;
    }
    
    .RUfright
    {
        float: right !important;
    }

    .RUfNone
    {
        float: none !important;
    }

    .RUNoBorder
    {
        border: 0px!important;
    }
    
    .step:not(.active) .stepHeader span
    {
        display:none;    
    }

    .RUTop5px {
        top: 5px !important;
    }

    .RUminwidth110 {
        min-width: 110px;
    }
}

@media screen and (max-width: 770px) and (orientation:portrait)
{
    .RUDisplayBlock
    {
        display: block !important;
    }

    .RUDisplayInlineTable
    {
        display: inline-table !important;
    }

    .RUmaxwidth70px
    {
        max-width: 70px;
    }
    .RUmaxwidth60px
    {
        max-width: 60px;
    }
}

@media screen and (max-width: 770px) and (orientation:landscape)
{
    .RUmaxwidth100px
    {
        max-width: 100px;
    }
}

/*
@media screen and (max-width: 720px) and (orientation:landscape)
{
    body
    {
        width: 630px !important;
        display: inline-block;
        padding: 5px !important;
    }

    .imgLoginHeader
    {
        background-image: url(../images/headMobileLandscape.png) !important;
    }

    .RUmLeftSet
    {
        margin-left: 300px !important;
    }
    
    #txtCIF, #txtUserName, #txtPassword
    {
        width: 92% !important;
    }
}
*/
@media screen and (max-width: 770px)
{
    .RUWidth340 
    {
	    width:340px!important;
    }
    
    .ruTable tr, .ruTable td
    {
        display: inline-block;
    }

    .RUFieldsetMinWidth0
    {
        min-width: 0;
    }

    .RUTableScrollable
    {
        overflow-x: scroll;
    }

    .RegionCls table tr, .RegionCls table td
    {
        display: inline-block;
    }

    .RegionCls table td
    {
        width: 100% !important;
    }

    .ajax__fileupload_fileItemInfo
    {
        height: auto !important;
    }

    #PeticionUploader_SelectFileContainer
    {
        width: 100% !important;
    }

    #PeticionUploader_SelectFileButton
    {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .paddingLR_15
    {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .RUdNone
    {
        display: none;
    }

    .RNoText
    {
        text-indent: -9999px;
        font-size: 0!important;
        display: block;
        line-height: 0;
    }

    .RUDisplayInline
    {
        display: inline !important;
    }
    
    .RUDisplayInlineBlock
    {
        display: inline-block !important;
    }

    #acc
    {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }


    .RUmRight10px
    {
        margin-right: 10px !important;
    }

    .RUmRight15
    {
        margin-right: 15% !important;
    }

    .RUwidthAuto
	{
        width: auto !important;
    }

    .RUpadding0px
    {
        padding: 0px !important;
    }

    .RUmargin0px
    {
        margin: 0px !important;
    }

    .RUpaddingLeftRight1px
    {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .RUpaddingLeftRight2px
    {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .RUpadding1px
    {
        padding: 1px !important;
    }

    .RUpadding2px
    {
        padding: 2px !important;
    }

    .RUpadding10px
    {
        padding: 10px !important;
    }

    .maxwidth60px
    {
        max-width: 60px !important;
    }

    .maxwidth40px
    {
        max-width: 40px !important;
    }

    .maxwidth20px
    {
        max-width: 20px !important;
    }

    .buttonLoginTC
    {
        width: 250px !important;
    }

    #buttonLogin
    {
        width: 217px !important;
    }

}