html {
    background: url('/images/background.jpg?1539252042300') top center no-repeat; /* background */
    background-size: cover;
}

header a{
    background-image: url("/images/uid-logo.jpg?1539252042299"); /* logoimage */
    background-repeat: no-repeat;
    background-size: auto 100%; /* dimension */
}

.col-provide span,
.btn-primary,
.btn-primary:hover,
.btn-primary.btn-next:focus,
.btn-primary.btn-next:active,
.btn-primary.btn-next:active:focus,
.btn-addfiles,
.btn-group .btn-file-download, .btn-group .btn-file-download:hover,
.btn-group .btn-file-download:focus, .btn-group .btn-file-download:active
.progress-bar.main,
.btn-addnotification {
   background-color: #455563; /* primarycolor */
   color: #fff;
}

.col-retrieve span,
.btn-secondary,
.btn-ghost,
.btn-ghost:hover,
.btn-ghost:focus,
.btn-ghost:active,
.btn-group .btn-file-preview, .btn-group .btn-file-preview:active,
.btn-group .btn-file-preview:focus, .btn-group .btn-file-preview:hover,
.btn-file-preview:focus, .btn-file-preview:hover,
.bar .progress-bar{
    background-color: #0090D9; /* secondarycolor */
    color: #fff;
}

.col-provide span:hover {
    background: #959496 url(/images/provide_ring.svg) center 40px no-repeat;
}

@media (max-width: 767px) {
    .btn-secondary.btn-back {
        background-color: transparent;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){

	 html, body{
	 	background: white;
	 }
 }