/**
 * desktop.css
 */
@font-face {
    font-family: 'Quicksand';
    src: url( '../fonts/Quicksand/static/Quicksand-Regular.ttf' ) format('truetype');
}

@font-face {
    font-family: 'Quicksand-Bold';
    src: url( '../fonts/Quicksand/static/Quicksand-Bold.ttf' ) format('truetype');
}

@font-face {
    font-family: 'Quicksand-Light';
    src: url( '../fonts/Quicksand/static/Quicksand-Light.ttf' ) format('truetype');
}

@font-face {
    font-family: 'Quicksand-Medium';
    src: url( '../fonts/Quicksand/static/Quicksand-Medium.ttf' ) format('truetype');
}

@font-face {
    font-family: 'Quicksand-SemiBold';
    src: url( '../fonts/Quicksand/static/Quicksand-SemiBold.ttf' ) format('truetype');
}

html, body {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

div.head-bar {
    background: #273746;
    color: #fff;
    padding: 5px 10px;
    font: 23px 'Quicksand-Bold';
}

div.widget-box {
    border: solid 1px #92999A;
}

div.widget-box div.widget-header {
    background: #0D3B41;
    color: #fff;
    padding: 5px;
    font: 16px 'Quicksand-Bold';
    border-bottom: solid 1px #92999A;
}

div.widget-box.login {
    margin: 5% auto;
    width: 25%;
}

form.login-widget {
    padding: 10px 0 0 0;
}

div.widget-box.login form.login-widget input[type='text'],
div.widget-box.login form.login-widget input[type='password'] {
    border: solid 1px #b1b1b1;
    background: #eee;
    padding: 5px;
    width: 90%;
    margin: 15px auto;
    display: block;
    font: 16px 'Quicksand-Bold';
}

div.widget-box.login form.login-widget input[type='submit'] {
    display: block;
    margin: 10px auto;
    font-size: ;
    font: 16px 'Quicksand-Bold';
    padding: 2px 20px;
    text-transform: uppercase;
}

h1.error-500 {
    text-align: center;
    text-shadow: 3px 3px 5px #85929e;
    font: 150px 'Quicksand-Bold';
    color: #34495e;
}