/* ----- table ----- */
.table-bordered thead{
	background-color: #d2e1f1;
}

.table-bordered thead th{
	text-align: center;
}

.table-striped tbody tr:nth-of-type(odd){
	background-color: transparent;
}

.table-striped tbody td{
	white-space:nowrap;
}

.BG-gray{

	background-color: #f2f5f8;
}

/* ----- add ----- */
.auth-container .auth-title{
	padding-top: 5px !important;
}

#index-BG{
	background-image: url("../../../Images/assets/index-BG.JPG");
	background-repeat: no-repeat;
	background-size: cover;
}

.sidebar-header .brand{
	padding-left: 15px !important;
}

.sidebar-header .brand img{
	width: 200px;
}

.title-description{
	margin-top: 8px !important;
}

.footer .footer-block{
	margin-left: auto !important;
	margin-right: auto !important;
}

.footer .author > ul li{
	display: inline-block !important;
}

.title {
	font-size: 1.25rem !important;
	font-weight: 600;
	margin-bottom: 0; 
}

#customize-menu .customize .customize-item label.title {
	font-size: 14px !important;
}

@media (min-width: 1200px) {
	.header .header-block-search {
		font-size: 26px !important;
		font-weight: bold;
		padding-left: 50px; 
	} 
}

.header-block img{
	width: 220px;
	margin-top: -8px;
}

@media (max-width: 650px) {
	.header-block img{
		display: none;
	}
	.auth-header img{
		width: 300px;
	}
}


/* ----- change menu mode ----- */

#index-BG, .footer{
	margin-left: 0;
}
.sidebar-open .sidebar {
	left: 0 !important;
}
.sidebar-open .sidebar {
	left: -230 !important;
}
.app {
	padding-left: 0 !important;
}

#customize-menu{
	left: -230px !important;
}
.sidebar-open #customize-menu{
	left: 0 !important;
}

@media (min-width: 991px) {
	.sidebar-open #index-BG{
		transition: .2s ease;
		margin-left: 0;
	}
	.sidebar-open .footer{
		transition: .2s ease;
		margin-left: 0;
	}
	.sidebar-open .header{
		transition: .2s ease;
		margin-left: -230px;
	}
	#index-BG, .footer{
		transition: .2s ease;
		margin-left: 215px;
	}
	
	.sidebar-open .sidebar {
		left: -230px !important;
	}

	.sidebar {
		left: 0 !important;;
	}
	.content {
		transition: .2s ease;
		margin-left: 230px !important;
	} 
	.sidebar-open .content{
		transition: .2s ease;
		margin-left: 0 !important;
	}
}



@media (min-width: 991px) {
	.sidebar-open #customize-menu {
		left: 0 !important; 
	} 
	#customize-menu {
		-webkit-transition: left 0.3s ease;
		transition: left 0.3s ease;
		left: -230px; 
	} 
	#customize-menu{
		left: 0 !important;
	}
	.sidebar-open #customize-menu{
		left: -230px !important;
	}
}

.footer{
	left: 0 !important;
}

.sidebar ,#customize-menu > li > a:hover , #customize-menu > li.open > a, #customize-menu > li > a {
	background-color: #1c4260 !important ;
}

.sidebar .nav li a:hover, .sidebar .nav li.open > a, .sidebar .nav li.open a:hover{
	background-color: #0e3453 !important ;
}

.sidebar .nav > li > ul > li a{
	background-color: #193b56 !important ;
}

#customize-menu .customize {
	background-color:transparent !important;
}