/*http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification*/
/*http://www.dotlesscss.org/*/
.h1-font-kb {
  font-size: 150%;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}
.h2-font-kb {
  font-size: 100%;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}
.item1 {
  grid-row: 1 / span 2;
}
.grid-container {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  grid-gap: 10px;
  padding: 10px;
}
.text-danger {
  color: #b94a48;
}
.errorHint {
  color: #CB0033 !important;
}
.text-kb-red {
  color: #CB0033 !important;
}
.text-green {
  color: #0eaf0e !important;
}
.text-red {
  color: red !important;
}
.OnlinePortfolioBenefitsTitle {
  color: #CB0033 !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.text-errorLevel2 {
  color: #b94a48;
  font-size: 18px;
  font-weight: bold;
}
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
p::selection,
span::selection,
a::selection,
b::selection,
strong::selection,
img::selection,
input::selection,
label::selection,
div::selection,
text::selection,
tspan::selection,
li::selection,
ul::selection,
table::selection,
th::selection,
tr::selection,
td::selection,
em::selection,
body::selection {
  background: #CB0033;
  color: white;
}
.MobileMenuItem {
  display: none;
}
.ErroBlock {
  margin-top: 30px;
  min-height: 200px;
}
.pagination a {
  text-decoration: none;
}
.pagination a:hover {
  text-decoration: underline;
}
.pagination .activePageLink {
  text-decoration: underline;
  margin-left: 2px;
  margin-right: 2px;
}
.pagination .pageLink {
  margin-left: 2px;
  margin-right: 2px;
}
.pagination .leftArrow {
  margin-right: 4px;
  margin-left: 2px;
}
.pagination .rightArrow {
  margin-left: 4px;
  margin-right: 2px;
}
.MinHeight {
  min-height: 1000px;
}
.ChildErrorBlock {
  height: 80%;
  width: 80%;
  border: 1px solid #b94a48;
  padding: 2%;
  margin: 8%;
}
.BreakSpan {
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
}
.AlphabetItemSelected a {
  color: #CB0033;
}
.arrowLess {
  background: transparent url(../images/sprites.png) 0 0 no-repeat;
  line-height: 30px;
  padding-left: 12px;
  float: right;
  background-position: -472px -778px;
}
/*Not found detail*/
.NotFoundCenter {
  width: 100%;
  padding-top: 50px;
}
/* Autor komentrare*/
.autor {
  font-style: italic;
}
.autorDetail {
  font-style: italic;
  margin-top: 10px;
}
/* zarovnani doprava*/
.right {
  float: right;
}
.fullWidth {
  width: 100%;
}
/* zarovnani doleva*/
.left {
  float: left;
}
.centered {
  display: table;
  margin: 0 auto;
}
.footerBlock ul li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*Seznam bez odrazek*/
.NoBullet ul {
  list-style-type: none;
  line-height: 1.5em;
}
.NoBullet_1_8 ul {
  list-style-type: none;
  line-height: 1.8em;
}
.Panel {
  border: 1px solid #d0d0d0;
  border-radius: 6px;
  margin-top: 10px;
  margin-bottom: 15px;
  display: block;
}
.PanelHighlighted {
  border: 1px dashed #cb0033;
  border-radius: 6px;
  margin-top: 10px;
  margin-bottom: 15px;
  display: block;
}
.inPanel {
  border: 1px solid #ffffff;
  border-radius: 6px;
  background-color: #d7d7d7;
  padding: 15px;
}
.ExampleArea {
  font-size: 90%;
}
.bodyPadding {
  min-height: 40rem;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0;
  padding-top: 0;
}
/*----------------------------------------------------------------------------------MAIN MENU---------------------------------------------------------------------------------*/
/*Cervena zaloznak v mainpage*/
.RedTab a {
  background-position: -7px -1140px;
}
#silverTab a {
  /*background-color: @TabSilver_Color;*/
  color: black;
  background-position: -485px -1100px;
}
#silverTab .before {
  background-position: -478px -1100px;
}
#silverTab .after {
  background-position: -685px -1100px;
}
#silverTab a:hover {
  background-position: -485px -1140px;
}
#silverTab:hover .before {
  background-position: -478px -1140px;
}
#silverTab:hover .after {
  background-position: -685px -1140px;
}
#silverTabActive a {
  background-color: #eeeded;
  color: black;
  background-position: -485px -1140px;
}
#silverTabActive .before {
  background-position: -478px -1140px;
}
#silverTabActive .after {
  background-position: -685px -1140px;
}
.MenuLangSwitcher div.lg-cs {
  background: transparent url(../images/sprites.png) 0 -36px no-repeat;
}
.MenuLangSwitcher div.lg-en {
  background: transparent url(../images/sprites.png) -21px -36px no-repeat;
}
.flagDiv {
  float: left;
  width: 20px;
  margin-right: 3px;
  height: 16px;
}
/*---------------------------------------------------------------------------------/MAIN MENU---------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------SLIDESHOW----------------------------------------------------------------------------------*/
.in {
  width: 100%;
}
#slideshow-iframe #slideshow .item {
  width: 100%;
}
#slideshow-iframe #slideshow .items .in {
  width: 100%;
}
#slideshow-iframe {
  width: 100%;
}
/*---------------------------------------------------------------------------------/SLIDESHOW----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------HOMEPAGE----------------------------------------------------------------------------------*/
.layoutHeaderItems {
  float: right;
  margin-bottom: 20px;
}
#loginLink {
  text-indent: 0;
  width: auto;
}
/*HomepageHeader */
#MainPageHeader {
  font-size: 30px;
}
/*Titulek kratkeho komentare*/
.ShortCommentTitle {
  width: 70%;
}
/*Klikaci nadpis sekce Dalsi komentare a analyzy*/
#CommentsAnalysisLink h1:hover {
  color: #CB0033;
}
.kbRed {
  color: #CB0033;
}
#HomePageSlideshow {
  display: block;
}
#HomePageImage {
  display: none;
}
.CommentBootomItem {
  margin-top: 25px;
}
.SlideBanner {
  width: 100%;
  height: 291px;
}
/*Datum kratkeho kemntare*/
.ShortCommentDate {
  width: 30%;
  text-align: right;
}
.ReutersCopyRight {
  float: left;
  text-align: center;
  width: 80px;
}
.ReutersCopyRightInner {
  display: inline-block;
}
.copyrightInfoInner {
  float: left;
  width: 75%;
}
.socialIcons {
  width: 14%;
  float: right;
  min-width: 130px;
}
.OnlinePriceForex {
  margin-bottom: 30px;
  margin-top: 20px;
}
.LastUpdateTime {
  font-size: xx-small;
  margin-top: 5px;
}
.PriceTableValue2 {
  width: 100%;
  color: black;
  font-weight: bold;
  padding: 12px 4%;
  background-repeat: no-repeat;
}
/*Styl prvniho sloupce v tabulce*/
.PriceTableFirstC {
  color: #6E6E6E;
  font-weight: bold;
  text-align: left;
  padding-left: 0.6em;
}
.IdLogo {
  width: 100px;
  height: 25px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url('Images/SmallImages/logo-interactive-data.png');
}
.IdLogo:hover {
  background-position: left -25px;
}
/*----------------------------------------------------------------------------------Products----------------------------------------------------------------------------------*/
.noDiscks li {
  list-style-type: none;
}
.imgBlock {
  width: 110px;
  height: 110px;
  margin-bottom: 2px;
  border-radius: 5px 5px 5px 5px;
  background-image: url('Images/SmallImages/spritesheet.png');
  background-repeat: no-repeat;
}
.sprite-1 {
  background-position: -5px -5px;
}
.sprite-10 {
  background-position: -133px -5px;
}
.sprite-11 {
  background-position: -261px -5px;
}
.sprite-12 {
  background-position: -389px -5px;
}
.sprite-13 {
  background-position: -5px -125px;
}
.sprite-14 {
  background-position: -133px -125px;
}
.sprite-15 {
  background-position: -261px -125px;
}
.sprite-16 {
  background-position: -389px -125px;
}
.sprite-17 {
  background-position: -5px -245px;
}
.sprite-18 {
  background-position: -133px -245px;
}
.sprite-2 {
  background-position: -262px -245px;
}
.sprite-3 {
  background-position: -390px -245px;
}
.sprite-4 {
  background-position: -5px -365px;
}
.sprite-5 {
  background-position: -133px -365px;
}
.sprite-6 {
  background-position: -261px -365px;
}
.sprite-7 {
  background-position: -389px -365px;
}
.sprite-8 {
  background-position: -517px -5px;
}
.sprite-9 {
  background-position: -517px -125px;
}
.ProcuctTileText {
  float: left;
  margin-left: 15px;
  width: 65%;
  margin-top: 10px;
  color: #818181;
}
.ProcuctTileText span {
  font-size: 150%;
  font-weight: bold;
}
.ProcuctTileText a {
  color: #818181;
  text-decoration: none;
  line-height: 1;
}
.ProcuctTileText li {
  margin-bottom: 10px;
}
.ProcuctTileText a:hover {
  color: #CC0033;
  text-decoration: underline;
}
.ProductTile {
  width: 95%;
  display: table;
  padding: 10px;
  background-color: #f8f8f8;
  cursor: pointer;
  float: left;
  margin: 3px;
}
.ProductTile:hover {
  background-color: #DFDFDF;
}
.ProcuctTileText hr {
  display: none;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 0.5px solid #DFDFDF;
}
.shorcuts {
  width: 50%;
  float: left;
}
.limheight {
  height: 100px;
  column-width: 260px;
}
.ProcustImage {
  float: left;
  display: none;
}
.ProcustImage img {
  width: 110px;
}
.shorcutBox {
  display: none;
}
.blackLink a {
  color: black;
  text-decoration: none;
}
.ProductTable table {
  border: 0;
}
.ProductTable table td {
  font-size: 100%;
  border-top: 1px solid #e6e6e6;
  text-align: left;
  padding: 8px 2%;
}
.ProductTable table thead th {
  color: black;
  background-color: white;
  font-weight: normal;
  font-size: 100%;
  border-top: 1px solid #e6e6e6;
}
.ProductTable .time {
  font-weight: normal;
}
.ProductTable .text-right {
  text-align: right;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.filter2 {
  min-height: 120px;
}
.filter2 label {
  display: block;
}
.filter2 .timePeriod2 {
  width: 100%;
  float: left;
}
.filter2 .timePeriod3 {
  width: 100%;
}
.filter2 .timePeriod4 {
  width: 100%;
  float: left;
}
.filter2 #ButtonShowChart {
  margin-top: 1.2em;
}
.halfFilter {
  width: 100%;
  float: left;
  box-sizing: border-box;
}
.halfFilter:first-child {
  border-right: 0 solid gray;
  border-bottom: 1px solid gray;
}
.halfFilter + .halfFilter {
  padding-left: 0;
}
.halfFilter > span {
  width: 49%;
}
.mainMenu li.portfolio-button {
  display: none;
}
.portfolioMenuColumn .PortfolioSideMenu {
  text-transform: uppercase;
  font-weight: bold;
}
.portfolioMenuColumn .PortfolioSideMenu ul {
  list-style-type: none;
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
}
.portfolioMenuColumn .PortfolioSideMenu ul li a:hover {
  color: #CB0033 !important;
}
.portfolioMenuColumn .PortfolioSideMenu ul li a {
  color: rgba(51, 51, 51, 0.61);
  text-decoration: none;
  display: flex;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  border-top: solid 2px lightgray;
  border-bottom: solid 2px lightgray;
  margin-top: -2px;
  margin-bottom: -2px;
}
.activeItem {
  color: #CB0033 !important;
}
@media all and (max-width: 631px) {
  .activeItemMobileOnly {
    color: #CB0033 !important;
  }
  .activeItemIconMobileOnly {
    background-image: url(Images/HomeIcon_KbRed.svg) !important;
  }
  .mainMenu li a:hover .activeItemIconMobileOnly {
    background-image: url(Images/HomeIcon_White.svg) !important;
  }
}
.cashWithdrawalDetail {
  width: 100%;
}
.inlineLabel {
  width: 205px;
  padding-top: 5px;
}
#cashWithdrawalTable {
  display: block;
  min-width: 390px;
}
#cashWithdrawalTable .tableRow {
  display: flex;
}
#cashWithdrawalTable .tableCell {
  display: table-cell;
  padding-right: 20px;
  width: 100%;
}
#cashWithdrawalTable .tableCell .k-widget {
  width: 100%;
}
#cashWithdrawalTable .tableCellFlex {
  display: flex;
  min-width: 160px;
  padding-right: 0;
  padding-left: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 2px solid lightgray;
}
#cashWithdrawalTable .tableCellWithCurrency {
  display: flex;
  min-width: 205px;
  padding-left: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 2px solid lightgray;
}
#cashWithdrawalTable .tableCellWithButton {
  display: block;
  min-width: 160px;
  padding-right: 0;
  width: 100%;
  padding-top: 15px;
}
#cashWithdrawalTable .secundRow {
  display: flex;
  flex-direction: column;
}
#cashWithdrawalTable .firstRow {
  background-color: lightgray;
  border-radius: 7px;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
#cashWithdrawalTable #continue {
  width: 100%;
  height: 40px;
}
.document-section {
  padding-bottom: 5px;
  color: black;
}
.document-section .k-i-download {
  color: #CB0033;
}
.document-section a:visited {
  color: black !important;
}
.document-content {
  display: flex;
  flex-direction: column;
  height: 65px;
  align-items: center;
  background-color: #f8f8f8;
  width: 97%;
  padding-left: 3%;
  padding-top: 1%;
  padding-bottom: 1%;
}
.document-content:hover {
  background-color: #e8e8e8;
}
.onlinePortfolioVideosButton h3 {
  color: #231f20;
  clear: both;
  font-size: 125%;
  font-weight: bold;
  line-height: 105%;
  margin-top: 10px;
  margin-bottom: 20px;
}
.onlinePortfolioVideosButton p {
  margin-bottom: 15px;
}
@media (min-width: 630px) and (max-width: 975px) {
  .document-content {
    display: flex;
  }
}
@media (min-width: 1025px) and (max-width: 1230px) {
  .document-content {
    display: flex;
  }
}
.document-content strong {
  text-decoration: underline;
}
.document-innte-text {
  white-space: nowrap;
  display: inline-block;
  flex: 1;
}
.document-innte-text > span:first-child {
  vertical-align: super;
}
.document-innte-title {
  white-space: nowrap;
  padding-right: 3px;
  flex: 1;
}
.document-file-icon {
  margin: 2px 2px 0 !important;
}
@media all and (min-width: 631px) {
  .OnlinePortfolioBenefitsTitle {
    margin-top: 0px !important;
  }
  .halfFilter {
    width: 50%;
  }
  .halfFilter + .halfFilter {
    padding-left: 15px;
  }
  .halfFilter:first-child {
    border-right: 1px solid gray;
    border-bottom: 0 solid gray;
  }
  .shorcutBox {
    display: table;
  }
  .ProductTile {
    width: 70%;
  }
  .ProcuctTileText hr {
    display: block;
  }
  .filter2 {
    min-height: 60px;
  }
  .filter2 .timePeriod2 {
    width: 30%;
  }
  .filter2 .timePeriod3 {
    width: 40%;
    float: right;
  }
  .filter2 .timePeriod4 {
    width: 100%;
  }
}
@media all and (min-width: 800px) {
  .ProcustImage {
    display: table;
  }
  .filter2 {
    min-height: 50px;
  }
  .filter2 .timePeriod2 {
    width: 25%;
  }
  .filter2 .timePeriod3 {
    width: 25%;
    float: right;
  }
  .filter2 .timePeriod4 {
    width: 50%;
  }
}
@media all and (min-width: 1200px) {
  .ProductTile {
    width: 47%;
  }
  .filter2 .timePeriod2 {
    width: 25%;
  }
  .filter2 .timePeriod3 {
    width: 25%;
  }
  .filter2 .timePeriod4 {
    width: 45%;
  }
}
@media all and (min-width: 1300px) {
  .document-content {
    flex-direction: row;
  }
}
/*----------------------------------------------------------------------------------MoneyMarket----------------------------------------------------------------------------------*/
/*Odsazeni linku dalsi kurzy*/
.OtherForexLink {
  margin-top: 30px;
}
/*----------------------------------------------------------------------------------COMMENTS----------------------------------------------------------------------------------*/
/*Link v detailu komentare*/
.CommentDetailGoBack {
  margin-top: 25pt;
}
.NoComments {
  margin-top: 30px;
  margin-bottom: 30px;
}
/*----------------------------------------------------------------------------------Searching----------------------------------------------------------------------------------*/
.searchItem {
  background-color: #f8f8f8;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px;
}
.searchItem:hover {
  background-color: #efeded;
}
.searchList a,
a:visited {
  /*color: black;*/
  text-decoration: none;
}
.notFoundComment {
  margin-top: 150px;
}
.SearchAnimationComment {
  margin-top: 150px;
}
.notFoundComment li {
  margin-left: 20px;
}
.fullSpace {
  height: 100%;
  width: 100%;
  display: inline-block;
}
/*----------------------------------------------------------------------------------Etrading----------------------------------------------------------------------------------*/
#EtrAccesHeader {
  text-align: center;
  color: #CB0033;
}
.EtradingAccesText {
  margin-left: 15px;
  font-size: 1.25em;
  text-align: left;
}
/*----------------------------------------------------------------------------------Private section----------------------------------------------------------------------------------*/
#capsWizard div {
  display: none;
}
#loginButton {
  width: 100px !important;
  float: right;
  margin-top: 20px;
}
.blackButton2 {
  background: #3C3536;
  border: 1px solid #5A5758;
  border-radius: 5px;
  white-space: nowrap;
  padding: 7px 10px;
  color: white;
  font-size: 12px;
  cursor: pointer;
}
.ibForm {
  margin-top: 10px;
}
.ibForm input {
  background: none repeat scroll 0 0 #FAFAFA;
  border: 1px solid #CCCCCC;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.05) inset;
  color: #231F20;
  font-size: 130%;
  line-height: 15px;
  padding: 7px 8px 7px 8px;
  height: 30px;
  width: 100%;
}
.login-form {
  width: 30%;
  float: left;
}
/* servisni ikony */
#p-mid #switchers {
  position: absolute;
  right: 4px;
  top: 76px;
  margin-bottom: 0;
}
#p-mid #switchers a span {
  text-indent: -9999px;
  position: absolute;
}
#p-mid #switchers a {
  display: inline;
  height: 19px;
  line-height: 19px;
}
#p-mid .font-size-switch {
  width: 22px;
  height: 15px;
  overflow: hidden;
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-top: 3px;
}
/* hlavni oblast */
#p-mid {
  margin-bottom: 24px;
}
#p-mid .bgr-bottom {
  padding-right: 387px;
}
#p-mid .column {
  position: relative;
  display: inline;
}
.hidden {
  display: none !important;
}
/**/
/*----------------------------------------------------------------------------------InstrumentDetail----------------------------------------------------------------------------------*/
.TableDetailCellLeft {
  width: 60%;
  float: left;
}
.TableDetailCell {
  width: 38%;
  float: left;
  padding-left: 1%;
  padding-right: 1%;
}
.TableDetailRow {
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
  width: 100%;
}
.DetailSpace {
  margin-bottom: 30px;
}
.space-bottom {
  margin-bottom: 1em;
}
@media (max-width: 600px) {
  .copyrightInfoInner {
    width: 100%;
  }
  .ReutersCopyRight {
    float: none;
    display: table;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .login-form {
    width: 90%;
  }
}
@media (min-width: 601px) and (max-width: 800px) {
  .copyrightInfoInner {
    width: 52%;
  }
  .login-form {
    width: 40%;
  }
}
@media all and (min-width: 831px) {
  .ReutersCopyRight {
    width: 10%;
  }
}
.InvestmentBankingButton {
  margin-top: 47px;
  width: 100%;
  float: left;
}
@media (max-width: 630px) {
  .MobileMenuItem {
    display: block;
  }
  #silverTabActive a {
    color: #cfcfcf;
    background-color: #3A3A3A;
    background-position: -485px -1140px;
  }
  #silverTab a {
    color: #cfcfcf;
  }
  #silverTab a:hover {
    color: #ffffff;
  }
  #HomePageImage {
    display: block;
  }
  #HomePageSlideshow {
    display: none;
  }
  .center1 {
    float: left;
    width: 100%;
    height: 20px;
  }
  .left1 {
    width: 100%;
    height: 100%;
  }
  .headerBlock .siteName {
    width: 100%;
  }
  .dateStyle {
    float: right;
    margin-right: 5px;
    margin-top: 0;
  }
  .InvestmentBankingButton {
    margin-top: 0;
  }
}
@media (min-width: 631px) {
  .mainMenu li.portfolio-button {
    background-image: linear-gradient(to bottom, #ffffff 20%, #d0d0d0 100%);
    border-radius: 5px 5px 0px 0px;
    float: right;
    display: inline-block;
    color: black;
    margin-right: 0px;
  }
  .cashWithdrawalDetail table {
    margin-left: 20px !important;
  }
  .withoutMinWidthOnMobile {
    min-width: 788px;
  }
  .cashWithdrawalDetail {
    width: 67%;
  }
  .inlineLabel {
    width: auto;
    padding-top: inherit;
  }
  #cashWithdrawalTable {
    display: table;
    min-width: 0;
  }
  .cashwithdrawal-order-view {
    padding-left: 25px;
  }
  #cashWithdrawalTable .tableRow {
    display: table-row;
    height: 60px;
  }
  #cashWithdrawalTable .tableCell {
    display: table-cell;
    min-width: 160px;
    padding-right: 45px;
  }
  #cashWithdrawalTable .tableCellFlex {
    display: table-cell;
    min-width: 160px;
    padding-right: 45px;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  #cashWithdrawalTable .tableCellWithCurrency {
    display: table-cell;
    min-width: 205px;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  #cashWithdrawalTable .tableCellWithButton {
    display: table-cell;
    min-width: 160px;
    padding-right: 45px;
    padding-top: 15px;
    width: auto;
  }
  #cashWithdrawalTable .secundRow {
    display: table-row;
  }
  #cashWithdrawalTable .firstRow {
    background-color: transparent;
    padding: initial;
  }
  #cashWithdrawalTable #continue {
    width: auto;
    height: auto;
  }
  #overlay {
    height: 100% !important;
    width: 919px !important;
  }
  .notMobilePullRight {
    float: right !important;
  }
  .portfolioSelector {
    font-size: 11px !important;
    max-width: 120px;
  }
  .portfolioMenuColumn .PortfolioSideMenu {
    white-space: nowrap;
    background-color: #F5F5F5;
    border-radius: 7px;
  }
  .portfolioMenuColumn .PortfolioSideMenu ul li a {
    height: 30px;
    padding: 0;
    border: none;
    display: block;
  }
  .center1 {
    overflow: auto;
    height: 100%;
  }
  .left1 {
    width: auto;
    height: 100%;
  }
  .dateStyle {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
  }
}
/*341*/
.kbBUtton {
  color: white;
  background: #980026 url("images/bgr-red-gradient-btn.png") 0 0 repeat-x;
}
.kbBUtton:hover {
  color: white;
}
.bulletPhone {
  height: 10px;
  width: 10px;
  position: relative;
  margin-left: -15px;
  display: inline-block;
  overflow: hidden;
  background: url('Images/KBsprites2.png') no-repeat -75px -75px;
}
.bulletRedArrow {
  height: 10px;
  width: 10px;
  position: relative;
  margin-left: -15px;
  display: inline-block;
  overflow: hidden;
  background: url('Images/KBsprites2.png') no-repeat -1550px 3px;
}
.bulletBlackArrow {
  height: 10px;
  width: 10px;
  position: relative;
  margin-left: -15px;
  display: inline-block;
  overflow: hidden;
  background: url('Images/KBsprites2.png') no-repeat -1550px -597px;
}
.bulletNome {
  margin-left: -17px;
}
ul li.bullet {
  list-style-type: disc;
}
.Border_Left_Middle {
  background: transparent url(../images/middle_left.gif) 0% 0% repeat-y;
}
.Border_Left_Top {
  background: transparent url(../images/Top_left.gif) 0% 0% no-repeat;
}
.Border_Left_bottom {
  background: transparent url(../images/bottom_left.gif) 0% 100% no-repeat;
}
.Border_right_Middle {
  background: transparent url(../images/middle_right.gif) 100% 0% repeat-y;
}
.Border_right_Top {
  background: transparent url(../images/Top_right.gif) 100% 0% no-repeat;
}
.Border_right_bottom {
  background: transparent url(../images/bottom_right.gif) 100% 100% no-repeat;
}
.RightSeparator {
  border-right: 1px solid silver;
}
.opener-foto-info {
  color: gray;
}
.opener-foto p.opener-foto-info {
  padding: 6px 0;
  font-size: 90%;
}
/*==================================================================Reset styles========================================================================*/
.ResetStyles table thead th {
  background-color: white;
  color: black;
  border-radius: 0 0 0 0;
}
.ResetStyles table {
  border: 1px solid black;
  border-radius: 0 0 0 0;
}
.ResetStyles h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: #cc0033;
  text-align: left;
}
.ResetStyles li {
  margin-left: 20px;
}
.ResetStyles h1 {
  margin-top: 0;
  margin-bottom: 10px;
}
.innerContent {
  line-height: 1.5;
  text-align: justify;
}
/*====image frame=====*/
.OutherImageBorder {
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.16);
  border: 1px solid #cbcbcb;
  padding: 6px 6px 4px 6px;
  background: #ffffff;
  position: relative;
}
.OutherImageBorder img {
  z-index: 1;
  border-radius: 5px;
}
.bigTile2 {
  background-image: linear-gradient(to bottom, #FFFFFF 20%, #D0D0D0 100%);
  padding: 5px;
  text-align: center;
  margin-bottom: 15px;
  border: 1px solid #e1e1e1;
  cursor: pointer;
  border-radius: 5px;
}
.bigTile2 h2 {
  color: #cc0033;
}
.bigTile2:hover {
  background-image: linear-gradient(to bottom, #D0D0D0 20%, gray 100%);
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  float: left;
}
.col-lg-12 {
  width: 100%;
}
.col-lg-11 {
  width: 91.66666667%;
}
.col-lg-10 {
  width: 83.33333333%;
}
.col-lg-9 {
  width: 75%;
}
.col-lg-8 {
  width: 66.66666667%;
}
.col-lg-7 {
  width: 58.33333333%;
}
.col-lg-6 {
  width: 50%;
}
.col-lg-5 {
  width: 41.66666667%;
}
.col-lg-4 {
  width: 33.33333333%;
}
.col-lg-3 {
  width: 25%;
}
.col-lg-2 {
  width: 16.66666667%;
}
.col-lg-1 {
  width: 8.33333333%;
}
.col-lg-pull-12 {
  right: 100%;
}
.col-lg-pull-11 {
  right: 91.66666667%;
}
.col-lg-pull-10 {
  right: 83.33333333%;
}
.col-lg-pull-9 {
  right: 75%;
}
.col-lg-pull-8 {
  right: 66.66666667%;
}
.col-lg-pull-7 {
  right: 58.33333333%;
}
.col-lg-pull-6 {
  right: 50%;
}
.col-lg-pull-5 {
  right: 41.66666667%;
}
.col-lg-pull-4 {
  right: 33.33333333%;
}
.col-lg-pull-3 {
  right: 25%;
}
.col-lg-pull-2 {
  right: 16.66666667%;
}
.col-lg-pull-1 {
  right: 8.33333333%;
}
.col-lg-pull-0 {
  right: auto;
}
.col-lg-push-12 {
  left: 100%;
}
.col-lg-push-11 {
  left: 91.66666667%;
}
.col-lg-push-10 {
  left: 83.33333333%;
}
.col-lg-push-9 {
  left: 75%;
}
.col-lg-push-8 {
  left: 66.66666667%;
}
.col-lg-push-7 {
  left: 58.33333333%;
}
.col-lg-push-6 {
  left: 50%;
}
.col-lg-push-5 {
  left: 41.66666667%;
}
.col-lg-push-4 {
  left: 33.33333333%;
}
.col-lg-push-3 {
  left: 25%;
}
.col-lg-push-2 {
  left: 16.66666667%;
}
.col-lg-push-1 {
  left: 8.33333333%;
}
.col-lg-push-0 {
  left: auto;
}
.col-lg-offset-12 {
  margin-left: 100%;
}
.col-lg-offset-11 {
  margin-left: 91.66666667%;
}
.col-lg-offset-10 {
  margin-left: 83.33333333%;
}
.col-lg-offset-9 {
  margin-left: 75%;
}
.col-lg-offset-8 {
  margin-left: 66.66666667%;
}
.col-lg-offset-7 {
  margin-left: 58.33333333%;
}
.col-lg-offset-6 {
  margin-left: 50%;
}
.col-lg-offset-5 {
  margin-left: 41.66666667%;
}
.col-lg-offset-4 {
  margin-left: 33.33333333%;
}
.col-lg-offset-3 {
  margin-left: 25%;
}
.col-lg-offset-2 {
  margin-left: 16.66666667%;
}
.col-lg-offset-1 {
  margin-left: 8.33333333%;
}
.col-lg-offset-0 {
  margin-left: 0;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.notMobilePullRight {
  float: none;
}
.portfolioOverview table {
  border: none;
  margin-left: 20px;
  margin-top: 10px;
  table-layout: fixed;
  width: 100%;
}
.portfolioOverview table tr td {
  text-align: left;
  padding: 5px 5px 0px 15px;
}
.portfolioOverview table tr td:first-child {
  text-align: left;
  padding: 5px 5px 0px 0px;
}
.nonValueCell {
  text-align: left !important;
}
.cashWithdrawalDetail table {
  border: none;
  margin-left: 0;
  margin-top: 10px;
  table-layout: fixed;
  width: 100%;
}
.cashWithdrawalDetail table tr td {
  text-align: left;
}
.cashWithdrawalDetail table tr td label {
  color: gray;
}
#recapDetail {
  display: none;
}
.wmoney-sumary-section > form > div {
  margin: 0 0 0.7em 0em;
}
.wmoney-sumary-header-section {
  display: flex;
  background-color: #F5F5F5;
  border-radius: 0.4em;
}
.wmoney-sumary-header-section > div {
  flex: 1;
  padding: 0.7em 0 0.5em 0.7em;
}
.wmoney-sumary-body-section {
  background-color: #F5F5F5;
  border-radius: 0.4em;
}
.wmoney-sumary-body-section > div {
  padding: 0.7em 0 0.5em 0.7em;
}
.wmoney-sumary-footer-section > .k-button {
  font-weight: bold;
  margin-top: 0.2em;
}
@media all and (max-width: 631px) {
  .wmoney-sumary-footer-section > .k-button {
    width: 100%;
    display: flex;
    height: 3em;
    margin-top: 1em;
    font-weight: bold;
  }
}
.redButton {
  background-color: #CB0033 !important;
  color: white !important;
  background-image: none !important;
}
.redButton:hover {
  background-color: #CB0033 !important;
  color: white !important;
  background-image: none !important;
}
.autoWidth {
  width: 100% !important;
}
.portfolioSelector {
  font-size: 12px;
}
.overviewHeader {
  padding-left: 0em;
  padding-right: 1em;
  border: 1px solid #d0d0d0;
  border-radius: 6px;
}
.portfolioDetail .k-grid td {
  text-align: right;
}
.portfolioDetail .k-grid-header th {
  text-align: right;
}
.clientTypeErrorMessage {
  text-align: center;
}
.overviewDetail table {
  border-radius: 0px 0px 0px 0px !important;
}
.overviewDetail table thead tr:first-child th:first-child {
  border-radius: 0px 0px 0px 0px !important;
}
.overviewDetail table thead tr:first-child th:last-child {
  border-radius: 0px 0px 0px 0px !important;
}
.gridDetail table {
  border-radius: 7px 7px 0px 0px !important;
}
.gridDetail table thead tr:first-child th:first-child {
  border-radius: 7px 0px 0px 0px !important;
}
.gridDetail table thead tr:first-child th:last-child {
  border-radius: 0px 7px 0px 0px !important;
}
/*.overviewDetail .k-detail-row .k-hierarchy-cell {
  border-bottom: 1px solid #CB0033;
}*/
.overviewDetail .k-grid th {
  white-space: normal;
  vertical-align: middle;
}
.overviewDetail .gridDetail table th {
  white-space: normal;
}
/*.overviewDetail .gridDetail table  {
  border:none;
}*/
.overviewDetail .k-detail-cell {
  padding: 8px 8px 0px 0px !important;
}
.overviewDetail .k-grid-header th.k-header > .k-link {
  padding: 5px 5px 5px 0px !important;
  line-height: 12px;
}
#moneyState table thead th {
  background-color: gray;
}
#moneyState table {
  border: 1px solid gray;
}
.k-grid-header th.k-header > .k-link {
  max-height: 35px;
}
.k-loading-mask {
  position: fixed;
}
.k-loading-mask .k-loading-image {
  background-image: url('/Content/kendo/Bootstrap/loading_2x.gif');
}
.k-window-titlebar {
  background-color: #cc0033;
}
#portfolio {
  position: relative;
}
.k-header.k-drag-clue {
  color: black;
}
.k-button.k-primary {
  background-color: #CB0033;
  color: white;
}
.k-window-title.k-dialog-title {
  color: black;
}
.k-radio:checked + .k-radio-label:after {
  width: 8px;
  height: 8px;
  border-color: #CB0033;
  background-color: white;
  border: 4px solid red;
  top: 0px;
  left: 0px;
}
.comments-disclaimer,
.commodities-disclaimer {
  border-color: #CB0033;
  border-width: 2px;
  border-style: solid;
  margin-top: 1em;
  padding: 0.5em;
}
.comments-disclaimer h2,
.commodities-disclaimer h2 {
  color: #CB0033;
}
.portfolioError {
  color: white;
  background-color: #CB0033;
  display: inline-block;
  padding: 10px;
  border-radius: 5px;
  /* Specifické CSS pro odkaz, který už byl navštíven */
}
.portfolioError > .invalid-mifid-msg > p,
.portfolioError > .invalid-lei-msg > p {
  /* CSS pro odkaz při najetí myši */
  /* CSS pro odkaz při aktivaci (např. kliknutí) */
}
.portfolioError > .invalid-mifid-msg > p a,
.portfolioError > .invalid-lei-msg > p a {
  color: black !important;
}
.portfolioError > .invalid-mifid-msg > p a:visited,
.portfolioError > .invalid-lei-msg > p a:visited {
  color: black !important;
}
.portfolioError > .invalid-mifid-msg > p a:hover,
.portfolioError > .invalid-lei-msg > p a:hover {
  color: black !important;
  /* Můžete změnit na jinou barvu nebo 'inherit' */
}
.portfolioError > .invalid-mifid-msg > p a:active,
.portfolioError > .invalid-lei-msg > p a:active {
  color: white !important;
  /* Můžete změnit na jinou barvu nebo 'inherit' */
}
.portfolioDropdownSelector {
  min-width: 120px;
  max-width: 150px;
}
.econfirmation-sign-button {
  width: 150px;
  margin-bottom: 10px;
}
.portfolioMenuArrow {
  background: transparent url(../images/sprites.png) -473px -794px no-repeat;
  flex: 1;
  height: 14px;
  padding-right: 30px;
}
.sansserif {
  font-family: Arial, Helvetica, sans-serif;
}
.filterHeader {
  display: flex;
  position: relative;
  height: 40px;
  border-radius: 7px 7px 0px 0px;
  background-color: darkgray;
  width: 100%;
}
#next:hover {
  background-color: #3c3536;
  color: white;
}
#filterArrow {
  color: inherit !important;
  font-size: 20px;
}
#filterDateArrow {
  color: inherit !important;
  margin-top: 2px;
  font-size: 20px;
}
.filterDateExpander {
  cursor: pointer;
}
.filterHeader .k-i-saturation {
  font-size: 20px;
  vertical-align: top;
}
#filterSender {
  color: white;
  background-color: #CB0033;
  background-image: none;
  border: 2px solid white;
}
.content-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.filterExpander {
  flex: 1;
  cursor: pointer;
  font-size: 16px;
  color: white !important;
  padding-right: 1%;
}
.filterExpander:hover {
  color: black !important;
}
.filterExpander > strong {
  padding-top: 0.7em;
  padding-bottom: 0.5em;
}
#portfolioEmpty {
  display: flex;
  text-align: center;
  justify-content: center;
}
#portfolioEmpty > div {
  padding-top: 5em;
  padding-bottom: 5em;
  color: lightgrey;
  font-size: 16px;
  font-weight: 900;
}
.dateButton {
  background-color: lightgray;
  width: 100%;
}
.dateButton .k-button {
  background-color: lightgray !important;
  border: none !important;
  background-image: none !important;
}
.dateButton .k-button:hover {
  background-color: lightgray !important;
  border: none !important;
  background-image: none !important;
}
.dateButton .k-button:focus {
  box-shadow: none !important;
}
#filterDetail {
  display: none;
  width: 100%;
  background-color: lightgray;
}
#filterDetail > div {
  display: flex;
}
#filterDetail > div > div {
  width: 20%;
  display: flex;
  align-items: flex-end;
  white-space: nowrap;
}
#filterDetail > div > div > div {
  padding: 8%;
  flex: 1;
}
#filterDetail > div > div:first-child > div {
  padding-left: 13%;
}
#filterDetail > div > div > div .k-widget {
  width: 100%;
}
#filterDetail > div > div:last-child {
  margin-left: auto;
}
#filterDatePicker {
  display: none;
  position: relative;
  background-color: #dfdfdf;
}
#filterDatePicker > div {
  display: flex;
  flex: 1;
}
#filterDatePicker > div > div {
  width: 20%;
  display: flex;
  white-space: nowrap;
}
#filterDatePicker > div > div:last-child {
  text-align: right;
}
#filterDatePicker > div > div > div {
  padding: 8%;
  flex: 1;
}
#filterDatePicker > div > div:first-child > div {
  padding-left: 13%;
}
#filterDatePicker > div > div:last-child > div {
  flex: 1;
  padding-top: 16%;
}
#quickDatePicker > div {
  flex: 1;
}
#quickDatePicker > div > div > div {
  padding-top: 1em;
}
#closeDateFilter {
  border: 2px solid white;
  border-radius: 3px;
  background-color: darkgray;
  cursor: pointer;
  padding: 5px;
  width: 48px;
  display: inline-block;
}
.fieldlist {
  list-style-type: none;
  margin: 0 0 -1em;
  padding: 0;
}
.fieldlist li {
  list-style: none;
  padding-bottom: 1em;
}
.bold {
  font-weight: bold;
}
#overlay {
  position: absolute;
  height: auto;
  width: auto;
  z-index: 10;
  background: #000;
  opacity: 0.6;
  text-align: center;
  color: red;
  padding-top: 110px;
  padding-bottom: 50px;
  font-size: 25px;
  min-height: 200px;
}
.final-val-msg-wrap {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: center;
  padding: 2em;
  font-size: 1.5rem;
}
.final-val-msg-wrap.valid {
  border: 0.2em solid #0eaf0e;
}
.final-val-msg-wrap.valid > .final-val-msg-title {
  font-weight: bold;
  color: #0eaf0e;
}
.final-val-msg-wrap.invalid {
  border: 0.2em solid #CB0033;
}
.final-val-msg-wrap button:last-child {
  margin-top: 1em;
}
#orderMessage {
  border-radius: 5px;
  padding: 10px;
  margin-top: 10px;
}
.orderMessageValidated {
  background-color: rgba(0, 136, 0, 0.36862745);
}
.orderMessageNotValidated {
  background-color: rgba(185, 120, 0, 0.34901961);
}
.orderMessageValidationError {
  background-color: rgba(185, 0, 0, 0.4);
}
.cashFlowAmountColumnFormat {
  padding-right: 223px !important;
}
.tradedAmountColumn {
  background-color: rgba(169, 169, 169, 0.45);
}
.quickDateColumn {
  width: 18%;
}
.pledgedComodityColumn {
  padding-right: 170px !important;
}
.pledgedComodityColumnHeader span {
  padding-right: 170px !important;
}
.cashWithdrawalDetail .k-state-disabled:not(button) {
  background-color: #f7f7f7 !important;
}
.cashWithdrawalDetail .k-state-disabled input {
  background-color: #f7f7f7 !important;
}
.cashWithdrawalDetail .k-state-disabled :hover {
  background-color: #f7f7f7 !important;
}
.valuationDateSection {
  width: 20%;
  padding-bottom: 1vw;
}
.contatNumberIcon {
  position: relative;
  top: 2px;
}
.opo-menu-section-padding {
  padding-bottom: 1em;
  padding-top: 1.5em;
}
.numberOfNewStatements {
  vertical-align: super;
}
#statementsDetail > div {
  justify-content: center;
}
table#statementsTable {
  width: 100% !important;
}
#statementsTable tbody tr:nth-child(2n) {
  background: none repeat scroll 0 0 #EFEDED;
}
#statementsTable tbody tr:hover {
  background: none repeat scroll 0 0 #f7d9e1;
}
#load-next-instruments-section {
  display: flex;
}
#load-next-instruments {
  flex: 1;
  border: 1px solid white;
  border-radius: 5px;
  color: white;
  font-weight: 800;
  background-color: #e0e0e0;
  line-height: 1.5;
}
.invalid-border {
  border: 2px solid #CB0033;
}
.display-inline-grid {
  display: inline-grid !important;
}
.portfolio-wrapper {
  flex: 1;
}
/**************************
FxConversion
**************************/
#currency-conversion-content ul li {
  all: unset;
}
#currency-conversion-content .amountToSellInputMessage {
  color: #CC0033;
}
#currency-conversion-content p {
  margin-right: 0.5em;
  margin-bottom: unset;
  align-self: center;
}
#currency-conversion-content i {
  align-self: center;
  margin-bottom: 1em;
}
#currency-conversion-content .mo-con-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: min-content;
}
#currency-conversion-content .mo-con-item1,
#currency-conversion-content .mo-con-item8,
#currency-conversion-content .mo-con-item9 {
  grid-column-start: 1;
  grid-column-end: -1;
  padding: 1em 0em 1em 0em;
}
#currency-conversion-content .mo-con-item9 {
  text-align: center;
}
#currency-conversion-content .mo-con-item2 > label,
#currency-conversion-content .mo-con-item3 > label,
#currency-conversion-content .mo-con-item4 > label,
#currency-conversion-content .mo-con-item5 > label,
#currency-conversion-content .mo-con-item6 > label,
#currency-conversion-content .mo-con-item7 > label {
  display: flex;
  align-self: center;
}
#currency-conversion-content .mo-con-item2,
#currency-conversion-content .mo-con-item3,
#currency-conversion-content .mo-con-item4,
#currency-conversion-content .mo-con-item5,
#currency-conversion-content .mo-con-item6,
#currency-conversion-content .mo-con-item7 {
  background-color: #F5F5F5;
  padding: 1em;
}
#currency-conversion-content .mo-con-summ-grid {
  display: grid;
  grid-column: 1 fr;
  grid-gap: 1em;
  flex: 1;
  grid-auto-rows: min-content;
}
#currency-conversion-content .mo-con-summ-item2,
#currency-conversion-content .mo-con-summ-item3 {
  background-color: #F5F5F5;
  border-radius: 0.4em;
  padding: 1em;
}
#currency-conversion-content .mo-con-summ-item2 div,
#currency-conversion-content .mo-con-summ-item3 div {
  padding: 0.5em;
}
#currency-conversion-content .mo-con-summ-item2 .label,
#currency-conversion-content .mo-con-summ-item3 .label {
  display: flex;
}
#currency-conversion-content .mo-con-summ-item4 {
  white-space: nowrap;
}
#currency-conversion-content .k-widget {
  width: 75%;
}
@media all and (max-width: 631px) {
  #currency-conversion-content .k-button {
    width: 100%;
    display: flex;
    height: 3em;
    margin-top: 1em;
    font-weight: bold;
  }
  #currency-conversion-content p {
    margin-bottom: unset;
  }
  #currency-conversion-content #mo-con-continue {
    width: 100%;
    height: 3em;
  }
  #currency-conversion-content .k-widget {
    width: 100%;
  }
  #currency-conversion-content .mo-con-grid {
    grid-template-columns: 1fr 1fr;
  }
  #currency-conversion-content .mo-con-item4 {
    grid-row: 3;
  }
  #currency-conversion-content .mo-con-item3,
  #currency-conversion-content .mo-con-item4,
  #currency-conversion-content .mo-con-item6,
  #currency-conversion-content .mo-con-item7 {
    display: flex;
    grid-column-start: 1;
    grid-column-end: -1;
    gap: 2em;
  }
  #currency-conversion-content .mo-con-item3 > *,
  #currency-conversion-content .mo-con-item4 > *,
  #currency-conversion-content .mo-con-item6 > *,
  #currency-conversion-content .mo-con-item7 > * {
    flex: 1;
  }
  #currency-conversion-content .mo-con-item5 {
    grid-column: 2;
    grid-row: 2;
  }
}
#currency-conversion-content .label {
  font-weight: 800;
}
#currency-conversion-content .messages-header-section span {
  display: flex;
}
#currency-conversion-content .amount-to-buy-section > div,
#currency-conversion-content .exchange-rate-section > div,
#currency-conversion-content .available-balance-section > div {
  display: flex;
}
#currency-conversion-content .amount-to-buy-section > div:nth-child(2),
#currency-conversion-content .exchange-rate-section > div:nth-child(2),
#currency-conversion-content .available-balance-section > div:nth-child(2) {
  white-space: nowrap;
}
/**************************
Trading Order New Template
**************************/
article#trading-order .grid-col-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
article#trading-order p {
  all: unset;
  display: block;
}
article#trading-order > section {
  /*Layout for trading-order-form*/
  /*Layout for trading-order-summary*/
}
article#trading-order > section#trading-order-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
}
article#trading-order > section#trading-order-form > section {
  background-color: #F5F5F5;
  padding: 1em;
  border-radius: 7px;
  /*Layout for "section market-price"*/
  /*Layout for "section form-filling"*/
  /*Layout for "section holdings"*/
}
article#trading-order > section#trading-order-form > section#form-full-text-search {
  grid-column-start: 1;
  grid-column-end: -1;
  text-align: center;
  font-size: 1.3rem;
}
article#trading-order > section#trading-order-form > section#form-continue-btn,
article#trading-order > section#trading-order-form > section#form-sell-buy-btn,
article#trading-order > section#trading-order-form > section#form-price-provider {
  grid-column-start: 1;
  grid-column-end: -1;
  justify-content: center;
  text-align: center;
  background-color: unset;
}
article#trading-order > section#trading-order-form > section#form-price-provider {
  padding: 0;
}
article#trading-order > section#trading-order-form > section#form-market-name {
  align-items: center;
  display: flex;
}
article#trading-order > section#trading-order-form > section#form-market-name > div {
  flex: 1;
}
article#trading-order > section#trading-order-form > section#form-market-price {
  display: flex;
}
article#trading-order > section#trading-order-form > section#form-market-price > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
}
article#trading-order > section#trading-order-form > section#form-market-price > div > div:nth-child(1),
article#trading-order > section#trading-order-form > section#form-market-price > div > div:nth-child(3),
article#trading-order > section#trading-order-form > section#form-market-price > div > div:nth-child(4) {
  display: grid;
  align-items: center;
}
article#trading-order > section#trading-order-form > section#form-market-price > div > div:nth-child(2) {
  display: flex;
  align-items: center;
}
article#trading-order > section#trading-order-form > section#form-market-price > div > div:nth-child(2) > div:first-child {
  flex: 0.8;
  text-align: right;
  margin-right: 1em;
}
article#trading-order > section#trading-order-form > section#form-market-price > div > div:nth-child(2) > *:last-child {
  flex: 0.2;
}
article#trading-order > section#trading-order-form > section#form-market-price > div > div:nth-child(3),
article#trading-order > section#trading-order-form > section#form-market-price > div > div:nth-child(4) {
  padding-top: 1em;
}
article#trading-order > section#trading-order-form > section#form-market-price > div > div:nth-child(5) {
  grid-column-start: 1;
  grid-column-end: -1;
  display: grid;
  justify-content: center;
  text-align: center;
  align-items: center;
}
article#trading-order > section#trading-order-form > section#form-market-price > div > div:nth-child(5) p {
  align-items: center;
}
article#trading-order > section#trading-order-form > section#form-filling {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
article#trading-order > section#trading-order-form > section#form-filling > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  grid-gap: 1em;
  align-items: center;
  height: fit-content;
}
article#trading-order > section#trading-order-form > section#form-filling > div .filling-full-col {
  grid-column-start: 1;
  grid-column-end: -1;
}
article#trading-order > section#trading-order-form > section#form-filling > div .filling-first-col {
  grid-column: 1;
}
article#trading-order > section#trading-order-form > section#form-filling > div .filling-second-col {
  grid-column: 2;
}
article#trading-order > section#trading-order-form > section#form-holdings {
  display: flex;
}
article#trading-order > section#trading-order-form > section#form-holdings > div {
  flex: 1;
  display: grid;
  gap: 1em;
}
article#trading-order > section#trading-order-form > section#form-holdings > div > div:first-child {
  text-align: center;
}
article#trading-order > section#trading-order-form > section#form-holdings > div > .invested > div {
  border: 1px solid #ccc;
  margin-top: 1em;
  padding: 1em;
}
article#trading-order > section#trading-order-form > section#form-holdings > div > .invested > div > div {
  display: flex;
  justify-content: space-between;
}
article#trading-order > section#trading-order-form > section#form-holdings > div > .available-money-balance {
  display: flex;
  align-items: end;
}
article#trading-order > section#trading-order-form > section#form-holdings > div > .available-money-balance > div {
  flex: 1;
}
article#trading-order > section#trading-order-form > section#form-holdings > div > .available-money-balance > div > div {
  border: 1px solid #ccc;
  margin-top: 1em;
  padding: 1em;
  display: flex;
  justify-content: space-between;
}
article#trading-order > section#trading-order-summary form fieldset:first-of-type,
article#trading-order > section#trading-order-summary form fieldset:last-of-type {
  margin-top: 1em;
}
article#trading-order > section#trading-order-summary form fieldset > p {
  padding-bottom: 1em;
}
article#trading-order > section#trading-order-summary form fieldset > div > div {
  margin-top: 1em;
  padding-bottom: 1em;
}
article#trading-order > section#trading-order-summary form fieldset#summary-header {
  background-color: unset;
  text-align: center;
}
article#trading-order > section#trading-order-summary form fieldset#summary-header > * {
  display: block;
}
article#trading-order > section#trading-order-summary form fieldset#summary-body {
  display: flex;
  background-color: #F5F5F5;
  justify-content: center;
  border-radius: 7px;
}
article#trading-order > section#trading-order-summary form fieldset#summary-body > div {
  flex: 0.5;
}
article#trading-order > section#trading-order-summary form fieldset#summary-body > div > div > div {
  display: flex;
}
article#trading-order > section#trading-order-summary form fieldset#summary-body > div > div > div > output:first-of-type {
  margin-left: auto;
}
article#trading-order > section#trading-order-summary form fieldset#summary-body > div > div:nth-child(1),
article#trading-order > section#trading-order-summary form fieldset#summary-body > div > div:nth-child(2) {
  border-bottom: 0.1em solid black;
}
article#trading-order > section#trading-order-summary form fieldset#summary-btn {
  display: flex;
  justify-content: center;
}
article#trading-order > section#trading-order-summary form fieldset#summary-btn > div {
  display: flex;
  justify-content: space-around;
  flex: 0.5;
}
@media all and (max-width: 631px) {
  article#trading-order > section#trading-order-summary form fieldset#summary-btn > div {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  article#trading-order > section#trading-order-summary form fieldset#summary-btn > div button:first-child {
    margin-top: 1em;
    order: 2;
  }
}
@media all and (max-width: 631px) {
  article#trading-order section#trading-order-form > section {
    grid-column-start: 1;
    grid-column-end: -1;
  }
  article#trading-order section#form-continue-btn {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/**************************
Full-Text Search
**************************/
.ft-search-component {
  /* When the dropdown is visible */
}
.ft-search-component .ft-search-dropdown ul {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
  /* Animation effect for 0.5 seconds */
}
.ft-search-component .visible {
  visibility: visible !important;
  opacity: 1 !important;
}
.ft-search-component .ft-search-input {
  display: flex;
  background-color: white;
  align-items: center;
  line-height: 2.6em;
  border: 0.15em solid black;
  box-shadow: unset;
  transition: box-shadow 0.5s;
  border-radius: 5px;
}
.ft-search-component .ft-search-input:focus-within {
  box-shadow: 0px 2px 13px 2px #545454;
}
.ft-search-component .ft-search-input > input {
  all: unset;
  background-color: white;
  flex: 1;
  text-align: left;
  text-indent: 0.8em;
  border-radius: 5px;
}
.ft-search-component .ft-search-input > .loading-icon {
  flex: 0.05;
  min-width: 2em;
  display: flex;
  align-items: center;
}
.ft-search-component .ft-search-dropdown {
  position: relative;
}
.ft-search-component .ft-search-dropdown > ul {
  width: 100%;
  /* stretches the ul to the full width of its parent */
  box-sizing: border-box;
  /*makes sure padding and border are included in total width */
  position: absolute;
  line-height: 1.5em;
  list-style-type: none;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ft-search-component .ft-search-dropdown > ul li {
  box-shadow: 5px 7px 19px -2px #545454;
  background-color: white;
  border-left: 0.1em solid #5a9bd3;
  border-right: 0.1em solid #5a9bd3;
  border-bottom: 0.1em solid #5a9bd3;
  border-radius: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  text-indent: 0.8em;
  cursor: pointer;
  transition: background-color 0.3s;
  white-space: nowrap;
}
.ft-search-component .ft-search-dropdown > ul li:hover {
  background-color: #f5f5f5;
}
.ft-search-component .ft-search-dropdown > ul li > div {
  display: block;
  overflow: hidden;
}
.ft-search-component .ft-search-dropdown > ul li > div > span {
  text-overflow: ellipsis;
}
.ft-search-component .ft-search-dropdown > ul li > div > div {
  text-overflow: ellipsis;
  overflow: hidden;
}
.ft-search-component .ft-search-dropdown > ul li span:last-child {
  margin-right: 2em;
}
.ft-search-component .ft-search-selected {
  background-color: white;
  display: flex;
  align-items: center;
  border: 0.15em solid black;
  cursor: pointer;
  text-indent: 0.8em;
  padding-right: 0.8em;
  border-radius: 5px;
}
.ft-search-component .ft-search-selected span {
  line-height: 2.6em;
}
.ft-search-component .ft-search-selected span:nth-child(2) {
  margin-left: auto;
}
@media all and (max-width: 631px) {
  .ft-search-component .ft-search-selected {
    display: grid;
    grid-template-columns: minmax(auto, auto) minmax(auto, auto);
    justify-content: space-between;
    overflow: hidden;
    /* Přidejte, pokud chcete zabránit přetečení gridu */
    padding-left: 0.8em;
    padding-right: 0.8em;
    text-indent: unset;
  }
  .ft-search-component .ft-search-selected span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5em;
  }
  .ft-search-component .ft-search-selected span:nth-child(1),
  .ft-search-component .ft-search-selected span:nth-child(3) {
    text-align: left;
  }
  .ft-search-component .ft-search-selected span:nth-child(2),
  .ft-search-component .ft-search-selected span:nth-child(4) {
    text-align: right;
  }
  .ft-search-component .ft-search-selected span:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .ft-search-component .ft-search-selected span:nth-child(2) {
    grid-column: 2;
    grid-row: 2;
  }
  .ft-search-component .ft-search-selected span:nth-child(3) {
    grid-column: 1;
    grid-row: 2;
  }
  .ft-search-component .ft-search-selected span:nth-child(4) {
    grid-column: 2;
    grid-row: 1;
  }
}
/**************************
Market Section
**************************/
.market-section-component {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
}
.market-section-component .market-logo {
  margin-right: 1em;
  width: 8em;
  display: flex;
}
.market-section-component .market-logo img {
  width: 100%;
  height: auto;
}
.market-section-component > div .market-name {
  font-weight: bold !important;
}
/**************************
Price Section
**************************/
.price-section-component {
  min-height: 5.5em;
}
.price-section-component .main-price {
  font-size: 2rem;
  font-weight: bold;
  white-space: nowrap;
}
.price-section-component .main-price.obligation {
  font-size: 1.5rem;
  font-weight: bold;
}
.price-section-component .priceSecondaryFont {
  white-space: nowrap;
  font-size: 1.2rem !important;
  font-weight: normal !important;
}
.price-section-component .bid-ask-price {
  font-size: 1.3rem;
  font-weight: bold;
}
.price-section-component .bid-ask-unit {
  margin-right: 0.5em;
}
#trading-order-form .message-wrapper > ul,
#trading-order-summary .message-wrapper > ul {
  list-style-type: none;
}
#trading-order-form .message-wrapper > ul > li,
#trading-order-summary .message-wrapper > ul > li {
  font-size: 1.2rem;
  border: 0.15rem solid #CB0033;
  margin: 1em 0em;
  padding: 1em 1em 1em 1em;
}
#trading-order-form .message-wrapper > ul > li > .invalid-mifid-msg > p,
#trading-order-summary .message-wrapper > ul > li > .invalid-mifid-msg > p,
#trading-order-form .message-wrapper > ul > li > .invalid-lei-msg > p,
#trading-order-summary .message-wrapper > ul > li > .invalid-lei-msg > p {
  margin-bottom: 1em !important;
}
#trading-order-form .message-wrapper > ul > li > .invalid-mifid-msg > p:last-child,
#trading-order-summary .message-wrapper > ul > li > .invalid-mifid-msg > p:last-child,
#trading-order-form .message-wrapper > ul > li > .invalid-lei-msg > p:last-child,
#trading-order-summary .message-wrapper > ul > li > .invalid-lei-msg > p:last-child {
  margin-bottom: 0 !important;
}
#trading-order-form .message-wrapper > ul > li > .invalid-mifid-msg > p:first-child,
#trading-order-summary .message-wrapper > ul > li > .invalid-mifid-msg > p:first-child,
#trading-order-form .message-wrapper > ul > li > .invalid-lei-msg > p:first-child,
#trading-order-summary .message-wrapper > ul > li > .invalid-lei-msg > p:first-child {
  color: #CB0033 !important;
}
#trading-order-form .message-wrapper > ul .message-wrapper:empty,
#trading-order-summary .message-wrapper > ul .message-wrapper:empty {
  display: none;
}
.section-label {
  text-transform: uppercase;
  font-family: Calibri, sans-serif;
  font-weight: 800;
  color: gray;
}
/**************************
Filling Section
**************************/
.filling-section-component {
  /* Základní reset pro radio button */
}
.filling-section-component input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.25em;
  height: 1.25em;
  border: 4px solid #ccc;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: border-color 0.6s ease;
}
.filling-section-component hr {
  border-top: 1px solid #ccc;
  /* Nastaví horní okraj na 2px a určí barvu */
  border-bottom: none;
  /* Zruší spodní okraj */
}
.filling-section-component input[type='radio']:checked {
  border-color: red;
}
.filling-section-component input[type='radio']:disabled {
  background-color: #F5F5F5;
  cursor: default;
}
.filling-section-component label {
  cursor: pointer;
  vertical-align: super;
}
.filling-section-component input[type='radio']:disabled + label {
  cursor: default;
}
.filling-section-component .align-self-baseline {
  align-self: baseline;
}
.filling-section-component .flex-stretch {
  display: flex;
}
.filling-section-component .flex-stretch > * {
  flex: 1;
}
.filling-section-component .quantity-inp {
  display: flex;
}
.filling-section-component .quantity-inp > * {
  flex: 1;
}
.filling-section-component .quantity-inp > * input {
  text-align: right !important;
  padding-right: 0.5em;
}
.filling-section-component .quantity-inp > * .k-i-warning {
  display: none !important;
}
.filling-section-component .strategy-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.filling-section-component .strategy-btn > div {
  display: flex;
}
.filling-section-component .strategy-btn > div > * {
  margin-right: 0.5em;
}
.filling-section-component .strategy-btn > div:first-child {
  align-items: center;
  margin-right: 2em;
}
.filling-section-component .strategy-btn > div:last-child {
  align-items: center;
  margin-left: 2em;
}
.filling-section-component .custom-tooltip-wrapper {
  display: flex;
  align-items: center;
}
.filling-section-component .price-inp {
  background-color: white;
  border-radius: 4px;
  border: 1px solid #ccc;
  align-items: center;
  display: flex;
}
.filling-section-component .price-inp .price-inp-val {
  padding-right: 0.5em;
}
.filling-section-component .price-inp .price-inp-val .k-i-warning {
  display: none !important;
}
.filling-section-component .price-inp .price-inp-unit {
  padding-right: 0.5em;
}
.filling-section-component .price-inp .k-numeric-wrap {
  border: none;
}
.filling-section-component .price-inp .k-state-focused {
  box-shadow: none !important;
}
.filling-section-component .price-inp input {
  box-shadow: none !important;
  text-align: right !important;
}
.filling-section-component .price-inp:focus-within {
  background-color: #fff;
  border-color: #76abd9;
  box-shadow: 0 0 7px 0 #76abd9;
}
.filling-section-component .k-datepicker input {
  text-align: right;
  padding-right: 0.5em;
}
/**************************
Provider name disclaimer
**************************/
.provider-name-disclaimer-component * {
  font-family: Calibri, sans-serif;
  color: gray;
}
@media all and (max-width: 631px) {
  .continue-btn-component button {
    width: 100%;
  }
}
/**************************
Tr Order Summary Section
**************************/
#summary-header .direction {
  font-weight: bold;
  font-size: 1.2rem;
  padding-bottom: 0.5em !important;
}
#summary-header .direction.sell {
  color: #CB0033;
}
#summary-header .direction.buy {
  color: #0eaf0e;
}
#summary-header .instrument-name {
  font-weight: bold;
  font-size: 1.5rem;
  padding-bottom: 0.5em;
}
#summary-body .unit {
  margin-left: 0.3em;
}
/**************************
        Icons
**************************/
.price-icon {
  position: relative;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  background-size: contain;
  background-repeat: no-repeat;
  /* Pokud chcete, aby se obrázek neopakoval */
  object-fit: contain;
  /* Zachová poměr stran obrazu */
  vertical-align: middle;
  margin-left: 0.5em;
}
.price-icon.actual {
  background-image: url(Images/Icons/ActualPriceIcon.svg);
}
.price-icon.old {
  background-image: url(Images/Icons/ExclamationMarkIcon.svg);
}
.refresh-icon {
  cursor: pointer;
}
/**************************
        Animations
**************************/
/*Rotating START
****************/
.rotating {
  animation: rotate 1s linear infinite;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*Rotating END
****************/
/*Skeleton START
****************/
@keyframes skeleton-loading {
  0% {
    border: 0.1em solid hsl(0, 0%, 80%);
    background-color: hsl(0, 0%, 80%);
  }
  100% {
    border: 0.1em solid hsl(0, 0%, 95%);
    background-color: hsl(0, 0%, 95%);
  }
}
@keyframes skeleton-border-loading {
  0% {
    border: 0.15em solid hsl(0, 0%, 80%);
  }
  100% {
    border: 0.15em solid hsl(0, 0%, 95%);
  }
}
.skeleton-border {
  animation: skeleton-border-loading 1s linear infinite alternate;
}
.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
}
.skeleton.skl-txt {
  height: 0.75em;
  width: 80%;
  flex: 0.8;
  border-radius: 0.5em;
  margin-bottom: 0.25em;
  margin-right: 0.5em;
  vertical-align: bottom;
}
.skeleton.skl-txt:last-child {
  margin-bottom: 0em;
}
.skeleton.skl-txt.skl-txt-w-15 {
  width: 15% !important;
  flex: 0.15 !important;
}
.skeleton.skl-txt.skl-txt-w-20 {
  width: 20% !important;
  flex: 0.2 !important;
}
.skeleton.skl-txt.skl-txt-w-30 {
  width: 30% !important;
  flex: 0.3 !important;
}
.skeleton.skl-txt.skl-txt-w-40 {
  width: 40% !important;
  flex: 0.4 !important;
}
.skeleton.skl-txt.skl-txt-w-50 {
  width: 50% !important;
  flex: 0.5 !important;
}
.skeleton.skl-txt.skl-txt-w-60 {
  width: 60% !important;
  flex: 0.6 !important;
}
.skeleton.skl-txt.skl-txt-w-100 {
  width: 100% !important;
  flex: 1 !important;
}
.skeleton.skl-txt.skl-txt-h-2 {
  height: 1.75em;
  margin-bottom: 0.25em;
}
.skeleton.skl-txt.skl-txt-h-3 {
  height: 2.75em;
  margin-bottom: 0.25em;
}
.skeleton.skl-txt.skl-txt-inline {
  display: inline-block;
  margin-bottom: 0;
}
.skeleton.skl-txt.skl-txt-align-r {
  float: right;
  justify-items: right;
}
.skeleton.skl-txt.skl-txt-align-c {
  margin: auto;
}
.skeleton.skl-txt.skl-txt-margin-clr {
  margin: 0 !important;
}
.skeleton.skl-txt.skl-circle {
  height: 1em;
  width: 1em !important;
  border-radius: 50%;
}
.skeleton.skl-txt.skl-padding-clr {
  padding: 0 !important;
}
.skeleton.skl-line-h {
  height: 0.01em;
  width: 100%;
  flex: 1;
  margin-right: 0.5em;
}
.skeleton.skl-icon-refresh {
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 1/1;
  /* Poměr stran 1:1 */
  border-radius: 50%;
}
.skeleton.skl-btn-direction {
  border-radius: 0.4em;
  width: 6em;
  height: 3em;
  display: inline-block;
}
/*Skeleton END
****************/
/*FadeBack START
****************/
@keyframes fadeBack {
  from {
    color: #0eaf0e;
  }
  to {
    color: initial;
  }
}
.startChange {
  color: #0eaf0e;
}
.animateChange {
  animation-name: fadeBack;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
/*FadeBack END
****************/
/**************************
        Buttons
**************************/
.direction-btn-container {
  padding-top: 1em;
}
.direction-btn-container .direction-btn {
  font-weight: bold;
  width: 6em;
  height: 3em;
  cursor: pointer;
  outline: none;
  transition: background-color 0.4s;
  margin: 0;
  color: #fff;
  border: 0.1em solid #ccc;
}
.direction-btn-container .direction-btn.sell.active,
.direction-btn-container .direction-btn.buy.active {
  background-image: unset;
}
.direction-btn-container .direction-btn.sell.initial,
.direction-btn-container .direction-btn.buy.initial {
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
}
.direction-btn-container .direction-btn.sell.inactive,
.direction-btn-container .direction-btn.buy.inactive {
  background-image: unset;
  color: #e00000;
  background-color: #fff;
}
.direction-btn-container .direction-btn.sell.disabled,
.direction-btn-container .direction-btn.buy.disabled {
  cursor: unset;
  background-color: white;
  background-image: unset;
  border: 0.1em solid #ccc;
  color: #a1a1a1;
}
.direction-btn-container .direction-btn.buy {
  background-color: #0eaf0e;
  border-color: #0eaf0e;
  border-radius: 0.4em 0 0 0.4em;
}
.direction-btn-container .direction-btn.buy.inactive {
  color: #0eaf0e;
}
.direction-btn-container .direction-btn.sell {
  background-color: #e00000;
  border-color: #e00000;
  border-radius: 0 0.4em 0.4em 0;
}
.direction-btn-container .direction-btn.sell.inactive {
  color: #e00000;
}
.opo-dialog {
  border: 0.15em solid #CB0033 !important;
  box-shadow: -1px 8px 35px -9px black;
  width: unset !important;
  max-width: 40em;
}
.opo-dialog + div.ui-widget-overlay {
  background: #e1e1e1 !important;
}
.opo-dialog .ui-dialog-content {
  padding: 3em 2em;
  font-size: 1.3rem !important;
  text-align: center;
}
div.insufficient-balance-msg > *:first-child {
  font-size: 1.5rem !important;
  color: #CB0033 !important;
  font-weight: bold !important;
  margin-bottom: 2em;
}
div.insufficient-balance-msg > div {
  font-size: 1.3rem !important;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
div.insufficient-balance-msg > div > p:first-child {
  margin-bottom: 2em;
}
div.insufficient-balance-msg > div > p:nth-child(1n) {
  text-align: left !important;
}
div.insufficient-balance-msg > div > p:nth-child(2n) {
  text-align: right !important;
}
div.lombard-msg > *:first-child {
  font-size: 1.5rem !important;
  color: #CB0033 !important;
  font-weight: bold !important;
  margin-bottom: 2em;
}
.h3-font-portfolio {
  font-size: 100%;
  font-family: Calibri, sans-serif;
  font-weight: 800;
  color: gray;
  text-transform: uppercase;
}
.normal-font-portfolio {
  font-size: 120%;
  font-family: Calibri, sans-serif;
}
.italic-font-portfolio {
  font-size: 100%;
  font-family: Calibri, sans-serif;
  font-style: italic;
  color: gray;
}
.h4-font-portfolio {
  font-size: 100%;
  font-family: Calibri, sans-serif;
  font-weight: 800;
  color: gray;
}
.font-summary-direction {
  font-size: 130%;
  font-family: Calibri, sans-serif;
  font-weight: bold;
  color: #0eaf0e;
  text-transform: uppercase;
}
.font-summary-subject {
  font-size: 110%;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}
.uppercase {
  text-transform: uppercase;
}
.button-trade-direction {
  text-transform: uppercase;
  color: white !important;
  font-size: 120%;
  font-family: Calibri, sans-serif;
  font-weight: 600;
  padding: 0.5em 2em;
}
.button-trade-direction-buy {
  text-transform: uppercase;
  color: white !important;
  font-size: 120%;
  font-family: Calibri, sans-serif;
  font-weight: 600;
  padding: 0.5em 2em;
  border-radius: 0.4em 0 0 0.4em;
  background-color: #0eaf0e !important;
}
.button-trade-direction-sell {
  text-transform: uppercase;
  color: white !important;
  font-size: 120%;
  font-family: Calibri, sans-serif;
  font-weight: 600;
  padding: 0.5em 2em;
  border-radius: 0 0.4em 0.4em 0;
  background-color: #CB0033 !important;
}
.button-trade-direction-buy-inactive {
  text-transform: uppercase;
  color: white !important;
  font-size: 120%;
  font-family: Calibri, sans-serif;
  font-weight: 600;
  padding: 0.5em 2em;
  border-radius: 0.4em 0 0 0.4em;
  color: #0eaf0e !important;
  background-color: white !important;
  border: solid;
  border-width: 0.05em;
  border-color: #0eaf0e;
}
.button-trade-direction-sell-inactive {
  text-transform: uppercase;
  color: white !important;
  font-size: 120%;
  font-family: Calibri, sans-serif;
  font-weight: 600;
  padding: 0.5em 2em;
  border-radius: 0 0.4em 0.4em 0;
  color: #CB0033 !important;
  background-color: white !important;
  border: solid;
  border-width: 0.05em;
  border-color: #CB0033;
}
/*----------------------------------------------------------------------------------------*/
.section_selector .k-button-group {
  display: inline;
}
.button-transaction-type {
  line-height: 1em;
  color: black !important;
  background-color: white !important;
  border: solid;
  border-width: 0.05em;
  border-color: black;
  font-size: 120%;
  font-family: Calibri, sans-serif;
  font-weight: 600;
  padding: 0.5em 2em;
}
.button-transaction-type-active {
  text-transform: uppercase;
  line-height: 1em;
  color: white !important;
  font-size: 120%;
  font-family: Calibri, sans-serif;
  font-weight: 600;
  padding: 0.5em 2em;
  background-color: black !important;
}
.button-transaction-type-active:after {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid black;
  content: " ";
  position: absolute;
  bottom: -14px;
  left: 39%;
}
/*----------------------------------------------------------------------------------------*/
.button-default {
  position: relative;
  cursor: pointer;
  text-align: center;
  color: white;
  font-size: 1.3rem;
  background-color: white;
  padding: 0.5em 5% 0.5em 5%;
  font-family: Calibri, sans-serif;
  display: inline-block;
  font-weight: bold;
  background-image: none;
  overflow: hidden;
  transition: filter 0.1s;
  border-radius: 0.4em;
}
.button-sell {
  position: relative;
  cursor: pointer;
  text-align: center;
  color: white;
  font-size: 1.3rem;
  background-color: white;
  padding: 0.5em 5% 0.5em 5%;
  font-family: Calibri, sans-serif;
  display: inline-block;
  font-weight: bold;
  background-image: none;
  overflow: hidden;
  transition: filter 0.1s;
  border-radius: 0.4em;
  width: 50% !important;
  background-color: #CB0033;
  color: white !important;
}
.button-sell:hover {
  background-color: #CB0033 !important;
  color: white !important;
}
.button-buy {
  position: relative;
  cursor: pointer;
  text-align: center;
  color: white;
  font-size: 1.3rem;
  background-color: white;
  padding: 0.5em 5% 0.5em 5%;
  font-family: Calibri, sans-serif;
  display: inline-block;
  font-weight: bold;
  background-image: none;
  overflow: hidden;
  transition: filter 0.1s;
  border-radius: 0.4em;
  background-color: #0eaf0e;
  width: 50% !important;
  color: white !important;
}
.button-buy:hover {
  background-color: #0eaf0e !important;
  color: white !important;
}
.button-primar {
  position: relative;
  cursor: pointer;
  text-align: center;
  color: white;
  font-size: 1.3rem;
  background-color: white;
  padding: 0.5em 5% 0.5em 5%;
  font-family: Calibri, sans-serif;
  display: inline-block;
  font-weight: bold;
  overflow: hidden;
  transition: filter 0.1s;
  border-radius: 0.4em;
  border: 1px solid #ccc;
  background-color: #e00000;
  background-image: none;
  padding: 0.2em 1.5em 0.2em 1.5em;
}
.button-primar.k-button:hover {
  background-image: unset !important;
}
.button-primar:hover {
  background-color: #be0000;
  color: white;
}
.button-refresh {
  position: relative;
  cursor: pointer;
  text-align: center;
  color: white;
  font-size: 1.3rem;
  background-color: white;
  padding: 0.5em 5% 0.5em 5%;
  font-family: Calibri, sans-serif;
  display: inline-block;
  font-weight: bold;
  overflow: hidden;
  transition: filter 0.1s;
  border-radius: 0.4em;
  background-image: none;
  padding: 2% 10% 2% 10%;
}
.button-refresh:hover {
  background-color: #9e9e9e;
  color: white;
}
.button-secondar {
  position: relative;
  cursor: pointer;
  text-align: center;
  color: white;
  font-size: 1.3rem;
  padding: 0.5em 5% 0.5em 5%;
  font-family: Calibri, sans-serif;
  display: inline-block;
  font-weight: bold;
  background-image: none;
  overflow: hidden;
  transition: filter 0.1s;
  border-radius: 0.4em;
  border: solid;
  border-width: 0.05em;
  padding: 0.2em 1.5em 0.2em 1.5em;
  background-color: white;
  color: black;
  border-color: #ccc;
}
/*frames centerning */
.frame-left {
  display: inline-block;
  margin-right: -0.3em;
}
.frame-right {
  display: inline-block;
}
.frame-none {
  display: block;
  margin-right: initial;
}
/*frames centerning */
.frame-gray {
  border-radius: 0.4em 0.4em 0.4em 0.4em;
}
.frame-yellow {
  border-radius: 0.4em 0.4em 0.4em 0.4em;
}
.frame-padding-bottom {
  padding-bottom: 1em;
}
.frame-padding-bottom-2 {
  padding-bottom: 2em;
}
.frame-padding-top {
  padding-top: 0.7em;
}
.frame-padding-top-2 {
  padding-top: 2em;
}
.frame-padding-top-3 {
  padding-top: 3em;
}
.frame-padding-inner-right {
  padding-right: 1.2em;
}
.frame-padding-inner-left {
  padding-left: 1.2em;
}
.frame-padding-all {
  padding: 0.7em;
}
.frame-padding-roof {
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-left: 0.7em;
}
.frame-padding-basement {
  padding-bottom: 0.7em;
  padding-left: 0.7em;
  padding-right: 0.7em;
}
.frame-padding-walls {
  padding-left: 0.7em;
  padding-right: 0.7em;
}
.frame-content-centering-vertical-middle {
  vertical-align: middle;
}
.frame-content-centering-vertical-bottom {
  vertical-align: bottom;
}
.frame-buttons-row {
  display: flex;
}
/*borders*/
.border-radius-all {
  border-radius: 0.4em 0.4em 0.4em 0.4em;
}
.border-radius-right {
  border-radius: 0 0.4em 0.4em 0;
}
.border-radius-left {
  border-radius: 0.4em 0 0 0.4em;
}
.border-radius-top {
  border-radius: 0.4em 0.4em 0 0;
}
.border-radius-bottom {
  border-radius: 0 0 0.4em 0.4em;
}
.border-solid-all {
  border: 0.2em solid black;
}
.width-max {
  width: 100%;
}
.width-ninety {
  width: 90%;
}
.width-eighty {
  width: 80%;
}
.width-seventy {
  width: 70%;
}
.dispay-inline {
  display: inline-block;
}
.k-datepicker span input {
  pointer-events: none !important;
}
.k-dateinput input {
  pointer-events: none !important;
}
#third_section {
  line-height: 1;
}
.max_inner_elements_height {
  display: flex;
}
.flexed-element-center-content {
  align-items: center;
}
.max_element_width {
  flex: 1;
}
.padd-l-proc-five {
  padding-left: 5%;
}
.padd-r-proc-five {
  padding-right: 5%;
}
#bcpp_link_detail_message {
  padding-right: 1%;
}
.bcppPrice-time-section {
  width: 50%;
  display: inline-block;
  margin-right: -0.3em;
}
.bcppPrice-time-content {
  padding-right: 5%;
}
.bcppPrice-time-label {
  white-space: nowrap;
  text-align: left;
  width: 25%;
  display: inline-block;
  margin-right: -0.3em;
  vertical-align: middle;
}
.bcppPrice-time-value {
  text-align: right;
  width: 75%;
  display: inline-block;
  vertical-align: middle;
}
.bcppPrice-pieces-section {
  width: 50%;
  display: inline-block;
}
.bcppPrice-pieces-content {
  padding-left: 5%;
}
.bcppPrice-pieces-label {
  width: 50%;
  display: inline-block;
  margin-right: -0.3em;
  vertical-align: middle;
  text-align: left;
}
.bcppPrice-pieces-value {
  text-align: right;
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
.validation-order-head {
  position: relative;
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-left: 0.7em;
}
.validation-order-label {
  font-size: 100%;
  font-family: Calibri, sans-serif;
  font-weight: 800;
  color: gray;
  text-transform: uppercase;
}
.validation-order-content {
  padding: 0.7em;
  font-weight: 600;
}
.validation-order-from-wrapper {
  width: 50%;
  display: inline-block;
  margin-right: -0.3em;
}
.validation-order-from-content {
  padding-right: 5%;
}
.validation-order-from-label {
  width: 30%;
  text-align: left;
  display: inline-block;
  margin-right: -0.3em;
}
.validation-order-from-input {
  width: 70%;
  text-align: left;
  display: inline-block;
}
.validation-order-to-wrapper {
  width: 50%;
  display: inline-block;
}
.validation-order-to-content {
  padding-left: 5%;
}
.validation-order-to-label {
  width: 25%;
  text-align: left;
  display: inline-block;
  margin-right: -0.3em;
}
.validation-order-to-input {
  width: 75%;
  display: inline-block;
  text-align: right;
}
.trading-order-content-section {
  width: 100%;
  text-align: center;
}
.instrument-selection-wrapper {
  padding-bottom: 2em;
}
.section-wrapper {
  padding-bottom: 2em;
}
.instrument-selection-content {
  background-color: #F5F5F5;
  border-radius: 0.4em 0.4em 0.4em 0.4em;
}
.section-content {
  background-color: #F5F5F5;
  border-radius: 0.4em 0.4em 0.4em 0.4em;
  padding-bottom: 1em;
  padding-top: 0.7em;
}
.instrument-selection-title {
  font-size: 100%;
  font-family: Calibri, sans-serif;
  font-weight: 800;
  color: gray;
  text-transform: uppercase;
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-left: 0.7em;
}
.instrument-selection-body {
  text-align: left;
  padding: 0.7em;
  font-weight: 600;
}
.instrument-selection-title-section {
  width: 100%;
  padding-bottom: 1em;
}
.instrument-selection-title-label {
  width: 12.5%;
  display: inline-block;
  margin-right: -0.3em;
}
.instrument-selection-title-input {
  width: 87.5%;
  display: inline-block;
}
.instrument-selection-isin-section {
  width: 100%;
}
.instrument-selection-description-section {
  display: flex;
  padding-top: 0.7em;
  padding-bottom: 1em;
}
.instrument-selection-description-input #description {
  font-weight: normal;
  font-size: large;
}
.instrument-selection-isin-label {
  width: 12.5%;
  display: inline-block;
  margin-right: -0.3em;
}
.instrument-selection-description-label {
  display: inline-block;
  margin-right: 1em;
  padding-top: 0.3em;
}
.instrument-selection-isin-input {
  width: 87.5%;
  display: inline-block;
}
.instrument-selection-description-input {
  width: 87.5%;
  display: inline-block;
}
#bcpp_link_section {
  text-align: center;
}
.second-section-wrapper {
  padding-bottom: 2em;
}
.order-parameters-section {
  display: flex;
  flex: 1;
}
.order-parameters-wrapper {
  display: flex;
  flex: 1;
  padding-bottom: 2em;
}
.order-parameters-content {
  background-color: #F5F5F5;
  border-radius: 0.4em 0.4em 0.4em 0.4em;
  flex: 1;
}
.order-parameters-title {
  font-size: 100%;
  font-family: Calibri, sans-serif;
  font-weight: 800;
  color: gray;
  text-transform: uppercase;
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-left: 0.7em;
}
.order-last-price-and-validity-section {
  flex: 1;
}
.order-last-price-section {
  padding-bottom: 2em;
}
#market_price_section {
  background-color: #fff39a;
  border-radius: 0.4em 0.4em 0.4em 0.4em;
}
#validity-section {
  border-radius: 0.4em 0.4em 0.4em 0.4em;
  background-color: #F5F5F5;
}
.summary-order-title-wrapper {
  padding-bottom: 1em;
  padding-top: 0.7em;
  text-align: center;
}
.summary-order-direction-section {
  padding-bottom: 0.5em;
  text-align: center;
  width: 100%;
  font-size: 130%;
  font-family: Calibri, sans-serif;
  font-weight: bold;
  color: #0eaf0e;
  text-transform: uppercase;
}
.summary-order-instrument-name-section {
  padding-bottom: 0.5em;
  text-align: center;
  width: 100%;
  font-size: 110%;
  font-family: Montserrat, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
}
.summary-order-section {
  width: 100%;
}
.summary-order-second-type-section {
  width: 100%;
}
.summary-order-first-type-wrapper {
  padding-left: 0.7em;
  padding-right: 0.7em;
}
.summary-order-second-type-wrapper {
  padding-bottom: 0.7em;
  padding-left: 0.7em;
  padding-right: 0.7em;
}
.summary-order-third-type-wrapper {
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-left: 0.7em;
}
.summary-order-fourth-type-wrapper {
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-left: 0.7em;
}
.summary-order-label {
  position: relative;
  width: 50%;
  text-align: left;
  display: inline-block;
  margin-right: -0.3em;
}
.summary-order-value {
  width: 50%;
  text-align: right;
  display: inline-block;
}
.summary-available-money-title {
  padding: 0.7em;
  font-size: 100%;
  font-family: Calibri, sans-serif;
  font-weight: 800;
  color: gray;
  text-transform: uppercase;
  text-align: center;
}
.summary-order-messages-section {
  padding-bottom: 2em;
  padding-left: 0.7em;
  padding-right: 0.7em;
  padding-top: 0.7em;
  text-align: justify;
}
#not_enought_available_amount_message ul {
  padding: 1em 0em 1em 1em;
  margin-inline-start: 1em;
}
#not_enought_available_amount_message ul li {
  text-align: justify;
}
.not-enought-available-amount-warning {
  border: 1px solid red;
  color: red;
}
.summary-order-buttons-section {
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-left: 0.7em;
  text-align: center;
  width: auto;
}
.summary-order-button-wrapper {
  padding-right: 4px;
  display: inline-block;
}
.bcppPrice-price-section {
  text-align: right;
  font-size: 130%;
  font-weight: 900;
  width: 50%;
  display: inline-block;
  margin-right: -0.3em;
  vertical-align: middle;
}
.bcppPrice-price-wrapper {
  padding-right: 5%;
}
.price_not_loaded_section {
  padding: 5px;
}
.price_old_warning,
.price_not_loaded_warning {
  color: #CB0033;
  font-weight: bold;
  padding: 5px;
}
@media all and (min-width: 1025px) {
  .trading-order-content-section {
    width: 80%;
  }
}
@media all and (min-width: 631px) {
  .summary-order-label {
    position: relative;
    width: 25%;
  }
  .summary-order-value {
    width: 25%;
  }
  .instrument-selection-title-section {
    width: 50%;
    display: inline-block;
    margin-right: -0.3em;
  }
  .instrument-selection-isin-section {
    width: 50%;
    display: inline-block;
    margin-right: -0.3em;
  }
  .instrument-selection-description-section {
    padding-bottom: 1em;
    margin-right: -0.3em;
    padding-top: 0;
  }
  #bcpp_link_section {
    text-align: left;
  }
  .second-section-wrapper {
    display: flex;
  }
  .order-parameters-section {
    margin-right: -0.3em;
  }
  .order-parameters-wrapper {
    padding-right: 1.2em;
    padding-bottom: 0;
  }
  .order-last-price-and-validity-wrapper {
    padding-left: 1.2em;
  }
  .font-summary-direction {
    font-size: 120%;
    font-family: Calibri, sans-serif;
    font-weight: 900;
    color: #0eaf0e;
    text-transform: uppercase;
  }
  .font-summary-subject {
    font-size: 120%;
    font-family: Calibri, sans-serif;
    font-weight: 800;
    color: gray;
  }
  .summary-order-first-type-wrapper {
    padding-bottom: 0.7em;
    padding-left: 0.7em;
    padding-right: 0.7em;
    padding-bottom: 0.3em;
  }
  .summary-order-fourth-type-wrapper {
    padding-left: 0.7em;
    padding-right: 0.7em;
    padding-bottom: 0.3em;
  }
  .summary-order-section {
    width: 100%;
  }
  .summary-order-third-type-wrapper {
    padding-top: 0.7em;
    padding-right: 0.7em;
    padding-left: 0.7em;
    padding-bottom: 0.3em;
  }
  .frame-yellow {
    background-color: #fff39a;
  }
  .frame-gray {
    background-color: #F5F5F5;
  }
  .summary-order-section-separation-bottom {
    padding-bottom: 1em;
  }
  .summary-order-section-separation-top {
    padding-top: 0.7em;
  }
  .summary-order-buttons-section {
    padding: 0;
  }
}
/*columns*/
.column-max-simple {
  width: 100%;
}
.column-nine-tenth-simple {
  width: 90%;
}
.column-seven-eighth-simple {
  width: 87.5%;
}
.column-four-fifth-simple {
  width: 80%;
}
.column-three-quarters-simple {
  width: 75%;
}
.column-two-third-simple {
  width: 66.66%;
}
.column-half-simple {
  width: 50%;
}
.column-third-simple {
  width: 33.33%;
}
.column-quarter-simple {
  width: 25%;
}
.column-one-fifth-simple {
  width: 20%;
}
.column-one-eighth-simple {
  width: 12.5%;
}
.column-one-tenth-simple {
  width: 10%;
}
.height-4em {
  height: 4em;
}
.strategy-wrapper {
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-left: 0.7em;
  display: flex;
}
.strategy-wrapper > div {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.required-volume-wrapper {
  padding: 0.7em;
  display: flex;
}
.required-volume-wrapper > div {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: left;
}
.lp-wrapper {
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-left: 0.7em;
  display: flex;
}
.lp-wrapper .lp-label-selection {
  display: flex;
  align-items: center;
  flex: 1;
}
.lp-wrapper .lp-label-selection > label {
  white-space: nowrap;
}
.lp-wrapper > div {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: left;
}
.validity-header-wrapper {
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-left: 0.7em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.validity-header-wrapper span {
  font-size: 100%;
  font-family: Calibri, sans-serif;
  font-weight: 800;
  color: gray;
  text-transform: uppercase;
}
#summary_available_money_section .summary-order-label div {
  display: inline-flex;
}
#summary_available_money_section [data-tooltip-custom] {
  vertical-align: middle;
}
#summary_estimated_volume_info {
  display: inline-flex;
  vertical-align: middle;
}
#limit_price_section [data-tooltip-custom] {
  display: inline-flex;
  vertical-align: middle;
}
.cashWithdrawalDetail [data-tooltip-custom] {
  display: inline-flex;
}
.header-wrapper {
  display: flex;
  justify-content: center;
}
[data-tooltip-custom]::before,
[data-tooltip-custom]::after {
  --arrow-size: 12px;
  --scale: 0;
  --tooltip-color: #888888;
  z-index: 90;
  font-weight: bold;
  left: 50%;
  transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
  transition: 150ms transform;
  transform-origin: bottom center;
  position: absolute;
}
[data-tooltip-custom]:hover::before,
[data-tooltip-custom]:hover::after {
  --scale: 1;
}
[data-tooltip-custom]::before {
  --translate-y: calc(-100% - calc(var(--arrow-size) - 1px));
  text-align: center;
  content: attr(data-tooltip-custom);
  padding: 0.5rem;
  width: max-content;
  background-color: var(--tooltip-color);
  color: white;
  max-width: 10rem;
  border-radius: 0.3rem;
  box-shadow: 0px 0px 18px var(--tooltip-color);
}
[data-tooltip-custom]::after {
  content: "";
  top: calc(-1 * var(--arrow-size));
  border: var(--arrow-size) solid transparent;
  transform-origin: top center;
  border-top-color: var(--tooltip-color);
}
.flex-container {
  display: flex;
}
.flex-child-search {
  flex: 1;
}
div.flex-child-search span,
div.flex-child-search a {
  margin-left: 5px;
}
@media (min-width: 641px) {
  .flex-child-search:not(:first-child) {
    border-left: 1px solid black;
  }
}
@media (max-width: 640px) {
  .flex-container {
    flex-direction: column;
  }
  .flex-child-search {
    border-bottom: 1px solid black;
  }
}
/*Mifid Questionnaire*/
div.mifidContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
div.redTable {
  border: 2px solid #cb0033;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
.divTable.redTable .divTableCell,
.divTable.redTable .divTableHead,
.divTable.redInfo .divTableHead {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
  font-weight: bold;
}
.divTable.redTable .divTableCell {
  font-size: 15px;
}
.divTable.redTable .divTableCell .warningText {
  color: #cb0033;
  font-weight: bold;
}
.divTable.redTable .divTableBody {
  font-size: 13px;
}
.divTable.redTable .divTableRow:nth-child(even) {
  background: #efeded;
}
.divTable.redTable .divTableHeading,
.divTable.redInfo .divTableHeading {
  background: #cb0033;
}
.divTable.redTable .divTableHeading .divTableHead,
.divTable.redInfo .divTableHeading .divTableHead {
  font-size: 19px;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #cb0033;
}
.divTable.redTable .divTableHeading .divTableHead:first-child,
.divTable.redInfo .divTableHeading .divTableHead:first-child {
  border-left: none;
}
.redTable {
  font-size: 13px;
}
.redTable .links {
  text-align: right;
}
.redTable .links a {
  display: inline-block;
  background: #FFFFFF;
  color: #cb0033;
  padding: 2px 8px;
  border-radius: 5px;
}
.redTable.outerTableFooter {
  padding: 3px 5px;
}
.divTable {
  display: table;
  grid-template-columns: repeat(4, 1fr);
}
.divTableRow {
  display: table-row;
}
.divTableCellCenterText {
  padding: 10px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: bold;
}
div.redInfo {
  border: 2px solid #cb0033;
  text-align: center;
  border-collapse: collapse;
}
.divTableHeading {
  display: table-header-group;
}
.divTableCell,
.divTableHead,
.divTableCellCenterText {
  display: table-cell;
}
.divTableBody {
  display: table-row-group;
}
.questionnaireBaseGrid,
.questionnaireQuestionHeaderGrid,
.questionnaireHeaderGrid,
.questionnaireItemGrid,
.questionnairePortfolioInfo {
  display: grid;
  padding: 1vw 1vw 1vw 1vw;
  flex: 1;
  border: 1px solid #d0d0d0;
  border-radius: 6px;
}
.questionnaireQuestionHeaderGrid {
  background-color: #cb0033;
  color: white;
}
.questionnaireHeaderGrid {
  background-color: #cb0033;
  color: white;
  text-align: center;
}
.questionnaireItemGrid {
  text-align: center;
}
.mifidBaseText {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  white-space: normal;
}
.questionGrid {
  display: grid;
  grid-column-gap: 1vw;
  margin-bottom: 0.5vw;
  border: 1px solid #d0d0d0;
  border-radius: 6px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  white-space: normal;
}
.questionGrid > .questionHeader {
  display: grid;
  padding: 1vw 1vw 1vw 1vw;
  flex: 1;
  border-radius: 6px 6px 0px 0px;
  background-color: #cb0033;
  color: white;
}
.questionGrid > .question {
  display: grid;
  grid-template-columns: 0.2fr 6fr;
  padding: 0.3vw 0.3vw 0.3vw 0.3vw;
  margin: 0.1vw 0.3vw 0vw 0.3vw;
}
.questionnaireHintQuestion {
  margin: 5px 5px 0px 10px;
  color: #e5e1e1;
  font-size: 80%;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}
.questionnaireHintAnswer {
  margin: 5px 5px 0px 40px;
  color: #6a6868;
  font-size: 80%;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}
.questionnaireTextArea {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}
div.mifidModalButtonContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5em;
}
div.mifidModalButtonContainer button {
  margin: 0.5em;
  width: 15em;
}
.mifid-checkbox {
  margin-right: 0.5em;
  margin-left: 0.5em;
  scale: 1.2;
}
.mifid-checkbox:checked {
  accent-color: #cb0033;
  margin-right: 0.5em;
  margin-left: 0.5em;
  scale: 1.2;
}
.mifid-overview {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  flex: 1;
  grid-auto-rows: minmax(min-content, max-content);
  /* Nebo konkrétní výšku */
  align-items: stretch;
  /* Toto zajistí, že obsah buňek bude natáhnout buňku na celou výšku řádku */
  border-radius: 6px 6px 0px 0px;
}
.mifid-overview--red {
  border: 2px solid #cb0033;
  text-align: center;
  font-weight: bold;
}
.mifid-overview__cell {
  padding: 3px 2px;
  border: 1px solid #AAAAAA;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mifid-overview__cell:nth-child(8n+9),
.mifid-overview__cell:nth-child(8n+10),
.mifid-overview__cell:nth-child(8n+11),
.mifid-overview__cell:nth-child(8n+12) {
  background-color: #efeded;
}
.mifid-overview__cell--header {
  border: none;
  font-weight: bold;
  background: #cb0033;
  font-size: 1.5rem;
  color: #FFFFFF;
  text-align: center;
}
.mifid-overview__warning {
  font-size: 1rem;
  color: #cb0033;
  font-weight: bold;
}
.questionnairePortfolioInfo {
  background-color: #FA8072;
  color: black;
  margin: 0.5vw 0vw 0.5vw 0vw;
}
.questionnairePortfolioInfo .questionnairePortfolioInfoText .header {
  font-size: 20px;
  margin-bottom: 0px;
}
.questionnairePortfolioInfo .questionnairePortfolioInfoText .headerList {
  font-size: 20px;
  margin: 0vw 1vw 0vw 1vw;
  padding: 0vw 1vw 0vw 1vw;
}
.questionnairePortfolioInfo .questionnairePortfolioInfoText .info {
  font-size: 15px;
  white-space: pre-line;
}
.questionnairePortfolioInfo .questionnairePortfolioInfoText .info a,
.questionnairePortfolioInfo .questionnairePortfolioInfoText .info a:visited {
  color: blue;
}
@media only screen and (max-width: 768px) {
  .questionnairePortfolioInfo .questionnairePortfolioInfoText .headerList {
    margin: 0vw 5vw 0vw 5vw;
  }
}
@media only screen and (max-width: 768px) {
  .divTableCell,
  .divTableCellCenterText {
    min-width: 100px;
  }
  .questionnaireHeaderGrid {
    font-size: 15px;
    margin-bottom: 1vw;
    margin-top: 1vw;
  }
  .questionnaireItemGrid {
    font-size: 12px;
  }
  .questionGrid {
    margin-bottom: 1.5vw;
    margin-top: 1.5vw;
  }
  .questionGrid > .questionHeader {
    padding-left: 3vw;
  }
  .questionGrid > .question {
    padding-left: 3vw;
    padding-top: 1.5vw;
  }
  .questionnaireHintAnswer {
    padding-bottom: 1vw;
  }
  .questionnaireTextArea {
    height: 5em;
    width: 25em;
  }
}
