html{font-size: 100%;}
body{background-color: #f2f2f2;color: #222222;font-family: 'Heebo', sans-serif;font-weight: 400;line-height: 1.5;font-size: 16px;}
h1,h2,h3,h4,h5,h6{margin-bottom: 15px;font-family: 'Heebo', sans-serif;}
p{margin-bottom: 15px;}
a{color: #222222;}
a:hover{text-decoration: underline;}
.container{max-width: 830px;padding-left: 15px;padding-right: 15px;}
.site-header{padding: 35px 0px;}
.header-inner {text-align: right;}
.header-inner h1{margin-bottom: 0;}
.header-inner h1 a{color: #222222;}
.header-inner h1 a:hover{color: #000; text-decoration: underline;}
.header-inner p{margin-bottom: 0;}
.col-form-label {font-weight: 600;text-align: right;font-size: 16px;}
.form-group {margin-bottom: 1rem;}
button, input:not(input[type="radio"]), textarea {font-size: initial;}
.btn{font-size: 16px;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="tel"], input[type="time"], input[type="month"], input[type="tel"], textarea, select, .select2-container .select2-selection--single{padding: 6px 12px;}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .button:active, .button:focus, .comment-navigation a:focus, a.added_to_cart:active, a.added_to_cart:focus {
  color: inherit;box-shadow: none;}
.f-btn{padding: 0;}
.row-value a:hover{color: #0a58ca;}
.form-control:focus {box-shadow: none;}
.card-form-container .form-control:focus{border-color: #80bdff;}
svg:not(:root).svg-inline--fa {overflow: visible;}
.svg-inline--fa {display: inline-block;font-size: inherit;height: 1em;overflow: visible;vertical-align: -0.125em;}
.svg-inline--fa.fa-lg {vertical-align: -0.225em;}
.svg-inline--fa.fa-w-1 {width: 0.0625em;}
.svg-inline--fa.fa-w-2 {width: 0.125em;}
.svg-inline--fa.fa-w-3 {width: 0.1875em;}
.svg-inline--fa.fa-w-4 {width: 0.25em;}
.svg-inline--fa.fa-w-5 {width: 0.3125em;}
.svg-inline--fa.fa-w-6 {width: 0.375em;}
.svg-inline--fa.fa-w-7 {width: 0.4375em;}
.svg-inline--fa.fa-w-8 {width: 0.5em;}
.svg-inline--fa.fa-w-9 {width: 0.5625em;}
.svg-inline--fa.fa-w-10 {width: 0.625em;}
.svg-inline--fa.fa-w-11 {width: 0.6875em;}
.svg-inline--fa.fa-w-12 {width: 0.75em;}
.svg-inline--fa.fa-w-13 {width: 0.8125em;}
.svg-inline--fa.fa-w-14 {width: 0.875em;}
.svg-inline--fa.fa-w-15 {width: 0.9375em;}
.svg-inline--fa.fa-w-16 {width: 1em;}
.svg-inline--fa.fa-w-17 {width: 1.0625em;}
.svg-inline--fa.fa-w-18 {width: 1.125em;}
.svg-inline--fa.fa-w-19 {width: 1.1875em;}
.svg-inline--fa.fa-w-20 {width: 1.25em;}
.svg-inline--fa.fa-pull-left {margin-right: 0.3em;width: auto;}
.svg-inline--fa.fa-pull-right {margin-left: 0.3em;width: auto;}
.svg-inline--fa.fa-border {height: 1.5em;}.svg-inline--fa.fa-li {width: 2em;}
.svg-inline--fa.fa-fw {width: 1.25em;}
.fa-2x {font-size: 2em;}
.fa-10x {font-size: 10em;}
.fa-fw {text-align: center;width: 1.25em;}
.fa-ul {list-style-type: none;margin-left: 2.5em;padding-left: 0;}
.fa-ul > li {position: relative;}
.fa-li {left: -2em;position: absolute;text-align: center;width: 2em;line-height: inherit;}
.fa-border {border: solid 0.08em #eee;border-radius: 0.1em;padding: 0.2em 0.25em 0.15em;}
.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left {margin-right: 0.3em;}
.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right {margin-left: 0.3em;}
.fa-spin {-webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;}
.fa-pulse {-webkit-animation: fa-spin 1s infinite steps(8);animation: fa-spin 1s infinite steps(8);}
.fa-inverse {color: #fff;}
.svg-inline--fa .fa-primary {fill: var(--fa-primary-color, currentColor);opacity: 1;opacity: var(--fa-primary-opacity, 1);}
.svg-inline--fa .fa-secondary {fill: var(--fa-secondary-color, currentColor);opacity: 0.4;opacity: var(--fa-secondary-opacity, 0.4);}
.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary {fill: black;}
.fad.fa-inverse {color: #fff;}
.trailing-input-icon {position: absolute;right: 0;z-index: 10;top:3px}
.card-form-container .form-group.add-link .col-form-label {text-align: left;}
.card-form-container .form-group.add-link .col-form-label .btn {min-width: 130px;}
.btn-link {font-weight: 400;text-decoration: none;font-size: 16px;}
.card-form-container .form-control {
  display: block;
  width: 100%;
  height: 38px;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  background-position: right 15px top 15px;
}
.card-form-container textarea.form-control {height: auto;}
.card-form-container textarea {resize: none;}
.btn-link.focus, .btn-link:focus {text-decoration: none;}
button#submitBtn {font-size: 16px;padding: 7px 30px;}

/*View card*/
.vcard-header-row {display: flex;}
.vcard-header {margin-bottom: 30px;}
.vcard-header-left{-ms-flex-positive: 1!important;flex-grow: 1!important;}
.card-row {margin-bottom: 16px;flex-flow: row wrap;}
.card-row .row-label-col {flex-basis: 150px;}
.card-row .row-value-col.truncate {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.card-row .row-icon {margin-right: 16px;}
.card-row .row-value-col {flex-grow: 1;margin-left: calc(40px + 16px);}
.card-row .row-value {vertical-align: text-top;}
.card-address .address-entry:not(:last-child) {margin-bottom: 15px;}
.card_profile_picture {margin-bottom: 10px;}
.card_profile_picture img{width: 180px;height: 180px;border-radius: 50%;}

.vcard-footer{padding: 20px;text-align: center;border-top: 1px solid #676767;margin-top: 30px;}
.share-vcard .share-button {text-align: center;}
.share-vcard .share-button:not(:first-child) {margin-left: 10px;}
.share-vcard .share-button .btn{padding: 6px 12px;}
.btn-outline-dark:hover {color: #fff;background-color: #343a40;border-color: #343a40;}
.card_creation_date {font-style: italic;}
.pass-row{margin: 0;}
.pass-row .btn {padding: 6px;}
.pass-row > div{padding: 0;}
.pass-row > div:last-child{text-align: center;} 
.error {color: red;font-weight: normal;font-size: 14px;}
#response-message{display: none;margin-top: 20px;}
.cropped-image-container{max-width: 250px;}
.img-preview-box img{width: 150px;height: 150px;border-radius: 50%;}
.avatar-buttons {margin-top: 15px;}
body.modal-open{padding-right: 0 !important;}
.ml-2, .mx-2 {margin-left: .5rem!important;}
.m-close{cursor: pointer;}
.copyButton:focus{color: #fff;}
.share-vcard .share-button p{margin-bottom:0 ;}
#password-lost-form-wrap {background: #fff;padding: 80px 80px 55px;}
input[type="password"].som-password-input {max-width: 100%;}
.entry-content p a, .header-text a{box-shadow: none !important;}
.entry-content p a:hover, .header-text a:hover {box-shadow: none;}
#lostpasswordform button:focus, .btn-primary:focus{color: #fff;}
.som-password-sent-message{margin-bottom: 30px;}
.white-box {padding: 50px;}
.float-right{float: right;}
.ajax-custom-loader {margin: 0 0 0 5px;vertical-align: middle;animation: spin 2s linear infinite;text-align: center;display: none;position: relative;top: 2px;}
.ajax-custom-loader i{font-size: 20px;color: #fff;}
.pass-view{margin-top: -3px !important;}

@media (max-width: 600px){
  #password-lost-form-wrap {background: #fff;padding: 40px 40px 20px;}
}

@media (min-width: 576px){
  .modal-dialog{max-width: 550px;}
  #lostpasswordform fieldset legend{font-size: 30px;}
}
@media (max-width: 575px){
  .col-form-label{text-align: left;width: auto;}
  .vcard-header-row{flex-wrap: wrap;}
  .vcard-header-right{margin-top: 15px;}
}
@media (max-width: 480px){
  #password-lost-form-wrap {background: #fff;padding: 20px 20px 0px;}
}