.qr-code .form-error-message {background-color:#F66;border:1px solid #F00;padding:5px;}

.form {width:100%;padding:10px 0;border-bottom:2px solid #FFF;}
.form .boundary {width:96%;margin:0 auto;}
.form .boundary .qr-codes {border:1px solid #DDD;text-align:left;padding:10px;}
.form h2 {color:var(--blue);text-transform:uppercase;text-align:center;font-size:1rem;line-height:1.5em;margin-top:0.5em;}
.form h2 span {display:block;}

.form .square-image {border-color:#DDD;margin-bottom:10px;}
.form .square-image:hover {border:5px solid var(--blue);}
.form.member .square-image:hover {border:1px solid #DDD;}

.form .qr {display:inline-block;width:46%;margin:10px 2% 0;vertical-align:top;position:relative;box-sizing:border-box;}
.form .qr div {text-align:center;}
.form .qr div.description {color:#6D6E71;text-align:left;}		
.form .qr div.description.min {font-size:0.8em;}
.form .qr div.description a {display:block;margin-bottom:7px;color:var(--blue);}
.form .qr div.description a:hover {color:var(--blue)!important;}
.qr-codes .qr .control {display:none;position:absolute;color:#FFF;top:0;right:0;z-index:2;text-align:center;}
.qr-codes .qr:hover .control:before {content:"";padding-top:20%;display:block;background-color:#000;opacity:0.5;position:absolute;top:0;left:0;width:100%;z-index:1;}
.qr-codes .qr .control a {color:#FFF!important;z-index:2;position:relative;}
.qr-codes .qr:hover .control {width:100%;display:block;}
.qr-codes .qr [class^="icon-"] {padding:5px 10px;display:inline-block;color:inherit;margin:0 2px;background-color:#204382;font-size:1.4em;}
.qr-codes .qr [class^="icon-"]:hover{background-color:#F00;}
.qr-codes .qr .description a:hover {text-decoration:underline !important;}
.qr-codes .qr .q-c-i-name {padding:5px;margin-top:5px;font-weight:bold;font-size:0.8em;text-align:center;}
.qr-codes .icon-plus{display:inline-block;width:46%;margin:0 1.5%;border:1px solid #DDD;position:relative;color:#DDD;}
.qr-codes .icon-plus:before{position:absolute;top:50%;width:100%;text-align:center;transform:translateY(-50%);font-size:3em;}
.qr-codes .icon-plus:after{content:"";display:block;padding-top:100%;}

.qr-codes label {font-weight:normal;padding:5px 10px 5px 0;font-size:0.8em;width:auto;display:inline-block;min-width:unset;margin:10px 0 0;}
.qr-codes .group_name {padding:3px 10px; font-size:1em; outline:0; background:transparent; border:0; border-bottom:1px solid #BBB;display:inline-block;margin:10px 10px 10px 0;}
.qr-codes .delete-group-bt {color:#333;}
.qr-codes .icon-plus1 {color:#333;margin:10px 0 30px;display:inline-block;}
.qr-codes .icon-plus1:hover {color:#666;}

#lightbox .options {position: fixed; top: 0; left: 50%; z-index: 99999; background-color:#aaa; color:#fff; font-size: 0.8em; padding: 5px; transform: translateX(-50%);white-space:nowrap;}
.sl-overlay {opacity:1!important;}
.sl-wrapper .sl-counter { top:unset!important;bottom:10px; left:50%!important; transform:translateX(-50%); }
#lightbox .options .selection {margin-bottom:0;border:0;}

.form.member {background-color:#FFF;}
.form-error-message {margin:5px 0;}

.share-buttons {padding:0!important;}
.share-buttons .square-image {padding:0!important;margin-top:10px;}
.share-buttons [class^="icon-"] {font-size:1.5em;color:#333!important;margin-right:10px;}
.share-buttons [class^="icon-"]:hover {color:var(--blue)!important;}

@media (min-width:576px){
	.form .boundary {width:auto;min-width:637px;}
	.form h2 span {display:inline-block;}
	.form .qr {width:31%;margin:10px 2% 0 0;}
	.form .qr div.description {text-align:center;}	
	.form .qr div.description a {display:inline-block;margin:0 0 10px;padding:0 7px;line-height:1em;}
	.form .qr div.description a:first-child {border-right:2px solid;}
	.form .qr div.description.two-child a:first-child {border-right:none;}
	.form.member .qr {width:143px;margin:10px 5px;}
	
}

@media (min-width:768px){
	.form h2 {font-size:1rem;min-height:unset;line-height:1.2em;}
	.form .boundary {min-width:700px;}
}
@media (min-width:992px){
	.form h2 {font-size:1.1rem;}
}
@media (min-width:1200px){
}