body, html, #wrapper
{ 
    width: 100%; 
    height:100%; 
    overflow:hidden; 
}

body { 
    width: 100%;
	height:100%;
	font-family: 'Open Sans', sans-serif;
	
    /*background: rgb(244,226,156);
background: -moz-linear-gradient(-45deg, rgba(244,226,156,0) 0%, rgba(59,41,58,1) 100%), -moz-linear-gradient(left, rgba(244,226,156,1) 0%, rgba(130,96,87,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(244,226,156,0) 0%,rgba(59,41,58,1) 100%), -webkit-linear-gradient(left, rgba(244,226,156,1) 0%,rgba(130,96,87,1) 100%);
background: -o-linear-gradient(-45deg, rgba(244,226,156,0) 0%,rgba(59,41,58,1) 100%), -o-linear-gradient(left, rgba(244,226,156,1) 0%,rgba(130,96,87,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(244,226,156,0) 0%,rgba(59,41,58,1) 100%), -ms-linear-gradient(left, rgba(244,226,156,1) 0%,rgba(130,96,87,1) 100%);
background: linear-gradient(135deg, rgba(244,226,156,0) 0%,rgba(59,41,58,1) 100%), linear-gradient(to right, rgba(244,226,156,1) 0%,rgba(130,96,87,1) 100%);*/

/*background: linear-gradient(135deg, #225e9e 20%, #712c69 80%);*/

    background-image: linear-gradient(45deg, rgba(194, 233, 221, 0.5) 1%, rgba(104, 119, 132, 0.5) 100%), linear-gradient(-45deg, #494d71 0%, rgba(217, 230, 185, 0.5) 80%);

}

#wrapper {
    display: table
}
#main {
    display: table-cell;
    vertical-align: middle;
    
}

.login { 
	width:300px;
	height:300px;
    margin-left: auto;
    margin-right: auto;
}

.app-logo
{
    max-height: 45px;
    max-width: 45px;
    color: rgb(255, 0, 110);
}

.login > .header
{
    margin-bottom: 12px;
}

.login > .header > i
{
    color: #75686f;
    box-shadow: 0px 0px 1px 10px rgba(29, 25, 25,0.08);
}