@CHARSET "UTF-8";
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	outline: none;
}
body {font-family:Arial, Sans-Serif; line-height: 1.8; color: #333333;}
.header-text{
	margin: 0px 20px 0px 0px;
	max-width: 400px;
}
.footer-text{
	font-family: "Montserrat", arial;
	margin: 0px 20px 0px 0px;
	max-width: 400px;
	text-align: center;
	font-size:12px;
	color:#aaaaaa;
}
.footer-txt
{
    font-size:12px;
    text-align:center;
    color:#aaaaaa;
    margin-bottom: 0px;
}
.header-text .lg-img
{
	text-align: center;
}
.header-text h2 
{
		font-size: 30px;
		color: #333333;
		text-align: left;
		margin-bottom: 0.5em;
		font-family: "Montserrat", arial;
		text-shadow: 1px 1px 1px black;
        font-weight: bold;
}

.login-form {
	margin: 0px 20px 0px 0px;
	max-width: 400px;
}

div[role=accessdenied] {
	font: 16px/1.6em arial, serif;
	padding: 15px 26px 20px 26px;
	background: #fff;
	border:1px solid #e5e5e5;
	box-shadow: 0px 0px 5px #333333;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div[id=accessdeniedmessage]
{
    min-height:400px;
}
div[role=accessdenied] h2 {
	font-size: 20px;
	color: #0000;
	text-align: center;
	margin-bottom: 0.5em;
	font-family: arial;
}
div[role=accessdenied] p {
	color: #929292;
}
div[role=accessdenied] label {
	font-family:arial;
	color:#333333;
	font-size:15px;
	width:100%;
	display:inline-block;
	font-weight:600
}

form[role=login] {
	font: 16px/1.6em arial, serif;
	padding: 15px 26px 20px 26px;
	background: #fff;
	border:1px solid #e5e5e5;
	box-shadow: 0px 0px 5px #333333;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
form[role=login] h2 {
	font-size: 20px;
	color: #0000;
	text-align: center;
	margin-bottom: 0.5em;
	font-family: arial;
}
form[role=login] p {
	color: #929292;
}
form[role=login] label {
	font-family:arial;
	color:#333333;
	font-size:15px;
	width:100%;
	display:inline-block;
	font-weight:600
}
input[type=email],input[type=password],input[type=text] {
	display:inline-block;
	height:48px;
	padding:6px 10px;
	background-color:#fff;
	border:0;
	border-bottom:4px solid #e5e5e5;
	transition:border-color .3s ease-in-out;
	color:#a1a1a1;
	border-radius:5px;
	box-shadow:none;
	box-sizing:border-box;
	margin-bottom:0px;
	margin-top:6px;
	max-width:100%;
	font-family:Open Sans,sans-serif;
	font-weight:300;
	vertical-align:top
}
input[type=email],input[type=password],input[type=text] {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
form[role=login] input[type=email],form[role=login] input[type=password],form[role=login] input[type=text]{
	border:1px solid #e5e5e5;
	border-bottom:4px solid #e5e5e5;
}
input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus {
	border-bottom:4px solid #259bdb;
	color:#a1a1a1;
	outline:0
}
form[role=login] input[type=email]:focus,form[role=login] input[type=password]:focus,form[role=login] input[type=text]:focus{
	border:1px solid #259bdb;
	border-bottom:4px solid #259bdb
}
form[role=login] .button.button-primary {
	background:#259bdb;
	color:#fff;
	border-bottom:4px solid #007fc1
}
form[role=login] .button {
	box-sizing:border-box;
	display:inline-block;
	border-radius:5px;
	background:#f4f4f4;
	color:#259bdb;
	font-family:arial;
	font-size:22px;
	border:0;
	line-height:45px;
	padding:0 20px;
	position:relative;
	text-decoration:none;
	overflow:hidden;
	outline:none;
	-webkit-appearance:none;
	border-bottom:4px solid #e5e5e5;
	margin-top:0;
	cursor:pointer;
	width: 95%;
}
form[role=login] .button:after {
	opacity:.1;
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-1px;
	background:#fff;
	border-radius:100%;
	width:0;
	height:100%;
	transition:all .2s ease-in-out
}
form[role=login] .button:focus,form[role=login] .button:hover {
	text-decoration:none
}
form[role=login] button,
form[role=login] a.btn {
	font-size: 16px;
}
form[role=login] a.btn {
	margin: 16px 0;		
}
form[role=login] a.cbtn {
	margin: 5px 0;		
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
a {color:#0067ab; text-decoration:none;}
a:hover {text-decoration:underline;}
.lerror{ font-size:14px; color:#ff0000; padding:10px 0px 0px; text-align: center; }
.bg-1 { background-color: #1abc9c; /* Green */ color: #ffffff; }
.bg-2 { background-color: #474e5d; /* Dark Blue */ color: #ffffff; }
.bg-3 { background-color: #ffffff; /* White */ color: #555555; }
.bg-4 { background-color: #2f2f2f; /* Black Gray */ color: #fff; }
.container-fluid { padding-top: 15px; padding-bottom: 15px; }
.navbar { padding-top: 15px; padding-bottom: 15px; border: 0; border-radius: 0; margin-bottom: 0 !important; font-size: 12px; letter-spacing: 5px; }
.navbar-nav  li a:hover { color: #1abc9c !important; }
.wrapper
{
	min-height: 600px;
}
/*footer { position: absolute; right: 0; bottom: 0; left: 0; padding: 1rem; text-align: center; }*/
.img-circle{ border:2px solid #808183;  }

/*.dropdown-submenu {
    position: relative;
}
.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}*/
.dropdown{ z-index: 9999 !important; }
.dropdown-submenu{position:relative; z-index:9999;}
.dropdown-submenu>.dropdown-menu{top:0;left:95% !important;max-width:180px;margin-top:-6px;margin-right:-1px;-webkit-border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;border-radius:6px 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;border-radius:6px 6px 6px 6px;}
.dropdown-menu-right {}
.fa-sign-out{ font-size:20px !important; }
.navbar{ padding-top:0px !important; padding-bottom:0px !important; }
.dataTables_filter{ float:right; }
.dt-buttons{ float:right !important; padding-right:10px; }
.fa-plus-green{ color:green; }
.fa-9a-default{ font-size:18px !important; color:#337ab7; }
.fa-9a-green{ font-size:18px !important; color:green; }
.fa-9a-red{ font-size:18px !important; color:red; }
.cdefault-size{ width: 60px; height: 60px; margin-right: 15px; }
.c-logo-size{ width: 30px; height: 30px; }
.expiresoon
{
	color:#ffffff;
	font-weight: bold;
	background: #f67373;
}


@media screen and (max-width: 767px) {
	.navbar-brand{ font-size:14px !important; }
	.fa-sign-out{ font-size:14px !important; }
	.cdefault-size{ width: 30px; height: 30px; margin-right: 5px;  }
	.dataTables_filter{ float:none !important; }
	.dt-buttons{ float:none !important;}
	.c-logo-size{ width: 30px; height: 30px; }
}

@media screen and (max-width: 479px) {
	.navbar-brand{ font-size:10px !important; }
	.fa-sign-out{ font-size:14px !important; }
	.cdefault-size{ width: 30px; height: 30px; margin-right: 5px;  }
	.dataTables_filter{ float:none !important; }
	.dt-buttons{ float:none !important;}
	.c-logo-size{ width: 25px; height: 25px; }
	.fa-plus-green{ color:green; }
.fa-9a-default{ font-size:15px !important; color:#337ab7; }
.fa-9a-green{ font-size:15px !important; color:green; }
.fa-9a-red{ font-size:15px !important; color:red; }
}