.navbar-height {
  height: 100px;
}
.logo {
  height: 35px;
  width: 35px;
}
.logo-in-service-box {
  height: 65px;
  width: 65px;
}
.wish-image-size-in-popup{
  height: 380px;
  width: 380px;
}
.blockquote {
  border-left: 5px solid rgb(248, 249, 250);
}
.card {
  border: none;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 0.75rem;
}
.shadow {
  -webkit-box-shadow: 0 0 2px 2px rgba(250, 159, 159, 0.2);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0 0 2px 2px rgba(250, 159, 159, 0.2);  /* Firefox 3.5 - 3.6 */
  box-shadow:         0 0 2px 2px rgba(250, 159, 159, 0.2);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
h6.card-title  {
  font-size: 0.80rem;
}
.card .form-control, .card .btn{
  font-size: 0.85rem;
}

.font-sm {
  font-size: 0.75rem;
}
.card-footer a i, .card-footer button i { /* layout van de action icons op wish card */
  font-size: 1.1rem;
  cursor: pointer;
}
.wishCardTitle {
  font-size: 0.8rem;
  font-weight: 700;
}

/* Fix for card buttons in IE */

/* END Fix for card buttons in IE */

/* Custom Facebook login button*/
  /* Source: https://bootsnipp.com/snippets/featured/social-buttons-for-bootstrap */
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn-social :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}
.btn-social.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}
.btn-social.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}
.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding-left:0;padding-right:0}
.btn-social-icon :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}
.btn-social-icon.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}
.btn-social-icon.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}
.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon :first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{color:#fff;background-color:#30487b;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-whatsapp{color:#fff;background-color:#128C7E;border-color:rgba(0,0,0,0.2)}
.btn-whatsapp:hover,.btn-whatsapp:focus,.btn-whatsapp:active,.btn-whatsapp.active,.open .dropdown-toggle.btn-whatsapp{color:#fff;background-color:#075E54;border-color:rgba(0,0,0,0.2)}
.btn-whatsapp:active,.btn-whatsapp.active,.open .dropdown-toggle.btn-whatsapp{background-image:none}
.btn-whatsapp.disabled,.btn-whatsapp[disabled],fieldset[disabled] .btn-whatsapp,.btn-whatsapp.disabled:hover,.btn-whatsapp[disabled]:hover,fieldset[disabled] .btn-whatsapp:hover,.btn-whatsapp.disabled:focus,.btn-whatsapp[disabled]:focus,fieldset[disabled] .btn-whatsapp:focus,.btn-whatsapp.disabled:active,.btn-whatsapp[disabled]:active,fieldset[disabled] .btn-whatsapp:active,.btn-whatsapp.disabled.active,.btn-whatsapp[disabled].active,fieldset[disabled] .btn-whatsapp.active{background-color:#128C7E;border-color:rgba(0,0,0,0.2)}
.btn-mail{color:#fff;background-color:rgb(140, 30, 18);border-color:rgba(0,0,0,0.2)}
.btn-mail:hover,.btn-mail:focus,.btn-mail:active,.btn-mail.active,.open .dropdown-toggle.btn-mail{color:#fff;background-color:rgb(104, 22, 14);border-color:rgba(0,0,0,0.2)}
.btn-mail:active,.btn-mail.active,.open .dropdown-toggle.btn-mail{background-image:none}
.btn-mail.disabled,.btn-mail[disabled],fieldset[disabled] .btn-mail,.btn-mail.disabled:hover,.btn-mail[disabled]:hover,fieldset[disabled] .btn-mail:hover,.btn-mail.disabled:focus,.btn-mail[disabled]:focus,fieldset[disabled] .btn-mail:focus,.btn-mail.disabled:active,.btn-mail[disabled]:active,fieldset[disabled] .btn-mail:active,.btn-mail.disabled.active,.btn-mail[disabled].active,fieldset[disabled] .btn-mail.active{background-color:rgb(140, 30, 18);border-color:rgba(0,0,0,0.2)}
.avatar {
  height: 30px;
  width: 30px;
}
/* END Custom Facebook login button*/

/* Allow a button to be multiline*/
.btn-multiline {
  white-space: normal;
}

/* Flash messages */
.flash-message-container {
  position: fixed;
  top: 5px;
  right: 15px;
  z-index: 7000;
}
/* END Flash messages */

/* Pointer on ng-click elements */
[ng-click],
[data-ng-click],
[x-ng-click],
[cl-upload], .pointer {
    cursor: pointer;
}
.pointer {
  cursor: pointer;
}
/* UIB Tooltip styling*/
.tooltip.customTooltip .tooltip-inner{
  font-size: 0.65rem;
  background-color: rgba(56, 56, 56, 0.95);
}

/* -- Header design -- */
.jumbotron-gimmi-blue {
  background-color:#75bee9;
  /* background: url(../img/give-hand.jpg) no-repeat center center;
  background-size:cover; */
}

/* END -- Header design -- */

/* -- Create card style addons -- */
.blurredCardOverlay {
  background-color: rgba(250, 243, 243, 0.83)
}
.blurredCardOverlay a,.blurredCardOverlay p {
  color: rgb(87, 87, 87);
}
.border-wish-card {
  border-color: #fecbcc!important;
}
.badge-wish-card-banner {
  opacity: .70;
  font-size: 80%;
}
.btn-wish-card-cta {
  border-color: #fecbcc;
}
/* END -- Create card style addons --*/
.card-columns-popup {
-webkit-column-count: 2;
   -moz-column-count: 2;
     -o-column-count: 2;
    -ms-column-count: 2;
        column-count: 2;
}
.card-columns {
-webkit-column-count: 2;
   -moz-column-count: 2;
     -o-column-count: 2;
    -ms-column-count: 2;
        column-count: 2;
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (min-width: 575px) {
  .card-columns {
  -webkit-column-count: 3;
     -moz-column-count: 3;
       -o-column-count: 3;
      -ms-column-count: 3;
          column-count: 3;
  }
}

/*Small devices (landscape phones, less than 768px)*/
@media (min-width: 767px) {
  .card-columns {
  -webkit-column-count: 4;
     -moz-column-count: 4;
       -o-column-count: 4;
      -ms-column-count: 4;
          column-count: 4;
  }
}

/*Medium devices (tablets, less than 992px)*/
@media (min-width: 991px) {
  .card-columns {
  -webkit-column-count: 5;
     -moz-column-count: 5;
       -o-column-count: 5;
      -ms-column-count: 5;
          column-count: 5;
  }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .card-columns {
  -webkit-column-count: 6;
     -moz-column-count: 6;
       -o-column-count: 6;
      -ms-column-count: 6;
          column-count: 6;
  }
}

/* Show asterix on required fields */
.form-group.required .form-control-label:after { 
   content:" *";
   color:red;
}
/* Show disallowed sign on all disabled buttons */
button[type="button"]:disabled {
  cursor: not-allowed;
}


/* Fix for modal in bootstrap 4 (with angularUI)*/
.fade.in {
    opacity: 1;
}

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

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
/* End of modal fix */