@media screen and (max-width: 360px){
	body{
		overflow-y: scroll;
	}
}

@media screen and (max-width: 375px) {
	#table_filter label{
		float:left;
	}
}
@media screen and (max-width: 375px) {
	nav #logo {
		font-size:.9rem;
		margin-top:29px;
	}
}

@media screen and (max-width: 640px) {
    
    .stripe_payment_container {
        height: 450px;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    
    .stripe_payment_container div.sa-button-container {
        margin-bottom: 10px;
    }
    
    .stripe_payment_container .cancel {
        font-size: 12px !important;
    }
    
    .stripe_payment_container .confirm, .stripe_payment_container .form_label {
        font-size: 12px !important;
    }
    
    .stripe_payment_container .dicount_select input {
        margin: 0px !important;
        height: 28px !important;
    }
    
    .stripe_payment_container h5 {
        margin-top: -22px !important;
        margin-bottom: -9px !important;
    }
    
    .stripe_payment_container hr {
        margin-top: -10px !important;
        margin-bottom: 8px !important;
    }
    
	div.selectStatus{
		float: left;
		position: relative !important; 
		right: 0;
	}
	
	#table_length label{
		float: left;
		margin-bottom: 14px;
	}
	
	#table_paginate{
		float: left;
		margin-left: -10px;
		width: 100%;
	}
	
	.top-bar.expanded .title-area {
		background:rgba(255,255,255,.95) !important;	
	}
	
	.top-bar.expanded{
		background:white !important;
	}
	
	.top-bar .toggle-topbar.menu-icon a span::after {
		box-shadow: 0 0 0 1px #333, 0 7px 0 1px #333, 0 14px 0 1px #333 !important;
	}
	
	.top-bar .toggle-topbar.menu-icon{
		margin-top: -49px;
	}
	
	.top-bar.expanded {
		height: auto !important;
	}
	
	.top-bar{
		height:109px !important;
	}
	
	section.top-bar-section{
		float:none;
	} 
	
	.dashboard_menu{
		display:none;
	}
	
	.top-bar-section .hidden{
		display:block;
	}
	
	#menu-tab{
		background:#0D3955;
	}
	
	#logo{
		margin-top:10px !important;
	}
	
	.wrapper{
		padding-top:20px; 
	}
	
	.data-container{
		margin-top:-15px !important;
	}
	
	.f-topbar-fixed{
		padding-top:98px !important;
	} 
	
	#data {
		margin-top: 24px;
	}
	
	.fixed {
		height: 90px !important;
	}
}

@media screen and (max-width: 736px){
	
	.top-bar .title-area{
		width:100%;
	}
	
	.top-bar-section{
		float:right;
	}
	
	.dashboard-menu{
		display:none;
	}
}

@media screen and (max-width: 900px){
	#user-picture{
		margin-left:15%;
	}
	
	.user-detail{
		margin-left: 14% !important;
	}	
}

@media screen and (max-width: 1295px){
	.menu-profile{
		padding:17px 12px !important;
	}
	
	#user-picture{
		margin-left:23%;
	}
	
	.user-detail{
		margin-left: 23% !important;
		margin-top:9px;
	}
	
	#logout2{
		position:unset !important;
		margin-top: 0px !important;
	}
}

@media screen and (max-width: 1550px){
	.menu-profile{
		padding:17px 12px !important;
	}
}