/* ------------------------------------ /cz/style-cc.css ------------------------------------ */


/* ---------------------------------------------------------------------------- */
/* Cookie Consent
/* ---------------------------------------------------------------------------- */
.termsfeed-com---nb-headline {
    position: fixed !important;
}

.cc-nb-main-container {
    padding: 1rem 3rem !important;
}

@media (max-width: 767px) {
    .cc-nb-main-container {
        padding: 0.5rem 1rem !important;
    }
}


.cc-nb-okagree,
.cc-nb-reject,
.cc-cp-foot-save {
    background-color: #51853b !important;
}


/* ------------------------------------ /cz/style-elements-screen.css ------------------------------------ */



/* ------------------------------- GLOBAL ----------------------------------- */

    body,html
    {
      margin:0;
      padding:0;
      height:100%;
    }


    /* all elements */
    *
    {
      font-family: "DM Sans", sans-serif;
    }

    /* set fontsize for basic emements*/
    td, p, div, tr, th, table, input, select, textarea
    {
      font-size: 100%;
    }

    /* body */
    body
    {
      font-size: 85%;
    }

    /* form */
    form
    {
      padding:0px;
      margin:0px;
      display: inline;
    }

    /* img */
    img
    {
      border:  0px;
    }

    /* small, big*/
    small, .small {font-size: 85%; }
    big,   .big   {font-size: 115%; }


    input
    {
      color: #333333;
    }

/* ------------------------------- ODKAZY ---------------------------------- */
  
  a         { color: #0A8700;  text-decoration: none;}
  a:link    { color: #0A8700;  text-decoration: none;}
  a:visited { color: #0A8700;  text-decoration: none;}
  a:active  { color: #0A8700;  text-decoration: none;}
  a:hover   { color: #0A8700;  text-decoration: underline;}
 

/* ------------------------------- NADPISY ---------------------------------- */


  h1
  {
    font-size: 1.9em;
    margin-top: 0em;
    margin-bottom: 1em;
    line-height: 130%;
    font-weight: normal;
  }

  h1 small
  {

    font-weight: normal;
    font-size: 0.7em;
  }

  h2
  {
     font-weight: normal;
     font-size: 1.5em;
     line-height: 100%;
     margin: 1.0em 0px 1.0em 0px;
     padding: 0px 0px 0px 0px;
     text-transform: none;
  }


  h3
  {
    font-size: 1.1em;
    line-height: 120%;
    margin: 1.5em 0px 1em 0px;
    padding: 0px 0px 0px 0px;
    text-transform: none;
  }

  h4
  {
    font-size: 1.05em;
    margin: 1.9em 0px 1.3em 0px;
    font-weight: bold;
    line-height: 125%;
  }


  h5
  {
    font-size: 1.0em;
  }



/* ------------------------------------ /cz/style-main-screen.css ------------------------------------ */


/* --------------------------------------------------------------------------------------------------------------------- */
/* PAGE LAYOUT
/* --------------------------------------------------------------------------------------------------------------------- */
body {
  font-size: 16px;
}


@media screen and (max-width: 600px) {

  body {
      font-size: 16px;
  }
}


  
  .content-container {
      max-width: 1000px;
      margin: 0px auto;
  }
  
/* --------------------------------- HEADER --------------------------------- */

#header-frame {
  color:#FFFFFF;
  background-color: #182521;
}

#header-frame img {
  height: 100px;
  margin-right: 40px;
}

#header-frame .content-container {
  display: flex;
  align-items: center;
  padding: 0px 40px;
}   

#header-frame .content-container h1 {
  margin: 0;
  padding: 0;
  font-size: 1.75em;
  font-weight: bold;
}

@media screen and (min-width: 600.1px) {

      
      #header-frame .content-container h1 br {
          display: none;
      }

}

@media screen and (max-width: 600px) { 
  
  #header-frame .content-container h1  {
      font-size: 2.25em;
  }

  #header-frame .content-container {
      color:#000;
      background-color: #FFFFFF;
      text-align: left;
      flex-direction: column;
      align-items: flex-start;
      padding: 0;
  }

  .header-logo-container {

      background: #182521;
      width: 100%;
      padding-left: 20px;
  
  }

  #header-frame img {
      height: 100px;
  }

  #header-frame .content-container h1 {
      padding-left: 20px;
      margin: 20px 0 0rem 0;
      
  }
}

/* -------------------------------- COLS ---------------------------------- */

  #main-cols {
    display: flex;
    margin: 2rem 0;
  }

  #main-col-1 {

    width: 65%;
  }

  @media screen and (max-width: 600px) { 
    
    #main {
      overflow: hidden;
    }

    #main-cols {
      flex-direction: column;
    }
    
    #main-col-1 {
      width: 100%;
      padding: 0px 20px;
      box-sizing: border-box;
    }

    #main-col-2 {
      width: 100%;
      padding: 0px 20px;
      box-sizing: border-box;
    }
     
  }

/* -------------------------------- FOOTER ---------------------------------- */

    #footer
    {
      margin-bottom: 2rem;
      color:rgba(255,255,255,0.7);
      background-color: #182521;
      padding: 2rem 0;
    }
   
    #footer .content-container {
      justify-content: space-between;
      display: flex;
      font-size: 80%;
    }

    #footer a         { color: rgba(255,255,255,0.7);  text-decoration: underline;}
    #footer a:link    { color: rgba(255,255,255,0.7);;  text-decoration: underline;}
    #footer a:visited { color:  rgba(255,255,255,0.7);;  text-decoration: underline;}
    #footer a:active  { color:  rgba(255,255,255,0.7);;  text-decoration: underline;}
    #footer a:hover   { color:  rgba(255,255,255,1);;  text-decoration: underline;}

    @media screen and (max-width: 600px) { 

        #footer {
          padding: 1.5rem 0;
        }

        #footer .content-container {
            flex-direction: column;
            padding-left: 20px;
            padding-right: 20px;
        }

        #footer-left {
          margin-bottom: 1rem;
        }
    }

/* --------------------------------------------------------------------------------------------------------------------- */
/* CONTENT FORMATING  - column - 1
/* --------------------------------------------------------------------------------------------------------------------- */

  #columns-1
  {
    line-height: 140%;
  }

  
  #columns-1 table
  {
    line-height: 140%;
  }
  
  #column-1 h2
  {
    font-weight: normal;
    font-size: 150%;
    margin-top: 0px;
    margin-bottom: 4px;
  }

  #column-1 .sub-caption
  {
     font-size: 80%;
     margin-top: 0px;
     margin-bottom: 10px;
  }
  
  #column-1 .course-description
  {
     margin-top: 0px;
  }
  
  #column-1 .img-ilu-box
  {
    background: url('/cz/img/ilu-shadow.png') no-repeat left bottom;
    height: 158px;
    margin-bottom: 12px;
  }
  
  #column-1 .img-ilu-box img
  {
    float: left;
  }


/* --------------------------------------------------------------------------------------------------------------------- */
/* CONTENT FORMATING  - column - 2
/* --------------------------------------------------------------------------------------------------------------------- */


  /* pouziti */
    #right-box-pouziti
    {
      background: url('/cz/img/column2-box-bg-1.png') no-repeat left top #DDE6DE;
      width: 336px;
    }
   
     #right-box-pouziti h2
    {
      padding: 15px 10px 0px 15px;
      margin: 0px;
    }
   
    #right-box-pouziti p
    {
      padding: 15px 10px 10px 15px;
      margin: 0px;
      font-size: 90%;
    }

    
  /* text box */
    .right-text-box h2
    {
      padding: 15px 10px 0px 15px;
      margin: 0px;
    }

    .right-text-box p
    {
      font-size: 90%;
      padding: 15px 55px 10px 15px;
      margin: 0px;
    }
    
    .right-text-box p b, .right-text-box p strong
    {
      color: #000000;
      font-size: 130%;
    }
    
  /* box dark */
    .right-box-dark
    {
      background: url('/cz/img/column-2-bg-dark.png') repeat-y ;
    }

  /* platnost */
    #right-box-platnost
    {
       background: url('/cz/img/box-validity-bg.png') no-repeat;
       height: 297px;
    }

    #right-box-platnost h2
    {
      padding: 15px 10px 0px 15px;
      margin: 0px;
    }

    #right-box-platnost p
    {
      padding: 10px 55px 10px 15px;
      margin: 0px;
      font-size: 90%;
    }

  /* kontakt */
    #right-box-kontakt
    {
      width: 336px;
       /*background: url('/cz/img/column-2-bg-dark.png') repeat-y;*/
      background: url('/cz/img/column-2-bg-bottom.png') no-repeat bottom left #DDE6DE;
      padding-bottom: 20px;
      line-height: 130%;
    }

    #right-box-kontakt h2
    {
      padding: 15px 10px 10px 15px;
      margin: 0px;
    }

    #right-box-kontakt p
    {
      padding: 5px 10px 5px 15px;
      margin: 0px;
      font-size: 90%;
    }
    
    #add-this-button
    {
      padding: 15px 10px 20px 15px;
    }
    
/* --------------------------------------------------------------------------------------------------------------------- */
/* PRICE LABEL
/* --------------------------------------------------------------------------------------------------------------------- */

.priceLabel,
.priceLabel .labelBg
{
  display: block;
  position: relative;
}

.priceLabel .textFee,
.priceLabel .textPrice,
.priceLabel .textBuy,
.priceLabel .textSave
{
  display: block;
  position: absolute;
  color: #FFFFFF;
}

.priceLabel .textFee
{
  top: 43px;
  left: 100px;
  font-size: 18px;
  font-weight: normal;
  font-family: golfpassfontcondensed_regular !important;
}

.priceLabel .textPrice
{
  top: 74px;
  left: 100px;
  font-size: 30px;
  font-weight: normal;
  font-family: golfpassfontcondensed_regular !important;
}

.priceLabel .textBuy
{
  top: 161px;
  left: 80px;
  font-size: 19px;
  font-weight: bold;
}

.priceLabel .textSave
{
  top: 156px;
  right: 80px;
  color: #4F5252;
  font-size: 11px;
  font-weight: normal;
  text-align: right;
  line-height: 120%;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* CONTENT FORMATING
/* --------------------------------------------------------------------------------------------------------------------- */    
  


  .clear
  {
    clear: both;
    font-size: 0px;
    height: 0px;
    line-height: 0px;
  }

  .float-left
  {
    float: left;
  }
  
  .float-right
  {
    float: right;
  }
  
  .img-clicable
  {
    cursor: pointer;
  }
  
  .img-float-left
  {
    float: left;
    margin: 0em 1.0em 1.0em 0px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #B3BCA2;
  }
  
  .img-float-right
  {
    float: right;
    margin: 0em 0px 1.0em 1.0em;
    padding: 0px 0px 0px 0px;
    border: 1px solid #B3BCA2;    
  }  

  .invisible
  {
    display: none;
  }

  .forprint, .forprint-block
  {
    display: none; /* pro tiskové styly */
  }
  
  .text-align-left
  {
    text-align: left;
  }
  
  .text-align-right
  {
    text-align: right;
  }


  /* display classes */

  .d-none {
    display: none;
  }
  .d-block {
    display: block;
  }
  .d-inline {
    display: inline;
  }
  .d-inline-block {
    display: inline-block;
  }
  .d-flex {
    display: flex;
  }



@media print {


/* ------------------------------------ /cz/style-main-print.css ------------------------------------ */

@media print
{

  /*
  Author:   Zdeněk Benák, zdenek.benak@centrum.cz
  */

  /* ------------------------------- PRINTING-RULES --------------------------- */
  *
  {
    color: #000000;
    background-image: none;
  }
  p
  {
     line-height: 145%;
  }
  body
  {
    margin: 0px;
    padding: 0px;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
    
  }
  h1,h2,h3,h4,h5,h6
  {
    page-break-after: avoid;
  }
  h1,h2
  {
    page-break-before: auto;
  }
  
  #columns h1
  {
      
    font-size: 0.6cm;
  }
  /*
  a:after
  {
    content: " [" attr(href) "] ";
  }
  */
  /* ------------------------------- PRINTABLE-CONTENT ------------------------ */
  /* ------------------------------- NO-PRINT --------------------------------- */
  .invisible
  {
    display: ;
  }

  .noprint
  {
    display: none;
  }

  .forprint
  {
    display: inline;
  }
  
  .forprint-block
  {
    display: block;
  }
  

  #columns, #columns-content, #main
  {
    width:auto;
    padding: 0px;
  }
  
  #navig-path
  {
    padding: 1em 0px;
  }

  h1.forprint
  {
    display: block;
  } 

  #columns
  {
    width: 17.5cm;
    font-size: 90%;
  }
  
/* basket */
  

  
  .basket-summary-content td
  {
    line-height: 120%;
  }

  .basket-summary-content .basket-contact-data-box,
  .text-padding .basket-contact-data-box
  {
    width: 5cm;        
  }
  

  
  .basket-summary-content .basket-sumary-basket-content,
  .text-padding .basket-sumary-basket-content
  {
    width: 15cm;
    padding: 0.2cm;
  }
  
  .basket-summary-content .basket-sumary-basket-content-2,
  .text-padding .basket-sumary-basket-content-2
  {
    width: 15cm;
    padding: 0.2cm;
  }
  
  .basket-summary-content .basket-sumary-basket-content .basket-summary-item-description,
  .text-padding .basket-sumary-basket-content .basket-summary-item-description,
  {
    height:1.5cm;
  }
  
  .basket-summary-content .basket-sumary-basket-content .tr-last .basket-summary-item-description,
  .text-padding .basket-sumary-basket-content .tr-last .basket-summary-item-description
  {
    height:1.5cm;
  }
  
  
  .basket-summary-content .bdt-caption,
  .text-padding .bdt-caption
  {
    padding: 0px; 
    height: auto;
  }
  
  .basket-summary-content img,
  .text-padding img
  {
    height: 1.5cm;
  }

  .basket-summary-content .basket-items-table,
  .text-padding .basket-items-table
  {
    width: 14.5cm;
  }
  
  .basket-summary-content .basket-data-table,
  .text-padding .basket-data-table
  {
    width: 12cm;      
  }
  
  .basket-summary-content .basket-summary-price-table,
  .text-padding .basket-summary-price-table
  {
    width: 14.5cm;
    line-height: 120%;
  }
  
  
  
  
  .basket-summary-content .bdt-td-1,
  .text-padding .bdt-td-1
  {
    width: 7cm;
  }

  .basket-summary-content .bdt-td-2,
  .text-padding .bdt-td-2
  {
    width: 2.5cm;
  }
  
  .basket-summary-content .bdt-td-3,
  .text-padding .bdt-td-3
  {
    width: 3cm;
  }
  
  .basket-summary-content .order-sumary-table td,
  .text-padding .order-sumary-table td
  {
    padding: 0px;
  }


}


}


/* ------------------------------------ /cz/style-css-checkbox.css ------------------------------------ */



.css-checkbox {display: inline; font-size: 32px; line-height: 32px; cursor: pointer; cursor: hand;}
.css-checkbox .mark {display: inline;}

.css-checkbox img {vertical-align: middle; width: 32px; height: 32px;}
.css-checkbox img{background: transparent url('/cz/img/css-checkbox.v2.png') no-repeat;}

.css-checkbox img{
	background-position: 0px 0px;
}
.css-checkbox-hover img{
	background-position: -32px 0px;
}
.css-checkbox-checked img{
	background-position: 0px -32px;
}
.css-checkbox-checked .css-checkbox-hover img {
	background-position: -32px -32px;
}

.css-checkbox-disabled img{
	background-position: 0px -64px;
}
.css-checkbox-checked .css-checkbox-disabled img{
	background-position: 0px -96px;
}

/* ------------------------------------ /cz/style-slideshow.css ------------------------------------ */

/* -------------------------- main box, box 1, box 2 ------------------------ */

  #slideshow-box-1  {    overflow: hidden;}
  #slideshow-box-2  {    overflow: hidden;}
  #slideshow-box-3  {    overflow: hidden;}


  /* main box */
    #slideshow-main-box
    {
      text-align: left;
      overflow: hidden;
      width: 100%;
      height: 366px;
      min-width: 960px;
      background: #1374A9;
    }

  /* slide show - box 1 */
    #slideshow-box-1
    {
      z-index: 20;
      position: relative;
      width: 100%;
      height: 366px;
      min-width: 960px;
    }
    

    #slideshow-box-1 div
    {
      background: repeat-x center top;
    }

  /* slide show - box 2 */

    #slideshow-box-2
    {
      z-index: 10;
      position: relative;
      top: -366px;
      width: 100%;
      height: 366px;
      min-width: 960px;
    }

    #slideshow-box-2 div
    {
      background: repeat-x center top;
    }

     #slideshow-main-box img
     {
        margin: 0px auto;
     }
     
   /* slide show - box 3 */
    #slideshow-box-3
    {
      z-index: 30;
      position: relative;
      top: -732px;
      width: 100%;
      height: 315px;
      width: 717px;
      text-align: left;
      /*background: url('/cz/img/hp-slideshow-mask.png') no-repeat center top;*/
    }

/* -------------------------- slide switch box ------------------------------ */

  /* slide show - switcher box */

    #slideshow-switcher
    {
      position: relative;
      top: -1098px;
      z-index: 40;
      width: 960px;
      margin: 0px auto;
    }
    
    #slideshow-switcher-middle
    {
      width: 840px;
      position: absolute;
      left: 158px;
      top: 326px;
    }

    
    #slideshow-switcher-left
    {
      width: 60px;
      height: 366px;
      cursor: pointer;
      position: absolute;
      left: 0px;
      top: 0px;
      /*border: 1px solid green;*/
    }
    

    #slideshow-switcher-right
    {
      width: 60px;
      height: 366px;
      cursor: pointer;
      position: absolute;
      left: 900px;
      top: 0px;
      /*border: 1px solid blue;*/
    }


    #slideshow-switcher *
    {
       z-index: 30;
    }


    #slideshow-switcher-content
    {
      margin: 0px auto;
      position: relative;
      text-align: center;
      padding: 5px 5px 5px 5px;

    }

    #slideshow-switcher-content span
    {

      display: block;
      float: left;
      text-align: center;

      width: 16px;
      height: 16px;

      font-size: 10px;
      font-weight: bold;
      line-height: 16px;
      margin-right: 2px;

      color: #FFFFFF;
      background: #BEBFB9;

      cursor: pointer;


    }

    #slideshow-switcher-content span.last
    {
      margin-right: 0px;

    }

    #slideshow-switcher-content span.selected
    {
      background: #FFFFFF;
      color: #000000;
    }
    
    #slideshow-main-box .active
    {
      cursor: pointer;
    }
    
/* ------------------------- texts formating -------------------------------- */
    
    #slideshow-box-3-content-structured
    {
      left: 455px;
      top: 30px;
      position: absolute;
      text-align: left;
      height: 230px;
      width: 180px;
    }
    
    #slideshow-box-3-caption
    {
      margin: 0px;
      font-weight: normal;
      font-size: 130%;
      color: #231F20;
    }
    

    #slideshow-box-3-text
    {
      margin: 10px 0px 0px 0px;
      padding: 0px;
      font-size: 200%;
      line-height: 130%;
      font-weight: bold;
      color: #FFFFFF;
      font-family: "ArialNarrow-Bold";
    }


    #slideshow-box-3-content-structured-td
    {
      height: 230px;
    }
    
/* ------------------------------- TEXT BOX --------------------------------- */

  #vybirame-z-obsahu-caption
  {
    background-image: url('/cz/img/ico-vybirame.png');
  }


  #vybirame-right-column-box
  {
    margin-bottom: 50px;
  }
  
  
  .vybirame-rc-item
  {
    width: 205px;
    margin: 0px 0px 15px 3px;
  }

  .vybirame-rc-caption
  {
    font-size: 90%;
    line-height: 160%;
    padding: 0px 0px 0px 6px;
  }

  .vybirame-rc-caption a         { color: #007EB7; text-decoration: none;}
  .vybirame-rc-caption a:link    { color: #007EB7; text-decoration: none;}
  .vybirame-rc-caption a:visited { color: #007EB7; text-decoration: none;}
  .vybirame-rc-caption a:active  { color: #007EB7; text-decoration: none;}
  .vybirame-rc-caption a:hover   { color: #66B2D4; text-decoration: underline;}


/* ------------------------------------ /cz/style-golfpass-buy.css ------------------------------------ */

/* -------------------------------- LAYOUT ---------------------------------- */

body {
    font-size: 16px;
}


@media screen and (max-width: 600px) {

  #gpbuy-main {
      overflow: hidden;
  }

}

#gpbuy-main a {
  color: #000;
  text-decoration: underline;
}


@media screen and (max-width: 600px) {

    body {
        font-size: 16px;
    }
}


    
    .gpbuy-content-container {
        max-width: 1000px;
        margin: 0px auto;
    }
    
    #gpbuy-header {
        color:#FFFFFF;
        background-color: #182521;
    }

    #gpbuy-header img {
        height: 100px;
        margin-right: 40px;
    }

    #gpbuy-header .gpbuy-content-container {
        display: flex;
        align-items: center;
        padding: 0px 40px;
    }   

    #gpbuy-header .gpbuy-content-container h1 {
        margin: 0;
        padding: 0;
        font-size: 1.75em;
        font-weight: bold;
    }

    @media screen and (min-width: 600.1px) {
    
            
            #gpbuy-header .gpbuy-content-container h1 br {
                display: none;
            }
    
    }

    @media screen and (max-width: 600px) { 
        
        #gpbuy-header .gpbuy-content-container h1  {
            font-size: 2.25em;
        }

        #gpbuy-header .gpbuy-content-container {
            color:#000;
            background-color: #FFFFFF;
            text-align: left;
            flex-direction: column;
            align-items: flex-start;
            padding: 0;
        }
    
        .gpbuy-logo-container {

            background: #182521;
            width: 100%;
            padding-left: 20px;
        
        }

        #gpbuy-header img {
            height: 100px;
        }

        #gpbuy-header .gpbuy-content-container h1 {
            padding-left: 20px;
            margin: 20px 0 0rem 0;
            
        }
    }

/* -------------------------------- COLS ---------------------------------- */


    #gpbuy-cols
    {
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        padding-top: 40px;
    }

    #gpbuy-cols > div {
        width: 32%;
        background-color: #F3F4F5;
        
    }

    #gpbuy-cols > div > div {
        padding: 20px;
    }

    /* EET INFO */ 
    #eet-info 
    {
        padding-top: 30px;
        font-size: 75%;
        line-height: 135%;
        text-align: left;
    } 

    @media screen and (max-width: 600px) {
        
        #gpbuy-cols {
            flex-direction: column;
        }
     
        #gpbuy-cols > div {
            width: 100%;
        }

        #eet-info 
        {
            padding: 30px 20px;
         
        }  
        
    }
  

/* ---------------------------------- common -------------------------------- */

    #gpbuy-cols h2
    {
      margin-bottom: 10px;
      margin-top: 0px;
      font-size: 1.6em;
      font-weight: 600;
      
    }

    @media screen and (min-width: 600.1px) {

        #gpbuy-cols h2 
        {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        #gpbuy-cols h2 .number
        {
            font-size: 1.2em;
            display: inline-block;
            background: #286C21;    
            color: #FFFFFF;
            margin-bottom: 1rem;
            line-height: 100%;
            padding: 5px 5px;
            border: 1px solid #005A00;
            border-radius: 3px;
            width: 1em;
            text-align: center;
        }

    }

    #gpbuy-cols p
    {
      font-size: 80%;
      line-height: 150%;
      color: #23384F;
    }
    
/* -------------------------------- COLUMN 1 -------------------------------- */

    #gpbuy-caption-box {
        display: flex;
        flex-direction: columngpbuy-cols;
    }

    #gpbuy-col-1 p.pass-description
    {
      margin-top: 5px;
    }

/* -------------------------------- COLUMN 2 -------------------------------- */

    
    .input-email
    {
      border: 1px solid #CAD0D9;
      padding: 8px 10px;
      border-radius: 5px;
      width: 100%;
      box-sizing: border-box;
      font-size: 85%;
      margin-top: 0.25rem;
    }

    .input-email::placeholder
    {
      color: #4C5A74;
    }
    
    #gdprAgreementBox
    {
      margin: 1.25rem 0px 1em 0px;
      display: flex;
      align-items: center;
      font-size: 90%;
    }

    .gdprAgreementLabel {
      margin-left: 0.5rem;
    }

    .gdprAgreementLabel label
    {
      cursor: pointer;
    }
    

    .input-text
    {
      border: 1px solid #CAD0D9;
      padding: 8px 2rem 8px 10px;
      border-radius: 5px;
      width: 100%;
      box-sizing: border-box;
      font-size: 85%;
      margin-top: 0.25rem;
    }

    .input-text::placeholder
    {
      color: #4C5A74;
    }


    #needInvoiceLabelContainer {
      display: flex;
      align-items: center;
    }

    .needInvoiceLabel
    {
      font-size: 90%;
      margin-left: 0.5rem;
      cursor: pointer;
    } 

    #needInvoiceInputs {
       margin-top: 1rem;
    }

    .input-text-container {
      position: relative;
    }

    .input-text.invalid, .input-text-container.invalid input {
      border-color: #D92D20;
      position: relative;
    }

    .input-text-container.invalid::before {
        content: "\00D7";
        color: #D92D20;
        position: absolute;
        right: 10px;
        top: calc(50% + 0.1rem);
        transform: translateY(-50%); 
        z-index: 1;
        font-size: 1.75em;
    }

    .input-text.valid, .input-text-container.valid input {
      border-color: #286C21;
      position: relative;
    }

    .input-text-container.valid::after {
        content: "\2713";
        color: #286C21;
        margin-left: 0.5rem;
        position: absolute;
        right: 10px;
        top: calc(50% + 0.1rem);
        transform: translateY(-50%);
        z-index: 1;
        font-size: 1.25em;
    }

    /* search results */
    .results-container {

        font-size: 80%;
        position: absolute;
        top: calc(100% + 2px);
        left: 0;
        width: 100%;
        background: #FAFAFA;
        border: 1px solid #CAD0D9;
        border-radius: 5px;
        padding: 0;
        z-index: 1000;
        margin-bottom: 1rem;
        box-sizing: border-box;
    
    }

    .results-container .result-item {
      padding: 0.5rem 10px;
      cursor: pointer;
      border-bottom: 1px solid #CAD0D9;
    }

    .results-container .result-item:not(.result-item-more):not(.result-item-no-results):hover {
      background: #e7e7e7;
    }
    
    .results-container .result-item-no-results {
      cursor: default;
      color: #D92D20;
    }
    .results-container .result-item-more {
      cursor: default;
    }

    .results-container .result-item:last-child {
       border-bottom: none;
    }
    

/* -------------------------------- price -------------------------------- */

    #select-count-box {
      display: flex;
      align-items: center;
      margin-top: 1.5rem;
    }

    #select-count-box-label {
      font-size: 1.1em;
      font-weight: bold;
      margin-right: 1.5rem;
    }

    #select-count-box-value select {
      width: 100%;
      max-width: 100px;
      padding: 0.25rem 1rem;
      border: 1px solid #CAD0D9;
      border-radius: 5px;
      font-size: 1.6rem;
      font-weight: bold;
    }

    #select-count-box-value select option {
      font-size: 1rem;
    }

    #select-count-box-value {
      font-size: 1em;
      font-weight: bold;
    }

    #your-price-label {
      font-size: 1.1em;
      font-weight: bold;
      margin-top: 1rem;
    }
    
 

    #div-price
    {
      font-size: 245%;
      font-weight: bold;
      line-height: 100%;
      margin: 0.75rem 0px 1rem 0px;
      letter-spacing: 2px;
    }

    #div-save
    {
      font-size: 90%;
      font-weight: normal;
      color: #2F4158;
      margin-bottom: 1.75rem;
    }

    .table-courses
    {
      margin-top: 15px;
    }


    .table-courses label
    {
      cursor: pointer;
      font-size: 90%;
    }

    #btn_buy {
        background: #286C21;    
        color: #FFFFFF;
        padding: 0.5rem 1rem;
        border: 1px solid #005A00;
        border-radius: 3px;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }

    #cards-logos {
        margin-top: 1.25rem;
    }
    

    #submit-warning {
        background-image: url('/cz/img/warning-ico.png');
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 1.5rem;
        background-size: auto 1rem;
        margin-bottom: 1.25rem;
        color: #D92D20;
        font-size: 90%;
        display: none;
    }

    /* --------------------------------- PAID ----------------------------------- */


  
    
    #gpbuy-paid-cols p
    {
      font-size: 80%;
      line-height: 150%;
    }
      
  #gpbuy-print-box
  {
    padding-top: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
  
  .gpbuy-print-pass-btns {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 1rem;
  }

  /* button */


  .print-gp-btn {
    background: #286C21;
    color: #FFFFFF !important;
    padding: 0.35rem 0.75rem;
    border: 1px solid #005A00;
    border-radius: 3px;
    font-size: 0.9em;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
}



  .btn-1
  {
    padding: 5px 20px;

    
    cursor: pointer;

    background: #286C21;
    color: #FFFFFF !important;
    border: 1px solid #005A00;
    border-radius: 3px;
    text-align: center;
    box-sizing: border-box;
    
  }
  
  #ccelm_gpass {
    text-align: center;
    margin-top: 2rem;
  }
  
  #ccelm_gpass div {
  display: flex;
  }

  #ccelm_gpass .cimg   {
    border: 1px solid #CAD0D9;
    border-right: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  
  #ccelm_gpass input {
    text-align: center;
    padding: 4px 10px;
    color: #7A7A7A;
    margin-right: 0px;
    font-size: 120%;
    width: 100%;
    border: 1px solid #CAD0D9;
    border-left: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  
    .err-msg {
        margin-top: 8px;
        color: #DFFF27;
        font-weight: bold;
    }
    
/* -------------------------------- PRINT ----------------------------------- */

  .imgprint
  {
    width: 800px;
  }


  #golfpass-print-main
  {
    width: 800px;
    margin: 0px auto;
  }

  #print-btn-box
  {
    text-align: right;
    margin: 2rem 0px;
    font-size: 1.25em;
  }

  .printbtn
  {
    cursor: pointer;
  }