.img-rounded {
border-radius:6px;
}

.img-thumbnail {
line-height:1.42857143;
background-color:#fff;
border:1px solid #ddd;
border-radius:4px;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
display:inline-block;
max-width:100%;
height:auto;
padding:4px;
}

.img-circle {
border-radius:50%;
}

.sr-only {
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
margin:-1px;
padding:0;
}

.sr-only-focusable:active,.sr-only-focusable:focus {
position:static;
width:auto;
height:auto;
overflow:visible;
clip:auto;
margin:0;
}

[role="button"] {
cursor:pointer;
}

.fade {
opacity:0;
-webkit-transition:opacity .15s linear;
-o-transition:opacity .15s linear;
transition:opacity .15s linear;
}

.fade.in {
opacity:1;
}

.collapsing {
position:relative;
height:0;
overflow:hidden;
-webkit-transition-property:height, visibility;
-o-transition-property:height, visibility;
transition-property:height, visibility;
-webkit-transition-duration:.35s;
-o-transition-duration:.35s;
transition-duration:.35s;
-webkit-transition-timing-function:ease;
-o-transition-timing-function:ease;
transition-timing-function:ease;
}

.modal {
display:none;
overflow:hidden;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:1050;
-webkit-overflow-scrolling:touch;
outline:0;
}

.modal.fade .modal-dialog {
-webkit-transform:translate(0,-25%);
-ms-transform:translate(0,-25%);
-o-transform:translate(0,-25%);
transform:translate(0,-25%);
-webkit-transition:0 .3s ease-out;
-o-transition:0 .3s ease-out;
transition:transform .3s ease-out;
}

.modal.in .modal-dialog {
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}

.modal-open .modal {
overflow-x:hidden;
overflow-y:auto;
}

.modal-dialog {
position:relative;
width:auto;
margin:10px;
}

.modal-content {
position:relative;
background-color:#fff;
border:1px solid rgba(0,0,0,0.2);
border-radius:6px;
-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);
box-shadow:0 3px 9px rgba(0,0,0,0.5);
-webkit-background-clip:padding-box;
background-clip:padding-box;
outline:0;
}

.modal-backdrop {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:1040;
background-color:#000;
}

.modal-backdrop.fade {
opacity:0;
filter:alpha(opacity=0);
}

.modal-backdrop.in {
opacity:.5;
filter:alpha(opacity=50);
}

.modal-header {
border-bottom:1px solid #e5e5e5;
padding:15px;
}

.modal-header .close {
margin-top:-2px;
}

.modal-title {
line-height:1.42857143;
margin:0;
}

.modal-body {
position:relative;
padding:15px;
}

.modal-footer {
text-align:right;
border-top:1px solid #e5e5e5;
padding:15px;
}

.modal-footer .btn+.btn {
margin-left:5px;
margin-bottom:0;
}

.modal-footer .btn-group .btn+.btn {
margin-left:-1px;
}

.modal-footer .btn-block+.btn-block {
margin-left:0;
}

.modal-scrollbar-measure {
position:absolute;
top:-9999px;
width:50px;
height:50px;
overflow:scroll;
}

.clearfix:before,.clearfix:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after {
content:" ";
display:table;
}

.clearfix:after,.modal-header:after,.modal-footer:after {
clear:both;
}

.center-block {
display:block;
margin-left:auto;
margin-right:auto;
}

.pull-right {
float:right!important;
}

.pull-left {
float:left!important;
}

.show {
display:block!important;
}

.invisible {
visibility:hidden;
}

.text-hide {
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0;
}

.affix {
position:fixed;
}

@media min-width768px{
.modal-dialog {
width:600px;
margin:30px auto;
}

.modal-content {
-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);
box-shadow:0 5px 15px rgba(0,0,0,0.5);
}

.modal-sm {
width:300px;
}
}

@media min-width992px{
.modal-lg {
width:900px;
}
}

/* Modal
================================================== */

.modal-footer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-end;
}

.modal-footer{
	margin: 0;
}

.modal-body svg {
	height: 24px;
	display: inline-block;
	margin: 0 .5rem;
}

.modal-body input[type="text"],
.modal-body input[type="password"] {
	width: 100%;
	padding: 15px;
}


.modal-body p {
padding: 0!important;
}

.modal-footer .button ,
.modal-footer  button,
.modal-body .button {
	margin: 0!important;
}

.modal-body input[type="text"],
.modal-body input[type="password"],
.modal-body input[type="email"],
.modal-body textarea,
.modal-body select {
	margin: 0 0 .5rem 0!important;
}

.modal-footer .link {
	margin-right: 1rem;
}

.modal-body label{
	font-weight: bold;
	margin-bottom: 0;
}

/*.checkbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}*/

.login-button {
	display: inline-block;
	margin-top: 10px;
	min-width: inherit!important;
}

#loginForm,
#loginMenu,
.part  {
	max-width: 80%;
	min-width: 250px;
	margin: 0 auto;
}

#loginForm section {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

a#back {
	margin-bottom: .5rem;
	display: block;
}
a#back .fa{
	padding-bottom: 5px;
}
a#back *{
	vertical-align: middle!important;
}


#loginMenu button,
#choiceBox button{
	display: block;
	width: 100%;
	margin: .5rem 0;
}

#choiceBox p {
	text-align: justify;
}

#separator {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	margin: 1rem 0;
}

#separator .line{
	flex-grow: 1;
	height: 1px;
	background-color: #444;
}
#separator span{
	flex-grow: 1;
	text-align: center;
}


#linkedAccountsSection ul li {
	list-style: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

#linkedAccountsSection button {
	margin: 0;
}

#id_portenAccount li:before,
#id_portenAccountUnlinked li:before {
  display: inline-block;
  content: ' ';
  background-image: url(/files/idPorten.svg);
  background-size: 40px 40px;
  height: 40px;
  width: 40px;
  margin-right: 1rem;
}
#id_portenAccount .unlinked {
 display: none;
}

.hidden {
	display: none;
}

span.warning-icon,
span.error-icon {
	display: inline-block;
}

span.warning-icon:before {
	content: '';
	background-position: -58px 0;
	background-image: url(../files/24_informative_icons.svg);
	height: 24px;
	width: 24px;
	display: block;
	margin-right: .5rem;
}

span.error-icon:before {
	content: '';
	background-position: -29px 0;
	background-image: url(../files/24_informative_icons.svg);
	height: 24px;
	width: 24px;
	display: block;
	margin-right: .5rem;
}