/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/card-banka/card-banka.scss ***!
  \********************************************************************************************************************************************************************************************/
/**
 * This is the new reference from the latest Figma design
 * Please find the color in figma, search if it isn't already 
 * here, if so use it, if not add it with clear name
 */
section#card-banka {
  background-color: #0681b1;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjMyNyIKICAgaGVpZ2h0PSIxMzAiCiAgIHZpZXdCb3g9IjAgMCAzMjcgMTMwIgogICBmaWxsPSJub25lIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxMCIKICAgc29kaXBvZGk6ZG9jbmFtZT0idHJpYW5nbGVzX2JsdWUuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEgKGNlNjY2M2IzYjcsIDIwMjEtMDUtMjUpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMxNCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzEyIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjIuNDYzMzAyOCIKICAgICBpbmtzY2FwZTpjeD0iMTgwLjg1NDc1IgogICAgIGlua3NjYXBlOmN5PSI2MS4wOTY4MzMiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNjc0IgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEyNzQiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjQwNjMiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjEyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzEwIiAvPgogIDxwYXRoCiAgICAgZD0ibSAxMjguMzcyLC00MS41MDAxIDY1LjMwNSwtMzYuOTQgOTMuMDI1LDY4LjM5MzMgLTEwMS45NDcsNzQuOTUzMyB6IgogICAgIGZpbGw9IiMwOTY2OGMiCiAgICAgZmlsbC1vcGFjaXR5PSIwLjYiCiAgICAgaWQ9InBhdGgyIiAvPgogIDxwYXRoCiAgICAgZD0iTSAyMTMuNDg2LDE5My45ODQgMTQ2LjIxOSwyMjguOTY4IDU3LjAwMDEsMTU3Ljg4NiAxNjIuOTU1LDg2IFoiCiAgICAgZmlsbD0iIzA5NjY4YyIKICAgICBmaWxsLW9wYWNpdHk9IjAuNiIKICAgICBpZD0icGF0aDQiIC8+CiAgPHBhdGgKICAgICBkPSJNIDIwNCw1NC45NTM0IDMwNS45NDcsLTE5Ljk5OTkgNDE4LjU3MSw2Mi44MDI2IDM2OS4yNTcsMTE0LjUgWiIKICAgICBmaWxsPSIjMDk2NjhjIgogICAgIGZpbGwtb3BhY2l0eT0iMC42IgogICAgIGlkPSJwYXRoNiIgLz4KICA8cGF0aAogICAgIGQ9Ik0gMTMzLjc4NywxMDEuMzA0IDI3LjgzMjYsMTczLjE5IC04MC4xODI2LDg3LjEzMjggLTI4LjA4ODUsMzYuOTMxNCBaIgogICAgIGZpbGw9IiMwOTY2OGMiCiAgICAgZmlsbC1vcGFjaXR5PSIwLjYiCiAgICAgaWQ9InBhdGg4IiAvPgo8L3N2Zz4K);
  background-size: cover;
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  height: 15vh;
  padding: 8px;
  width: 100%;
}
section#card-banka div.bank_card_picture {
  align-items: center;
  display: flex;
  flex: 2;
  justify-content: center;
  margin: 0px auto !important;
}
section#card-banka div.bank_card_picture img {
  border-radius: 12px;
  height: 4rem;
  width: 4rem;
  margin: 0.6rem;
}
section#card-banka div.bank_card_content {
  flex: 4;
}
section#card-banka div.bank_card_content div.bank_card_name {
  flex: 1;
}
section#card-banka div.bank_card_content div.bank_card_name p {
  color: #dfe0e2;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0;
  text-align: center;
  text-overflow: ellipsis;
}
section#card-banka div.bank_card_content div.bank_card_amount {
  flex: 1;
  margin: 0;
}
section#card-banka div.bank_card_content div.bank_card_amount p {
  color: #0681b1 !important;
  font-size: 1.1em;
  font-family: "Source Sans Pro";
  font-weight: bold;
  margin: 0;
  text-align: center;
}
section#card-banka div.bank_card_content div.bank_card_number {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 0;
}
section#card-banka div.bank_card_content div.bank_card_number span {
  color: #dfe0e2;
  font-family: "Source Sans Pro";
  text-align: center;
}