/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.table thead th, .table tfoot th {
	text-transform: none !important;
}
.table th {
	padding: 0.60rem 5px  0.60rem 5px !important;
}
.table td {
	padding: 0.30rem 5px 0.30rem 5px !important;
}

/*New Styles*/
.header-navbar .avatar { display: none !important; }
.card-header h2 { font-size: 1.2vw !important;  }
.card .card-header { padding: 1.3vw !important; }
.auth-wrapper.auth-v1 .auth-inner:before, .auth-wrapper.auth-v1 .auth-inner:after { display: none !important; }
.table td, .table td input, .table th { font-size: 12px !important; }
.table .btn-sm, .table .btn-group-sm > .btn { padding: 5px !important; }
.table-responsive { overflow-x: hidden !important; }
.horizontal-menu .horizontal-menu-wrapper .header-navbar { min-height: auto !important; }

.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li { padding: 5px 0px !important; }
.horizontal-layout.navbar-sticky .app-content { padding: 80px 2rem 0 2rem !important; }

.horizontal-menu .header-navbar.navbar-brand-center .navbar-header { margin: 0px 0px 0px 0px !important; left: 50% !important; transform: translateX(-50%); }

#Middle_Menu { position: fixed !important; left: 10px !important; top: 5px !important; width: auto !important; z-index: 9999 !important; }
#Middle_Menu .header-navbar { background:transparent !important; }

#Middle_Menu ul#main-menu-navigation > li > a { background: #f8f8f8 !important; border-radius: 4px !important; }
#Middle_Menu ul#main-menu-navigation > li.active > a { background: #1200d0 !important; }

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

.open_page { cursor: pointer; }
/*New Styles*/





.show-in-mob { display: none; }

/* Mobile */
@media (max-width: 768px) {
	.horizontal-layout.navbar-sticky .app-content { padding-left: 15px !important; padding-right: 15px !important; }
	.card-header h2 { font-size:15px !important; }
	.card .card-header { padding: 15px 15px !important; }
	.card .card-body { padding-left: 15px !important; padding-right: 15px !important; }
	.hide-in-mob { display: none !important; }
	.show-in-mob { display: block; }
	#basic-table .col-auto { width: 100% !important; }
	.flex-mob-column { flex-direction:column !important; }
	.mr-mob-0 { margin-right: 0px !important; }
	.form_btns { margin-top: 10px; display: flex; }
	.form_btns .btn { width: 100%; }
	.bulk_submit { width: 100%; margin-top:10px; }
	.bulk_submit .btn { width: 100%; }
	.listView tr { display: flex; flex-wrap:wrap; padding:10px 0px; border-bottom:1px solid #eee; }
	.listView tr:last-child { border-bottom: 0px; }
	.mobile_label { color:#7367f0; }
	#basic-table td { border: 0px; padding-left:20px !important; width: 50%; }
	.listView td { width: 50%; border-radius: 0px !important; }
	#basic-table td.col_3 { width: 33.333%; }
	#basic-table td.col_3 .mobile_label { padding-block:5px; }

	#basic-table td.col_full, td.col_full { width: 100% !important; }

	.header-navbar .navbar-container ul.navbar-nav li.dropdown-user svg { width: 40px; }
	.invoice_details_table td { width: 50%; }
	.listView.invoice_details_table tr { padding: 0px; border: 0px; }
	.listView.invoice_details_table .btn { margin-top: 3px; margin-bottom: 3px; }
	.listView tr.no_mob_border { padding: 0px; border: 0px; }
	.listView tr.no_mob_td_border td { border:0px !important; }
	.mob_auto_height { height:auto !important; max-height: inherit !important; }

	.form_btns_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.form_btns_wrap .btn { margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 10px; }
	.form_btns_wrap .btn.mob-w-50 { width: 48% !important; }
	.form_btns_wrap .btn.mob-w-100 { width: 100% !important; }

	#basic-table form.mr-2 { margin-right: 0px !important; }

	td.col_70 { width: 70% !important; }
	td.col_30 { width: 30% !important; display: flex; align-items: center; }
	td.col_30 .mobile_label { padding-right:10px; }

	.btns_full { margin-top: 15px !important; }
	.btns_full .btn { width: 100%; margin-bottom: 10px; }

	.header-navbar .navbar-container { flex-basis: inherit; }
	nav.header-navbar { padding-left: 20px; }
	.header-navbar .navbar-container .dropdown-user .dropdown-menu-right { left: -70px !important; }

	.navbar-brand { display: flex; align-items:center; }
	.navbar-brand .user-name { font-size:13px; }
}
/* Mobile */