/***************************************
 *   EDGERING  3GSTORE                 *                  
 *   SPORT NO.15 THEME                 *
 *   -----------------------           *
 *   http://css.edgering.org           *
 *   07/2016                           *
 *                                     *   
 ***************************************/
 
.tblBsLs { width:100%; }

.tblBsLs tbody th,
#basket-list tfoot tr,
#basket-list-min tfoot th 
{ 
    text-align: right; 
} 

.tblBsLs tfoot th, 
.tblBsLs thead th,
.tblBsLs tr,
.msgAlertDostupnost,
.buttons a,
#basket-list-info,
#basket-list-info2,
#basket-list tfoot a, 
#basket-list tbody tr#lblDopravaIsFree2 th { text-align: center; }

#basket-list thead tr { font-weight: normal; }

.tblBsLs tbody th, .tblBsLs tbody td,
.tblBsLs thead th, .tblBsLs thead td
{     
    border-bottom: 1px solid #ededed;
    font-weight: normal;
}

.tblBsLs p { margin: 0.2em 0 0 0; }

#basket-list th, 
#basket-list td { padding-top: 0.6em; padding-bottom: 0.6em; }

#basket-list tbody th, 
#basket-list tbody td { font-size: 1.2em; }

td.lbl { text-align: left !important; font-size: 1em !important;   }

#basket-list tbody td.lbl a { font-size: 1.2em; display: block; padding: .4em 0 .3em 0; text-decoration: underline; font-weight: normal;  }
#basket-list tbody td.lbl .col { vertical-align: middle; }

#basket-list img { width: 90px; /*border: 1px solid #d7d7d7;*/ margin: 0 1em; max-height: 100px; }

#basket-list select { font-size: 1.6em; }

#basket-list .RemoveRow a { text-indent: -6667px; display: block; width: 26px; height: 26px; background: url(img2/sprite3.png) no-repeat center -413px; }
 
#basket-list tfoot { line-height: 150%; }
#basket-list tfoot th { padding: 0.8em; font-size: 1.2em; text-align: right; white-space:nowrap; }

#basket-list-min { border-top: 1px solid #d7d7d7; font-size: 0.85em; margin-bottom: 2em; }
#basket-list-min thead { display: none; }
#basket-list-min tbody th { padding: 0 0.8em; }
#basket-list-min tfoot th { text-align: center }
#basket-list-min tfoot tr { background: #f5f5f5; }

.tblBsLs tbody th.selKs { text-align: center; }

#basket-list small { color: grey; }


/* ==== SEND MESSAGES ==== */

.msgAlertDostupnost 
{ 
    padding: 1em;
    font-size: 1.2em;  
}

p.lblDopravaIsFree2 { font-weight: bold; }

.selKs { width: 3em; }

.selKs input { border: none; font-size: 1.4em; width: 3em; display: inline-block; text-align: center; padding: 0.3em 0; }
.selKs a.btnNum { font-size: 1.2em; width: 1em; display: inline-block; vertical-align: top; margin: 1px; }

/* ==== SEND BUTTONS ==== */

.buttons { font-size: 1.2em; text-align: right; height: 3em; position: relative; }
.buttons a { vertical-align: top; color: #4a5157; display: inline-block; padding: 0.6em 1em; -moz-border-radius: 2px; border-radius: 2px; }
 
a#btnOdeslat,
#ObjSend a#btnOdeslat2 
{ 
   box-shadow: 0 8px 6px -6px black;
   width: 40%;
}

#btnOdeslat:hover,
#ObjSend a#btnOdeslat2:hover 
{ 
  box-shadow: none; margin-top: 2px; margin-bottom: 0; 
}

#lblUpravaObjDetail, #btnPokracovat { position: absolute; top: 0; left: 0;  }
#lblUpravaObjDetail:hover { background: #f5f5f5; }

#btnPokracovat { text-decoration: underline; }

/* ==========================================================================
    ODESLÁNÍ OBJEDNÁVKY    
   ========================================================================== */ 

#FFc1 { float: left; width: 46%; }
#FFc2 { float: right; width: 49%; }

#ObjSend, #ObjSend a { color: #000; }

#ObjSend table a { display: block; }

#ObjSend fieldset { border: 1px solid #fff; }
#ObjSend fieldset#frmFSet1 div { border-top: 1px solid #BEBFBF; border-bottom: 1px solid #BEBFBF; padding: 1em 0; }
#ObjSend fieldset#frmFSet1 { margin-bottom: 1em; } 

#ObjSend fieldset.goodjob { border: 1px solid #409C12; }

#ObjSend fieldset p { margin: .5em 0; }

#ObjSend fieldset label, #ObjSend fieldset input { display: inline-block; }
 
#ObjSend fieldset label { width: 20%; text-align: right; padding-right: 5%; }


#ObjSend fieldset input, 
#ObjSend fieldset select { width: 66%; padding: .3em .2em; font-size: 1.2em; border: 1px solid #e2e3ea; }


#ObjSend fieldset table input { width: 2em; }  

#ObjSend legend a { text-decoration: underline;  display: inline-block; padding: .5em 0; }

#ObjSend fieldset p.wrong input { background: #fdf0f0; }

#ObjSend fieldset input { text-indent: 2%; }

input#btnOdeslat { display: none; }

#ObjSouhrnInfo { background: url(img2/info.png) no-repeat left; padding: 0.6em 0 1em 60px; }
#ObjSouhrnInfo h2 { margin-bottom: 0; }
#ObjSouhrnInfo p { margin: 0; }

#ObjRozpis { 
    border: 1px solid #D7D7D7; 
    padding: 1em 1.4em; 
    margin: 1em 20% 3em 0; 
    
   -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
   -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
   box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75); 
}

#lblSending 
{ 
   padding-left: 2em; 
   font-size: 1.2em; 
   background: url(img2/ajax-loader.gif) no-repeat left; 
   letter-spacing: 1px; 
   font-weight: bold; 
}

#lblAlertMsg 
{
    background: #fbd9d9;  
    font-size: 1.45em;
    padding: 1em;   
    margin: 1em 0;
    text-align: center;
    
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;       
}

/* ==== Doprava & odběr ==== */

#ObjSend h3#lblZpusobDopravy { margin-top: 2em; }

.tblOpts th { text-align: left; font-weight: normal; padding-right: 3em; padding-left: 0.4em; min-width: 12em; }
.tblOpts th, .tblOpts td { padding-bottom: 0.4em; }

/* .tblOpts strong { font-weight: normal; } */

.tblOpts tr.selected,
.tblOpts tr.selected strong, 
.tblOpts tr.selected th { font-weight: bold; }

#tpfR0 td, #tpfR0 th { padding-top: 1em; border-top: 1px solid #D7D7D7; }
#tpfR0 th { width: 100%; }

#tblPlatbaa tr.row1 td, #tblPlatbaa tr.row1 th { padding-bottom: 1em; }  

#barPlatba { border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding-bottom: 1em; margin-bottom: 1em; }
#barVzkaz { margin-top: 2em; }  

#barVzkaz p { border: 1px solid #d7d7d7; padding: 0; line-height: 80%; margin-bottom: 2em; }
#barVzkaz textarea { width: 98%; font-size: 1em; padding: 1%; border: none; }

/* ==== basket revision ==== */

#tblObjBsk img { /*border: 1px solid #d7d7d7;*/ margin-right: 1em; width: 6em; max-height: 6em; }

#tblObjBsk thead td, #tblObjBsk thead th,  
#tblObjBsk tbody td, #tblObjBsk tbody th { color: #4A5157; border-bottom: 1px solid #d7d7d7; font-weight: normal; padding-top: 1em; padding-bottom: 1em; }
#tblObjBsk a { color: #4A5157; font-size: 1.2em; display: inline-block; } 

#tblObjBsk tbody th {  color: #000; font-size: 1.2em; font-weight: bold; }
 
#tblObjBsk tfoot tr#rowAa4 td, #tblObjBsk tfoot tr#rowAa4 th, 
#tblObjBsk tfoot tr#rowAa5 td, #tblObjBsk tfoot tr#rowAa5 th { padding-top: 1em; }

#tblObjBsk tfoot tr#rowAa5 td, #tblObjBsk tfoot tr#rowAa5 th { padding-bottom: 1em; }

#tblObjBsk tfoot td { text-align: right; padding: 0.2em 1em 0.2em 0; }
#tblObjBsk tfoot th { text-align: left; }

#tblObjBsk .lbl .col { vertical-align: middle; }

#lblSumPrice { font-size: 1.6em; }
.lblObjPripraveno { display: block; color: #1cb529; padding-top: .8em; }

#rowD4 td, #rowD4 th
{
  padding-bottom: .6em;
}

#rowD26 td, #rowD26 th 
{ 
   border-top: 1px dotted #BEBFBF;
    padding-top: .6em; 
}

#tblDoprava
{
   border-spacing: 0;    
}

/**
 *  2019
 */

.tblOpts ul 
{ 
    margin: 0; 
    padding: 0; 
}

.tblOpts li 
{ 
    list-style: none;
    margin: 0 0 4px 0;  
}

.tblOpts label 
{ 
    display: block; 
    position: relative; 
    cursor: pointer; 
    padding: .4em 0 0.4em 2.4em;     
    border: 1px solid #e3e3e3;
    
    border-right: 1px solid #acacac; 
    border-bottom: 1px solid #acacac;
    
    border-radius: 3px;
} 

.tblOpts span.price 
{ 
    display: block; 
    position: absolute; 
    right: 0.4em; 
    top: 0.4em; 
    font-weight: bold; 
    text-align: right; 
}

.tblOpts span.extras
{
    display: block;    
}

.tblOpts li input 
{ 
    position: absolute;
    left: 1em;
    top: 35%; 
    margin: 0;
}

label.selected 
{ 
    font-weight: bold; 
    background: #f5f5f5; 
    border: 1px solid #BEBFBF;
    
}

/** **/

.lblPickup
{
    padding: .8em 0 .6em 2em;
}

.refVM 
{    
    display: inline-block;
    margin: 0 auto;
    padding: .4em 5em .4em .8em;
    border: 1px solid #829090;
    
    border-radius: 4px;
    font-weight: bold;
    outline: 2px solid rgba(0 0 0 / 10%);
}

.refVM.alert
{
    outline: 2px solid rgb(220 108 108 / 30%);
}

#dopVM__DPD .refVM
{
    background-image: url(https://api.dpd.cz/widget/latest/logo.png);
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: right 0.4em center;
}

.lblPickupResult.filled
{
    padding: .6em 0 1em 0;

    background-image: url(https://api.dpd.cz/widget/latest/parcel-shop-active.svg);
    background-repeat: no-repeat;
    background-size: auto 2.2em;
    background-position: left center;
    padding-left: 2.2em;    
}

.lblPickupResult.filled strong
{
    display: block;
    font-size: 1.2em;
}

/** **/

div#tblDoprava
{
    margin-bottom: 2em;
}

#ObjSend.ver2 fieldset label 
{ 
    width: 100%;
    padding: 0;
    display: block;
    position: relative;
    text-align: left; 
}

#ObjSend.ver2 fieldset label span 
{ 
    position: absolute;
    display: inline-block;
    text-align: right;
    width: 20%;
    left: 0;
    top: .4em;
}

#ObjSend.ver2 fieldset label input
{
    width: 68%;
    padding: .3em 4% .3em 1%;
    text-indent: 0;
    position: relative;    
}
 
#ObjSend.ver2 fieldset label.ok:after
{
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    position: absolute;
    right: 4%;
    top: .6em;
    z-index: 666;
        
    background-image: url(img/ok.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;    
}

#ObjSend.ver2 fieldset label.ok span { font-weight: bold; }

#ObjSend.ver2 fieldset input, 
#ObjSend.ver2 fieldset select
{
   margin-left: 25%;
}

#ObjSend fieldset.goodjob,
#ObjSend fieldset#frmFSet1 div { border: none; padding: 0; }

#ObjSend fieldset#frmFSet1 div { padding-bottom: 1em; }

#ObjSend.ver2 #FFc1 { width: 44%; }

#ObjSend.ver2 #FFc2 { float: left; width: 40%; }
#ObjSend.ver2 #FFc1 { float: right; width: 52%; }

#barVzkaz p,
#ObjSend.ver2 fieldset input, 
#ObjSend.ver2 fieldset select { border: 1px solid #565656; border-radius: 2px; }

#ObjSend.ver2 fieldset p { margin: 0 0 0.5em 0; }


#ObjSend.ver2 fieldset#frmFSet2 div,
#ObjSend.ver2 fieldset#frmFSet3 div { padding: .8em 0; }

#ObjSend.ver2 legend a 
{ 
   text-decoration: none; 
   font-size: 1.1em; 
   padding-right: .6em; 
}

#ObjSend.ver2 legend a:hover,
#ObjSend.ver2 legend.on a { font-weight: bold; }

#ObjSend legend span.plus
{
    display: inline-block;    
    vertical-align: top;        
    font-size: 1.2em;
    line-height: 1em;
    font-weight: bold;    
    width: 1em;
    height: 1em;
    margin: .1em .2em 0 0;
}

#ObjSend #frmFSet2,
#ObjSend #frmFSet3 { border-top: 2px solid #bebfbf; }

#ObjSend.ver2 fieldset#frmFSet1 { margin-bottom: 0; }

h1#lblOdeslaniObjednavky 
{ 
    border-bottom: 1px dotted  #bebfbf; 
    text-align: center; 
    padding-bottom: .8em; 
    margin-bottom: 0;
}

#ObjSend h2 { position: relative; }

#ObjSend.ver2 h2 { margin-bottom: 1em; }

#ObjSend.ver2 #AgreeBox { font-size: .85em; background: #f5f5f5; padding: 1em 2em 1em 4em; text-align: justify; position: relative; }

#ObjSend.ver2 #AgreeBox:before
{
   position: absolute;
   content: "§";
   font-size: 3em;
   color: grey;
   left: 0.4em;
}

/** **/

.wobble 
{ 
   -webkit-animation-name: wobble; 
   animation-name: wobble; 
}

@keyframes wobble {
   0% { transform: translateX(-2px); } 
   15% { transform: translateX(2px)  } 
   30% { transform: translateX(-3px)  } 
   45% { transform: translateX(3px)  } 
   60% { transform: translateX(-2px) }
   75% { transform: translateX(2px)  }
   100% { transform: translateX(0); } 
} 

/** **/

#ObjSend3 .pad { padding: 2em; }

#OS3c1 { padding-right: 1em;  }
#OS3c1 h2, #OS3c1 p { margin: 0; }
#OS3c1 p { text-align: right; }

#OS3c2 strong { display: block; font-size: 2em; padding: .2em 1em; border: 1px solid #000; } 

#OS3info { font-size: 1.2em; margin: 2em 0 0 0; padding: 0; }

#OS3info li 
{ 
    list-style: none;
    border-top: 1px dotted grey; 
    padding: .6em 0 .6em 2em;
    background-image: url(img/ok.svg);
    background-size: auto 1em;
    background-repeat: no-repeat;
    background-position: left top 1em;            
}

#OS3info li:nth-child(1) { border-top: none; }

.nsObjOsOdb { font-size: 1.2em; background: #f5f5f5; padding: .6em 2em; margin: 2em 0 1em 0; }

/* =========================================== 
    MEDIA QUERIES 
   =========================================== */    

@media all and (max-width: 1024px) {
    
    .tblOpts li input { top: 33%; }

}

@media all and (max-width: 640px) {

    div#FFc1, div#FFc2 { float: none; width: 80%; margin: 0 auto; }
    #tblDoprava { margin: 0 auto; }
  
    #tblObjBsk a,
    #tblObjBsk tbody th { font-size: 1em; } 
  
    #ObjSend a#lblUpravaObjDetail { width: 25%; }
    #ObjSend a#btnOdeslat2 { width: 60%; }
    
    .tblOpts th { min-width: auto; }
    
    td.lbl { padding-right: 1em; }
  
    #barVzkaz { text-align: center; }    
}

@media all and (max-width: 480px) {
  
    div#FFc1, div#FFc2 { width: 95%; }
  
    #ObjSend.ver2 #FFc1,
    #ObjSend.ver2 #FFc2 { width: 95%; }
      
    #tblObjBsk img { display: none; }
  
    #ObjSend3 .col { width: 100%; text-align: center; }
  
    #OS3c1 p { text-align: center; }
    #OS3c2 strong { display: inline-block; margin-top: .4em; }  
}