/*custom font*/
/*@import url(https://fonts.googleapis.com/css?family=Montserrat);*/

/*basic reset*/
/** {margin: 0; padding: 0;}*/

/*html {*/
  /*height: 100%;*/
  /*Image only BG fallback*/
  
  /*background = gradient + image pattern combo*/
  /*background: */
    /*linear-gradient(rgba(196, 102, 0, 0.6), rgba(155, 89, 182, 0.6));*/
/*}*/

/*body {
  font-family: montserrat, arial, verdana;
}*/
/*form styles*/
#msform {
  /*width: 400px;*/
  /*margin: 50px auto;*/
  margin-bottom: 50px;
  position: relative;
}


ul#progressbar{ 
  text-align: center;
  padding: unset !important;
}


#msform fieldset {
  background: white;
  /*border: 0 none;*/
  /*border-radius: 3px;*/
  /*box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);*/
  padding: 20px 30px 0 30px;
  /*box-sizing: border-box;*/
  width: 80%;
  /*margin: 0 10%;*/
  margin: 0 auto;
  
  /*stacking fieldsets above each other*/
  position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
  display: none;
}
/*inputs*/ 
#msform input, #msform textarea, #msform .select2-selection--single, #msform select {
  height: unset !important;
  /*padding: 15px;*/
  padding: 12px !important;
  /* border: 1px solid #ccc; */
  /* border-radius: 3px; */
  /* margin-bottom: 10px; */
  /*width: 100%;*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*font-family: montserrat;*/
  color: #2C3E50;
  font-size: 16px;
}


#msform .select2-container--krajee .select2-selection--single .select2-selection__arrow{
  height: 42px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
  display: unset !important;
}
#msform .select2-container--krajee .select2-selection--single .select2-selection__clear{
  margin-top: 5px !important;
}

.select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
  height: 46px !important;
}

/*buttons*/
/* .action-button {
  min-width: 100px;
  background: #e6342a;
  color: white;
  border: 0 none;
  border-radius: 20px;
  cursor: pointer;
  padding: 10px;
  margin: 10px;
  text-align: center;
} */

.action-button {
  font-family: "Meera Inimai",Sans-serif;
  font-weight: 700;
  letter-spacing: .7px;
  border-radius: 100px;
  font-size: 16px;
  padding: 10px 25px;
  margin: 10px;
  cursor: pointer;
  transition: all .3s;
}

.action-button.previous {
  color: #656c65;
  background-color: #ccc;
}

.action-button.next, .action-button.submit {
  color: #fff;
  background-color: #f43d33;
  border: 0 none;
}

.action-button.checkout {
  color: #fff;
  background-color: #00344E;
}

.action-button.previous:hover {
  color: #fff;
  background-color: #f43d33;
  transition: all .3s;
}

.action-button.next:hover, .action-button.submit:hover {
  color: #fff;
  background-color: #505050;
}


/*#msform .action-button:hover, #msform .action-button:focus {*/
  /*box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;*/
/*}*/

/*headings*/
.fs-title {
  /*font-size: 15px;*/
  /*text-transform: uppercase;*/ 
  text-align: center;
  /* color: #c32322; */
  margin-bottom: 20px;
  font-weight: 600;
}
.fs-subtitle {
  font-weight: normal;
  font-size: 13px;
  color: #666;
  margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
  /*margin-bottom: 30px;*/
  /*margin-left: 40px;*/
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#progressbar li {
  list-style-type: none;
  color: white;
  /*text-transform: uppercase;*/
  /*font-size: 9px;*/
  /*width: 33.33%;*/
  width: 23%;
  float: left;
  position: relative;
}
#progressbar li:before {
  content: '';
  /*counter-increment: step;*/
  width: 20px;
  line-height: 20px;
  display: block;
  font-size: 10px;
  color: #333;
  /*background: white;*/
  margin: 0 auto 5px auto;

  background: #cbcbcb;
  /*border-radius: 3px;*/
  border-radius: 50%; /*clip-path: circle(50%);*/
  height: 4.5em;
  width: 4.5em;
  margin-bottom: 10px;

}
/*progressbar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #cbcbcb;
  position: absolute;
  left: -50%;
  top: 7px;
  z-index: -1; /*put it behind the numbers*/

  margin-top: 15px;
  padding: 2px;
}
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
  /*background: #27AE60;*/
  color: white;   
  background: #c32322;
}

#progressbar li.active:before{    
  background: #ffffff;
  -webkit-clip-path: circle(50%);
          clip-path: circle(50%);
  height: 4.5em;
  width: 4.5em; 
  border: #c32322 10px solid;
  border-radius: 50px; 

}

#progressbar li.active span{
  color: #c32322;
}

#progressbar li span{
  font-size: 18px;
  color: #cbcbcb;
}


.error-1{
  /* color: #ce2625; */
  color: #e6342a;
  font-size: 14px;
}

.form-group.required .control-label:after {
  content:" *";
  color:#e6342a;
}

.form-group.has-error .help-block { display: none; }

div.loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 50vh;
}

/*div#loader2 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
}*/

/*div#loader3 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
}*/

.loading {
   max-width: 50%;
   line-height: 1.4;
   font-size: 1.2rem;
   font-weight: bold;
   text-align: center;
}

.loading__author {
  font-weight: normal;
  font-size: 0.9rem;
  color: rgba(189,189,189 ,1);
  margin: 0.6rem 0 2rem 0;
  display: block;
}

.loading__anim {
  width: 35px;
  height: 35px;
  border: 5px solid rgba(189,189,189 ,0.25);
  /*border-left-color: rgb(149, 8, 8);*/
  border-left-color: #e6342a; /* #c32322; */
  /*border-top-color: rgb(149, 8, 8);*/
  border-top-color: #e6342a; /* #c32322; */
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: rotate 600ms infinite linear;
          animation: rotate 600ms infinite linear;
}

@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
  }
}

@keyframes rotate {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
  }
}


table.amount-align tr td:nth-child(2), table.amount-align tr td:nth-child(3){
  text-align: right;
} 


table.summary-detail tr rd:nth-child(2){
  text-align: right; 
}



.bs-error .help-block{
  margin: unset;
}

.steps.existing-customer fieldset{
  width: 65% !important;
  margin: 0 auto !important;
}

.existing-customer-container #msform{
  margin: 0 auto !important;
}



.input-loading {    
    background-color: #ffffff;
    background-image: url("./../images/5.gif");
    background-size: 15px 15px;
    /*background-position:right center;*/
    background-position:95% 50%;
    background-repeat: no-repeat;
    width: 100%;
}