.content
{
	color: white;
	display: none;
}

.content #form
{
    box-shadow: 0 3px 10px rgba(0,0,0,.3);
	background: white;
	border-radius: 50px;
	font-size: 0px;
    overflow: hidden;
}

body.dark .content #form
{
	background: #222;
}

.content #form *
{
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	margin: 0px;
	box-shadow: none;
	border: none;
	background: transparent;
}

.content #field
{
	margin: 0px auto;
	width: 450px;
	color: black;
	padding: 11px 20px;
	padding-right: 0px;
	font-size: 15px;
    font-family: 'MontserratRegular', segoe ui, trebuchet ms, tahoma, verdana, arial, serif;
}

body.dark .content #field {color: #fff;}

.content #form .cleaner
{
    display: none;
}

.content .withCleaner #field
{
	width: 400px;
}

.content #form.withCleaner .cleaner
{
    display: inline-block;
}

.content #form button
{
	width: 50px;
    padding: 0;
    opacity: .5;
    margin: -50px 0;
    height: 45px;
    font-size: 0;
    border-radius: 0;
}

.content #form button:hover
{
	opacity: 1;
}

.content #form img
{
	-webkit-filter: invert(100%);
	   -moz-filter: invert(100%);
		-ms-filter: invert(100%);
		 -o-filter: invert(100%);
		    filter: invert(100%);
	
	margin: 0px;
	height: 16px;
	width: 16px;
}

body.dark .content #form img
{
	-webkit-filter: invert(0%);
	   -moz-filter: invert(0%);
		-ms-filter: invert(0%);
		 -o-filter: invert(0%);
		    filter: invert(0%);
}

.panel
{
	display: none;
}

.toolBar {padding: 30px;}
.toolBar li {margin: 0 15px;}

#quick-access
{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 90px;
}

@media screen and (max-width: 600px)
{
	.content.home
	{
		width: calc(100% - 20px);
	}
    
	.content #form
	{
		width: 100%;
	}
    
	.content #field,
	.content .withCleaner #field
	{
		width: calc(100% - 70px);
	}

	.content #form .cleaner,
	.content #form.withCleaner .cleaner
	{
		display: none;
	}
    
    #quick-access
    {
        padding-bottom: 100px;
    }

    .toolBar
	{
		padding: 30px 15px;
	}
}

@media screen and (max-height: 400px)
{
    .central, #quick-access, .toolBar {position: inherit;}
    
    #quick-access
    {
        padding-bottom: 0;
    }
}