/*
@font-face{
    font-family:"Dax Offc W01 Medium";
    src:url("/fonts/1380694/4ea558c0-ca5c-4e4e-a7a5-9df6fb06fcb0.eot?#iefix");
    src:url("/fonts/1380694/4ea558c0-ca5c-4e4e-a7a5-9df6fb06fcb0.eot?#iefix") format("eot"),
        url("/fonts/1380694/db53bf16-1809-4919-9295-3614c77f3f8f.woff2") format("woff2"),
        url("/fonts/1380694/6245015d-91a6-46ec-9a08-3c5fbb4a3ba6.woff") format("woff"),
        url("/fonts/1380694/59241cf9-4ac8-47f0-a26f-c63b5b02a0da.ttf") format("truetype");
}
@font-face{
    font-family:"Dax Offc W01 Regular";
    src:url("/fonts/1380734/b6823f7a-1005-41f8-a3be-868362c2995b.eot?#iefix");
    src:url("/fonts/1380734/b6823f7a-1005-41f8-a3be-868362c2995b.eot?#iefix") format("eot"),
        url("/fonts/1380734/9655ce88-d0e8-4b5b-95b8-b24bb750bfc3.woff2") format("woff2"),
        url("/fonts/1380734/8754751f-6985-41dc-b2f3-43dc8d0e5209.woff") format("woff"),
        url("/fonts/1380734/e4765c51-5688-449d-ba4b-2419ba2910b6.ttf") format("truetype");
}
*/

@font-face{
    font-family:"Dax Offc W01 Medium";
    src:url("/resources/assets/fonts/1380696/5b0c0a84-7e70-4ae9-b547-4e4f7d9faea4.eot?#iefix");
    src:url("/resources/assets/fonts/1380696/5b0c0a84-7e70-4ae9-b547-4e4f7d9faea4.eot?#iefix") format("eot"),url("/resources/assets/fonts/1380696/3a2ad702-9303-4555-aabd-0d52e3d6db97.woff2") format("woff2"),url("/resources/assets/fonts/1380696/e41f661b-73b6-4434-a99c-4aea5416a966.woff") format("woff"),url("/resources/assets/fonts/1380696/070a7e44-80ad-461d-959a-bfd7354918b1.ttf") format("truetype");
}

@font-face{
    font-family:"Dax Offc W01 Regular";
    src:url("/resources/assets/fonts/1380736/b094b3f8-aec2-46d8-ac50-e219f67e50aa.eot?#iefix");
    src:url("/resources/assets/fonts/1380736/b094b3f8-aec2-46d8-ac50-e219f67e50aa.eot?#iefix") format("eot"),url("/resources/assets/fonts/1380736/ec856767-18e3-43dc-833b-f44d72ff9995.woff2") format("woff2"),url("/resources/assets/fonts/1380736/7efa8ffc-5d25-4268-8768-b4c09e61012a.woff") format("woff"),url("/resources/assets/fonts/1380736/8c47f3c4-5ee5-439f-aa5b-059a41d522bc.ttf") format("truetype");
}

.switcher {
  display: block; position: relative;
}
.switcher label {
  text-align: left;
  width: 100px;
  display: block;
  float: left;
  padding: 0 16px 0 32px;
  position: relative;
  border: 1px solid #ccc;
  margin: -1px 0 -1px -1px;
  -webkit-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
  cursor: pointer;
  color: #999;
  line-height: 40px;
  margin-bottom: 15px;
}
.switcher label::before, .switcher label::after {
  content: '';
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  left: 16px;
  top: 50%;
  border-radius: 50%;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
}
.switcher label::before {
  -webkit-transform: translate(-50%, -50%) scale(0.6, 0.6);
          transform: translate(-50%, -50%) scale(0.6, 0.6);
  opacity: 0;
  border: 0;
  background: #8BC34A;
  z-index: 100;
}
.switcher input {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
}
.switcher input:checked + label {
  color: #8BC34A;
  z-index: 99;
  border-color: #8BC34A;
}
.switcher input:checked + label::before {
  opacity: 1;
}
.switcher input:checked + label::after {
  border-color: #8BC34A;
}


.blocked { pointer-events:none !important; opacity: 0.5; }

.form-input-new { padding: 0 12px !important; height: 30px !important; }
.form-control { padding: 0 12px; height: 30px; }

.infotext { background:#000; color: #fff; opacity: 0.8; padding: 8px 32px 8px 12px; position: absolute; top: 2px; left: 32px; border-radius: 5px; z-index: 999; width: 340px; font-size: 90%; line-height: 1.5; text-align: left; }
.infotext::before { content:''; background: #000; display: block; position: absolute; width: 10px; height: 10px; transform: rotate(45deg); top:10px; left: -5px; }

.infotext--close { position: absolute; width: 12px; height: 12px; opacity: 0.5; top: 12px; right: 8px; }
.infotext--close:hover { opacity: 1; }
.infotext--close::before,
.infotext--close::after { content:''; display: block; width: 16px; height: 2px; background: #fff; position: absolute; top: 5px; left:-2px; }

.infotext--close::before { transform: rotate(45deg); }
.infotext--close::after { transform: rotate(-45deg); }

.error_info { position: absolute; top: 5px; right: 15px; background: #f00; color: #fff; padding: 3px 6px; z-index: -9999; opacity: 0; font-size: 80%; transition: 0.2s all ease-out; }
.form-control.error + .error_info { z-index: 9999; opacity: 1; }

label.error { border:none; box-shadow: none; padding: 0;}
label.error + .switcher { border:1px solid #f00; padding: 10px; height: 62px; }
label.error + .switcher .error_info { z-index: 9999; opacity: 1; right: -1px; top: auto; bottom: 100%; }

.bagis-group-header {
  margin-bottom: 1px;
   padding: 10px 15px;
    height: 40px;
     line-height: 32px;
  background: #5b626f; /* Need this color for wefa autria */ /* background: hsl(190.4, 22%, 46.3%); */            /* background:   hsl(220,10%,40%); */
   border-radius: 4px;
  transition: 0.3s all ease-out;
}
.bagis-group-header:hover {
	background: #5b626f; /* Need this color for wefa autria */ /* hsl(190.4, 22%, 46.3%); */         /* background: hsl(220,10%,50%);  */
	
	}

.bagis-group-item { margin: 0 0 1px; padding: 5px 5px 0; box-shadow: none; border:solid hsl(220,10%,90%); border-width: 0 0 1px; }
.betrag-box-gesamt, .betrag-box, .info-box { border-left-width: 1px;}

.bagis-group-header .info-box, .bagis-group-wrapper .betrag-box-gesam1t { display: none; }
.bagis-group-wrapper .betrag-box-gesamt { float: right; margin-top: -6px; }

.bagis-title-info, .box-preis, .box-minus, .box-oounter, .box-plus, .betrag-box, .info-box { background: transparent; color: #555; }
.box-minus, .box-plus, .info-box { color: hsl(220,20%,75%); font-size: 15px; padding-top: 5px; }

.box-input { position: absolute; width: 85px !important; top: 1px; right: 2px; float: right; }
.box-input input { border:1px solid #ddd; text-align:right; font-size: 14px; padding-right: 5px; padding-left: 5px; float: right; width: 100% !important; 
border-radius: 5px !important;         /* added border cause field */
}

.submit_button { padding:15px; font-size: 16px; background: #5b626f; border-color: #5b626f;}

.bagis-group-header-title { text-align: left; padding-left: 50px; border: 0;font-size: 16px; }
.bagis-group-header-title::before {
  content:''; position: absolute; top: 14px; left: 20px; width: 8px; height: 8px;
  border:solid #fff; border-width: 0 0 2px 2px; transform:rotate(-45deg);
}
.bagis-title-info .row > div:nth-child(2) { margin-top: 5px; }
.bagis-title-info .row > div:last-of-type { margin-bottom: 5px; }


/* .bagis-title-info label { display: inline-block; width: 45%; margin-left: 5px; padding-left: 20px; } */
.bagis-title-info label { display: inline-block; width: 45%; margin-left: 20px; padding-left: 20px; }      /* responsive marginleft 4px */
.bagis-title-info label::before { content:''; display: block; position: absolute; left: 20px; bottom: 16px;width: 10px; height: 48px; border:solid hsl(220,15%,80%); border-width: 0 0 1px 1px; margin-right: 10px; transform: translateY(-5px); }

.bagis-title-info .row > div:nth-child(2) label::before { height: 20px; }
.bagis-title-info .row > div:last-of-type  label::before { border-radius:0 0 0 4px; }


.bagis-title-info input, .bagis-title-info select { width: 40%; display: inline-block; border-color:hsl(220,15%,85%); border-radius: 5px; font-size: 14px;}
.bagis-title-info .form-group { margin: 0 0 5px; }


.betrag-box { padding-right: 5px; right: 0; width: 90px; }
.betrag-box.inactive { opacity: 0.4; }
.box-preis, .box-oounter, .betrag-box { padding-top:5px; font-weight: 400;}

 body { 
  background: hsl(220,10%,95%); 
   font-size: 15px !important;  
   font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif !important; 
  }
label { font-weight: 400; }
/* h1, h2, h3, h4, h5, h6 { font-family: 'Dax Offc W01 Regular'; } */
.container { width: 800px; }
.wrapper, .bagis-group-wrapper, .bagis-group-item { background: none;}

.header-v6 { top: 0; left: 0; width: 100%; z-index: 999999; }
.footer-v1 { 
 /* position: fixed;   sticky footer  */
 bottom: 0;
 left: 0;
 width: 100%;
 z-index: 999999;
 box-shadow:0 -4px 16px hsla(220,15%,50%,0.2);
 }
.footer-v1 .footer-socials { display: none; }

.bagis-group-body { 
	border-radius: 0 0 6px 6px;
	 margin-bottom: 20px;
	   padding: 10px !important;  
	  }
/* .bagis-group-item { margin: 0 0 1px; padding: 5px 5px 0; box-shadow: none; border:solid hsl(220,10%,90%); border-width: 0 0 1px; transition: 0.2s all ease-out; } */
.bagis-group-item {
    margin: 0 0 1px;
    padding: 5px 0px 0;
    box-shadow: none;
    border: solid hsl(220,10%,90%);
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
    border-width: 0 0 1px;
    transition: 0.2s all ease-out;
}

.bagis-group-item:last-of-type { border: 0; }
/* .bagis-group-item:nth-of-type(2n) { background:hsl(220,10%,96%); } */

.bagis-group-item { outline:1px solid transparent; transition: 0.2s all ease-out; }
.bagis-group-item:hover {
	
	/* background-color: #bab7b7 !important;    */
	outline:1px solid #e5231b;  
	
	}



.info-box { right: auto; left: 0; padding-top: 7px; }
.bagis-title-info { font-weight: 400; }

.box-minus { right: 160px; }
/* .box-oounter { right: 130px; } */

.box-oounter {
    right: -9px;
}


.box-plus { right: 100px; }

.betrag-box { border-left:1px solid hsl(220,10%,90%); }
.box-preis {
     /* border-right:1px solid hsl(220,10%,90%); */
     text-align: right;
     padding-right: 20px; 
     right: 200px; 
     width: 110px;       /*  width: 90px;  width for amount information */
     opacity: 0.6;
  } /* width: 80px; */

.topbar { background: #fff; border-bottom: 1px solid hsl(220,10%,90%); }
.header-v6 .navbar { background: #fff !important;margin-top: -18px; }
.header-v6 .navbar-brand { height: auto; max-height: auto; }
.header-v6 .header-inner-right { height: 100%; }
.box-total { display: inline-block; padding: 5px 10px; }

.box-language { float: right; padding: 15px 0px 10px; clear: both; }
.box-language ul { margin: 0; padding: 0; float: right; }
.box-language ul li { list-style: none; float: left;  }
.box-language ul li a { padding: 10px 5px 5px; }

.box-total { padding-top: 0; }
.box-total .top_title, .box-language label { font-size: 12px; opacity: 0.5; }
.box-language label { float: right; padding-top: 5px; opacity: 1; }
.box-language label b { font-family: 'Dax Offc W01 Medium'; }

.box-total .betrag-box-gesamt { font-size: 150%; }

.rate-info { background:none; border:1px solid hsla(220,15%,50%,0.2); margin-left: 25px; float: left; display: none; }


#logo img { height: 60px; width: auto; margin: 10px 12px; }

.hotline { font-size:16px !important; color: #999 !important; }

.form-input-new { border-radius: 0 !important; }
/* .form-control { border-radius: 0 !important; } */
.input-group { float: right; font-size: 12px; }
.customize{
	/* width: 40% !important;
	float: right !important;
	font-size: 12px !important; */                /* responsive for chain select */
	margin-bottom: 0px !important;
	width: 40% !important;
    float: left;
    											/* width: 100% !important; */
 }
.input-group .price { border-rig1ht: 0; text-align: right; padding-top: 4px; padding-right: 5; font-size: 14px;  }
.input-group-addon:last-child { padding-left: 5px; border: 0; background: none; }

.navbar { box-shadow: 0 4px 16px hsla(220,15%,50%,0.2); }
.box-preis-before { display: none; }

.geschlecht input[type=radio] + label > div { border:1px solid hsla(220,15%,50%,0.2); height: 36px; line-height: 36px;  }
.geschlecht input[type=radio] + label:first-of-type > div { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; }
.geschlecht input[type=radio] + label:last-of-type > div { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.geschlecht input[type=radio] + label { display: block; float: left; }
.geschlecht input[type=radio]:checked + label> div { box-shadow: none; background: #8BC34A; color: #fff;  }

.payment_methods input[type=radio] + label > img { 
	/* opacity: 0.25; 
	filter:grayscale(1);  */
	border:0;  
	/*  margin-left: 20px;  */
	 }
.payment_methods input[type=radio] + label> img:hover,
.payment_methods input[type=radio]:checked + label> img { box-shadow: none; opacity: 1; filter:grayscale(0); border:0; }

.payment_methods label::before { content: none !important; display: inline-block; width: 20px; height: 20px; border:5px solid #ddd; background: #fff; border-radius: 50%; margin:0; position: absolute; top: 20px; left: 15px; box-sizing: border-box; transition: 0.2s all ease-out; }
.payment_methods input[type=radio]:checked + label::before { background: #8BC34A; border-color: #8BC34A; }

.w20 { width: 22% !important; }

#purechat-name-submit { display:none !important; }

@media (max-width: 576px) {
	
	.page-header {
    box-shadow: none !important;
} 

.w20 { width:33% !important; }
.box-language {
    padding: 5px 0px 10px;
}	
.customize{
	margin-right: -41px !important;
    width: 62% !important;
	/* width: 40% !important;
	float: right !important;
	font-size: 12px !important; */                /* responsive for chain select */
	/* margin-bottom: 0px !important;
	margin-right: -35px !important; 			  margin-right: -8px !important;
	width: 90%; */
	/* top: -12px; */
 }
 
  .hotline span { display:none; }
  #PureChatWidget { display: none !important; }

  .payment_methods label { padding-top: 0px; margin-bottom: 10px; }
  .payment_methods label::before { top: 0px; left: 50%; transform:translateX(-50%); }
  .payment_methods input[type=radio] + label > img { margin: 0; }


  .purechat.purechat-widget.purechat-bottom { bottom:75px !important; right: 0 !important; width: 100%; }
  .purechat.purechat-widget.purechat-bottom.purechat-widget-expanded { bottom: 0 !important; }
  .purechat-widget .purechat-expanded, .purechat-widget .purechat-collapsed-outer { width: 100% !important; margin: 0 !important; }
  .purechat-collapsed-image { display: none !important; }

  #purechat-name-submit { display: block !important; margin-top: 10px !important; }

  .container { max-width: 100%; margin: 0 !important; padding: 0 10px; position: relative; }
  .header-v6 .menu-container { padding: 0; margin: 0; }
  .header-v6 .box-language { padding-left: 0; padding-right: 0; }
  .header-v6 .box-language label { margin: 0; }

  .header-v6 .navbar-brand { padding: 0;}
  .header-v6 .header-inner-right { display: block; }
  #logo img { height: auto; }

  .donation_container { float: left;
   width: 100%;
   margin-top: -50px !important;                   /* changes done for header responsive */
    }
  /* .bagis-group-body { float: left; padding: 0;�} */                   /* responsive */
  .bagis-group-header, .bagis-group-item {
   /* float: left; */
    width: 100%; 
    }
  /* .bagis-group-item > div { position: relative; left: auto; top: auto; bottom: auto; right: auto; margin: 0; float: left; border:0; } */
  
 /*  .bagis-group-item > div {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
    margin: 0;
    float: left;
    border: 0;
    margin-right: 30px;
    width: 70%;
} */

  /* .bagis-group-item:hover { outline:0; } */
  .bagis-group-item:hover {
  /* background-color: #bab7b7 !important; */
   outline:1px solid #e5231b;  
   }
  .bagis-title-info { width: 70%; margin: 0; }
  /* .box-preis { 
	  width: 30%;
	  margin: 0;
	 padding: 15px 6px;              padding: 0 5px;  below 320pixel issue
	  clear: none;
	  text-align: left; 
	  opacity: 0.5; 
	  font-size: 90%;
   } */
   
   .box-preis {
    width: 30%;
    padding: 5px 0px;
    clear: none;
    opacity: 0.5;
    font-size: 90%;
}
  .box-preis-before { display: block; float: left; clear: both; padding-left: 5px; opacity: 0.5; font-size: 90%; }
  .betrag-box { width: 30%; padding: 0 5px; float: right; font-family: 'Dax Offc W01 Medium'; margin-bottom: 5px !important;  }

  .bagis-group-item > .box-plus,
  .bagis-group-item > .box-minus,
  .bagis-group-item > .box-oounter { position: absolute; bottom: 5px; border: 1px solid hsla(220,15%,50%,0.2); padding: 3px 0 0; }

  .bagis-group-item > .box-plus:empty,
  .bagis-group-item > .box-minus:empty,
  .bagis-group-item > .box-oounter:empty { display: none; }

  .bagis-group-item > .box-plus    { right: 5px; border-radius: 0 4px 4px 0; }
  .bagis-group-item > .box-minus   { right: 61px; border-radius: 4px 0 0 4px; }
  /* .bagis-group-item > .box-oounter { right: 33px; border-width: 0px 0; } responsive*/
  /* .bagis-group-item > .box-oounter { right: 33px; border-width: 0px 0; } */
  
  .bagis-group-item > .box-oounter {
    right: 2px;
    border-width: 0px 0;
    top: 9px !important;
}

  .bagis-group-item > .box-plus .glyphicon,
  .bagis-group-item > .box-minus  .glyphicon { transform: scale(0.7); }


  .input-group { 
  	margin-right: 7px;          /* responsive for touchspin */
  	margin-top: 1px;
 /*  width: 90%;
   margin-bottom: 10px;  */           /* responsive */
   
   }
  .bagis-title-info label { width: 100%; margin-bottom: 15px; font-size: 90%; }
  /* .bagis-title-info label { width: 100%; margin-bottom: 0; font-size: 90%; } responsive*/ 
  .bagis-title-info label::before { height: 100%; bottom: 15px; }

  .bagis-group-header-title { padding-left: 30px; width: 70%; }
  .bagis-group-header-title::before { left: 13px;}

  .info-box { display: none; }
}
@media (min-width: 768px) {
  .container { max-width: 700px; }
}
@media (min-width: 992px) {

}
@media (min-width: 1024px) {
}

.input-group-addon {
    padding: 5px 2px !important;
}

 .bootstrap-touchspin-up{
    font-size: 18px !important;
    color: #968f8f !important;
}

.bootstrap-touchspin-down{
    font-size: 18px !important;
    color: #968f8f !important;
}


.input-group-sm .bootstrap-touchspin-postfix + .input-group-btn, .input-group-sm .bootstrap-touchspin-postfix + .input-group-btn-vertical {
    padding-left: 4px !important;
}

/* .input-group-sm > .input-group-btn > .btn {
    padding: 0px 9px;
    font-size: 20px !important;
    margin-top: -5px;
} */


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 5px !important;
    padding-right: 5px !important;
/* padding-left: 15px !important;
padding-right: 15px !important; */
}

.fieldforpersonal { 
	color: #555;
	/* background-color: #fff; */
	background-image: none;
	border: 1px solid #ccc;	
	font-size: 14px;
}

/* .fieldforpersonal:focus { 
color: #555;
background-color: #fff !important;
background-image: none;
border: 1px solid #ccc !important;	
	
} */

.adressenCss { 	
	line-height: 0.8;
	/* font-family: Dax Offc W01 Regular !important; */
	font-weight: 400;
	color: #999;
	margin-top: 6px;
}

.form-group {
    margin-bottom: 15px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}   

/* h1, h2, h3, h4, h5, h6 {
    font-family: Dax Offc W01 Regular !important;
    color: #555;
	margin-top: 5px;
	text-shadow: none;
	font-weight: normal;
	font-size: 20px;
} */

/* .btn-primary.active, .btn-primary:active {
    background-color: #265a88 ;
    border-color: #245580 ;
}

.btn-primary.active:hover{
    background-color: #265a88 ;
    border-color: #245580 ;
}

.btn-primary{
    background-color: #265a88 ;
    border-color: #245580 ;
} */
.btn.active, .btn:active {
    background-image: none;
}

.backbtn {
    padding: 6px 12px;
    vertical-align: middle;
}

select[multiple], select[size] {
    height: auto ;            /*  !important has removed for select height */
}

.pabelbackground{
	border:1px solid #efefef; 
	background-color:#fdfdfd;
}

textarea {
   resize: none;
}

/* Stripe Payment Css Start */


.labelStripe .spanStripe {
  float: left;
  font-weight: bold;
}

.field {
  background: white;
  box-sizing: border-box;
  font-weight: 400;
  border: 1px solid #CFD7DF;
  border-radius: 5px;
  color: #32315E;
  outline: none;
  height: 38px;
  line-height: 48px;
  padding: 0 20px;
  cursor: text;
  width: 85%;
  /* float: right; */
  margin-left: 33px;
}

.field::-webkit-input-placeholder { color: #979797; }
.field::-moz-placeholder { color: #979797; }
.field:-ms-input-placeholder { color: #979797; }

.field:focus,
.field.StripeElement--focus {
  border-color: #F99A52;
}

.buttonStripe {
  / float: left; /
  display: block;
  background-image: linear-gradient(-180deg, #F8B563 0%, #F99A52 100%);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.10), inset 0 -1px 0 0 #E57C45;
  color: white;
  border-radius: 24px;
  border: 0;
  /* margin-top: -58px;
  margin-left: 385px; */
  font-size: 17px;
  font-weight: 500;
 /  width: 18%; /
  height: 46px;
  line-height: 48px;
  outline: none;}
 .labelStripe {
  position: relative;
  color: #6A7C94;
  font-weight: 400;
  height: 48px;
  line-height: 48px;
  margin-bottom: 10px;
  display: block;
  / margin-right: 63px; /
}

.buttonStripe:focus {
  background: #EF8C41;
}

.buttonStripe:active {
  background: #E17422;
}

.outcomeStripe {
  float: left;
  width: 100%;
  padding-top: 8px;
  min-height: 20px;
  text-align: center;
  margin-top:-30px;
}

.successStripe, .errorStripe {
  display: none;
  font-size: 13px;
}

.successStripe.visibleStripe, .errorStripe.visibleStripe {
  display: inline;
}

.errorStripe {
  color: #E4584C;
}

.successStripe {
  color: #F8B563;
}

.successStripe .tokenStripe {
  font-weight: 500;
  font-size: 13px;
}	

.disabledClass{
	cursor: not-allowed;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Stripe Payment Css Ends */

.page-container {
    padding: 20px 0px !important;
}

 .multiselect.btn-default {
    padding: 6px 19px !important;
    border: 1px solid #d1d1d1;
}     

textarea.form-control {
    height: 30px ;
}
/* dropdown orphan */
.btn-group.open>
.multiselect.btn-default.dropdown-toggle, 
.multiselect.btn-default, 
.multiselect.btn-default:active,
.multiselect.btn-default:focus, 
.multiselect.btn-default:hover{
	 border: 1px solid #d1d1d1 !important;
	 width: 118px;
 
} 
.form-horizontal .checkbox .checker, .form-horizontal .checkbox-inline .checker{
 	top: 19px
}

.multiselect-container > li > a >label::before{
  	border:none !important;
 }
 
 li.multiselect-filter i{
  margin-top: 8px;
  }
  
 .multiselect.btn-default .caret {
    right: 4px !important;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999999 !important;
}    

.navbar-brand > img {
    margin-top: 4px !important;
}    

.disableButton {
	pointer-events: none;
    cursor: default;
}
.heighresponse{ 
	margin-top: 10px !important;
	
}

@media only screen and (min-width : 260px) and (max-width : 400px) {
	
.heighresponse {
    margin-top: 50px !important;
}

}

@media only screen and (min-width : 401px) and (max-width : 500px) {
.heighresponse {
    margin-top: 80px !important;
}
} 

.navbar {
    box-shadow: 0 4px 16px hsla(220,15%,50%,0.2);
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.secondpaypanel{ 
	float: left;
	margin-bottom: 10px;
	margin-top: 3px;          /* margin-top: 7px; */
}

 .page-header {
    /* margin: 4px 0px !important;
    padding: 2px 0px !important; */
    box-shadow: 0 4px 16px hsla(220,15%,50%,0.2) !important;
} 

.alert-primary {
    color: white !important;
    background: #5b626f; /* Need this color for wefa autria */ /* hsl(190.4, 22%, 46.3%); */
    border-color: #5b626f; /* Need this color for wefa autria */ /* hsl(190.4, 22%, 46.3%); */
}

.bg-teal { 
	 color: white !important;
    background: hsl(190.4, 22%, 46.3%) !important;
    border-color: hsl(190.4, 22%, 46.3%) !important;
	
}
.panel-group .panel {
    border-radius: 6px !important;
}

.icon-arrow-down12{ 
	font-size: 18px;
	
}

/* select[multiple], select[size] {
    height: 30px !important;
} */

.fieldOuter {
  position: relative;
  margin: 0 0 30px 0;
 /*  font-size: 16px */
}
.fieldOuter input {
  /* padding: 10px; */
  /* width: 250px; */
  transition: all 1s;
  /* border: 1px solid #999; */
 /*  font-size: 17px; */
 /*  color: #666 */
}
.fieldOuter label {
  position: absolute;
  left:10px;
  top: 0;
  line-height:15px;
  transition: all 0.5s;
  overflow: hidden;
  color: #999;
  white-space: nowrap;
  z-index: 1;
  opacity: 0;
  height: 20px;
}
.fieldOuter input:focus + label {
  opacity: 1;
  top: -10px;  
  left:10px;
  font-size: 12px;
}
.fieldOuter input:focus {
  outline: none;
  /* border-color: rgba(82, 168, 236, 0.8); */
}

.has-feedback label ~ .form-control-feedback {
    top: 0px !important;
}

.btn-group, .btn-group-vertical {
    display: contents !important;
}   

/* .formheight {
    height: 38px !important;
} */
 
 /* @media only screen and (min-width : 320px) and (max-width : 450px) {
.customize {
width: 65% !important;
}
}

 @media only screen and (min-width : 451px) and (max-width : 550px) {
.customize {
width: 50% !important;
}
}


@media only screen and (min-width : 1025px) and (max-width : 1099px) {
.customize {
margin-right: -48px !important;
width: 50% !important;
}
	
}

@media only screen and (min-width : 1100px) and (max-width : 1199px) {
.customize {
margin-right: -48px !important;
width: 50% !important;
}
}

@media only screen and (min-width : 1200px) and (max-width : 1299px) {
.customize {
margin-right: -48px !important;
width: 50% !important;
}
}

@media only screen and (min-width : 1300px) and (max-width : 1450px) {
.customize {
 margin-right: -48px !important;
width: 50% !important;
}
}

@media only screen and (min-width : 1451px) and (max-width : 1700px) {
.customize {
margin-right: -48px !important;
width: 50% !important;
}
} */

@media only screen and (min-width : 260px) and (max-width : 576px) {
.cart-button{
    margin-right: 0px !important; 
	}
}

@media only screen and (min-width : 260px) and (max-width : 1024px) {
.secondpaypanel{ 
width: 100%;
}
}

h6.panel-title, .h6.panel-title {
    text-transform: uppercase;
}


/* @media only screen and (min-width : 320px) and (max-width : 1024px) {
.bagis-group-body {
    padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 10px !important;
padding-left: 0px !important;
}
} */

@media only screen and (min-width : 1025px) and (max-width : 1920px) {

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
}

@media only screen and (min-width : 260px) and (max-width : 1024px) {

.panel-body {
   padding: 15px !important;
}

.gendersel{ 
	margin-left: 4px !important;
}
}	

.gendersel{ 
	margin-left: -6px;
}

@media only screen and (min-width : 481px) and (max-width : 577px) {

/* .donation_container {
    margin-top: 0px !important;
} */
}

@media only screen and (min-width : 260px) and (max-width : 768px) {
.bagis-group-body {
    padding-left: 2px !important;
    padding: 0px !important;
}

.input-group-sm .bootstrap-touchspin-postfix + .input-group-btn, .input-group-sm .bootstrap-touchspin-postfix + .input-group-btn-vertical {
    padding-left: 0px !important;
}

.input-group-sm .input-group-btn:not(:last-child) {
    padding-right: 0px !important;
}

}

.newtouchclass {
	margin-left: 0px;
	margin-top: 0px;
}

@media only screen and (min-width : 260px) and (max-width : 500px) {
.newtouchclass {
	margin-left: -40px !important;
	margin-top: 5px !important;
}
}

@media only screen and (min-width : 768px) and (max-width : 1920px) {
.input-group-sm .bootstrap-touchspin-postfix + .input-group-btn, .input-group-sm .bootstrap-touchspin-postfix + .input-group-btn-vertical {
    padding-left: 0px !important;
    padding-right: 5px !important;
}

.input-group-sm .input-group-btn:not(:last-child) {
    padding-right: 0px !important;
    padding-left: 5px !important;                                   /*  padding-left: 20px !important; */
}

 .bootstrap-touchspin{
width: 30% !important;
} 

/* .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    margin-right: 3px !important;
}
 */

}


@media only screen and (min-width : 1025px) and (max-width : 1920px) {
.page-container {
    margin-top: -30px !important;
}
}

.secondpaypanel{ 
	float: left;
	margin-bottom: -20px;
	margin-top: 3px;          
}

@media only screen and (min-width : 260px) and (max-width : 768px) {
	
.secondpaypanel{ 
	float: left;
	margin-bottom: -50px !important;
	margin-top: 3px;          
}	

}	

/* .bootstrap-touchspin{ 

border: 1px solid #ddd;
	
} */

.box-input input:focus {
    border: 1px solid #ddd !important;
}    

.bagis-title-info input, .bagis-title-info select:focus {
    border-color: hsl(220,15%,85%);
    border-radius: 3px !important;                     /*  begining date border */
}   


.form-horizontal .has-feedback > .form-control-feedback {
    right: 5px;
    top: -3px;
}


.formheight{ 
	border: 1px solid #ddd !important;
	border-radius: 4px !important;                /*  right side border */
} 


@media only screen and (min-width : 270px) and (max-width : 319px) {
	
.payimageadjust{ 
	width: 20% !important;          
}

}	

@media only screen and (min-width : 260px) and (max-width : 375px) {
	
.payimageadjust{ 
	width: 20% !important;          
}

}	

@media only screen and (min-width : 376px) and (max-width : 420px) {
	
.payimageadjust{ 
	width: 16% !important;          
}

}

@media only screen and (min-width : 421px) and (max-width : 500px) {
	
.payimageadjust{ 
	width: 14% !important;          
}

}

@media only screen and (min-width : 501px) and (max-width : 650px) {
	
.payimageadjust{ 
	width: 12% !important;          
}

}

@media only screen and (min-width : 651px) and (max-width : 768px) {
	
.payimageadjust{ 
	width: 11% !important;          
}

}


@media only screen and (min-width : 260px) and (max-width : 768px) {

.payment_methods input[type="radio"] + label > img {
    height: 47px !important;
}    
    

.payment_methods label {
    margin-left: 0px !important;
}

}	

@media only screen and (min-width : 1025px) and (max-width : 1159px) {
	
.payimageadjust{ 
	width: 14% !important;          
}	

}
@media only screen and (min-width : 1160px) and (max-width : 1499px) {
	
.payimageadjust{ 
	width: 14% !important;          
}	

}
@media only screen and (min-width : 1500px) and (max-width : 1600px) {
	
.payimageadjust{ 
	width: 10% !important;          
}	

}

/* .switcher label {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
} */


@media only screen and (min-width : 260px) and (max-width : 768px) {
	
	.bagis-title-info {
    padding-left: 10px !important;
}
	
.footer-payment {
    padding: 0px 12px !important;
    margin-top: -60px;
}	

.pr-20 {
    padding-right: 0px !important;
}
	
	
}

.payment_methods  label {
    margin-left: 0px;
    
}

/* spinner changes */

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 28px !important;       /*  30px */
}

.input-group-sm > .input-group-btn > .btn {
     padding: 0px 10px !important;        /* 0px 11px !important; */
    border-radius: 0px !important; 
    background: #f0f0f0 !important;
color: gray !important;
margin: 0px;
}

.touchspin-empty:focus , .touchspin-empty:active , .touchspin-empty {
border: 1px solid #e1dede;	
} 

@media only screen and (min-width : 260px) and (max-width : 768px) {

.input-group .form-control {
    text-align: center !important;
}

.footerbottom{
	padding-top: 60px !important;
}

.input-group, .bootstrap-touchspin {
    margin-right: -3px !important;
}

}

@media only screen and (min-width : 768px) and (max-width : 1920px) {
.input-group-sm > .input-group-btn > .btn {
     padding: 0px 5px !important;          /* 0px 11px !important; */
    border-radius: 0px !important;
    background: #f0f0f0 !important;
color: gray !important;
margin: 0px;
}

.touchspin-empty{
font-size: 14px !important;
/* width: 40px !important; */
padding-left: 14px !important;
border: 1px solid #e1dede;
margin: 0px !important;
}

.touchspin-empty:focus , .touchspin-empty:active {
border: 1px solid #e1dede;	
}

}

.footerbottom{
	padding-bottom: 20px;
	padding-top: 20px;
}

 .newssl{
	margin-top: -40px !important;
}

.icon-phone2{
 margin-top: 3px !important;
  }

@media only screen and (min-width : 260px) and (max-width : 768px) {
.newssl{
	margin-top: -33px !important;
}	

 .icon-phone2{
 margin-top: 0px !important;
  }
	
}	 

@media only screen and (min-width : 520px) and (max-width : 600px) {
	.page-container {
    margin-top: 50px !important;
}
	
}

@media only screen and (min-width : 260px) and (max-width : 6000px) {

.input-group-btn > .btn:last-child, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn > .btn-group:last-child > .btn, .input-group-btn > .btn:last-of-type {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.input-group-btn:first-child > .btn:first-child, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn > .btn-group:first-child > .btn, .input-group-btn > .btn:first-child {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

}


@media only screen and (min-width : 260px) and (max-width : 768px) {
.input-group-sm .bootstrap-touchspin-postfix + .input-group-btn, .input-group-sm .bootstrap-touchspin-postfix + .input-group-btn-vertical {
    padding-left: 0px !important;
}

.input-group-sm .input-group-btn:not(:last-child) {
    padding-right: 0px !important;
}

}

 
.icon-info22{
	font-size: 20px !important;
top: -4px !important;
	
} 

@media only screen and (min-width : 769px) and (max-width : 900px) {
	.customize {
    width: 30% !important;
	}
}	

@media only screen and (min-width : 901px) and (max-width : 1024px) {
	.customize {
    width: 25% !important;
	}
}	

@media only screen and (min-width : 1025px) and (max-width : 1200px) {
	.customize {
    width: 35% !important;
	}
}
@media only screen and (min-width : 1201px) and (max-width : 1400px) {
	.customize {
    width: 30% !important;
	}
}
@media only screen and (min-width : 1401px) and (max-width : 1600px) {
	.customize {
    width: 30% !important;
	}
}
@media only screen and (min-width : 1601px) and (max-width : 1750px) {
	.customize {
    width: 25% !important;
	}
}

@media only screen and (min-width : 1751px) and (max-width : 2000px) {
	.customize {
    width: 20% !important;
	}
}

@media only screen and (min-width : 2001px) and (max-width : 2500px) {
	.customize {
    width: 25% !important;
	}
}
@media only screen and (min-width : 2501px) and (max-width : 3000px) {
	.customize {
    width: 20% !important;
	}
}

.bagis-group-wrapper .betrag-box-gesamt {
  font-size: 16px;
}

@media only screen and (min-width : 1300px) and (max-width : 3800px) {
	
.img-fluid{ 
	width: 15% !important;          
}

}

@media only screen and (min-width : 700px) and (max-width : 1299px) {
	
.img-fluid{ 
	width: 15% !important;          
}

}

@media only screen and (min-width : 500px) and (max-width : 699px) {
	
.img-fluid{ 
	width: 15% !important;          
}

}

@media only screen and (min-width : 380px) and (max-width : 499px) {
	
.img-fluid{ 
	width: 15% !important;          
}

}

@media only screen and (min-width : 260px) and (max-width : 379px) {
	
.img-fluid{ 
	width: 16% !important;          
}

}

@media only screen and (min-width : 260px) and (max-width : 280px) {
.imgpos {
  height: 45px !important;
}
 
.icon-phone2 { 
  margin-top: -45px !important;
}

.submit_button {
  font-size: 13px !important;
}
}


/* Ziraat card  */





#card-back {
  top: 40px;
  right: 0;
  z-index: -2;
}

#card-btn {
  background-color: rgba(251, 251, 251, 0.8);
  color: #ffb242;
  position: absolute;
  bottom: -55px;
  right: 0;
  width: 150px;
  border-radius: 8px;
  height: 42px;
  font-family: lato, 'helvetica-light', 'sans-serif';
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  outline: none;
  border: none;
  cursor: pointer;
}

#card-btn:hover {
  background-color: rgba(251, 251, 251, 1);
}

#card-cvc, #ziraat-card-cvv {
  width: 60px;
  margin-bottom: 0;
}

#card-front, #card-back {
    position: absolute;
    background-color: #465f7d;
    border-radius: 6px;
    font-size: 12px;
    padding: 15px 0px 0;
    box-sizing: border-box;
    letter-spacing: 1px;
    font-weight: 300;
    color: white;
    width: 97%;
    margin-left: 5px;
}

#card-image {
  float: right;
  height: 100%;
}

#card-image i {
  font-size: 40px;
}

#card-month, #ziraat-card-month {
  width: 30% !important;
}

#ziraat-card-expiry {
  width: 100% !important;
}

#card-number, #ziraat-card-number,
#card-holder {
  width: 100%;
}

#card-stripe {
  width: 100%;
  height: 55px;
  background-color: #3d5266;
  position: absolute;
  right: 0;
}

#card-success {
  color: #00b349;
}

#card-token {
  display: none;
}

#card-year, #ziraat-card-year {
  width: 30%;
}

#cardholder-container {
  width: 45%;
  display: inline-block;
  text-align: left;
}

#card-container {
  width: 20%;
  display: inline-block;
  text-align: left;
}

#cvc-container {
  position: absolute;
  width: 110px;
  right: -115px;
  bottom: -10px;
  padding-left: 20px;
  box-sizing: border-box;
}

#cvc-container label {
  width: 100%;
}

#cvc-container p {
  font-size: 6px;
  text-transform: uppercase;
  opacity: 0.6;
  letter-spacing: .5px;
}

#form-container {
  margin: auto;
  width: 500px;
  height: 95px;
  position: relative;
}

#form-errors {
  color: #eb0000;
}

#form-errors,
#card-success {
  width: 500px;
  margin: 0 auto 10px;
  border-radius: 8px;
  padding: 0 20px;
  font-weight: 400;
  box-sizing: border-box;
  line-height: 46px;
  letter-spacing: .5px;
  text-transform: none;
}

#form-errors p,
#card-success p {
  margin: 0 5px;
  display: inline-block;
}

#exp-container {
  display: inline-block;
  text-align: left;
}

.hidden {
  display: none;
}

#image-container {
  width: 100%;
  position: relative;
  height: 55px;
  margin-bottom: 5px;
  line-height: 55px;
}

#image-container img {
  position: absolute;
  right: 0;
  top: 0;
}

.cardinput {
  border: none;
  outline: none;
  background-color: #8994a2;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin: 0 0 25px;
  color: white;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: lato, 'helvetica-light', 'sans-serif';
  letter-spacing: .7px;
}

.cardinput::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.7;
  font-family: lato, 'helvetica-light', 'sans-serif' letter-spacing: 1px;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 10px;
}

.cardinput:-moz-placeholder {
  color: #fff;
  opacity: 0.7;
  font-family: lato, 'helvetica-light', 'sans-serif' letter-spacing: 1px;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 10px;
}

.cardinput::-moz-placeholder {
  color: #fff;
  opacity: 0.7;
  font-family: lato, 'helvetica-light', 'sans-serif' letter-spacing: 1px;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 10px;
}

.cardinput:-ms-input-placeholder {
  color: #fff;
  opacity: 0.7;
  font-family: lato, 'helvetica-light', 'sans-serif' letter-spacing: 1px;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 10px;
}

.cardinput.invalid {
  border: solid 2px #eb0000;
  height: 34px;
}

.cardlabel {
  display: block;
  margin: 0 auto 7px;
}

@media only screen and (min-width : 280px) and (max-width : 419px) {

#card-front, #card-back {
    width: auto !important;
 }   
 
 #form-container {
        width: auto !important;
 }   
 
 #cardholder-container {
    width: auto !important;
}

#card-month, #ziraat-card-month {
    width: 46% !important;
}

#card-year, #ziraat-card-year {
    width: 48% !important;
}

.cardinput::-webkit-input-placeholder {
  font-size: 10px !important;
}

.cardinput:-moz-placeholder {
  font-size: 10px !important;
}

.cardinput::-moz-placeholder {
  font-size: 10px !important;
}

.cardinput:-ms-input-placeholder {
  font-size: 10px !important;
}
 
 }
 
 
@media only screen and (min-width : 420px) and (max-width : 499px) {

#card-front, #card-back {
    width: auto !important;
 }   
 
 #form-container {
        width: auto !important;
 }   
 
 #cardholder-container {
    width: auto !important;
}

#card-month, #ziraat-card-month {
    width: 46% !important;
}

#card-year, #ziraat-card-year {
    width: 48% !important;
}

#card-front, #card-back {
    margin-left: 5% !important;
    margin-right: 5% !important;

}

 } 
 
 
@media only screen and (min-width : 420px) and (max-width : 499px) {
	#form-container {
    width: auto !important;
	}
	
}	

@media only screen and (min-width : 500px) and (max-width : 6000px) {
	#form-container {
    width: auto !important;
	}
	
}	

@media only screen and (min-width : 1550px) and (max-width : 6000px) {

/* #card-front, #card-back {
    margin-left: 25% !important;
    margin-right: 25% !important;

} */
}


@media only screen and (min-width : 769px) and (max-width : 1023px) {

/* #card-front, #card-back {
    margin-left: 25% !important;
    margin-right: 25% !important;

} */

#card-front, #card-back {
    margin-top: -15px !important;
}
}

@media only screen and (min-width : 530px) and (max-width : 768px) {


#card-front, #card-back {
    margin-top: -15px !important;
}

/* #card-front, #card-back {
    margin-left: 13% !important;
    margin-right: 13% !important;
} */

}

@media only screen and (min-width : 500px) and (max-width : 529px) {

#card-front, #card-back {
    margin-top: -15px !important;
}

#card-front, #card-back {
    /* width: 75% !important; */
}

}	

@media only screen and (min-width : 1350px) and (max-width : 1549px) {

#card-front, #card-back {
    /* width: 60% !important; */
}

#card-front, #card-back {
   /*  margin-left: 20% !important;
    margin-right: 20% !important; */
}
}



@media only screen and (min-width : 650px) and (max-width : 768px) {
	
	#card-front, #card-back {
    margin-top: -15px !important;
}
	
}	

@media only screen and (min-width : 650px) and (max-width : 768px) {

#card-front, #card-back {
     margin-top: -15px !important;
}

}

@media only screen and (min-width : 385px) and (max-width : 419px) {

#card-front, #card-back {
     margin-top: -15px !important;
}

#ziraat-card-expiry {
    width: 100% !important;
}

#form-container {
    height: 95px !important;
}
}


 @media only screen and (min-width : 280px) and (max-width : 350px) {
#exp-container {
    width: auto !important;
    float: right;
    margin-right: 15px !important;
    margin-top: -9px !important;
    margin-bottom: 10px !important;
    margin-left: 15px !important;
}

#card-cvc, #ziraat-card-cvv {
    width: 65px !important;
}

#ziraat-card-expiry {
    width: 120% !important;
}

#form-container {
    height: 165px !important;
}	
}

@media only screen and (min-width : 351px) and (max-width : 384px) {
#exp-container {
    width: auto !important;
    float: right;
    margin-right: 25px !important;
    margin-top: -9px !important;
    margin-bottom: 10px !important;
    margin-left: 15px !important;
}

#ziraat-card-expiry {
    width: 120% !important;
}

#form-container {
    height: 165px !important;
}	
} 


.editable-buttons.editable-buttons-bottom {
  text-align: right !important;
}

.editableform .form-control {
  min-width: 300px !important; 
  background: transparent !important;
  height: 80px !important;
}

.btn-icon {
  padding-left: 10px;
  padding-right: 10px;
}

.editable-buttons .btn-icon {
  padding-left: 10px;
  padding-right: 10px;
}

.editable-submit , .editable-cancel {
	margin-top: 25px !important;
}