@import url('https://fonts.googleapis.com/css?family=Lato');
@font-face {
    font-family: 'Lato';
    src: url('Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-weight: normal;
}

html,
body {
    height: 100%;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.footer,
.pull-left,
.pull-right,
.pull-right > a,
.navbar-fixed-bottom,
.navbar-default .navbar-nav > .open > a:focus
{
	background-color: transparent;
	color: #000;
	font-family: 'Lato', serif;

}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
    font-family: 'Lato', serif;
}

.dropdown-menu{
	font-family: 'Lato', serif;
}

.footer-layout {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    font-size: 1vw;
}

.pull-right > a,{
    /*position: absolute;*/
    bottom: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    color: black;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

.panel-pf td{
	padding: 10px;
	
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.navbar-brand{
	color:#fff!important;
}

.login-input {
    background-color: transparent;
    color: #fff !important;
    width: 100%;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #fff;
    /* Change the white to any color ;) */
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus > .login-input {
  -webkit-text-fill-color: white !important;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.login-form .panel{
	background-color: transparent !important;
	border: 0;
	color: #fff !important;
}
.login-form .panel-heading{
	background-color: transparent !important;
	border: 0;
	color: #fff !important;
}
.loginform-username .loginform-username{
	color: #fff !important;
}

.container-entry{
	position:absolute; /*it can be fixed too*/
        left:0; right:0;
        top:0; bottom:0;
        margin:auto;

        /*this to solve "the content will not be cut when the window is smaller than the content": */
        max-width:100%;
        max-height:100%;
        overflow:auto;
}

.footer-img{
	max-height: 100%;
	max-width: 100%;
}