/* borders 
.switchform{border: solid 1px green; }
.switchform form{border: solid 1px black;}
.formblock{border: solid 1px orange; }
.formblock label{border: solid 1px blue; }
.formblock input, .formblock select{border: solid 1px red; }
*/
.switchform{padding: 1rem 0}

.switchform form{ max-width: 100%; width: 100%; display: flex;  justify-content: space-between; flex-wrap:  wrap;gap: 10px; }

.formblock{ flex 1 1 100%; width: 100%;  }
.formblock.notflexed, .formblock.weirdflex{display: block;width: 100%}

.formblock label{/*display: flex;  align-items: center;*/}
.formblock.notflexed label{width: 100%;}

.formblock input, .formblock select{ }

div#add, .unflexed{width: auto !important; padding: 2px 15px 2px 5px; border: solid 1px silver; border-radius: 3px; transition: all .25s}
div#add:hover, .unflexed:hover{border: solid 1px gray;}

div#extraAccount{width: 100% !important;}

.addIcon{color:#2e952e;	cursor: pointer;}
.removeIcon{color:red;	cursor: pointer;}
.addIconText{color:#333333;}
.removeIconText{color:#333333;}

.div-buttoon{margin-top:20px;}

#addedInfoItems{}

.removeIconItems{padding-right: 10px;}

form.moveit{padding: 10px 0}

span.help-block.form-error, #randomError, .errorlist, .errorlist ul li{color: red;}


@media only screen and (min-width: 768px) {
	.switchform form{gap: 10px 20px;}
	.formblock{ max-width: calc(50% - 10px);flex 1 1 calc(50% - 10px); }
	.formblock .formblock{ max-width: 100%;flex 1 1 100%;}
	.formblock.notflexed, .formblock.weirdflex{max-width: 100%;}
	.unflexed{max-width: 100%;}
}
@media only screen and (min-width: 1200px) {
	.formblock{display: flex;  justify-content: space-between; flex-wrap:  wrap;gap: 5px 20px;}
	.formblock.notflexed, .formblock.weirdflex, .formblock .formblock.weirdflex{display: flex;  justify-content: space-between; flex-wrap:  wrap;gap: 5px 20px;}
	
	.formblock input, .formblock select{flex 1 1 calc(100% - 220px); max-width: calc(100% - 220px);}
	.formblock label{flex 1 1 200px;  max-width: 200px;}

	.formblock.weirdflex input, .formblock.weirdflex select, .formblock .formblock.weirdflex input, .formblock .formblock.weirdflex select{flex 1 1 calc(100% - 220px); max-width: calc(100% - 220px);}
	.formblock.weirdflex label{flex 1 1 200px;  max-width: 200px;}
	.formblock .formblock.weirdflex label{flex 1 1 200px;  max-width: 200px; display: block;}

	.formblock.notflexed label{max-width: calc(50% - 10px);flex 1 1 calc(50% - 10px); }
	.formblock.notflexed input, .formblock.notflexed select{max-width: calc(50% - 10px);flex 1 1 calc(50% - 10px); }

	span.help-block.form-error{margin-left: 220px;}


}