.card .footer {
    padding: 5px 5px 15px 15px;
}

.card .header{
	border-radius: 4px 4px 0px 0px;
}

.no-padding-right{
	padding-right: 0px;
}

.dark-blue{
	background: #121f33;
}

/*	MEDIA CSS	*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
	body{
		background-size: auto 100%;
	}
	.menu {
	   border-top-left-radius: 0px !important;
	    border-bottom-left-radius: 0px !important;
		height:63vh;
	}
	.uploadSPT{
	    margin-top: -5px !important;
	    margin-left: 4px !important;
	    height: 305px !important;
	}

	#buttonUpload{
		margin-top: 32px !important;
	}

	.cardInput1{
		height: 88px !important;
	}

	.uploadSPT p {
		font-size: 12px !important;
	}

	#cardSPT{
		height: 409px !important;
	}

	#btnSPT1{
		margin-top: 57px !important;
	}

	#btnSPT2{
		margin-top: 83px !important;
	}

	.recent-list table{
		width: 100% !important;
	}

	.inputSerf{
	    margin-top: 16px !important;
	    margin-left: 32px !important;
	    margin-bottom: 10px !important;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
	.login-left{
		padding-right:15px;
	}
	.login-logo-wrapper{
		padding:20px;
	}

	.login-wrapper .left{
		    border-radius: 4px 4px 0px 0px
	}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
	.login-left{
		padding-right:15px;
	}
	.login-logo-wrapper{
		padding:20px;
	}

	.login-wrapper .left{
		    border-radius: 4px 4px 0px 0px
	}
	.menu {
		border-top-left-radius: 0px !important;
	    border-bottom-left-radius: 0px !important;
		height: 63vh;
	}

	.uploadSPT{
	    margin-top: -5px !important;
	    margin-left: 4px !important;
	    height: 305px !important;
	}

	#buttonUpload{
		margin-top: 32px !important;
	}

	.cardInput1{
		height: 88px !important;
	}

	.uploadSPT p {
		font-size: 12px !important;
	}

	#cardSPT{
		height: 409px !important;
	}

	#btnSPT1{
		margin-top: 57px !important;
	}

	#btnSPT2{
		margin-top: 83px !important;
	}

	.recent-list table{
		width: 100% !important;
	}

	.inputSerf{
	    margin-top: 16px !important;
	    margin-left: 32px !important;
	    margin-bottom: 10px !important;
	}

	body{
		background-size: auto 100%;
	}
	
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
	.login-left{
		padding-right:15px;
	}
	.login-logo-wrapper{
		padding:83px;
	}

	.login-wrapper .left{
	    border-radius: 4px 0px 0px 4px;
	}


	body{
		background-size: auto 100%;
	}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
	.login-left{
		padding-right:15px;
	}
	.login-logo-wrapper{
		padding:83px 20px;
	}

	.login-wrapper .left{
		    border-radius: 4px 0px 0px 4px
	}

	.menu {
		height: 51vh;
	}

	body{
		background-size: auto 100%;
	}



}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	.login-left{
		padding-right:0px;
	}
	.login-logo-wrapper{
		padding:40px;
	}

	.login-wrapper .left{
		    border-radius: 4px 0px 0px 4px
	}
	.menu {
		height: 650px;
	}
/* Styles */
}

@media only screen 
and (min-width: 1400px){
	.menu {
		height: 85vh;
	}
}

.link-child {
	margin-top: 10px;
	margin-bottom: 10px;
	list-style-type: none;
}

.link-child > li {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #6b3d01;
}

.link-child > li > a {
	text-decoration: none;
	font-weight: bold;
}