/*bankovni listek*/
    .vysledek {
        border: 2px solid green;
        padding: 1em;
        text-align:center;
    }
    
    .exchange-rates td a{
    display:block;
    font-size: 0.85em;
    }
    .exchange-rates a .fa-solid{
    vertical-align:middle;
    }
    
    .exchange-rates td:nth-of-type(1) img {
        max-width: 100%;
        display: inline-block;
        vertical-align: middle;
        object-fit: cover;
        height: 16px;
        line-height: 16px;
        margin-left: 4px;
        width:32px;
            margin-top: 4px;
        float:right;
    }
    
    .exchange-rates a img {
    vertical-align:middle;
    }
    .exchange-rates .fa-solid{
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-style: initial;
    }	

    .down-rate{
    color:#c70405;	
    }
    .up-rate{
    color:green;	
    }
    .exchange-rates a{
    text-decoration:none;
    
    }
    .exchange-rates tr td:nth-of-type(1),.exchange-rates tr th:nth-of-type(1){
    min-width:102px;
    }
    
    
    .exchange-rates tr td:nth-of-type(5),.exchange-rates tr th:nth-of-type(5){
    min-width:92px;
    text-decoration:underline;
    }
    
    .exchange-rates tr td:nth-of-type(3),.exchange-rates tr th:nth-of-type(3){
    min-width:92px;
    }
                    .exchange-rates tr td:nth-of-type(7),
            .exchange-rates tr th:nth-of-type(7) {
          min-width: 100px;
            }
    tfoot{
    text-align:center;
        font-size:0.85em;
        font-weight:600;
    }
    
    @media screen and (max-width: 768px){
    .today_rate img{    margin-right: 0!important;
        height: 20px;
    
    }
		#msg h3{
		margin-top:-16px!important;	
		}
    .exchange-rates td:nth-of-type(1) img {
        display: block;
        float:none;
        margin-left:0;
    }
    .exchange-rates img {
    float:none;
        display:inline;
    }	
    }
    
    /**/
    
    /*charts all specific*/
    .mobile_show{
    display:none;	
    }
    .obdobi{
    margin-right:10px;	
    }
    .specific .rate-flag {
        width: 34px;
        vertical-align: baseline;
        display: inline;
        margin-top: 0;
        height: unset;
        object-fit: cover;
        margin-bottom: -1px;
        max-height: 30px;
    }
    #main .rates_exchange{
    max-width:unset;	
    }
    
    .rates_exchange table{
    max-width:500px;
    margin-left:auto;
        margin-right:auto;
    }
    .button_wrapper{
        text-align:left;
        margin-left:36px;
        margin-bottom:10px;
        margin-top:30px;
    }
    .all_charts .button_1,.all_charts .button_3,.all_charts .button_5{
        display:inline-block;
    padding:6px 8px;	
    background:#fff;
        border: 1px solid #949494;
    color:#000;
        font-weight:600;
    margin:0 10px 0 0;
    min-width:110px;	
        text-align:center;
        margin-bottom:16px;
                cursor:pointer;
    }
    .all_charts.visible_1 .button_1 {
        display:inline-block;
    padding:6px 8px;	
    background:var(--hlavni-modra);
        border: 2px solid var(--hlavni-modra);
    color:#fff;
        text-align:center;
    }
    .all_charts.visible_3 .button_3 {
        display:inline-block;
    padding:6px 8px;	
    background:var(--hlavni-modra);
        border: 2px solid var(--hlavni-modra);
    color:#fff;
        text-align:center;
    }
    .all_charts.visible_5 .button_5 {
        display:inline-block;
    padding:6px 8px;	
    background:var(--hlavni-modra);
        border: 2px solid var(--hlavni-modra);
    color:#fff;
        text-align:center;
    }
    .all_charts .historic_rates_1,.all_charts .historic_rates_3,.all_charts .historic_rates_5{
    display:none;
    }
    .all_charts h2{
        display:none;
    }
    
    .all_charts.visible_1  .title_1{
    display:block;	
    }
    
    
    .all_charts.visible_1 .historic_rates_1{
    display:block;
    }
    
    .all_charts.visible_3  .title_3{
    display:block;	
    }
    
    
    .all_charts.visible_3 .historic_rates_3{
    display:block;
    }
    .all_charts.visible_5  .title_5{
    display:block;	
    }
    
    
    .all_charts.visible_5 .historic_rates_5{
    display:block;
    }
    .all_charts{
        max-width: 800px;
        margin: auto;
        text-align: center;
        margin-bottom: 30px;
        margin-top: 54px;
    }
    @media screen and (max-width:520px){
        .all_charts .button_1,.all_charts .button_3,.all_charts .button_5{
        display:inline-block;
    padding:2px 0!important;	
    background:#fff;
        border: 1px solid #949494;
    color:#000;
        font-weight:600;
    margin:0 10px 0 0;
    min-width:40px;	
        text-align:center;
        margin-bottom:16px;
                cursor:pointer;
    }
        .mobile_show{
    display:block;	
            display:inline;
    }
        .pc_show{
        display:none;	
        }
        
    }
    /**/
    
    
    
    /*kalkulačka + exchange rates -zaklad*/
    .rates_exchange{
    text-align: center;
        max-width: 500px;
        margin: auto;
    }
    .currency_label_z,.currency_label_do{
        margin-top: -6px;	
    }
    .currency-wrapper>div{
    display:inline-block;	
        vertical-align: middle;
    }
    .currency-wrapper .fa{
    width:30px;
        display:inline-block;
        vertical-align: middle;
        margin:0 18px;
        cursor:pointer;
    }
    
    .currency-wrapper{
    flex-shrink: 0;	
    }
    
    .chart-container{
    height:400px;	
    }
    #msg{
    margin:0;
    }
    .prevod h2{
        height: 36px;	
    }
    
    .rate-flag {
        width: 34px;
        vertical-align: middle;
        display: block;
        margin-top: -2px;
            height: 23px;
        object-fit: cover;
    }
    
    .historic_rates{
        max-width: 800px;
        margin: auto;
        text-align:center;
            margin-bottom:30px;
        margin-top:54px;	
    }
    .rates_exchange{
            margin: auto;
    margin-top:60px;	
        margin-bottom:20px;
    }
    
    #exchangeRateChart{
    height:auto!important;	
    }
    .prevod{
            max-width: 800px;
        margin: auto;
        text-align:center;
    }
    
    .rates_exchange .iconized{
    margin-left:-45px;	
    }
    
    .rates_exchange .glyph-arrow-down-alt{
        color:#c70405;
    }
    .today_rate{
    font-size:2.2em;	
    }
    
    .rates_exchange .glyph-arrow-up-alt{
        color:green;
    }
    @media only screen and (max-width: 1160px) {
    .chart-container {
        height: 340px;
    }
    }
    
    @media only screen and (max-width: 1000px) {
        .chart-container {
        height: 400px;
        }
    
    }
    
    
    /*mena 1 - 100*/
    .tables-all-range {
      display: flex;
      overflow-x: auto; /* Enable horizontal scrolling */
      overflow-y: hidden; /* Hide vertical scrollbar */
    }
    
    .table-wrapper {
      margin-right: 0.5em; /* Add a small gap between tables */
      flex:1;
       flex-shrink: 0; /* Prevent the tables from getting smaller */
    }
    
    .table-wrapper:nth-of-type(3) {
      margin-right: 0; /* Add a small gap between tables */
      line-height: 24.26px;
    }
    .table-wrapper table {
      width: 100%; /* Allow the tables to be wider than their containers */
    }
    .rychly-prepocet{
    text-align:center;
    margin-top:40px;
    }
    .tables-all-range tr td:nth-of-type(1){
    color:#b80e0e;
        white-space: nowrap;
    }
    .tables-all-range tr td:nth-of-type(2){
    color:#2166e7;
        white-space: nowrap;
    }
    /**/
    
    @media only screen and (max-width: 768px) {
            .currency-wrapper{
        margin:10px 0 24px;	
        }
        .historic_rates{
        margin-top:50px;	
    }
    .rates_exchange{
            margin-left: auto;
        margin-right:auto;
    margin-top:50px;	
    }
        .prevod .form-inline{
        display:block;	
        }
        .prevod .vysledek{
        margin-top: 0.8em!important;	
    }
        .prevod .form-inline,.currency_label{
            margin-bottom:1em;
        }
            .prevod .form-inline{
        gap: 0.4em;	
                min-height: 118px;
        }
        
        .today_rate{
    font-size:1.4em;	
    }
        
        .prevod .form-inline label{
        font-size:1em;	
        display:inline-block;
            margin-bottom:1em;
            vertical-align:middle;
        
        }
        .currency_label{
        display:block;
            vertical-align:middle;
        }
        
        .rate-flag {
        margin: auto;
    }
        .prevod .form-inline input{
        display:inline-block;
            vertical-align:middle;
        }
        
            .chart-container{
        height:auto;	
        }
        .prevod .form-inline{
        flex-direction:row;	
            flex-wrap: wrap;
                align-items: center;
            justify-content: start;
        }
        .prevod .form-inline input, .prevod .form-inline select {
      width: calc(100% - 62px);
    }
    }
    
    
    @media only screen and (max-width: 480px) {
    .table-wrapper table {
      width: auto; /* Allow the tables to be wider than their containers */
    }
        .rates_exchange .iconized{
        margin:0;
        }
        .chart-container{
        height:200px;	
        }	
        }
        
        /*kalkulačka + exchange rates -zaklad*/
    .rates_exchange{
    text-align: center;
        max-width: 500px;
        margin: auto;
    }
    .currency_label_z,.currency_label_do{
        margin-top: -6px;	
    }
    .currency-wrapper>div{
    display:inline-block;	
        vertical-align: middle;
    }
    .currency-wrapper .fa{
    width:30px;
        display:inline-block;
        vertical-align: middle;
        margin:0 18px;
        cursor:pointer;
    }
    
    .currency-wrapper{
    flex-shrink: 0;	
    }
    
    .chart-container{
    height:400px;	
    }
    #msg{
    margin:0;
    }
    .prevod h2{
        height: 36px;	
    }
    
    .rate-flag {
        width: 34px;
        vertical-align: middle;
        display: block;
        margin-top: -2px;
            height: 23px;
        object-fit: cover;
    }
    
    .historic_rates{
        max-width: 800px;
        margin: auto;
        text-align:center;
            margin-bottom:30px;
        margin-top:54px;	
    }
    .rates_exchange{
            margin: auto;
    margin-top:60px;	
        margin-bottom:20px;
    }
    
    #exchangeRateChart{
    height:auto!important;	
    }
    .prevod{
            max-width: 800px;
        margin: auto;
        text-align:center;
    }
    
    .rates_exchange .iconized{
    margin-left:-45px;	
    }
    
    .rates_exchange .glyph-arrow-down-alt{
        color:#c70405;
    }
    .today_rate{
    font-size:2.2em;	
    }
    
    .rates_exchange .glyph-arrow-up-alt{
        color:green;
    }
    .flip_currency{
    text-align: center;
        flex-shrink: 0;
    }
    .flip_currency img{
      vertical-align: middle;
          width: 24px;
    }
      
    @media only screen and (max-width: 1160px) {
    .chart-container {
        height: 340px;
    }
    }
    
    @media only screen and (max-width: 1000px) {
        .chart-container {
        height: 400px;
        }
    
    }
    
    
    @media only screen and (max-width: 768px) {
    .flip_currency{
    text-align: center;
        margin: -10px 0px 4px 0px;
        width:100%;
        flex-shrink: 0;
    }
    .flip_currency img{
        transform: rotate(90deg);
    }
            .currency-wrapper{
        margin:10px 0 24px;	
        }
        .historic_rates{
        margin-top:50px;	
    }
    .rates_exchange{
            margin-left: auto;
        margin-right:auto;
    margin-top:50px;	
    }
        .prevod .form-inline{
        display:block;	
        }
        .prevod .vysledek{
        margin-top: 0.8em!important;	
    }
        .prevod .form-inline,.currency_label{
            margin-bottom:1em;
        }
            .prevod .form-inline{
        gap: 0.4em;	
                min-height: 118px;
        }
        
        .today_rate{
    font-size:1.4em;	
    }
        
        .prevod .form-inline label{
        font-size:1em;	
        display:inline-block;
            margin-bottom:1em;
            vertical-align:middle;
        }
        .currency_label{
        display:inline-block;
            vertical-align:middle;
        }
        .prevod .form-inline input{
        display:inline-block;
            vertical-align:middle;
        }
        
            .chart-container{
        height:auto;	
        }
        .prevod .form-inline{
        flex-direction:row;	
            flex-wrap: wrap;
                align-items: center;
            justify-content: start;
        }
        .prevod .form-inline input, .prevod .form-inline select {
      width: calc(100% - 62px);
    }
    }
    
    
    @media only screen and (max-width: 480px) {
        .rates_exchange .iconized{
        margin:0;
        }
        .chart-container{
        height:200px;	
        }	
        }
    /**/


    .exchange-rates li{
    list-style-type: none;
    display: flex;
    gap: 22px;
    line-height: 1.3;
    flex-wrap: wrap;
    row-gap: 6px;
    }

.table-exchange-wrapper-individual .exchange-rates{
	  display: flex;
	justify-content:space-between;
}

            .exchange-rates{
  
        margin: 0;
        font-size: 16px;
        gap: 30px;
            }

    
            .name-currency{
            font-weight:600;	
            }
    .image-currency .table-field {
        display: flex;
        gap: 10px;
        align-items:center;
    }
    .name-currency{
    order:1;
    }
    .table-field img
    {
    height: 18px;
        width: 29px;
        object-fit: cover;
    }
            .rate-amount .table-field{
            font-weight:600;	
            }
            .rate-amount-wrapper .detail-link{
            white-space:nowrap;
                
            }
            
                    .rate-amount-wrapper .detail-link a{
            white-space:nowrap;
                color:#31a0bb;
            }
            
                            .rate-amount-wrapper .detail-link a:hover,.rate-amount-wrapper .detail-link a:focus{
    opacity:0.9;
            }
            
            
    .rate-amount-wrapper{
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: flex-start;
    }
    .rate-amount{
    display:flex;
        gap: 4px;
        white-space:nowrap;
    }
    
    .rate-amount > div:nth-of-type(1){
    order:2;
    }
    .rate-amount > div:nth-of-type(2){
    order:3;
    }
            .vsechny-kurzy-men-radek{
    justify-content: flex-end;
            margin: 3px 0 0 0;
        position:relative;
        font-weight:700;
        overflow:hidden;
        padding:4px 0;
    }
    .vsechny-kurzy-men-radek p:before{
    content:'';
    width:66px;
    height:22px;;
        position:absolute;
        z-index:-1;
            right:-1px;
        bottom:0;
        border-right:1px solid;
        border-bottom:1px solid;
    }
    .vsechny-kurzy-men-radek p:after{
    content:'';
    width:66px;
    height:22px;;
        position:absolute;
        z-index:-1;
            left:-1px;
        top:0px;
        border-left:1px solid;
        border-top:1px solid;
    }
    
    .vsechny-kurzy-men-radek p{
    background:#fff;
        margin-right:30px;
        position:relative;
        padding:1px 6px;
        z-index:3;
    }
    .vsechny-kurzy-men-radek .wp-block-group{
    position:relative;	
    }
    .vsechny-kurzy-men-radek .wp-block-group:before{
    content:'';
        height:1px;	
    width:1000px;	
    background:#359baf;
        position:absolute;
        z-index:5;
    right: calc(100% - 4px);
        
    }
    .vsechny-kurzy-men-radek .wp-block-group:after{
    content:'';
        height:1px;	
    width:1000px;	
    background:#359baf;
        position:absolute;
        z-index:5;
        left: calc(100% - 34px);
    }
    
    
            
                    .exchange-rates a img {
    vertical-align:middle;
    
            }
            .table-exchange-wrapper {
                display:flex;
                gap: 1em;
                padding-bottom:6px;
				justify-content:space-between;
                
            }
.table-exchange-wrapper-individual{
	width:100%;
}
            .down-rate {
                color: #c70405;
            }
            .up-rate {
                color: green;
            }
            .exchange-rates a {
                text-decoration: none;
            }
            .exchange-rates {
            height:100%;	
            }
    
    
            
                    @media screen and (max-width: 1230px){
        
                        .table-exchange-wrapper {
    display:block;
            }
                                .table-exchange-wrapper-individual{
                                    min-width:390px;
            width:100%;	
            }
    }
            
                            @media screen and (max-width: 1000px){
    .table-exchange-wrapper {
    display:flex;
            }

    }
            
            
            @media screen and (max-width: 768px){
    
    .table-exchange-wrapper {
    display:block;
            }
                        .table-exchange-wrapper-individual{
            width:100%;	
                            
            }
    }
            
            @media screen and (max-width: 450px){
                
                                .table-exchange-wrapper-individual{
            width:100%;	
                            min-width:unset;
            }
    
    .table-exchange-wrapper {
    display:block;
            }
                .table-exchange-wrapper-individual{
                overflow: auto;
                }
    }