@import "../../../template/bootstrap/fontawesome-all.css";
@import "animate.css";
body {
	background: #ececec;
}
.greeter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: white;
	width: 700px;
	height: auto;
	margin-top: 30px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.banner {
	/* Took  from https://www.pexels.com/search/nature%20wallpaper/ */
	background: url('../img/autumn-colorful-colourful-33109.jpg');
    height: 350px; 
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer {
	background: white;
	width: 100%;
	height: 70px;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
img {
	width: 100px;
	padding: 10px;
	display: inline-block;
}

.header h3{
	display: inline-block;
}

.check-dep-header h3 {
	padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    background: #34495e;
    color: white;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

td {
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.form-install td {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;	
}

.dep-label {
	width: 25%;
	font-weight: bold;
}

.small {
	width: 1%;
	text-align: center;
}

.small2 {
	width: 46%;
	text-align: left;
}

.value {
	width: 10px;
}

input[type="text"] {
    width: 300px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input[type="password"] {
	width: 300px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.erorMsg {
	border: 1px solid red;
    padding: 20px;
    background: #fdd7d7;
    color: red;
    margin-left: 10px;
    margin-right: 10px;
}

.scsMsg {
	border: 1px solid green;
    padding: 20px;
    background: #e3ffe3;
    color: green;
    margin-left: 10px;
    margin-right: 10px;
}

.btnArea {
	padding: 20px;
}

.text-red {
	color: #ff4e4e;
}