/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=latin-ext');

body {
	padding-bottom:150px;
	font-family: 'Roboto', sans-serif;
	font-weight:300 !important;
}
body:after {
    background: url(../files/background.jpg) no-repeat center center;
    background-size: 1900px auto;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:-1;
    display:block;
    content: "";
    opacity:0.5;
}
@media screen and (min-width:1800px){
    body:after {
        background-size: 100% auto;
    }
}
#outerframeContainer {
	word-wrap: unset;
	-moz-hyphens: unset;
	hyphens: unset;
}
.text-info, .text-info:hover {
	color: #1a1c1e;
}
.jumbotron div.container p {
    font-family: Lato;
}
.top-container .progress {
	box-shadow: 0px 0px 50px 0px #777;
}
.navbar-default {
	background-color: #1a1c1e;
}
.logo-container > img {
  max-height: 60px;
}
.bg-primary {
	background-color: #1a1c1e;
	font-size:18px;
	padding: 0.5em 1em;
}
.question-container {
    border-radius: 3px;
    box-shadow: 6px 12px 30px 0px #777;
    margin-bottom: 50px;
}
.question-title-container {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom:solid 1px #b0a8a4;
}
.question-container div div.asterisk {
    padding-right:5px;
}

button[type="submit"]:hover {
    box-shadow: 3px 6px 15px 0px #777;
    transition: 0.3s;
}
button[type="submit"] {
    box-shadow: unset;
    transition: 0.5s;
}
.question-valid-container {
    background-color:unset;
    padding-top:3px;
    text-align:left;
    font-size:14px;
    transition:0.3s;
}
.question-valid-container .text-danger {
	font-weight: 300;
}
.question-valid-container:hover {
    color:#e74c3c;
    transition:0.2s;
}
li label[for*="answer"] {
    margin-top:12px;
}
input[id*="answer"] {
    margin-bottom:10px;
}
.form-group {
	margin-bottom: 0px;
}
.has-error .form-control, .has-error .form-control:focus {
	border: 1px solid #e74c3c;
}
.asterisk {
    overflow:hidden;
    min-width:20px;
}
.asterisk small {
    color:#e74c3c;
    font-size:14px;
}
/*info że to pytanie jest wymagane*/
.asterisk small + span {
	position: unset;
	display: none;
	font-size: 16px;
	color:#e74c3c;
}
.asterisk small:hover + span {
    display: inline-table;
}
.ls-questionhelp:hover {
    color:green;
}
.uploadedfiles {
    margin-top:10px;
}
.uploadedfiles thead tr th {
    background-color:#eee;
    padding:10px;
    border:solid 2px white;
    text-align:center;
}
div[id*="welcome-container"],
.completed-text {
    color: #2c3e50;
    font-size:18px;
    font-weight: 400 !important;
    padding:60px;
    border-radius:5px;
    background-color:rgba(255, 255, 255, 0.8);
    border: solid 1px #2c3e50;
}
.uploadedfiles thead tr th:last-child {
    background-color:#fff;
}
.uploadedfiles tbody tr td {
    padding:10px;
    border: solid 2px white;
}
.uploadedfiles tbody tr {
    background-color:#eee;
    transition:0.5s;
}
.uploadedfiles tbody tr:hover {
    background-color:#ddd;
    transition:0.3s;
}
.group-container div.question-container:last-child{
    /*margin-bottom:0px !important;*/
}
label.checkbox-label::after {
	 background-color: unset !important;
}
.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after {
	font-size: 14px;
	top: -2px;
	left: 0px;
}
.ls-questionhelp::before {
	display:none;
}
[data-number="1"] {
	text-align: left;
}