.checkout-page{
  padding-top:20px !important
}

#checkout-checkout-back{ 
  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: transparent;
}
#checkout-checkout{
  display:inline-block;height:100%;position:relative;width:100%;background:transparent; margin-bottom:-5px
}
#payment_box{position:relative;}
#loading-image{display:inline-block;width:100%;height:200px;z-index:1000;padding-top:35px;font-size:25px;text-align:center;position:absolute;top:0;  background: rgba(255, 255,255, 0.8);}
 #checkout-checkout .col-md-8{padding-right:35px}
  #checkout-checkout hr{background:#71878a}
 .checkout-contrainer h1{font-size:35px;line-height:120%;margin:0px;margin-bottom:10px}
 .checkout-contrainer h4,.account-register h4{font-size:22px;font-weight:600;margin-bottom:15px}
   .checkout-contrainer .btn-primary,.account-register .btn-primary{padding:15px 55px;text-transform:uppercase}
   @media (max-width: 700px) {
   #checkout-checkout .col-md-8{padding-right:0px}
.checkout-contrainer .btn-primary, .account-register .btn-primary {
 padding:15px 15px;    display:inline-block
 }
   #mobcart{padding:0px}
   .cart_breadcrumb > li > a{min-height:60px}
.cart_breadcrumb > li{float:left;width:auto; display: inline-block;}
.cart_breadcrumb > li::marker {
  display: none
}
}
.buttons .pull-right{float:right !important}

       .checkout-contrainer .btn-noback{background:transparent;border:1px solid black;display:inline-block;color:black;text-transform:uppercase;font-weight:600}
       .checkout-contrainer .btn-noleft{padding-left:0px}
       .regbox{
       background:var(--background-gray); color: var(--text-color); padding: 20px 30px;margin:40px 0px
       }
  
 .cart_breadcrumb{
       display: flex;
       flex-direction: row; margin-bottom:0px;
       padding-left: 0;
   }
   .cart_breadcrumb > li {
    /*   flex-grow: 1;*/
     display: inline-block;
   }
   .cart_breadcrumb > li > a {
   position: relative;
   background-color: transparent;
   }
   .cart_breadcrumb > li > a .badge {
   margin-left: 3px;
   color: #eeeeee;
   background-color: #428bca;
   }
   .cart_breadcrumb > li:not(:first-child) > a {
  padding-left: 5px;
   }
    .cart_breadcrumb > li > a i{
    font-size:10px
    }

   .cart_breadcrumb > li:not(:last-child) > a {
   margin-right: 6px;
   }
 /*  .cart_breadcrumb > li:not(:last-child) > a:after {
   width: 0px;
   height: 0px;
   border-top: 20px inset transparent;
   border-bottom: 20px inset transparent;
   border-left: 20px solid var(--grey);
   position: absolute;
   content: "";
   top: 0;
   right: -20px;
   z-index: 2;
   }   */

 
   .cart_breadcrumb > li.active > a,
   .cart_breadcrumb > li.active > a:hover,
   .cart_breadcrumb > li.active > a:focus {
  // color: var(--text-color)fff;
   //background-color: #00aac0;
   font-weight:bold
   }
   .cart_breadcrumb > li.active > a:after {
   border-left-color: #00aac0;
   }
   .cart_breadcrumb > li.active > a .badge {
   color: #428bca;
   background-color: var(--text-color)fff;
   }
   .cart_breadcrumb > li.disabled > a {
   color: #777777;
   }
   .cart_breadcrumb > li.disabled > a:hover,
   .cart_breadcrumb > li.disabled > a:focus {
   color: #777777;
   text-decoration: none;
   background-color: var(--grey);
   cursor: default;
   }
   .cart_breadcrumb > li.disabled > a:before {
   border-right-color: var(--grey);
   }
   .cart_breadcrumb > li.disabled > a:after {
   border-left-color: var(--grey);
   }
   .cart_breadcrumb.nav-justified > li {
   float: none;
   }
   .cart_breadcrumb.nav-justified > li > a {
   padding: 10px 15px;
   }
     @media (max-width: 768px) {
       .cart_breadcrumb.nav-justified > li > a {
           margin-right: 0;
       }
       .cart_breadcrumb.nav-justified > li > a:before,
       .cart_breadcrumb.nav-justified > li > a:after {
           border: none !important;
       }
   }
.total_block{
   background-color: var(--grey);
   padding: 20px 20px 10px 20px;
   border-radius: 6px;
}
/* Coupon */
.panel_coupon{
   background-color: var(--grey);
   padding: 20px;
   border-radius: 6px;
}
.checkout-totalcart{border: 1px solid var(--light-grey);color:var(--text-color); background: var(--background-gray);padding:15px;left:5px;}
.checkout-totalcart .table{background:transparent}
.confirm-card{margin-bottom:15px;}
.confirm-card .panel-body{padding:0px}
#confirm .confirm-card {border:1px solid #ddd ;padding:15px}
.text-underline {
 //  border-bottom: 1px solid #ebf4f5;
   padding-bottom: 5px;
}
.two-color span {
   color: black;
}
.wide-width .container {
   width: 1170px;
}
p.card-text{margin-bottom:0px;line-height:31px}
@media (min-width: 768px) {
.form-horizontal .control-label {

   text-align: left;
}
}
.checkout-box .form-check{padding-top:5px;padding-bottom:5px; padding-left: 0;}
.checkout-box .form-check.bordered{border:1px solid var(--light-grey);padding:10px;border-bottom:0px}
.checkout-box .form-check.form-check-sub.bordered{border:none;margin-left:-10px;margin-right:-10px;}
 .checkout-box .form-check:not(.form-check-sub).bordered:last-child{border-bottom:1px solid var(--light-grey)}
.checkout-box .form-check.bordered label,.checkout-box .form-check.bordered  .label-text{margin-bottom:0px;display:block;width:100%}
.checkout-box .form-check.bordered label,.checkout-box .form-check.bordered span.subtitle{display:inline-block;width:100%;font-size:14px;}
.checkout-box  .float-right{float:right}
.checkout-box label{
 position: relative;
 cursor: pointer;
   padding-left:3px;
 color: var(--text-color);
 font-size: 15px;
}

.checkout-box input[type="checkbox"], .checkout-box input[type="radio"]:not([name="newsletter"]){
 position: absolute;
 right: 9000px;
}

/*Check box*/

.checkout-box input[type="checkbox"] + .label-text:before{
 content: "\f096";
 font-family: "FontAwesome";
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 -webkit-font-smoothing:antialiased;
 width: 1em;
 display: inline-block;
 margin-right: 5px;
}

.checkout-box input[type="checkbox"]:checked + .label-text:before{
 content: "\f14a";
 color: black;
 animation: effect 250ms ease-in;
}

.checkout-box input[type="checkbox"]:disabled + .label-text{
 color: #aaa;
}

.checkout-box input[type="checkbox"]:disabled + .label-text:before{
 content: "\f0c8";
 color: #ccc;
}

/*Radio box*/

.checkout-box input[type="radio"] + .label-text:before{
 content: "\f10c";
 font-family: "FontAwesome";
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 -webkit-font-smoothing:antialiased;
 width: 1em;
 display: inline-block;
 margin-right: 5px;
}

.checkout-box input[type="radio"]:checked + .label-text:before{
 content: "\f192";
 color: black;
 animation: effect 250ms ease-in;
}
#payment-existing,#shipping-existing{padding-left:15px}

.checkout-box input[type="radio"]:disabled + .label-text{
 color: #aaa;
}

.checkout-box input[type="radio"]:disabled + .label-text:before{
 content: "\f111";
 color: #ccc;
}

/*Radio Toggle*/

.checkout-box .toggle input[type="radio"] + .label-text:before{
 content: "\f204";
 font-family: "FontAwesome";
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 -webkit-font-smoothing:antialiased;
 width: 1em;
 display: inline-block;
 margin-right: 10px;
}

.checkout-box .toggle input[type="radio"]:checked + .label-text:before{
 content: "\f205";
 color: black;
 animation: effect 250ms ease-in;
}

.checkout-box .toggle input[type="radio"]:disabled + .label-text{
 color: #aaa;
}

.checkout-box .toggle input[type="radio"]:disabled + .label-text:before{
 content: "\f204";
 color: #ccc;
}

.checkout-preloaded {
 min-height: 100vh;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 100;
}
.checkout-preload {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: var(--background-gray);
 z-index: 100;
}
.checkout-preload::after {
 content: 'Nahrávám ...';
 position: absolute;
 top: 35vh;
 left: 50%;
 transform: translateX(-50%);
 display: block;
 color: var(--text-color);
 z-index: 110;
 font-size: 20px;
}