.drop-zone {



  height: 200px;

  padding: 25px;

/*  display: flex;

  align-items: center;*/

  justify-content: center;

  text-align: center;

  font-family: "Quicksand", sans-serif;

  font-weight: 500;

  font-size: 20px;

  cursor: pointer;

  color: #cccccc;

  border: 2px dashed #b8bfbd;

  border-radius: 10px;

}

.drop-zone:hover{
  background-color: #ededed;
}



.drop-zone--over {

  border-style: solid;

}



.drop-zone__input {

  display: none;

}



.drop-zone__thumb {

 

  border-radius: 10px;

  overflow: hidden;

  background-color: #cccccc;

  background-size: cover;

  position: relative;

}



.drop-zone__thumb::after {

  content: attr(data-label);

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  padding: 5px 0;

  color: #ffffff;

  background: rgba(0, 0, 0, 0.75);

  font-size: 14px;

  text-align: center;

}

.remit-form-error{
  color:red;
}
.card-border{
  border: 1px solid #e0e5f2;
    padding: 25px;
    border-radius: 10px;
}


/*======================= thank you page style ==================*/


.thank-page-template{background-color: #f2f2f2;}
.thank-you-wrapper{position: relative; height: 100%; }
.thank-you-wrapper > .container{width:780px; margin:0 auto;}
.thank-you-wrapper{text-align: center;}
.thank-you-page-content{position: relative; float:left; width: 100%; background: #f2f2f2; margin:20px 0;box-sizing: border-box;}
.thank-you-page-content::before,
.thank-you-page-content::after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);}
.thank-you-page-content::after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto;}
html body .thank-you-wrapper .container{display: table; height: 100%;}
html body .thank-you-wrapper .container > .row{display: table-cell; height: 100%; vertical-align: middle;}
.thank-you-page-logo{float: left; width: 100%;}
.thank-you-wrapper ul.footer-nav li a, .thank-you-wrapper ul.footer-nav li a:hover{color:#0a568a;}
.thank-you-wrapper ul.footer-nav li + li::before{ background: rgba(0, 0, 0, 0.3);}
.thank-you-copy p{margin: 0; padding: 0; font-size: 12px;}
.thank-you-page-content h1{position: relative; width: 100%; float: left; margin-bottom: 15px; padding-top: 110px; font-size: 30px; font-weight: 200; line-height: 40px;}
.thank-you-page-content h1::before { content: "\f00c"; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); left: 50%; position: absolute; font-family: "FontAwesome"; font-size:60px; text-align: center; float: left; width: 100px; color: green; height: 100px; text-align: center; line-height: 100px; border: 2px solid green;  border-radius:100%;  -webkit-border-radius:100%; -ms-border-radius:100%;}
.thank-you-page-content .btn{padding-top:13px; padding-bottom:13px; padding-right: 25px;}
ul.footer-nav{text-align: right;}
ul.footer-nav li{display: inline-block; position: relative;}
ul.footer-nav li + li{padding-left: 30px;}
ul.footer-nav li + li::before{content: ""; height: 12px; width: 1px; background: #fff; display: inline-block; position: absolute; top: 3px; left:12px;}
ul.footer-nav{text-align: center; margin: 12px 0;}
ul.footer-nav li p,
ul.footer-nav li{font-size: 12px;font-weight: 400;}
ul.footer-nav li a{ text-decoration:none;}
ul.footer-nav li a, ul.footer-nav li a:hover{color: #fff;}
ul.footer-nav li a:hover{color: #fff; text-decoration: underline;}
ul.footer-nav li p{line-height: normal;}
ul.footer-nav li + li::before{background: #fff;}

@media screen and (min-width: 1024px) {
  
    .loading{
      position: relative;
					  top: -55px;
					  left: 542px;
					  color: white;
					  width:30px;
    }
}