/* mobile only */
@media screen and (max-width: 640px) {
    #aspnetForm {
        margin-bottom: 30px;
    }

    img {
        border: 0;
    }

    /* forms */
    input[type="text"] {
        padding: 5px;
    }

    #tbProc {
        margin-bottom: 20px;
    }

    /* Calendar */
    .textData input[type="text"] {
        font-size: 11px;
    }

    .ajax__calendar .ajax__calendar_container {
        width: 262px;
        z-index: 1000;
    }

    .ajax__calendar .ajax__calendar_header {
        height: 30px;
    }

    .ajax__calendar .ajax__calendar_title {
        padding: 5px 0;
    }

    .ajax__calendar .ajax__calendar_prev,
    .ajax__calendar .ajax__calendar_next {
        width: 25px;
        height: 25px;
    }

    .ajax__calendar .ajax__calendar_months,
    .ajax__calendar .ajax__calendar_years {
        right: 0;
    }

    .ajax__calendar .ajax__calendar_body {
        width: 252px;
        height: 269px;
    }

    .ajax__calendar .ajax__calendar_days {
        width: 252px;
        height: 269px;
        z-index: 100;
        background-color: white;
    }

    .ajax__calendar .ajax__calendar_dayname,
    .ajax__calendar .ajax__calendar_day {
        width: 36px;
        height: 36px;
    }

    .ajax__calendar .ajax__calendar_today {
        padding-top: 8px;
    }

    .ajax__calendar .ajax__calendar_footer {
        height: 30px;
    }

    /* show/hide mobile/desktop */
    .large-only,
    .hideMobile,
    #divCabecalho,
    #ctl00_MenuControl1 {
        display: none;
    }

    #ctl00_ContentPlaceHolder1_LblHome iframe {
        max-width: 100%;
    }

    .tblMaster,
    .pagDefault {
        width: 100% !important;
        height: auto !important;
    }

    /* mobile header */
    #mobileHeader {
        position: relative;
        padding: 20px 0;
        text-align: center;
        border-bottom: 2px solid #008F9A;
        margin-bottom: 20px;
    }

        #mobileHeader .mobileBack {
            font-size: 24px;
            color: #666;
            margin-left: 15px;
            width: 80px;
            height: 80px;
            display: none;
        }

        #mobileHeader .mobileLogo {
            display: block;
            width: 200px;
            height: auto;
            background-image: url('/Images/Default/logo_mobile.png');
            background-position: center;
            background-repeat: no-repeat;
        }

        #mobileHeader .mobile-header-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 10px;
        }

        #mobileHeader .menu-icon {
            font-size: 24px;
            color: #666;
            margin-right: 15px;
        }

        #mobileHeader .top-bar {
            position: absolute;
            background-color: rgba(0, 0, 0, 0.1);
            width: 100%;
            top: 0;
            right: 0;
            text-align: right;
            padding: 2px 10px;
            font-size: 12px;
            color: #000000;
        }

    /* mobile menu */
    #mobileMenu {
        text-align: center;
        position: fixed;
        top: 122px;
        right: -100%;
        height: calc(100% - 122px);
        padding: 20px;
        background-color: white;
        overflow-y: auto;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
        transition: all .5s;
        z-index: 99999;
    }

        #mobileMenu.opened {
            right: 0;
        }

        #mobileMenu a {
            margin: 10px auto;
            display: block;
            width: 260px;
            height: 44px;
            line-height: 44px;
            font-size: 24px;
            background-color: #008F9A;
            color: #FFFFFF;
            text-decoration: none;
        }

    /* mobile title */
    .mobilePageHeader {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        position: relative;
        padding: 0 5px;
        height: 42px;
        margin-bottom: 20px;
    }

    .mobileTitle {
        margin: 0;
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
        font-size: 16px;
        font-weight: bold;
        color: #008F9A;
    }

    /* mobile table */
    .mobileTableWidth {
        width: 100%;
    }

    .tableContainer {
        margin: 20px auto;
    }

    .stacktable {
        padding: 10px 0 !important;
        width: 100% !important;
        /*margin-bottom: 10px !important;*/
        border-top: 1px solid black !important;
    }

        .stacktable:first-child {
            display: none;
        }

        .stacktable:last-child {
            border-bottom: 1px solid black !important;
        }

    /* Show/Hide Columns */
    .hideCol0 .stacktable tr:nth-child(2),
    .hideCol1 .stacktable tr:nth-child(3),
    .hideCol2 .stacktable tr:nth-child(4),
    .hideCol3 .stacktable tr:nth-child(5),
    .hideCol4 .stacktable tr:nth-child(6),
    .hideCol5 .stacktable tr:nth-child(7),
    .hideCol6 .stacktable tr:nth-child(8),
    .hideCol7 .stacktable tr:nth-child(9),
    .hideCol8 .stacktable tr:nth-child(10) {
        display: none;
    }

    .stacktable.small-only .clsGridHeader {
        display: none;
    }

    .stacktable.small-only td {
        padding: 5px;
        font-size: 14px;
        background-color: #FFFFFF;
    }

        .stacktable.small-only td .label {
            padding: 0;
            font-size: 14px;
            font-weight: normal;
            white-space: normal;
        }

        .stacktable.small-only td a {
            display: block;
            font-size: 14px;
            font-weight: bold;
        }

    .stacktable.small-only .st-key {
        width: 30%;
        font-weight: bold;
        text-align: right;
    }

    .stacktable.small-only .st-head-row {
        border-top: 5px solid #008F9A;
    }

        .stacktable.small-only .st-head-row a {
            display: none;
        }

    .stacktable.small-only .clsGridRows:first-child .st-head-row {
        border-top: none;
    }

    .pnlPagination {
        text-align: center;
    }

    .lblTotal {
        display: block;
        text-align: center;
    }

    .lblLegenda {
        display: block;
        margin-top: 20px;
        text-align: center;
    }

    /* columnFilters */
    .mobileFilters {
        position: absolute;
        top: 0;
        right: 10px;
        width: 125px;
        height: 40px;
        border: 1px solid #CCCCCC;
        background-color: #FFFFFF;
        z-index: 1000;
    }

    a.mobileFiltersButton {
        display: block;
        box-sizing: border-box;
        padding: 12px 10px;
        text-align: center;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
        width: 100%;
        height: 40px;
        color: #000000;
        display: inline-block;
    }

        a.mobileFiltersButton:after {
            display: inline-block;
            margin-left: 10px;
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8px 4px 0 4px;
            border-color: #000000 transparent transparent transparent;
        }

    .mobileFiltersList {
        position: absolute;
        left: -1px;
        right: -1px;
        border: 1px solid #CCCCCC;
        background-color: #FFFFFF;
        max-height: 0;
        overflow: hidden;
        transition: all .4s ease;
    }

        .mobileFiltersList label {
            display: block;
            margin: 5px auto;
            padding: 5px;
            font-family: Verdana, Arial, Helvetica, Sans-Serif;
            font-size: 14px;
        }

        .mobileFiltersList input[type="checkbox"] {
            vertical-align: middle;
        }

    /* showColumnFilters */
    .showColumnFilters a.mobileFiltersButton:after {
        border-width: 0 4px 8px 4px;
        border-color: transparent transparent #000000 transparent;
    }

    .showColumnFilters .mobileFiltersList {
        max-height: 400px;
    }

    /* searchFilters */
    #toggleFilters {
        display: inline-block;
        vertical-align: middle;
        width: 32px;
        height: 32px;
        background-image: url('/Images/Default/menu_icon.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .showFilters #toggleFilters {
        background-image: url('/Images/Default/close_icon.png');
    }

    .searchFilters {
        position: absolute;
        width: 100%;
        transform: translateX(-100%);
        transition: .4s all;
        background-color: #FFFFFF;
        border-bottom: 2px solid #CCCCCC;
    }

    .showFilters .searchFilters {
        transform: translateX(0);
    }

    .searchFilters input[type="text"],
    .searchFilters select {
        width: 100% !important;
        height: 30px;
        padding: 5px;
    }

    .searchFilters td {
        position: relative;
    }

    .searchFilters ul {
        padding: 0;
        left: 1px !important;
        right: 1px !important;
        z-index: 10;
    }

        .searchFilters ul li {
            padding: 5px;
        }
}

/***** LOGIN MOBILE *****/
@media screen and (max-width: 992px) {
    .pagLogin #logo {
        position: absolute;
        top: 0px !important;
        left: 0px !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 500px;
        background-image: url('/Images/Default/area_login_mobile.png') !important;
        background-position: top center !important;
        background-repeat: no-repeat;
        margin: 0 !important;
    }

    .pagLogin #loginArea {
        margin: 0 !important;
        left: 0px !important;
        top: 160px !important;
        width: 100% !important;
        position: absolute;
        left: 600px;
        top: 200px;
        width: 399px;
        height: 253px;
        vertical-align: middle;
    }

        .pagLogin #loginArea #table3 {
            width: 236px !important;
        }

    .pagLogin input[type="text"] {
        padding: 0 !important;
        font-size: inherit !important;
    }

    .pagLogin input[type='submit'] {
        margin-top: 10px;
    }
}

/* dektop only */
@media screen and (min-width: 641px) {
    .small-only,
    #mobileHeader,
    #mobileMenu,
    #ctl00_ContentPlaceHolder1_BtnFiltroMobile {
        display: none;
    }

    .stacktable.large-only {
        display: table;
        margin-bottom: 20px;
    }

    .paddingLeft {
        padding-left: 5px;
    }
}