/*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;
}
.text-red {
  color: #CB0033 !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: 800px;
}
.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%;
}
.textToBlock {
  text-align: justify;
  line-height: 1.5em;
}
/* 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 {
  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-top: 18px;
  margin-right: 3px;
  height: 20px;
}
/*---------------------------------------------------------------------------------/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%;
  float: right;
}
.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;
}
.withoutMinWidthOnMobile {
  min-width: 0;
}
.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;
  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: inline-block;
  }
}
@media (min-width: 1025px) and (max-width: 1230px) {
  .document-content {
    display: inline-block;
  }
}
.document-content strong {
  text-decoration: underline;
}
.document-innte-text {
  white-space: nowrap;
  display: inline-block;
}
.document-innte-text > span:first-child {
  vertical-align: super;
}
.document-innte-title {
  white-space: nowrap;
  padding-right: 3px;
}
.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%;
  }
  .mainMenu li.logged-out a {
    padding-top: 9px;
  }
  .mainMenu li.logged-out a p {
    margin-bottom: 8px;
  }
}
@media all and (min-width: 1200px) {
  .ProductTile {
    width: 47%;
  }
  .filter2 .timePeriod2 {
    width: 25%;
  }
  .filter2 .timePeriod3 {
    width: 25%;
  }
  .filter2 .timePeriod4 {
    width: 45%;
  }
}
/*----------------------------------------------------------------------------------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;
}
@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%;
  }
}
/*Header*/
.container1 {
  width: 100%;
  /*height: 200px;*/
}
.right1 {
  float: right;
  width: auto;
  height: 100%;
  /*background: silver;*/
}
.center1 .iBMenu {
  border-bottom: 0;
}
.center1 .iBMenu li {
  border-radius: 10px;
}
.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;
  }
  .IbMenuStyle {
    display: inline;
  }
}
@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;
    padding: 25px;
    min-width: 0;
  }
  #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;
  }
  .IbMenuStyle {
    display: none;
  }
}
/*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;
}
.portfolioOverviewHeaderMargin {
  margin-top: 33px;
}
.portfolioOverviewHeaderValues {
  margin-top: 15px;
  display: table;
}
.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;
}
.valueCell {
  text-align: right !important;
  padding-right: 10px !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;
}
#recapDetail table {
  background-color: #f5f5f5;
  border-radius: 5px;
}
#recapDetail table:last-child {
  background-color: white;
  border-radius: 0px;
}
.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;
}
.portfolioOverviewHeaderValues div {
  display: table;
}
.portfolioOverviewHeader {
  padding-left: 0em;
  padding-right: 1em;
}
#overviewChart {
  margin: auto;
}
.portfolioOverviewHeaderValues div.red {
  color: #CC0033;
}
.portfolioDetail .k-grid td {
  text-align: right;
}
.portfolioDetail .k-grid-header th {
  text-align: right;
}
.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 .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;
}
.k-i-question {
  font-size: 12px;
  color: #CB0033;
  margin-top: -3px;
}
.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: #CB0033;
  text-align: left;
}
.portfolioRefresh .k-dropdown {
  width: 126px;
  margin: 4px 0.5em 0px 0;
  float: right;
}
.portfolioRefresh .k-button {
  width: 126px;
  margin: 10px 0.5em 0px 0;
  float: right;
}
#currencySelectorTittle {
  width: 126px;
  float: right;
  margin: 0 0.5em 0 0;
}
.portfolioRefresh {
  margin-top: 5px;
}
.portfolioDropdownSelector {
  min-width: 120px;
  max-width: 150px;
}
.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;
  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;
}
.portfolio-filter-section {
  width: calc(100% - 1px);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contentBlock table {
    width: calc(100% - 2px);
  }
  .portfolio-filter-section {
    width: 100%;
  }
}
.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;
}
#orderMessage {
  border-radius: 5px;
  padding: 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%;
}
.calendarDateInfo {
  position: absolute;
  z-index: 100000000;
  background-color: gray;
  padding: 5px;
  color: white;
  border-radius: 3px;
  width: 200px;
  box-shadow: 0px 0px 18px #888888;
  font-weight: normal;
  text-align: center;
  text-transform: none;
}
.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;
}
.valuationDateColumn {
  width: 20%;
  float: left;
}
.contatNumberIcon {
  position: relative;
  top: 2px;
}
.opo-menu-section-padding {
  padding-bottom: 1em;
  padding-top: 1.5em;
}
.numberOfNewStatements {
  vertical-align: super;
}
#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 {
  width: 98%;
  margin: 1px;
}
.invalid-border {
  border: 2px solid #CB0033;
}
.display-inline-grid {
  display: inline-grid !important;
}
.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;
}
/*----------------------------------------------------------------------------------------*/
#transaction_type_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-grey {
  cursor: pointer;
  text-align: center;
  color: white;
  font-size: 100%;
  background-color: #9e9e9e;
  padding: 0.5em 1.5em 0.5em 1.5em;
  font-family: Calibri, sans-serif;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  background-image: none;
  border-radius: 0.3em 0.3em 0.3em 0.3em;
}
.button-default-red {
  cursor: pointer;
  text-align: center;
  color: white;
  font-size: 100%;
  background-color: #9e9e9e;
  padding: 0.5em 1.5em 0.5em 1.5em;
  font-family: Calibri, sans-serif;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 0.3em 0.3em 0.3em 0.3em;
  background-color: #CB0033;
  background-image: none;
}
.button-default-red:hover {
  background-color: #CB0033;
  color: white;
}
.button-refresh-gray {
  cursor: pointer;
  text-align: center;
  color: white;
  font-size: 100%;
  background-color: #9e9e9e;
  padding: 0.5em 1.5em 0.5em 1.5em;
  font-family: Calibri, sans-serif;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 0.3em 0.3em 0.3em 0.3em;
  background-image: none;
  padding: 2% 10% 2% 10%;
}
.button-refresh-gray:hover {
  background-color: #9e9e9e;
  color: white;
}
.button-default-white {
  cursor: pointer;
  text-align: center;
  color: white;
  font-size: 100%;
  background-color: #9e9e9e;
  padding: 0.5em 1.5em 0.5em 1.5em;
  font-family: Calibri, sans-serif;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  background-image: none;
  border-radius: 0.3em 0.3em 0.3em 0.3em;
  border: solid;
  border-width: 0.05em;
  background-color: white;
  color: black;
  border-color: #ccc;
}
.button-border-radius-all {
  border-radius: 0.3em 0.3em 0.3em 0.3em;
}
/*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;
}
.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 {
  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-isin-label {
  width: 12.5%;
  display: inline-block;
  margin-right: -0.3em;
}
.instrument-selection-isin-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-parameters-strategy {
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-left: 0.7em;
  font-weight: 600;
}
.order-parameters-strategy-input {
  width: 50%;
  vertical-align: middle;
}
.order-parameters-strategy-input-limit {
  display: inline-block;
  margin-right: -0.3em;
}
.order-parameters-strategy-input-atBest {
  display: inline-block;
}
.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;
}
#validation-order-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 {
  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 {
    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;
  }
  #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%;
}