/* load Open Sans Font from local */
@import url("../OpenSans/font.css");


body {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
}

.main-content {
    background-color: rgba(255, 255, 255, 0.2);
}
.fullHeight {
	min-height: 600px;
}


/* ----------------------------------------------- */
/*         			  Typography   	               */
/* ----------------------------------------------- */

.font-normal {
	font-weight:400;
}

.font-semibold {
	font-weight:600;
}

.font-bold {
	font-weight:700;
}

b, strong {
    font-weight: 600;
}

.tile-body a {
  color: #fff;
  text-decoration: none;
}
a:hover,
a:focus {
  color: rgba(255,255,255,0.70);
  text-decoration: none;
}

.tile-body2  a:hover, .tile-body2  a:focus, .tile-body2 > a:hover, .tile-body2 > a:focus  {
	color: #428BCA;	
	text-decoration: none;
}

.tile-body4  a:hover, .tile-body4  a:focus, .tile-body4 > a:hover, .tile-body4 > a:focus  {
	color: #337AB7;
	text-decoration: none;
}

.text-shadow {
	text-shadow: 0px 1px #000;
}

.text-shadow_white {
	text-shadow: 0px 1px #fff;
}

.tile-body h4 {
	font-weight:lighter;
}

.color-40 {
	 color:rgba(255,255,255,0.30);
}

/* ----------------------------------------------- */
/*         		Webmail Top Navigation   	       */
/* ----------------------------------------------- */

.navbar-webmail {
	position: fixed;
	margin-left:15px;
  	margin-right:15px;
	background-color:#fff;
	border-color: #fff;
	padding-right:15px;
	color:#444;
	font-weight:400;
	z-index: 1020;
}

#webmail a:hover,
#webmail a:focus {
  color: #428BCA;
  text-decoration: none;
}

#webmail .navbar {
    border: 0px none;
}

#webmail .navbar-nav {
    margin-top: 18px;
}

#webmail .navbar-header .navbar-brand {
	font-size:24px;
	font-weight: 500;
}

#webmail h3 {
	font-size:24px;
	font-weight: 500;
	padding: 10px 50px 20px 15px;
	color:#000;
}

#webmail .navbar-nav > li > a {
    padding-top: 9px;
    padding-bottom: 9px;
	margin-right: 5px;
}

#webmail .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -1px;
    padding-top: 9px;
    padding-bottom: 9px;
}

/* ----------------------------------------------- */
/*         		  Account Navigation   	           */
/* ----------------------------------------------- */

.nav > li > a:link > img {
	opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

.nav > li > a:hover > img, 
.nav > li > a:focus > img {
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

input.ng-invalid.ng-dirty,
select.ng-invalid.ng-dirty {
    border: 1px solid red !important;
}

h1.title{
    font-size: 20px;
}

div.control-panel {
    margin: 10px 0;
}

div.tag {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 15px;
	margin-bottom: 0px;
}

div.tag:last-child {
    border-bottom: none;
}



/* ----------------------------------------------- */
/* 						Form			 		   */
/* ----------------------------------------------- */

#webmail .form-control {
  display: block;
  width: 100%;
  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;
}
#webmail .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

#webmail > .form-control > option  {
	background-color: #fff;
    color: #555;
}

.form-control {
	color: Black;
	color: rgba(255,255,255,1.00);
	background-color: rgba(0,0,0,0.15);
	 /* IE 8 suppoerted */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26000000,endColorstr=#26000000);
	border: 1px solid rgba(255,255,255,0.25);
	box-shadow: none;
}

.form-control:focus {
	background-color: rgba(255,255,255,0.20);
	 /* IE 8 suppoerted */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF);
	border-color: rgba(255,255,255,0.40);
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: rgba(255,255,255,0.20);
  opacity: 1;
}

form.mail_button .form-control {
	color: #555;
	background-color: #FFF;
	border: 1px solid #CCC;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
}

form.mail_button .form-control > option, form.mail_button .form-control > optgroup > option {
	background-color: #FFFFFF;
	color: #555;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-control > option {
	background-color: rgba(0,0,0,0.15);
	color: #fff;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.tile-body3 .form-control > option {
	background-color: #FFFFFF;
	color: #555;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#search_mail .form-control {
	color: #ffffff;
	background-color: rgba(0,0,0,0.15);
	border: 1px none rgba(255,255,255,0.25);
	box-shadow: none;
}

#search_mail .form-control:focus {
	background-color: rgba(255,255,255,0.20);
	border-color: rgba(255,255,255,0.40);
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#search_mail .form-control[disabled],
#search_mail .form-control[readonly],
#search_mail fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: rgba(255,255,255,0.20);
  opacity: 1;
}

#search_mail .btn-search {
	background-color: rgba(0,0,0,0.15);
	margin-left: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 9px;
	padding-bottom: 9px;
}

.tile-body2 .form-control, .tile-body3 .form-control {
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.tile-body2 .form-control:focus, .tile-body3 .form-control:focus {
	background-color: #fff;
	border-color: #66afe9;
	outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}


label {
	font-weight: 600;
}

.input-group-addon {
	color: #fff;
	background-color: rgba(0,0,0,0.50);
	border: 0px none rgba(0,0,0,0.50);
}

/*.input-group-addon:first-child {
    border-right: 1px solid rgba(0,0,0,0.50);	
}*/

.input-group .form-control:last-child {
	margin-left: -1px;
}

.form-control::-moz-placeholder {
  color: rgba(255,255,255,0.30);
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: rgba(255,255,255,0.30);
}
.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255,0.30);
}



/* ----------------------------------------------- */
/* 					breadcrumb			 		   */
/* ----------------------------------------------- */
.pageheader {
	width: 100%;
	text-align: right;
}

.breadcrumb {
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 8px;
	list-style: none outside none;
	background-color: transparent;
	border-radius: 0px;
	font-size: 12px;
	font-weight: 600;
	color: rgba(255,255,255,0.60);
}

.breadcrumb > li + li:before {
  	content: "\203A";
}

.breadcrumb a {
	color:#fff;
	text-decoration: none;
}

.breadcrumb a:hover,
.breadcrumb a:focus  {
	color:rgba(255,255,255,0.70);
}

.breadcrumb > .active {
	color: #fff;
	text-decoration: none;
}

/* ----------------------------------------------- */
/* 						Alert			 		   */
/* ----------------------------------------------- */

.alert-success2 {
	background-color: rgba(89,173,47,0.60);
	border-color: #59AD2F;
	color: #fff;
}
.alert-info2 {
	background-color: rgba(0,116,232,0.60);
	border-color: #0074E8;
	color: #fff;
}
.alert-warning2 {
	background-color: rgba(255,127,0,0.60);
	border-color: #FF7F00;
	color: #fff;
}
.alert-danger2 {
	background-color: rgba(175,47,47,0.60);
	border-color: #AF2F2F;
	color: #fff;
}
.alert-black2 {
	background-color: rgba(89,173,47,0.60);
	border-color: #000;
	color: #fff;
}
.alert-white2 {
	background-color: rgba(255,255,255,0.30);
	border-color: #fff;
	color: #fff;
}
.alert-lightblue2 {
	background-color: rgba(38,201,255,0.60);
	border-color: #26C9FF;
	color: #fff;
}




/* ----------------------------------------------- */
/* 						Tiles			 		   */
/* ----------------------------------------------- */

.tile-body, .tile-body3 {
	padding-top: 35px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
}

.tile-body.color.transparent-black30 {
	background-color: rgba(0, 0, 0, 0.3);
	/* IE 8 suppoerted */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
	clear: both;
}

.tile-body.color.transparent-black20 {
	background-color: rgba(0, 0, 0, 0.2);
	/* IE 8 suppoerted */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
	clear: both;
}

.tile-body.color.transparent-white25 {
	background-color: rgba(255, 255, 255, 0.25);
	/* IE 8 suppoerted */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3FFFFFFF, endColorstr=#3FFFFFFF);
	clear: both;
}

.tile-body.color.transparent-white30 {
	background-color: rgba(255, 255, 255, 0.30);
	/* IE 8 suppoerted */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4CFFFFFF, endColorstr=#4CFFFFFF);
	clear: both;
	color: #444;
}

.tile-body2.color.white {
	background-color: #fff;
	clear: both;
	color: #444;
}

.tile-body4.color.white-border {
	background-color: #fff;
	color: #444;
	padding: 20px 20px 30px;
	margin-top: -1px;
	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.5); 
	-moz-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.5); 
	box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.5);
}

.tile-body3.color.lightgrey {
	background-color: #F4F4F4;
	clear: both;
	color: #444;
}
.tile-body3.color.lightgrey a:hover, .tile-body3.color.lightgrey a:focus {
    color: #428BCA;
    text-decoration: none;
}

.tile-footer2.color.white {
	padding: 15px;
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: -15px;
	margin-top: -20px;
	border-top: 2px solid #DDD;
	border-radius: 0px 0px 4px 4px;
}

.tile-footer3.color.white {
	padding: 15px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: -15px;
	margin-top: -20px;
	border-top: 2px solid #DDD;
	border-radius: 0px 0px 4px 4px;
}

.tile-footer.color.black30 {
	background-color: rgba(0, 0, 0, 0.3);
	padding: 15px;
	margin-right: -20px;
	margin-left: -20px;
	margin-bottom: -15px;
	margin-top: 35px;
	border-top: 1px solid rgba(255,255,255,0.50);
}

.tile-top.color.black30 {
	background-color: rgba(0, 0, 0, 0.3);
	padding: 15px;
	margin-right: -20px;
	margin-left: -20px;
	margin-bottom: 30px;
	margin-top: -35px;
}

.tile-footer.color.black20 {
	background-color: rgba(0, 0, 0, 0.2);
}

.tile-footer.color.black10 {
	background-color: rgba(0, 0, 0, 0.1);
	padding: 15px;
	margin-right: -20px;
	margin-left: -20px;
	margin-bottom: -15px;
	margin-top: 35px;
}

.rounded-top-corners {
    border-radius: 4px 4px 0px 0px !important;
	-webkit-border-radius: 4px 4px 0px 0px;  
    -moz-border-radius: 4px 4px 0px 0px;  
}

.rounded-bottom-corners {
    border-radius: 0px 0px 4px 4px !important;
	-webkit-border-radius: 0px 0px 4px 4px;  
    -moz-border-radius: 0px 0px 4px 4px; 
}

.rounded-corners {
    border-radius: 4px 4px 4px 4px !important;
	-webkit-border-radius: 4px 4px 4px 4px;  
    -moz-border-radius: 4px 4px 4px 4px;
}

.rounded-corners-left {
	border-radius: 0px 4px 4px;
	-webkit-border-radius: 0px 4px 4px;  
    -moz-border-radius: 0px 4px 4px;
}
 
.table .close, .tile-body .close {
	color: rgba(255,0,0,0.70);
	opacity: 1;
	text-shadow: none;
}

.table .close:hover, .tile-body .close:hover {
	color: #FF0000;
	opacity: 1;
	text-shadow: none;
}



/* ----------------------------------------------- */
/* 			 	Margin & Padding		 		   */
/* ----------------------------------------------- */

.nomargin {
	margin: 0px 0px 0px 0px;
}

.margin-left_15 {
	margin-left: -15px;
}

.margin-right_15 {
	margin-right: -15px;
}

.margin-left_30 {
	margin-left: -30px;
}

.margin-right_30 {
	margin-right: -30px;
}

.margin-right0 {
	margin-right: 0px;
}

.margin-top_20 {
	margin-top: -20px;
}

.margin-top_0 {
	margin-top: 0px;
}

.margin-bottom_30 {
	margin-left: -30px;
}

.margin-bottom_20 {
	margin-bottom: -20px;
}

.margin-bottom_0 {
	margin-bottom: 0px;
}

.margin-bottom10 {
	margin-bottom: 10px;
}

.margin-bottom15 {
	margin-bottom: 15px;
}

.margin-bottom30 {
	margin-bottom: 30px;
}

.margin-bottom50 {
	margin-bottom: 50px;
}

.margin-bottom60 {
	margin-bottom: 60px;
}

.nopadding {
	padding: 0px 0px 0px 0px;
}

.padding30 {
	padding:30px;
}

.padding-top5 {
	padding-top: 5px;
}

.padding-top10 {
	padding-top: 10px;
}

.padding-top15 {
	padding-top: 15px;
}

.padding-top_15 {
	padding-top: -15px;
}

.padding-top20 {
	padding-top: 20px;
}

.padding-bottom10 {
	padding-bottom: 10px;
}

.padding-bottom15 {
	padding-bottom:15px;
}

.padding-right8 {
	padding-right: 8px;
}

.padding_right0 {
	padding-right: 0px;
}

.padding_left0 {
	padding-left: 0px;
}

.padding-left15 {
	padding-left:15px;
}

.padding-right15 {
	padding-right:15px;
}


/* ----------------------------------------------- */
/* 						Panel			 		   */
/* ----------------------------------------------- */

.panel-open > .panel-heading {
	background-color:#81C161;
	color:rgba(255,255,255,0.60);
	font-size:23px;
	font-weight:lighter;
	text-align:center;
	line-height: 37px;
}

.panel-open > .panel-footer {
	background-color:#59AD2F;
	color:#fff;
	font-size:23px;
	font-weight:600;
	text-align:center;
	border:none;
	line-height: 20px;
}

.panel-overdue > .panel-heading {
	background-color:#C26161;
	color:rgba(255,255,255,0.60);
	font-size:23px;
	font-weight:lighter;
	text-align:center;
	line-height: 37px;
}

.panel-overdue > .panel-footer {
	background-color:#AF2F2F;
	color:#fff;
	font-size:23px;
	font-weight:600;
	text-align:center;
	border:none;
	line-height: 20px;
}

.panel-credit > .panel-heading {
	background-color:#FF9E3D;
	color:rgba(255,255,255,0.60);
	font-size:23px;
	font-weight:lighter;
	text-align:center;
	line-height: 37px;
}

.panel-credit > .panel-footer {
	background-color:#FF7F00;
	color:#fff;
	font-size:23px;
	font-weight:600;
	text-align:center;
	border:none;
	line-height: 20px;
}



/* ----------------------------------------------- */
/* 				Form - Select			 		   */
/* ----------------------------------------------- */

.bootstrap-select .btn-default {
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.25);
}

.bootstrap-select.btn-default:hover,
.bootstrap-select.btn-default:focus {
  	background-position: 0 -15px;
  	background-color: rgba(255, 255, 255, 0.2);
	border-color: rgba(255, 255, 255, 0.4);
}
.bootstrap-select.btn-default:active,
.bootstrap-select.btn-default.active {
	background-color: rgba(255, 255, 255, 0.2);
	border-color: rgba(255, 255, 255, 0.4);
}
.bootstrap-select.btn-default:disabled,
.bootstrap-select.btn-default[disabled] {
	background-color: rgba(0,0,0,0.50);
}

/*.open > .dropdown-toggle.btn-default {
    color: #fff;
  	background-color: rgba(255, 255, 255, 0.2);
	border-color: rgba(255, 255, 255, 0.4);
}*/

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu {
    background-color: #fff;
    color: #444;
}

.bootstrap-select.btn-group .dropdown-menu > li > a {
	color:#444;
}

.bootstrap-select.btn-group .dropdown-menu > li > a:hover,
.bootstrap-select.btn-group .dropdown-menu > li > a:focus {
	color: #444;
	background-color: #eeeeee;
}


.tile-body.color.transparent-black30 table.table-bordered .bootstrap-select.btn-group .dropdown-menu > li > a {
	color:#444;
}

.tile-body.color.transparent-black30 table.table-bordered .bootstrap-select.btn-group .dropdown-menu > li > a:hover,
.tile-body.color.transparent-black30 table.table-bordered .bootstrap-select.btn-group .dropdown-menu > li > a:focus {
	color: #444;
	background-color: #eeeeee;
}

.form-horizontal .bootstrap-select.btn-group, 
.form-group .bootstrap-select.btn-group {
    padding-left: 0px;
	padding-right: 0px;
}



/* ----------------------------------------------- */
/* 						Table			 		   */
/* ----------------------------------------------- */


.table > thead > tr > th {
	padding: 8px 15px 8px 15px;	
}

.table > tbody > tr > td {
	padding: 8px 15px 8px 15px;	
}

.tile-body2 .table > tbody > tr > td {
	padding: 8px 15px 8px 15px;	
}

.table > thead > tr > th,
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
	border-color: #E6E6E6;
}

.tile-body2 .table > thead > tr > th, .tile-body2 .table > tbody > tr > td {
	color:#000;
	font-size: 14px;
	font-weight:400;
}

.tile-body2 .table > thead > tr > th > a:link, .tile-body2 .table > tbody > tr > td > a:link {
  color: #444;
  text-decoration: none;
}

.tile-body2 .table > thead > tr > th > a:hover, .tile-body2 .table > tbody > tr > td > a:hover, .tile-body2 .table > thead > tr > th > a:focus, .tile-body2 .table > tbody > tr > td > a:focus {
  color: #000;
  text-decoration: none;
}

.tile-body2 .table-hover > tbody > tr:hover > td,
.tile-body2 .table-hover > tbody > tr:hover > th {
	background-color: rgba(255,255,255,0.20);
}

div#webmail > .table > thead > tr > th {
	background-color: #E6E6E6;
}

.tile-body.color.transparent-black30 table.table-bordered a {
	color: #fff;
	text-decoration: none;
}

.tile-body.color.transparent-black30 table.table-bordered a:hover,
.tile-body.color.transparent-black30 table.table-bordered a:focus {
	color:rgba(255,255,255,0.70);
}

.tile-body.color.transparent-black30 table.table-bordered {
    border: 0px none;
}

.tile-body table.table-bordered > thead > tr th:first-child  {
	border-top-left-radius: 4px;	
}

.tile-body table.table-bordered > thead > tr th:last-child  {
	border-top-right-radius: 4px;	
}

.tile-body table.table-bordered > thead > tr th {
	background-color: rgba(0, 0, 0, 0.4);
	border-style: solid none solid solid;
	border-color: rgba(255, 255, 255, 0.2); 
	/*-moz-use-text-color rgba(255,255,255,0.50) rgba(255, 255, 255, 0.2);*/
	height: 60px;
	vertical-align: middle;
	text-shadow: 1px 2px #000000;
}

.tile-body.color.transparent-black30 table.table-bordered > thead > tr th > a:hover,
.tile-body.color.transparent-black30 table.table-bordered > thead > tr th > a:focus {
	color:#fff;
}

.tile-body table.table-bordered > tbody > tr td {
	/*border-style: solid none none solid;*/
	border-color: rgba(255,255,255,0.2) ;
	/*-moz-use-text-color -moz-use-text-color rgba(255, 255, 255, 0.08);*/
}

.tile-body .table-striped > tbody > tr:nth-child(2n+1) > td {
    background-color: rgba(0, 0, 0, 0.13);
}

.tile-body table.table-bordered > tfoot > tr td:first-child  {
	border-bottom-left-radius: 4px;	
}

.tile-body table.table-bordered > tfoot > tr td:last-child  {
	border-bottom-right-radius: 4px;	
}

.tile-body table.table-bordered > tfoot > tr td {
	border-style: solid none none none;
	border-color: rgba(255, 255, 255, 0.2);
	/*-moz-use-text-color rgba(255,255,255,0.2) rgba(255, 255, 255, 0.2);*/
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
	background-color: rgba(0, 0, 0, 0.1);
}

.table-bordered > tfoot > tr > td {
	border-top-width: 2px;
}


.table-custom {
}

.tile-body table.table-custom > thead > tr th:first-child  {
	border-top-left-radius: 4px;	
}

.tile-body table.table-custom > thead > tr th:last-child  {
	border-bottom-left-radius: 4px;	
}

.tile-body table.table-custom > tbody > tr th {
	background-color: rgba(0, 0, 0, 0.15);
	border-style: solid none none;
	font-weight: 600;
	border-top-color: rgba(0, 0, 0, 0.09);
	border-width: 1px 0px 0px;
}

.tile-body table.table-custom > tbody > tr td {
	border-style: solid none none;
	border-top-color: rgba(0,0,0,0.09);
	border-width: 1px 0px 0px;
}



/* ----------------------------------------------- */
/* 					List Group			 		   */
/* ----------------------------------------------- */

.list-group-header {
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff;
	padding: 10px 15px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin-top: 20px;
}

.list-group-header-close {
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff;
    border-radius: 4px;
	padding: 10px 15px;
	margin-top: 20px;
}

.list-group-header  a, .list-group-header-close a, .list-group-item > a {
	color:#fff;
}

.list-group-header  a:link, .list-group-header-close  a:link {
	color: #fff;
}

.list-group-header  a:hover, .list-group-header-close  a:hover, .list-group-item > a:hover {
	color: rgba(255,255,255,0.50);
}

.list-group-header  a:active, .list-group-header-close  a:active {
	color: #fff;
}

.list-group-item {
	background-color: rgba(0, 0, 0, 0.3);
	clear: both;
	border: 0px none #DDD;
	color:#fff;
}

.list-group-item > a > i {
	color: rgba(255, 255, 255, 0.5);;
	padding-right:10px;
}

.list-group-till {
	background-color: rgba(0, 0, 0, 0.3);
}

.list-group-till > .list-group > .list-group-item:first-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}






/* ----------------------------------------------- */
/* 					Pagination			 		   */
/* ----------------------------------------------- */

.tile-body .pagination > li > a {
	background-color: rgba(0, 0, 0, 0.3);
	border-color: rgba(255,255, 255, 0.3);
}

.tile-body .pagination > li > a:hover,
.tile-body .pagination > li > a:focus {
	background-color: rgba(0, 0, 0, 0.4);
}

.tile-body .pagination > .active > a {
	background-color: rgba(0, 0, 0, 0.6);
	border-top: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(255,255,255,0.3);
	border-right: 0px none;
	border-left: 0px none;
}

.tile-body .pagination > .active > a:hover,
.tile-body .pagination > .active > a:focus {
	background-color: rgba(0, 0, 0, 0.6);
}

.tile-body .pagination > .disabled > a {
	color: #A7A7A7;
	background-color: rgba(0, 0, 0, 0.1);
}

.tile-body .pagination > .disabled > a:hover,
.tile-body .pagination > .disabled > a:focus {
	background-color: rgba(0, 0, 0, 0.1);
 }

.tile-body .pagination > .disabled > a > i {
	color: rgba(255, 255, 255, 0.2);
}

.tile-body .pagination > .disabled > a,
.tile-body .pagination > .disabled > a:hover,
.tile-body .pagination > .disabled > a:focus {
	border-color: rgba(255,255, 255, 0.1);
}

.pagination {
	margin-top: 6px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 3px;
}



/* ----------------------------------------------- */
/* 					  Button		  		 		   */
/* ----------------------------------------------- */


.btn-white {
	border-color: rgba(255,255,255,0.30);
	background-color: rgba(255,255,255,0.30);
	color: #fff;
}

.btn-white:hover,
.btn-white:focus {
  color: #fff;
  background-color: rgba(255,255,255,0.40);
  border-color: rgba(255,255,255,0.30);
}
.btn-white:active,
.btn-white.active {
  background-color: #333333;
  border-color: #000000;
}
.btn-white.disabled {
	background-color: rgba(255,255,255,0.30);
	border-color: rgba(255,255,255,0.30);
	color: rgba(255,255,255,0.40);
}

.btn-white2 {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-white2:hover,
.btn-white2:focus,
.btn-white2.focus,
.btn-white2:active,
.btn-white2.active,
.open > .dropdown-toggle.btn-white2 {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-white2:active,
.btn-white2.active,
.open > .dropdown-toggle.btn-white2 {
  background-image: none;
}
.btn-white2.disabled,
.btn-white2[disabled],
fieldset[disabled] .btn-white2,
.btn-white2.disabled:hover,
.btn-white2[disabled]:hover,
fieldset[disabled] .btn-white2:hover,
.btn-white2.disabled:focus,
.btn-white2[disabled]:focus,
fieldset[disabled] .btn-white2:focus,
.btn-white2.disabled.focus,
.btn-white2[disabled].focus,
fieldset[disabled] .btn-white2.focus,
.btn-default.disabled:active,
.btn-white2[disabled]:active,
fieldset[disabled] .btn-white2:active,
.btn-white2.disabled.active,
.btn-white2[disabled].active,
fieldset[disabled] .btn-white2.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-white3 {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-white3:hover,
.btn-white3:focus,
.btn-white3.focus,
.btn-white3:active,
.btn-white3.active,
.open > .dropdown-toggle.btn-white3 {
  color: #fff;
  background-color: #333;
  border-color: #000000;
}
.btn-white3:active,
.btn-white3.active,
.open > .dropdown-toggle.btn-white2 {
  background-image: none;
}
.btn-white3.disabled,
.btn-white3[disabled],
fieldset[disabled] .btn-white3,
.btn-white3.disabled:hover,
.btn-white3[disabled]:hover,
fieldset[disabled] .btn-white3:hover,
.btn-white3.disabled:focus,
.btn-white3[disabled]:focus,
fieldset[disabled] .btn-white3:focus,
.btn-white3.disabled.focus,
.btn-white3[disabled].focus,
fieldset[disabled] .btn-white3.focus,
.btn-default.disabled:active,
.btn-white3[disabled]:active,
fieldset[disabled] .btn-white3:active,
.btn-white3.disabled.active,
.btn-white3[disabled].active,
fieldset[disabled] .btn-white3.active {
  background-color: #fff;
  border-color: #ccc;
}


/* ----------------------------------------------- */
/* 					  Label		  		 		   */
/* ----------------------------------------------- */


.label-default {
  background-color: #000;
}

.label-primary {
  background-color: #0074E8;
}

.label-success {
  background-color: #59AD2F;
}

.label-info {
  background-color: #26C9FF;
}

.label-warning {
  background-color: #FF7F00;
}

.label-danger {
  background-color: #AF2F2F;
}

.label-active {
  background-color: #59AD2F;
  padding-left: 21px;
  padding-right: 21px;
}

.label-terminated {
	background-color: rgba(255,255,255,0.25);
	color: #fff;
}

.label-paid {
  background-color: #59AD2F;
  padding-left: 17px;
  padding-right: 17px;
}

.label-partial {
  background-color: #FF7F00;
  padding-left: 11px;
  padding-right: 11px;
}

.label-overdue {
  background-color: #AF2F2F;
}

.label-transit {
  background-color: #BC088A;
  padding-left: 10px;
  padding-right: 10px;
}

.label-saved {
  background-color: #7F00FF;
  padding-left: 13px;
  padding-right: 13px;
}

.label-sent {
  background-color: #26C9FF;
  padding-left: 17px;
  padding-right: 17px;
}

.label-purchase {
  background-color: #14AAB1;
  padding-left: 17px;
  padding-right: 17px;
}

.label-supply {
  background-color: #815E3A;
  padding-left: 17px;
  padding-right: 17px;
}



/* ----------------------------------------------- */
/* 		  Invoice status and Topbar color   	   */
/* ----------------------------------------------- */

.invoice-bar {
	display: inline;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
}

.status-paid {
  	background-color: #59AD2F;
  	width: 200px;
	padding-top:10px;
	padding-bottom: 10px;
	border-radius: 4px 4px 0px 0px;
}

.status-partial {
  	background-color: #FF7F00;
  	width: 200px;
	padding-top:10px;
	padding-bottom: 10px;
	border-radius: 4px 4px 0px 0px;
}

.status-overdue {
  	background-color: #AF2F2F;
  	width: 200px;
	padding-top:10px;
	padding-bottom: 10px;
	border-radius: 4px 4px 0px 0px;
}

.status-transit {
  	background-color: #BC088A;
  	width: 200px;
	padding-top:10px;
	padding-bottom: 10px;
	border-radius: 4px 4px 0px 0px;
}

.status-saved {
  	background-color: #7F00FF;
  	width: 200px;
	padding-top:10px;
	padding-bottom: 10px;
	border-radius: 4px 4px 0px 0px;
}
.status-sent {
  	background-color: #26C9FF;
  	width: 200px;
	padding-top:10px;
	padding-bottom: 10px;
	border-radius: 4px 4px 0px 0px;
}

.bar-paid {
  	background-color: #59AD2F;
  	height: 5px;
}

.bar-partial {
  	background-color: #FF7F00;
  	height: 5px;
}

.bar-overdue {
  	background-color: #AF2F2F;
	height: 5px;
}

.bar-transit {
  	background-color: #BC088A;
  	height: 5px;
}

.bar-saved {
  	background-color: #7F00FF;
	height: 5px;
}
.bar-sent {
  	background-color: #26C9FF;
  	height: 5px;;
}


/* ----------------------------------------------- */
/*         		Webmail Textarea   	               */
/* ----------------------------------------------- */

.email-textarea {
}
.email-toolbar {
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	background-color: #DDD;
	border-radius: 0px 0px 6px 6px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.email-textarea > textarea {
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	border-radius: 6px 6px 0px 0px ;
	background-color: #FFF;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.email-input {
    padding: 13px !important;
}
#webmail_fol_set  .nav-tabs {
	/*background-color: rgba(0, 0, 0, 0.3);*/
	border-radius: 4px 4px 0px 0px;
	border-bottom: 0px none;
}
#webmail_fol_set > .nav-tabs > li.active > a:first-child {
    border-radius: 4px 4px 0px 0px;
	color:#555;
}
#webmail_fol_set > .nav-tabs > li.active > a, #webmail_fol_set > .nav-tabs > li.active > a:hover, #webmail_fol_set > .nav-tabs > li.active > a:focus {
	border-width: 0px;
	border-style: none none solid;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	border-bottom-color: transparent;
	color:#555;
	background-color:#fff;
}
#webmail_fol_set > .nav-tabs > li > a {
	margin-right: 2px;
	border-top: 0px none;
	border-bottom: 0px none;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	border-left: 0px none;
	border-radius: 4px 4px 0px 0px;
	color: #AAA;
	background-color: #EEE;
}
#webmail_fol_set > .nav > li > a:hover {
	background-color: #DDDDDD;
	border-style: none;
	border-width: 0px;
	color: #555;
}

#webmail_mail_report  .nav-tabs {
	border-radius: 4px 4px 0px 0px;
	/*border-bottom: 0px none;*/
}
#webmail_mail_report > .nav-tabs > li.active > a, #webmail_mail_report > .nav-tabs > li.active > a:hover, #webmail_mail_report > .nav-tabs > li.active > a:focus {
	color: #555;
}
#webmail_mail_report > .nav > li > a:hover {
	background-color: #DDDDDD;
	color: #555;
}
#webmail_mail_report > .nav-tabs > li > a {
	color:#AAA;
}
#webmail_mail_report > .nav > li > a:hover, .nav > li > a:focus {
	background-color: #DDDDDD;
}
#accordion > .panel-default > .panel-heading {
	background-image: none;
}

.mail-attachments ul {
    list-style: outside none none;
    padding: 20px 0px 0px 20px;
    margin: 0px;
}

.mail-attachments ul li {
    float: left;
    margin: 0px 30px 20px 0px;
    padding: 0px;
}

.mail-attachments ul li > a {
    display: block;
}

.mail-attachments ul li > a > img {
    display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 6px;
}

.mail-attachments ul li .name {
    display: block;
    margin-top: 6px;
	font-size:12px;
}