/* ---------------------------------------------------------------------

Template Name	:	Zramework
Version			:	0.1
Release Date	:	December 14, 2017

File			: 	login.css
Updated			:	2017-12-14
Edited by		: 	Tajammul Haque (info.ussit@gmail.com)

-----------------------------------------------------------------------

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in
this file. Instead use the custom.css file to add your styles. You can
copy a style from this file and paste it in custom.css and it will
override the style in this file.

-----------------------------------------------------------------------

:::REVISION HISTORY:::

--------------------------------------------------------------------- */

@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Open+Sans:400,700');

@font-face {
	font-family: "Siyam Rupali";
    src: url("../font/SiyamRupali.ttf");
}

@font-face {
	font-family: "Droid Sans";
    src: url("../font/DroidSans.ttf");
	src: url("../font/DroidSans-Bold.ttf");
}

* {
	font-family: 'Droid Sans', sans-serif;
}

body {
	background: #f3f3f4;
	width: 99%;
	height: 100%;
	font-size: 13px;
}

a {
	color: darkred;
	text-decoration: none;
}

#login-body {
	width: 404px;
	margin: 45px auto;
}

.branding-icon,
.branding-lead {
	text-align: center;
}

.branding-lead {
	margin-top: 25px;
}

.branding-title {
	color: #000000;
	font-size: 36px;
	font-weight: bold;
}

.branding-text {
	color: #666666;
	font-size: 13px;
}

.branding-icon {
	color: #3a87ad;
	font-size: 160px;
	line-height: 135px;
}

.login-form input[type=text] {
	width: 320px;
	height: 26px;
	line-height: 26px;
	background-color: #FFF !important;
	text-indent: 1em !important;
	color: #666666;
}

.login-form .login-btn {
	width: 325px;
	height: 35px;
	color: #FFF !important;
	overflow: hidden;
	border-radius: 1px !important;
	background: #1ab394 !important;
	border-color: #1ab394 !important;
}

.login-form .l-btn-text {
	vertical-align: middle !important;
}

.login-form .login-btn:hover {
	background: #338473 !important;
	border-color: #338473 !important;
}

.login-form .msg-panel {
	text-align: left;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.login-form .msg-panel h3 {
	font-size: 14px;
	font-weight: 700;
	line-height: 13px;
}

.login-form .msg-panel-default {
	padding: 0 10px;
	border: 2px solid #767676;
	background: url('../img/msg-bg-default.png') 50% 50% #666666;
	color: #fff;
}

.login-form .msg-panel-info,
.login-form .msg-panel-success {
	padding: 0 10px;
	border: 2px solid #1d4d7a;
	background: url('../img/msg-bg-info.png') 50% 50% #0b3e6f;
	color: #fff;
}

.login-form .msg-panel-alert {
	padding: 0 10px;
	border: 2px solid #e9a11a;
	background: url('../img/msg-bg-alert.png') 50% 50% #e69700;
	color: #fff;
}

.login-form .msg-panel-error {
	padding: 0 10px;
	border: 2px solid #be2e17;
	background: url('../img/msg-bg-error.png') 50% 50% #b81900;
	color: #fff;
}

.login-form ul.list-unstyled {
	padding-left: 0;
	list-style: none;
	line-height: 13px;
}

.login-form ul.list-unstyled li {
	padding-bottom: 5px;
}

.copyright-text,
.copyright-text a {
	text-align: center;
}