.input-group-append, .input-group-prepend {
    height: calc(2.25rem + 2px);
}

.brand-link {
    overflow: hidden;
}

.has-error {
    color: red;
    font-size: 90%;
}


/********* Multiselect ********/
.ms-container {
    width: 100% !important;
}

/***** dropzone override ******/
.dropzone {
    border: 1px dashed rgba(0,0,0,0.3);
}

#dropzone-template {
    display: none;
}

.set-dp {
    font-size: 14px;
    text-align: center;
    display: none;
    border: none;
    margin-top: 5px;
    cursor: pointer !important;
}

/******* Stripe Card ********/
.StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}
  
.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}
  
.StripeElement--invalid {
    border-color: #fa755a;
}
  
.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}
  
#card-errors {
    color: #fa755a;
    font-size: 13px;
    margin-top: 3px;
}

/************* Card on File *************/
.card-on-file {
	display: inline-block;
	border: 1px solid #ebebeb;
	border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
}

.card-on-file p {
    color: #424242;
    font-weight: bold;
    margin: 0px;
}

/************ Datetimepicker **************/
.left-30 {
    left: 30px !important;
}

.left-5 {
    left: 5px !important;
}

/************** Colors *************/
.bg-darkblue {
    background: darkblue;
}

.bg-darkblue h3 {
    color: white
}

/********** Auth **********/
.auth-background {
    background: url('../img/auth-background.jpg') no-repeat center;
    background-size: cover;
}