/* ALL PAGES + FORM.INC */
body {

    font-family: 'Quantico', sans-serif;
    background-color: #312b6d;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

a {
	color: #7d6eed;
}

#logobox {
	background: url("/img/sharespine.png") no-repeat center;
    margin-bottom: 20px;
    height: 32px;
    background-size: contain;
}

label {
    display: block;
    margin: 10px 0;
    font-weight: 500;
    color: #333;
}

.warning-label{
    margin-top:0px;
    text-align:center;
}

.form-horizontal .form-group  {
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 0;
    }
    
.form-horizontal .form-group:last-child {
    margin-bottom: 20px;    
    
}

.row    {
    margin-right: -30px;
    margin-left: -30px;
    min-height:268px;
}

.background {
    background-color: white;
    border-radius: 16px;
    min-width:300px;
    padding: 14px;
}

.btn-background {
    padding-bottom: 0px;
}


div.containerSettings{
    float: none;
    margin: 2% auto auto;
    padding:20px;
    border-radius:10px;
    color:#fff;

}

.homepage-link {
    display: block;
    width: 100%;
    margin: 16px 0;
    text-align: center;
    color: #bbb6f5;
}

.input-row {
    display: flex;
    margin-top: 20px;
}

.input-row label {
    width: 100%;
}

.input-row input {
    width: 70px;
}

.btn-primary {
    width:100%; 
    background-color: #7d6eed;
    border: none !important;
    margin-top: 16px;
}

.btn-primary:hover  {
    background-color:#6656da;
}

input, input[type="password" i], input[type="search" i] {
    -webkit-appearance: textfield;
    color: black;
}

/* RESULT.INC */

.result-container   {
    padding: 10px;
    text-align: center;
}

#result {
    color: black;   
    width: 100%;
}


/* VIEW.INC */

.view-container {
    padding: 10px;
    text-align: center;
}

.alert-info {
    margin-top: 20px;
    border-color: #dedede;
    color: #d94676;
    background-color: #fafafa;
}

.alt_color  {
    color:#fff;
    text-decoration: underline;
}

.alert-info .alt_color {
    color: #d94676;
}

.info    {
    color: #333;
    text-align: center;
    font-weight: 400;
    line-height: 1.3;
}