/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.report_area {max-width: initial;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.logo_holder {width: auto;top: 10px;right: 15px;}
	.system_name {
		margin-left: -24px;
		letter-spacing: 0.4em;
		width: 100%;
		text-align: center;
		opacity: .1;
	}
	.header_holder {padding: 0 10px;}
	.custom_modal_holder {
		position: fixed;
	}
	.custom_modal_holder.active {
		position: fixed;
		display: block;
		z-index: 190;
		padding: 0;
		bottom: 0;
	}
	.custom_modal_holder.active {
		position: fixed;
		height: 100%;
	}
	.custom_modal_content {
		width: 100%;
		height: 100%;
	}
	.custom_modal_form_item.active {
		display: block;
		max-height: 100%;
		overflow: auto;
		padding-bottom: 35px;
	}

	.form_frame {
		padding: 10px;
		overflow: auto;
		margin-bottom: 0;
		/*max-height: calc(100vh - 95px);*/
	}
	.filter_row .input_holder {width: 100%;}
	.notify_holder {position: fixed;}

	.row_holder_twin {flex-wrap: wrap;}
	.row_holder_twin .input_holder {
		width: 100%;
	}

	.row_holder_quad {flex-wrap: wrap;}
	.row_holder_quad .input_holder {
		width: calc(50% - 5px);
	}
	.row_holder_trip {flex-wrap: wrap;}
	.row_holder_trip .input_holder {width: 100%;}
	.login_form_holder {padding-top: 100px;}
	.tile_holder {
		margin: 20px auto 0;
		justify-content: space-between;
	}
	.tile_item {
		width: calc(50% - 10px);
		margin: 0 0 10px;
		flex-wrap: initial;
		max-width: 160px;
	}

	.card_data_item {background: none;flex-direction: column;}
	.card_data_name, .card_data_value {
		height:auto;
		width: 100%;
		line-height: initial;
	}
	.card_data_name {padding: 0;margin-bottom: 5px;}
	.card_data_value {
		display: flex;
		align-items: center;
		background-color: rgba(255, 255, 255, 0.7);
		min-height: 40px;
		padding: 5px 15px;
	}
	.tab_links {
		display: flex;
		flex-direction: column;
		height: auto;
	}
	.form_block_holder {flex-direction: column;}
	.form_block_holder.wide .form_block {width: 100%;}

	.user_stat_item_holder {flex-direction: column;}
	.user_stat_item {margin: 0 0 10px;}

	.assets_stats_holder {flex-wrap: wrap;}
	.assets_stats_item {max-width: initial; flex-direction: column;}
	.assets_stats_value {font-size: 28px; margin-top: 5px;}

	.application_create_form {
		width: auto;
		/*max-height: calc(100vh - 200px);*/
		overflow-y: auto;
	}
	.application_comment_form {width: 100%;}
	.file_loader_holder {flex-direction: column;}
	.file_loader_holder .input_holder {width: 100%;}
	.notify_holder {right: 20px;}
	.label_name {padding-right: 10px;}
	.summary_holder {min-width: initial;}
	.menu_holder {min-width: 100%;}
	.menu_holder_outer {min-width: 100%;}

	.account_holder {
		flex-wrap: nowrap;
		overflow-x: auto;
	}

	.account_item {
		min-width: 200px;
		margin-right: 10px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.tile_item {
		max-width: 140px;
		max-height: 140px;
	}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.application_accept_form {
		width: 700px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.application_fast_form {
		max-width: 800px;
		width: 800px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}