/* Currency Table Component Start*/

.currencies-table .row:first-child {
    font-size: 20px;
    margin-bottom: 1rem;
}
.currencies-table { margin: 15px 0; }
.currencies-table tr th,
.currencies-table tr td {
    color: #000;
    font-size: 12px;
    border: 1px solid #CCC;
    vertical-align: middle;
    text-align: center;
}

.currencies-table tr:last-child td {
    border-bottom-color:#000;
}
.currencies-table {
    color: #000;
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    border: medium none;
    width: 100%;
    background: none repeat scroll 0 0 #FFF;
    margin-bottom: 20px;
    table-layout: auto;
    border-collapse: collapse;
    border-spacing: 0;
    min-width: 900px;
}
.currencies-table, .currencies-table thead, .currencies-table thead, .currencies-table tr,  .currencies-table tr:nth-of-type(even) { background: transparent; }
.currencies-table thead tr th { padding: 6px 0; background: transparent; }
.currencies-table tbody tr td { padding:0 8px; vertical-align: middle; background: #F1F1F1;height:51px;}
.currencies-table tbody tr:nth-child(even) td { background: transparent; }

.currencies-table thead tr:nth-child(1) th { border-top-color: #000; }
.currencies-table thead tr:nth-child(1) th:nth-child(1),
.currencies-table thead tr:nth-child(1) th:nth-child(2),
.currencies-table thead tr:nth-child(1) th:nth-child(3),
.currencies-table thead tr:nth-child(1) th:last-child,
.currencies-table thead tr:nth-child(2) th { border-bottom-color: #000; }

.currencies-table thead tr:nth-child(2) th:nth-child(4),
.currencies-table tbody tr td:nth-child(3),
.currencies-table tbody tr td:nth-child(7),
.currencies-table thead tr td:nth-child(11),
.currencies-table tbody tr th:nth-child(11) { border-right-color: #000; }

.currencies-table thead tr:first-child th:nth-child(3),
.currencies-table thead tr:first-child th:nth-child(4),
.currencies-table thead tr:first-child th:nth-child(5) { border-right: 1px solid #000; }

.currencies-table tbody tr td:nth-child(1) { width: 50px; min-width: 50px; text-align: left; }
.currencies-table tbody tr td:nth-child(1) span { display: none; width: 85px; padding-left: 10px; vertical-align: middle; }
.currencies-table tbody tr td:nth-child(2) { width: 100px; }

.currencies-table thead tr th:first-child,
.currencies-table tbody tr td:first-child { border-left: 0;}

.currencies-table thead tr th:last-child,
.currencies-table tbody tr td:last-child { border-right: 0; border-left: 1px solid #000;}

.currencies-table thead tr:last-child th:nth-child(11) {border-right: 1px solid #000}
.currencies-table tbody tr td:nth-child(11) {border-right: 1px solid #000}


.currencies-table tbody tr td:nth-child(6),
.currencies-table tbody tr td:nth-child(10) {
    min-width: 75px;
}

.currencies-table tbody tr td:nth-child(3),
.currencies-table tbody tr td:nth-child(7),
.currencies-table tbody tr td:nth-child(11) {
    min-width: 60px;
}


.currencies-table span.change-up,
.currencies-table span.change-down {
	/*width: 3px;*/
	font-size: 14px;
	padding-left: 3px;
	display: inline-block;

}
.currencies-table span.change-up:before {
	content: '↑';
	color: #00840C;
	/*position: relative;*/
	/*top: -2px;*/
	/*right: -4px;*/
}

.currencies-table span.change-down:before {
	content: '↓';
	color: #D10000;
	/*position: relative;*/
	/*top: -2px;*/
	/*right:-4px;*/
}

.currency-table{
    padding-bottom: 30px;
}

.currency-table .download-file {
    line-height: 20px;
    color: #831142;
    font-size: 14px;
    white-space: nowrap;
    position: relative;
    padding-left: 30px;
    margin-right: 20px;
}
.currency-table .download-file:before {
    font-family: 'icons';
    content: "\e6f6";
    color: #000;
    font-size: 26px;
    position: absolute;
    left: 0;
    top: 0;
}
.no-data{
    position: relative;
    display: block;
    margin-bottom: 25px;
}

/*.currency-table-additional-data ul {*/
/*    margin: 10px 0 0;*/
/*    padding: 0;*/
/*    list-style: none;*/
/*}*/
/*.currency-table-additional-data li {*/
/*    position: relative;*/
/*    padding-left: 25px;*/
/*    font-size: 15px;*/
/*    line-height: 1.6;*/
/*    margin-bottom: 20px;*/
/*    text-align:left;*/
/*}*/
/*.currency-table-additional-data li:before {*/
/*  content: "";*/
/*  display: block;*/
/*  position: absolute;*/
/*  top: 6px;*/
/*  left: 0;*/
/*  width: 8px;*/
/*  height: 8px;*/
/*  background: #85003c; */
/*}  vkovalenko */

#exchange-rates-date{
  display: inline flex;
  flex-flow: row wrap;
  justify-content: center;
  background: #f7f7f7;
  padding: 0.5rem;
  border: 1px solid #ccc;
  margin-bottom: 2rem;
  gap: 1rem;
}

/*#exchange-rates-date{*/
/*    position: relative;*/
/*    margin-bottom: 25px;*/
/*}*/
/*#exchange-rates-date:before,*/
/*#exchange-rates-date:after{*/
/*    content: '';*/
/*    display: table;*/
/*    clear: both;*/
/*    height: 0;*/
/*    visibility: hidden;*/
/*}*/

/*#exchange-rates-date label{*/
/*    position: relative;*/
/*}*/

#date {
    width: 120px;
    height: 35px;
    float: right;
    background-color: #fff !important;
}

/*#show {display: none;}*/

#exchange label {
  display: inline flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

/*#exchange label {*/
/*    float: right;*/
/*    position: relative;*/
/*    height: 35px;*/
/*    line-height: 35px;*/
/*    font-size: 14px;*/
/*    font-weight: 400;*/
/*}*/

/*#exchange label:after {*/
/*    content: '\e68c';*/
/*    font-family: 'icons';*/
/*    font-size: 20px;*/
/*    position: relative;*/
/*    right: -110px;*/
/*    color: #7A0035;*/
/*}*/

#exchange .product-top { margin-bottom: 40px; }
#exchange .product-top h3 { font-size: 14px; }
.table-title { font-size: 20px; line-height: 24px; font-weight: 400; }
#exchange .row .row { margin: 0; }

.currency-table-additional-data { margin-top: 40px; }

/* Datepicker */
.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:99999 !important;float:left;display:none;min-width:160px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;color:#333;font-size:13px;line-height:18px}
.datepicker.dropdown-menu th,.datepicker.dropdown-menu td{padding:4px 5px}
.datepicker{display:none;position:absolute;padding:4px;margin-top:1px;direction:ltr}
.datepicker-inline{width:220px}
.datepicker-rtl{direction:rtl}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}
.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:6px}
.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}
.datepicker>div{display:none}
.datepicker.days div.datepicker-days{display:block}
.datepicker.months div.datepicker-months{display:block}
.datepicker.years div.datepicker-years{display:block}
.datepicker table{border:0;margin:0}
.datepicker table thead{background-color: transparent;}
.datepicker table thead td,.datepicker table thead thm,.datepicker table td {color:#7A0035;}
.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;border:0;font-size:12px;padding:4px 8px;background:#fff;cursor:pointer}
.datepicker th.dow {cursor: default;}
.datepicker td.active.day,.datepicker th.active.day{background:#7A0035;color:#fff;}.datepicker td.active.year,.datepicker th.active.year{background:#7A0035;color:#fff;}
.datepicker td span.active,.datepicker th span.active{background:#7A0035;color:#fff;}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}
.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer}.datepicker th.date-switch{width:145px}
.datepicker thead tr:first-child th,.datepicker tfoot tr:first-child th{cursor:pointer}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}
.datepicker thead tr:first-child th {color: #7a0035;}
.datepicker thead tr:first-child th.cw{cursor:default;background-color:transparent}.datepicker-dropdown::before,.datepicker-dropdown::after{display:none}
.datepicker-close{position:absolute;top:-30px;right:0;width:15px;height:30px;padding:0;display:none}.datepicker td.old,.datepicker td.new{color:#999}
.datepicker td.day.disabled{color:#ccc}
.datepicker td:hover, .datepicker td:focus{background:#7A0035;color:#fff;}
.datepicker td.disabled:hover, .datepicker td.disabled:focus{background:#fff;}

.datepicker .datepicker-months td:hover, .datepicker .datepicker-months td:focus{background:none;color:#000;}
.datepicker .datepicker-months td span:hover, .datepicker .datepicker-months td span:focus{background:#7A0035;color:#fff;}

.datepicker .datepicker-years td:hover, .datepicker .datepicker-years td:focus{background:none;color:#000;}
.datepicker .datepicker-years td span:hover, .datepicker .datepicker-years td span:focus{background:#7A0035;color:#fff;}


@media only screen and (max-width: 64.063em) {

    /*.currency-table .row:nth-child(2){*/
    /*    overflow-x: scroll;*/
    /*} vkovalenko */
    #exchange .row .currency-table .row:nth-child(2){
        margin-bottom: 20px;
    }
    .currencies-table {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 64.063em) {
    .currencies-table {min-width:900px;}
    .currencies-table tr th, .currencies-table tr td {font-size:12px;}

    /*#exchange-rates-date{*/
    /*    position: absolute;*/
    /*    right: 0;*/
    /*    top: -8px;*/
    /*    z-index: 1;*/
    /*}*/
}

@media only screen and (min-width: 40.063em) {
    .currencies-table {min-width:732px;}
    .currencies-table tbody tr td:nth-child(1) { width: auto; min-width: auto}
    #date {
        width: 160px;
    }
    /*#exchange label:after {*/
    /*    right: -150px;*/
    /*}*/
    .currency-table .download-file {
        margin-left: 20px;
        margin-right: 0;
    }
    /*.currencies-table tr th, .currencies-table tr td {font-size:10px;} vkovalenko */
}

@media only screen and (max-width: 30em) {
    .currency-table .download-file{
        font-size: 14px;
        line-height: 20px;
        margin-right: 15px;
    }
    .currency-table .download-file:last-of-type{
        margin-right: 0;
    }
}

/* Currency Table Component End*/