//	=================
//    	Imports
//	=================

@import '../../base/color_variables';   	// Color Variables
@import '../../base/fonticons';   			// Fonticons Variables
@import '../../base/urls';   				// URLS Variables
@import '../../base/utilities_variables';  // Utilities Variables

body.error503 {
	background-image: $additional-gradient-color-50;
	>.error-content {
		min-height: 80vh;
		display: flex;
		align-items: $align-center;
		justify-content: $align-center;
		text-align: $align-center;
		padding: $p-30;
	}
}
.error503 {
	.mini-text {
		font-size: 35px;
		font-weight: 600;
		margin-bottom: $m-0;
		color: $white;
	}
	.img-cartoon {
		width: 170px;
		height: 170px;
	}
	.error-number {
		font-size: 170px;
		color: $white;
		font-weight: 600;
		margin-bottom: 5px;
		margin-top: 15px;
	}
	.error-text {
		font-size: 20px;
		color: $white;
	}
	a.btn {
		width: 150px;
		width: 205px;
		padding: 11px;
		font-size: 20px;
		background-image: $additional-gradient-color-34;
		border: none;
		&:hover {
			background-image: $additional-gradient-color-35;
		}
		&:not(:disabled) {
			&:not(.disabled) {
				&:active {
					background-image: $additional-gradient-color-35;
				}
			}
		}
	}
}