.form-control,
.thumbnail {
    border-radius: 2px;
}


/* File Upload */

.fake-shadow {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.fileUpload {
    position: relative;
    overflow: hidden;
}

.fileUpload #profile_image,.attachment_upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 33px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.img-preview {
    max-width: 100%;
}

.main-header .logo img {
    width: 100px;
    height: 50px;
}


/*-------------------------------------------------------------
--  PRICING PAGE   --
-------------------------------------------------------------*/
.prices {
    display: flex; 
    //margin-left: 250px;
    //height: 100vh;
}
/* Create three columns of equal width */
.price-columns {
    width: 33.3%;
    padding: 8px;
}


/* Style the list */

.price {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}


/* Add shadows on hover */

.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2)
}


/* Pricing header */

.price .header {
    background-color: #111;
    color: white;
    font-size: 25px;
}


/* List items */

.price li {
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
}


/* Grey list item */

.price .grey {
    background-color: #eee;
    font-size: 20px;
}


/* The "Sign Up" button */

.price-button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
}


/* Change the width of the three columns to 100%
(to stack horizontally on small screens) */

@media only screen and (max-width: 600px) {
    .price-columns {
        width: 100%;
    }
}

/*-------------------------------------------------------------
--  STRIPE ELEMENT   --
-------------------------------------------------------------*/
/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.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;
}

/**
*	Loader Image
*/
.loader-icon{
	z-index: 10000;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	//box-shadow: 0 0 6px #000;
	//color: #fff;
	left: 50%;
	margin-left: -50px;
	top: 50%;
	margin-top: -50px;
	//display: none;
}
.required {
	color: red !important;
}