/*	DOCUMENT INFORMATION
		Document: 		du.landind.css
		Version:		0.0.2
		Created: 		04/03/18
		Author:			Heather Markman
		Description:	Mark-up that is specific to the Bank Account Page experiences of UMUC Digital University
		
	COLORS
		default text	dark gray	rgba( 60, 60, 67, 1 )
		links			teal		rgba( 0, 62, 106, 1 )
		other			red			rgba( 163, 6, 6, 1 )
		other			yellow		rgba( 253, 191, 56, 1 )
		
	FONTS
		default text	'Open Sans', Arial, sans-serif;		
		headlines		'Roboto', Tahoma, sans-serif;
*/
main table#du-bank-accounts-table.du-mobile-collapsing-table tr.du-has-mobile-header-row td {
    padding: 0.9375rem;
}

table#du-bank-accounts-table td:last-child .du-button:nth-of-type(2) {
    margin-bottom: 0.9375rem;
}

/* For Image of Check */
.du-add-bank-account #du-add-bank-account-main-article .layout-column>.flex-33 {
    position: relative;
}
.du-add-bank-account #du-add-bank-account-main-article img {
    max-width: 100%;
    width: 100%;
    padding: 0 0 1.25rem 1.25rem;
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
}

#du-edit-bank-account-main-article .du-one-third-width {
    width: 32%;
    display: inline-block;
    vertical-align: bottom;
}

#du-edit-bank-account-main-article .du-one-third-width:last-of-type {
    display: block;
}

@media screen and (max-width: 600px) {
    #du-add-bank-account-main-article .du-half-width,
    #du-edit-bank-account-main-article .du-half-width {
        width: 100%;
    }

    #du-edit-bank-account-main-article .du-one-third-width {
        width: 100%;
        display: block;
    }

    .du-add-bank-account #du-add-bank-account-main-article img {
        padding: 0;
        margin-bottom: 2rem;
        position: relative;
    }

}

@media screen and (min-width: 601px) and (max-width: 800px) {
    .du-add-bank-account #du-add-bank-account-main-article img {
        padding: 0;
        margin-bottom: 2rem;
        position: relative;
    }

    .du-add-bank-account #du-add-bank-account-main-article .layout-column>.flex-66 {
        width: 100%;
    }

    #du-edit-bank-account-main-article .du-one-third-width {
        width: 49%;
    }

    #du-edit-bank-account-main-article .du-one-third-width:last-of-type {
        display: inline-block;
    }
}