/* Some basic overrides */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&subset=latin-ext');

html     body { font-family: 'Roboto', sans-serif; }
html.ios body { font-family: Sfnstext, 'Helvetica Neue', sans-serif; }

.realtime_log_output { font-size: 10pt; }

p:empty { display: none; }

#quick_post_floating_trigger { display: none !important; }

/* Root class overrides */

body         , body.popup          { padding: 0; overflow: hidden; background-color: #E5E5E5; }
body #content, body.popup #content { padding: 0; }

.ui-dialog { z-index: 2001; }

/* Base definitions */

.mbot-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    width: 100vw;
    height: 100vh;
}

.mbot-wrapper .perspectives-wrapper { width: 100%; overflow: hidden; }

.mbot-wrapper .mbot-panel {
    flex-grow: 1;
    flex-shrink: 1;
    
    display: flex;
    
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    height: 100%;
}

.mbot-wrapper .mbot-panel.scrollable ,
.mbot-wrapper .content.scrollable    {
    padding: 2px;
    overflow: auto;
}

.mbot-wrapper .mbot-panel.nowrap {
    white-space: normal;
    flex-wrap: nowrap;
}

.mbot-wrapper .widget-contanier {
    flex-grow: 1;
    flex-shrink: 1;
    
    display: flex;
    
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    padding: 2px;
}

.mbot-wrapper .content {
    display: block;
    
    white-space: normal;
    border: 1px solid silver;
    box-shadow:  3px 3px 3px lightgrey;
    border-radius: 5px;
    
    font-size: 10pt;
}

.mbot-wrapper .widget-contanier .content {
    display: block;
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    min-height: 2em;
}

.mbot-wrapper .widget-contanier .widget-title {
    position: absolute;
    width: calc(100% - 4px);
    padding: 2px;
    color: white;
    background-color: grey;
    font-size: 14px;
    line-height: 18px;
    height: 20px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.mbot-wrapper .widget-contanier:not(.untitled) .content {
    margin-top: 20px;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.mbot-wrapper .widget-contanier[data-widget-class]:not([data-loaded="true"]) .content {
    background:          transparent url('preloader.svg') center center no-repeat;
    background-size:     2em;
}

.mbot-blocked:after {
    content:             '';
    display:             block;
    position:            relative;
    left:                0;
    top:                 0;
    width:               100%;
    height:              100%;
    z-index:             1;
    background:          rgba(0, 0, 0, .5) url('preloader.svg') center center no-repeat;
    background-size:     2em;
}

.mbot-wrapper .widget-contanier[data-loaded="true"] .content {
    background-color: white;
}

.mbot-wrapper .widget-contanier.disabled .content {
    background-color:    transparent;
    background-image:    url('cancel-icon.png');
    background-position: center center;
    background-repeat:   no-repeat;
    background-size:     2em;
    opacity:             0.5;
    box-shadow:          none;
    border-color:        transparent;
}
.mbot-wrapper .widget-contanier.disabled .content * {
    visibility: hidden;
}

.mbot-wrapper .commands-bar              ,
.mbot-wrapper .tabs-bar                  { text-align: center; font-family: sans-serif; }
.mbot-wrapper .commands-bar .pseudo_link ,
.mbot-wrapper .tabs-bar .pseudo_link     { white-space: normal; text-decoration: none; }

.mbot-wrapper .commands-bar .perspective-trigger          { margin: 5px; width: calc(100% - 10px); position: relative; }
.mbot-wrapper .commands-bar .perspective-trigger .caption { line-height: normal; }
.mbot-wrapper .commands-bar .perspective-trigger .icon    { font-size: 32px; }

/* Responsiveness defaults */

.mbot-wrapper .commands-bar     { width: 100px; }
.mbot-wrapper .top-bar          { width: 100%; height: 40px; }

.mbot-wrapper .top-bar .avatar      { width: 40px; height: 40px; padding: 2px; position: relative; }
.mbot-wrapper .top-bar .avatar img  { width: 100%; height: 100%; border-radius: 100%;
                                      border: 1px solid silver;
                                      box-shadow:  3px 3px 3px lightgrey; }

.mbot-wrapper .bottom-bar          { width: 100%; margin: 2px; padding: 0; }
.mbot-wrapper .bottom-bar .content { margin: 0; padding: 0; }

.mbot-wrapper .tabs-bar {
    width: 100%;
    flex-wrap: nowrap;
    text-align: center;
    justify-content: space-evenly;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    align-content: stretch;
}

.mbot-wrapper .tabs-bar .perspective-trigger {
    position: relative;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    height: 50px;
    max-width: 120px;
    margin: 2px;
    text-align: center;
}

.mbot-wrapper .tabs-bar .perspective-trigger .caption {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10pt;
}

.mbot-wrapper .perspective { display: none; height: 100%; }

.mbot-wrapper[data-perspective="main"]             .perspective.main             ,
.mbot-wrapper[data-perspective="news"]             .perspective.news             ,
.mbot-wrapper[data-perspective="grwi-io"]          .perspective.grwi-io          ,
.mbot-wrapper[data-perspective="economy"]          .perspective.economy          ,
.mbot-wrapper[data-perspective="trading-basic"]    .perspective.trading-basic    ,
.mbot-wrapper[data-perspective="trading-advanced"] .perspective.trading-advanced {
    display: flex;
}

.mbot-wrapper[data-perspective="main"]             .perspective-trigger[data-target="main"]             ,
.mbot-wrapper[data-perspective="news"]             .perspective-trigger[data-target="news"]             ,
.mbot-wrapper[data-perspective="grwi-io"]          .perspective-trigger[data-target="grwi-io"]          ,
.mbot-wrapper[data-perspective="economy"]          .perspective-trigger[data-target="economy"]          ,
.mbot-wrapper[data-perspective="trading-basic"]    .perspective-trigger[data-target="trading-basic"]    ,
.mbot-wrapper[data-perspective="trading-advanced"] .perspective-trigger[data-target="trading-advanced"] {
    background-color: #BBDDFF; border-color: #42A0FF; color: black;
}

.mbot-wrapper .small-device-tabs                            { display: none; width: 100%; flex-wrap: nowrap;
                                                              align-content: stretch; align-items: stretch; }
.mbot-wrapper .small-device-tabs  .tab-trigger              { font-size: 10pt; margin: 2px;
                                                              flex-grow: 1; flex-shrink: 1;
                                                              cursor: pointer; text-align: center;
                                                              white-space: nowrap; overflow: hidden;
                                                              text-overflow: ellipsis; }
.mbot-wrapper .small-device-tabs  .tab-trigger.state_active { box-shadow:  3px 3px 3px lightgrey; }

/* Responsiveness: small portrait (default) */

@media all and (max-width: 640px) {
    .mbot-wrapper .content.scrollable                     { overflow: visible; }
    .mbot-wrapper .commands-bar                           { display: none; }
    .mbot-wrapper .small-device-tabs                      { display: flex; }
    
    .mbot-wrapper .perspectives-wrapper                   { display: block; width: 100%;
                                                            height: calc(100% - 126px);  }
    .mbot-wrapper .tabs-bar .perspective-trigger          { max-width: 56px; }
    .mbot-wrapper .tabs-bar .perspective-trigger .caption { font-size: 8pt; }
    
    .mbot-wrapper .perspective.main    .widget-contanier     ,
    .mbot-wrapper .perspective.main    .mbot-panel           { display: block; width: 100%; height: 100%; }
    .mbot-wrapper .perspective.main                          { flex-wrap: wrap; height: 100%; }
    .mbot-wrapper .perspective.main    .gchart               { height: calc(100% - 166px); }
    .mbot-wrapper .perspective.main    .gchart .content      { height: 100%; }
    
    .mbot-wrapper .perspective.main .news-area:not(.mbtabs-unformatted)   ,
    .mbot-wrapper .perspective.main .order-books:not(.mbtabs-unformatted) {
        margin:           2px;
        width:            calc(100% - 4px);
        background-color: white;
        border:           1px solid silver;
        box-shadow:       3px 3px 3px lightgrey;
        border-radius:    5px;
    }
    .mbot-wrapper .perspective.main .news-area:not(.mbtabs-unformatted) .widget-contanier .content   ,
    .mbot-wrapper .perspective.main .order-books:not(.mbtabs-unformatted) .widget-contanier .content {
        background-color: transparent;
        border:           none;
        box-shadow:       none;
        border-radius:    0;
    }
    
    .mbot-wrapper .perspective.main[data-current-tab="chart"] .gchart      { height: calc(100% - 36px); }
    .mbot-wrapper .perspective.main[data-current-tab="chart"] .news-area   { display: none; }
    .mbot-wrapper .perspective.main[data-current-tab="chart"] .order-books { display: none; }
    
    .mbot-wrapper .perspective.main[data-current-tab="news"]  .gchart      { display: none; }
    .mbot-wrapper .perspective.main[data-current-tab="news"]  .news-area   { height: calc(100% - 40px); }
    .mbot-wrapper .perspective.main[data-current-tab="news"]  .news-area   .widget-contanier { height: calc(100% - 30px); }
    .mbot-wrapper .perspective.main[data-current-tab="news"]  .news-area   .widget-contanier .content { height: 100%; overflow: auto; }
    .mbot-wrapper .perspective.main[data-current-tab="news"]  .order-books { display: none; }
    
    .mbot-wrapper .perspective.main[data-current-tab="books"] .main-area   { display: none; }
    .mbot-wrapper .perspective.main[data-current-tab="books"] .order-books { height: calc(100% - 40px); }
    .mbot-wrapper .perspective.main[data-current-tab="books"] .order-books .widget-contanier { height: calc(100% - 30px); }
    .mbot-wrapper .perspective.main[data-current-tab="books"] .order-books .widget-contanier .content { height: 100%; overflow: auto; }
    
    
    
    .mbot-wrapper .perspective.news                          { flex-wrap: wrap; height: 100%; }
    .mbot-wrapper .perspective.news    .mbot-panel           ,
    .mbot-wrapper .perspective.news    .widget-contanier     { display: block; width: 100%; height: 100%; }
    
    .mbot-wrapper .perspective.news[data-current-tab="grwi_news"]    .main-area     { height: calc(100% - 36px); }
    .mbot-wrapper .perspective.news[data-current-tab="grwi_news"]    .area-1        { height: 100%; }
    .mbot-wrapper .perspective.news[data-current-tab="grwi_news"]    .news-1        { height: 100%; }
    .mbot-wrapper .perspective.news[data-current-tab="grwi_news"]    .news-1        .content { height: calc(100% - 20px); overflow: auto; }
    .mbot-wrapper .perspective.news[data-current-tab="grwi_news"]    .whales-1      { display: none; }
    .mbot-wrapper .perspective.news[data-current-tab="grwi_news"]    .area-2        { display: none; }
    .mbot-wrapper .perspective.news[data-current-tab="grwi_news"]    .news-side     { display: none; }
    
    .mbot-wrapper .perspective.news[data-current-tab="grwi_chat"]    .main-area     { height: calc(100% - 36px); }
    .mbot-wrapper .perspective.news[data-current-tab="grwi_chat"]    .area-1        { display: none; }
    .mbot-wrapper .perspective.news[data-current-tab="grwi_chat"]    .area-2        { height: 100%; }
    .mbot-wrapper .perspective.news[data-current-tab="grwi_chat"]    .chat          { height: 100%; }
    .mbot-wrapper .perspective.news[data-current-tab="grwi_chat"]    .chat          .content { height: calc(100% - 20px); overflow: auto; }
    .mbot-wrapper .perspective.news[data-current-tab="grwi_chat"]    .whales-2      { display: none; }
    .mbot-wrapper .perspective.news[data-current-tab="grwi_chat"]    .news-side     { display: none; }
    
    .mbot-wrapper .perspective.news[data-current-tab="other_news"]   .main-area     { display: none; }
    .mbot-wrapper .perspective.news[data-current-tab="other_news"]   .news-side     { height: calc(100% - 36px); }
    .mbot-wrapper .perspective.news[data-current-tab="other_news"]   .news-side     .content { height: calc(100% - 20px); overflow: auto; }
    
    .mbot-wrapper .perspective.news[data-current-tab="whales_forum"] .main-area     { height: calc(100% - 36px); }
    .mbot-wrapper .perspective.news[data-current-tab="whales_forum"] .area-1        { height: 100%; }
    .mbot-wrapper .perspective.news[data-current-tab="whales_forum"] .news-1        { display: none; }
    .mbot-wrapper .perspective.news[data-current-tab="whales_forum"] .whales-1      { height: 100%; }
    .mbot-wrapper .perspective.news[data-current-tab="whales_forum"] .whales-1      .content { height: calc(100% - 20px); overflow: auto; }
    .mbot-wrapper .perspective.news[data-current-tab="whales_forum"] .area-2        { display: none; }
    .mbot-wrapper .perspective.news[data-current-tab="whales_forum"] .news-side     { display: none; }
    
    .mbot-wrapper .perspective.news[data-current-tab="whales_chat"]  .main-area     { height: calc(100% - 36px); }
    .mbot-wrapper .perspective.news[data-current-tab="whales_chat"]  .area-1        { display: none; }
    .mbot-wrapper .perspective.news[data-current-tab="whales_chat"]  .area-2        { height: 100%; }
    .mbot-wrapper .perspective.news[data-current-tab="whales_chat"]  .grwi-chat     { display: none; }
    .mbot-wrapper .perspective.news[data-current-tab="whales_chat"]  .whales-2      { height: 100%; }
    .mbot-wrapper .perspective.news[data-current-tab="whales_chat"]  .whales-2      .content { height: calc(100% - 20px); overflow: auto; }
    .mbot-wrapper .perspective.news[data-current-tab="whales_chat"]  .news-side     { display: none; }
    
    .mbot-wrapper .perspective.news[data-current-tab="other_news"]   .main-area     { display: none; }
    .mbot-wrapper .perspective.news[data-current-tab="other_news"]   .news-side     { height: calc(100% - 36px); }
    .mbot-wrapper .perspective.news[data-current-tab="other_news"]   .news-side     .content { height: calc(100% - 20px); overflow: auto; }
    
    
    
    .mbot-wrapper .perspective.grwi-io                       { flex-wrap: wrap; height: 100%; }
    .mbot-wrapper .perspective.grwi-io .mbot-panel           ,
    .mbot-wrapper .perspective.grwi-io .widget-contanier     { display: block; width: 100%; height: 100%; }
    
    .mbot-wrapper .perspective.grwi-io[data-current-tab="news"]   .main-area     { height: calc(100% - 36px); }
    .mbot-wrapper .perspective.grwi-io[data-current-tab="news"]   .news          { height: calc(100% - 20px); }
    .mbot-wrapper .perspective.grwi-io[data-current-tab="news"]   .news          .content { height: 100%; overflow: auto; }
    .mbot-wrapper .perspective.grwi-io[data-current-tab="news"]   .chat          { display: none; }
    .mbot-wrapper .perspective.grwi-io[data-current-tab="news"]   .big-area      { display: none; }
    
    .mbot-wrapper .perspective.grwi-io[data-current-tab="chat"]   .main-area     { height: calc(100% - 36px); }
    .mbot-wrapper .perspective.grwi-io[data-current-tab="chat"]   .news          { display: none; }
    .mbot-wrapper .perspective.grwi-io[data-current-tab="chat"]   .chat          { height: calc(100% - 20px); }
    .mbot-wrapper .perspective.grwi-io[data-current-tab="chat"]   .chat          .content { height: 100%; overflow: auto; }
    .mbot-wrapper .perspective.grwi-io[data-current-tab="chat"]   .big-area      { display: none; }
    
    
    
    .mbot-wrapper .perspective.grwi-io[data-current-tab="shop"]   .main-area     { display: none; }
    .mbot-wrapper .perspective.grwi-io[data-current-tab="shop"]   .big-area      { height: calc(100% - 26px); }
    .mbot-wrapper .perspective.grwi-io[data-current-tab="shop"]   .big-area      .content        { height: calc(100% - 30px); overflow: auto; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.grwi-io[data-current-tab="shop"]   .big-area      .wcshop_menu    { position: relative; height: auto; flex-wrap: wrap; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.grwi-io[data-current-tab="shop"]   .big-area      .wcshop_menu    .category { max-width: 60%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.grwi-io[data-current-tab="shop"]   .big-area      .wcshop_listing { padding-top: 0; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.grwi-io[data-current-tab="shop"]   .big-area      .wcshop_item    { width: calc(33% - 19px); }
    
    
    
    .mbot-wrapper[data-perspective="economy"] .top-bar              { display: none; }
    .mbot-wrapper[data-perspective="economy"] .perspectives-wrapper { height: calc(100% - 91px); }
    .mbot-wrapper[data-perspective="economy"] .single-area          { height: 100%; }
    .mbot-wrapper[data-perspective="economy"] .single-area          .content { height: 100%; overflow: auto; }
    
    
    
    .mbot-wrapper .perspective.trading-basic                          { flex-wrap: wrap; height: 100%; }
    .mbot-wrapper .perspective.trading-basic    .widget-contanier     ,
    .mbot-wrapper .perspective.trading-basic    .mbot-panel           { width: 100%; height: 100%; }
    .mbot-wrapper .perspective.trading-basic    .tchart               { height: calc(100% - 40px); }
    .mbot-wrapper .perspective.trading-basic    .tchart .content      { height: 100%; }
    
    .mbot-wrapper .perspective.trading-basic    .news-area .widget-contanier.order-history { order: 1; }
    .mbot-wrapper .perspective.trading-basic    .news-area .widget-contanier.news-side     { order: 2; }
    
    .mbot-wrapper .perspective.trading-basic[data-current-tab="chart"]   .tchart        { height: calc(100% - 40px); }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="chart"]   .tchart        .chart { height: calc(100% - 20px); }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="chart"]   .trading-area  { display: none; }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="chart"]   .news-area     { display: none; }
    
    .mbot-wrapper .perspective.trading-basic[data-current-tab="buy"]     .tchart        { display: none; }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="buy"]     .trading-area  { height: calc(100% - 16px); }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="buy"]     .trading-2     { height: calc(100% - 20px); }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="buy"]     .trading-2     .content { height: 100%; overflow: auto; }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="buy"]     .trading-1     { display: none; }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="buy"]     .news-area     { display: none; }
    
    .mbot-wrapper .perspective.trading-basic[data-current-tab="sell"]    .tchart        { display: none; }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="sell"]    .trading-area  { height: calc(100% - 16px); }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="sell"]    .trading-1     { height: calc(100% - 20px); }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="sell"]    .trading-1     .content { height: 100%; overflow: auto; }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="sell"]    .trading-2     { display: none; }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="sell"]    .news-area     { display: none; }
    
    .mbot-wrapper .perspective.trading-basic[data-current-tab="history"] .main-area     { display: none; }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="history"] .order-history { height: calc(100% - 38px); }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="history"] .order-history .content { height: 100%; overflow: auto; }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="history"] .news-side     { display: none; }
    
    .mbot-wrapper .perspective.trading-basic[data-current-tab="news"]    .main-area     { display: none; }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="news"]    .trading-area  { display: none; }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="news"]    .order-history { display: none; }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="news"]    .news-side     { height: calc(100% - 38px); }
    .mbot-wrapper .perspective.trading-basic[data-current-tab="news"]    .news-side     .content { height: calc(100% - 20px); overflow: auto; }
    
    
    
    .mbot-wrapper .perspective.trading-advanced .widget-contanier     ,
    .mbot-wrapper .perspective.trading-advanced .mbot-panel           { display: block; width: 100%; height: 100%; }
    .mbot-wrapper .perspective.trading-advanced                       { flex-wrap: wrap; height: 100%; }
    
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"]   .main-area   { height: calc(100% - 16px); }
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"]   .trading-1   { height: calc(100% - 20px); }
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"]   .trading-1   .content { height: 100%; overflow: auto; }
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"]   .trading-2   { display: none; }
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"]   .order-books { display: none; }
    
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"] .trading-1 .timed_trades_form  { zoom: 75%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"] .trading-1 .trigger_based_form { zoom: 75%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"] .trading-1 .ping_pong_form     { zoom: 50%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"] .trading-1 .volume_form        { zoom: 50%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"] .trading-1 .dust_form          { zoom: 60%; }
    
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="history"] .main-area   { height: calc(100% - 16px); }
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="history"] .trading-1   { display: none; }
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="history"] .trading-2   { height: calc(100% - 20px); }
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="history"] .trading-2   .content { height: 100%; overflow: auto; }
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="history"] .order-books { display: none; }
    
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="buy"]     .main-area   { display: none; }
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="buy"]     .order-books { height: calc(100% - 16px); }
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="buy"]     .book-1      { height: calc(100% - 20px); }
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="buy"]     .book-1      .content { height: 100%; overflow: auto; }
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="buy"]     .book-2      { display: none; }
    
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="sell"]    .main-area   { display: none; }
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="sell"]    .order-books { height: calc(100% - 16px); }
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="sell"]    .book-1      { display: none; }
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="sell"]    .book-2      { height: calc(100% - 20px); }
    .mbot-wrapper .perspective.trading-advanced[data-current-tab="sell"]    .book-2      .content { height: 100%; overflow: auto; }
}

/* Responsiveness: small landscape */

@media all and (max-width: 1023px) {
    body[data-orientation="landscape"] .mbot-wrapper .content.scrollable   { overflow: visible; }
    body[data-orientation="landscape"] .mbot-wrapper .commands-bar         { display: block; width: 80px;
                                                                             height: calc(100% - 40px);
                                                                             overflow: auto; }
    body[data-orientation="landscape"] .mbot-wrapper .small-device-tabs    { display: flex; }
    
    body[data-orientation="landscape"] .mbot-wrapper .commands-bar .perspective-trigger          { padding: 2px 4px; margin: 2px 5px; line-height: normal; }
    body[data-orientation="landscape"] .mbot-wrapper .commands-bar .perspective-trigger .icon    { font-size: 12px; }
    body[data-orientation="landscape"] .mbot-wrapper .commands-bar .perspective-trigger .caption { font-size: 8pt; height: 1em; line-height: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspectives-wrapper { display: block;
                                                                             width: calc(100% - 80px);
                                                                             height: calc(100% - 40px); }
    body[data-orientation="landscape"] .mbot-wrapper .bottom-bar           { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .tabs-bar             { display: none; }
    
    
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main    .widget-contanier ,
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main    .mbot-panel       { display: block; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main                      { flex-wrap: wrap; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main    .main-area        { width: 100%; flex-wrap: wrap; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main    .news-area        { display: flex; flex-wrap: nowrap; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main    .order-books      { display: flex; flex-wrap: nowrap; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main    .gchart           { width: 100%; height: calc(100% - 40px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main    .gchart .content  { height: 100%; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main    .news-area   .widget-contanier { width: 50%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main    .order-books .widget-contanier { width: 50%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main    .news-area   .mbtab-triggers   { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main    .order-books .mbtab-triggers   { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main[data-current-tab="chart"] .gchart      { height: calc(100% - 36px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main[data-current-tab="chart"] .news-area   { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main[data-current-tab="chart"] .order-books { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main[data-current-tab="news"]  .gchart      { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main[data-current-tab="news"]  .news-area   { height: calc(100% - 36px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main[data-current-tab="news"]  .news-area   .widget-contanier { height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main[data-current-tab="news"]  .news-area   .widget-contanier .content { height: calc(100% - 20px); overflow: auto; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main[data-current-tab="news"]  .order-books { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main[data-current-tab="books"] .main-area   { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main[data-current-tab="books"] .order-books { height: calc(100% - 36px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main[data-current-tab="books"] .order-books .widget-contanier { height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main[data-current-tab="books"] .order-books .widget-contanier .content { height: 100%; overflow: auto; }
    
    
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news                      { flex-wrap: wrap; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news    .main-area        { width: 100%; flex-wrap: wrap; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news    .news-area        { width: 100%; display: flex; flex-wrap: nowrap; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news    .news-side        { display: block; width: 100%; height: 100%; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news    .news-area   .widget-contanier { width: 50%; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="grwi_news"]    .main-area     { height: calc(100% - 36px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="grwi_news"]    .area-1        { height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="grwi_news"]    .news-1        { height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="grwi_news"]    .news-1        .content { height: calc(100% - 20px); overflow: auto; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="grwi_news"]    .whales-1      { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="grwi_news"]    .area-2        { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="grwi_news"]    .news-side     { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="grwi_chat"]    .main-area     { height: calc(100% - 36px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="grwi_chat"]    .area-1        { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="grwi_chat"]    .area-2        { height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="grwi_chat"]    .chat          { height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="grwi_chat"]    .chat          .content { height: calc(100% - 20px); overflow: auto; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="grwi_chat"]    .whales-2      { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="grwi_chat"]    .news-side     { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="other_news"]   .main-area     { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="other_news"]   .news-side     { height: calc(100% - 36px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="other_news"]   .news-side     .content { height: calc(100% - 20px); overflow: auto; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="whales_forum"] .main-area     { height: calc(100% - 36px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="whales_forum"] .area-1        { height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="whales_forum"] .news-1        { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="whales_forum"] .whales-1      { height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="whales_forum"] .whales-1      .content { height: calc(100% - 20px); overflow: auto; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="whales_forum"] .area-2        { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="whales_forum"] .news-side     { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="whales_chat"]  .main-area     { height: calc(100% - 36px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="whales_chat"]  .area-1        { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="whales_chat"]  .area-2        { height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="whales_chat"]  .grwi-chat     { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="whales_chat"]  .whales-2      { height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="whales_chat"]  .whales-2      .content { height: calc(100% - 20px); overflow: auto; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="whales_chat"]  .news-side     { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="other_news"]   .main-area     { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="other_news"]   .news-side     { height: calc(100% - 36px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news[data-current-tab="other_news"]   .news-side     .content { height: calc(100% - 20px); overflow: auto; }
    
    
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io                   { flex-wrap: wrap; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io .main-area        { display: flex; width: 100%; flex-wrap: nowrap; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io .main-area        .widget-contanier { width: 50%; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io[data-current-tab="news"]   .main-area     { height: calc(100% - 36px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io[data-current-tab="news"]   .news          { height: calc(100% - 20px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io[data-current-tab="news"]   .news          .content { height: 100%; overflow: auto; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io[data-current-tab="news"]   .chat          { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io[data-current-tab="news"]   .big-area      { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io[data-current-tab="chat"]   .main-area     { height: calc(100% - 36px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io[data-current-tab="chat"]   .news          { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io[data-current-tab="chat"]   .chat          { height: calc(100% - 20px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io[data-current-tab="chat"]   .chat          .content { height: 100%; overflow: auto; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io[data-current-tab="chat"]   .big-area      { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io[data-current-tab="shop"]   .main-area     { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io[data-current-tab="shop"]   .big-area      { height: calc(100% - 36px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io[data-current-tab="shop"]   .big-area      .content { height: calc(100% - 20px); overflow: auto; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io[data-current-tab="shop"]   .big-area      .wcshop_item    { width: calc(33% - 19px); }
    
    
    
    body[data-orientation="landscape"] .mbot-wrapper[data-perspective="economy"] .perspectives-wrapper { height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper[data-perspective="economy"] .widget-contanier     { height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper[data-perspective="economy"] .widget-contanier     .content { height: 100%; overflow: auto; }
    
    
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .widget-contanier ,
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .mbot-panel       { display: block; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic                      { flex-wrap: wrap; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .main-area        { width: 100%; flex-wrap: wrap; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .trading-area     { display: flex; flex-wrap: nowrap; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .news-area        { display: flex; flex-wrap: wrap; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .tchart           { width: 100%; height: calc(100% - 80px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .tchart .content  { height: 100%; }

    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .trading-area     .widget-contanier { width: 50%; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .news-area .widget-contanier.order-history { order: 1; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .news-area .widget-contanier.news-side     { order: 2; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="chart"]   .tchart        { height: calc(100% - 18px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="chart"]   .tchart        .content { height: calc(100% - 20px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="chart"]   .trading-area  { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="chart"]   .news-area     { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="buy"]     .tchart        { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="buy"]     .trading-area  { height: calc(100% - 16px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="buy"]     .trading-2     { height: calc(100% - 20px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="buy"]     .trading-2     .content { height: 100%; overflow: auto; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="buy"]     .trading-1     { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="buy"]     .news-area     { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="sell"]    .tchart        { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="sell"]    .trading-area  { height: calc(100% - 16px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="sell"]    .trading-1     { height: calc(100% - 20px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="sell"]    .trading-1     .content { height: 100%; overflow: auto; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="sell"]    .trading-2     { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="sell"]    .news-area     { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="history"] .main-area     { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="history"] .news-area     { height: calc(100% - 16px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="history"] .order-history { height: calc(100% - 20px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="history"] .order-history .content { height: 100%; overflow: auto; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="history"] .news-side     { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="news"]    .main-area     { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="news"]    .trading-area  { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="news"]    .news-area     { height: calc(100% - 16px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="news"]    .order-history { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="news"]    .news-side     { height: calc(100% - 20px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic[data-current-tab="news"]    .news-side     .content { height: calc(100% - 20px); overflow: auto; }
    
    
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .widget-contanier ,
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .mbot-panel       { display: block; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced                   { flex-wrap: wrap; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .main-area        { width: 100%; flex-wrap: wrap; height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .order-books      { display: flex; flex-wrap: nowrap; height: 100%; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .order-books .widget-contanier { width: 50%; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"]   .main-area   { height: calc(100% - 16px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"]   .trading-1   { height: calc(100% - 20px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"]   .trading-1   .content { height: 100%; overflow: auto; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"]   .trading-2   { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"]   .order-books { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"] .trading-1 .timed_trades_form  { zoom: 90%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"] .trading-1 .trigger_based_form { zoom: 90%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"] .trading-1 .ping_pong_form     { zoom: 80%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"] .trading-1 .volume_form        { zoom: 80%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="forms"] .trading-1 .dust_form          { zoom: 80%; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="history"] .main-area   { height: calc(100% - 16px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="history"] .trading-1   { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="history"] .trading-2   { height: calc(100% - 20px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="history"] .trading-2   .content { height: 100%; overflow: auto; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="history"] .order-books { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="buy"]     .main-area   { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="buy"]     .order-books { height: calc(100% - 16px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="buy"]     .book-1      { height: calc(100% - 20px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="buy"]     .book-1      .content { height: 100%; overflow: auto; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="buy"]     .book-2      { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="sell"]    .main-area   { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="sell"]    .order-books { height: calc(100% - 16px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="sell"]    .book-1      { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="sell"]    .book-2      { height: calc(100% - 20px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced[data-current-tab="sell"]    .book-2      .content { height: 100%; overflow: auto; }
}

/* Responsiveness: large portrait */

@media all and (min-width: 641px) {
    body[data-orientation="portrait"] .mbot-wrapper .content { font-size: 12pt; }
    
    body[data-orientation="portrait"] .mbot-wrapper .commands-bar         { display: none; }
    body[data-orientation="portrait"] .mbot-wrapper .perspectives-wrapper { width: 100%; 
                                                                            height: calc(100% - 126px);
                                                                            overflow: hidden; }
    
    
    
    body[data-orientation="portrait"] .mbot-wrapper .perspective.main                 { flex-wrap: wrap; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.main    .main-area   { width: 50%;  height: 70%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.main    .gchart      { width: 100%; height: 60%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.main    .news-area   { width: 100%; flex-wrap: nowrap; height: 40%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.main    .order-books { height: 30%; width: 100%; flex-wrap: nowrap; }
    
    body[data-orientation="portrait"] .mbot-wrapper .perspective.main    .news-area   .widget-contanier { width: 50%; height: calc(100% - 20px); }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.main    .order-books .widget-contanier { width: 50%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.main    .news-area   .mbtab-triggers   { display: none; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.main    .order-books .mbtab-triggers   { display: none; }
    
    body[data-orientation="portrait"] .mbot-wrapper .perspective.news                 { flex-wrap: wrap; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.news    .main-area   { width: 100%; height: 60%; flex-wrap: wrap; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.news    .news-side   { width: 100%; height: 40%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.news    .news-side   .content { height: calc(100% - 20px); }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.news    .news-area   { flex-wrap: nowrap; width: 100%; height: 50%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.news    .news-area   .widget-contanier { width: 50%; }

    body[data-orientation="portrait"] .mbot-wrapper .perspective.news.alt-design .main-area                   { flex-wrap: nowrap; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.news.alt-design .news-area                   { height: 100%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.news            .news-area .widget-contanier { width: 100%; height: calc(100% - 20px); }
    
    body[data-orientation="portrait"] .mbot-wrapper .perspective.news .news-side .listing-item .thumbnail     { float: left; padding-right: 10px; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.news .news-side .listing-item .thumbnail img { width: 200px; }

    body[data-orientation="portrait"] .mbot-wrapper .perspective.grwi-io                                { flex-wrap: wrap; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.grwi-io .main-area                     { flex-wrap: wrap; width: 100%; height: 30%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.grwi-io .main-area   .widget-contanier { width: 50%; height: calc(100% - 20px); }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.grwi-io .main-area   .widget-contanier .content { height: 100%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.grwi-io .big-area                      { width: 100%; height: 70%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.grwi-io .big-area                      .content { height: calc(100% - 20px); }
    
    body[data-orientation="portrait"] .mbot-wrapper[data-perspective="economy"] .top-bar              { display: none; }
    body[data-orientation="portrait"] .mbot-wrapper[data-perspective="economy"] .perspectives-wrapper { height: calc(100% - 86px); }
    
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-basic                  { flex-wrap: wrap; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-basic    .main-area    { width: 50%;  height: 75%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-basic    .tchart       { width: 100%; height: 50%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-basic    .trading-area { width: 100%; flex-wrap: nowrap; height: 50%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-basic    .news-area    { width: 100%; flex-wrap: nowrap; height: 25%; }
    
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-basic    .widget-contanier.news-side     { width: 50%; order: 2; height: calc(100% - 20px); }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-basic    .widget-contanier.order-history { width: 50%; order: 1; }
    
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-advanced               { flex-wrap: wrap; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-advanced .main-area    { width: 50%;  height: 60%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-advanced .trading-1    { width: 100%; height: 60%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-advanced .trading-2    { width: 100%; flex-wrap: wrap; height: 40%; }
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-advanced .order-books  { width: 100%; flex-wrap: nowrap; height: 40%; }
    
    body[data-orientation="portrait"] .mbot-wrapper .perspective.trading-advanced .trading-1    .content { height: 100%; }
}

/* Responsiveness: large landscape */

@media all and (min-width: 1024px) {
    body[data-orientation="landscape"] .mbot-wrapper .content { font-size: 12pt; }
    
    body[data-orientation="landscape"] .mbot-wrapper .commands-bar         { height: calc(100% - 72px);
                                                                             overflow: auto; }
    body[data-orientation="landscape"] .mbot-wrapper .perspectives-wrapper { display: block;
                                                                             width: calc(100% - 100px);
                                                                             height: calc(100% - 72px);
                                                                             overflow: hidden; }
    
    body[data-orientation="landscape"] .mbot-wrapper .tabs-bar             { display: none; }
    
    
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main                       { flex-wrap: nowrap; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main .main-area            { width: 50%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main .gchart               { width: 100%; height: 50%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main .news-area            { flex-wrap: nowrap; height: 50%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main .order-books          { width: 50%; flex-wrap: nowrap; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main .news-area   .widget-contanier { width: 50%; height: calc(100% - 20px);}
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main .order-books .widget-contanier { width: 50%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main .news-area   .mbtab-triggers   { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.main .order-books .mbtab-triggers   { display: none; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news                       { flex-wrap: nowrap; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news .main-area            { width: 70%; flex-wrap: wrap; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news .news-side            { width: 30%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news .news-side            .content { height: calc(100% - 20px); }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news .news-area            { flex-wrap: nowrap; height: 50%; width: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.news .news-area            .widget-contanier { width: 50%; height: calc(100% - 20px); }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io                   { flex-wrap: nowrap; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io .main-area        { flex-wrap: wrap; width: 30%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io .main-area .news  { width: 100%; height: 50%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io .main-area .chat  { width: 100%; height: 50%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io .big-area         { width: 70%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.grwi-io .widget-contanier .content { height: calc(100% - 20px); }
    
    body[data-orientation="landscape"] .mbot-wrapper[data-perspective="economy"] .top-bar              { display: none; }
    body[data-orientation="landscape"] .mbot-wrapper[data-perspective="economy"] .commands-bar         { height: calc(100% - 32px); }
    body[data-orientation="landscape"] .mbot-wrapper[data-perspective="economy"] .perspectives-wrapper { height: calc(100% - 32px); }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic                  { flex-wrap: nowrap; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .main-area    { width: 70%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .tchart       { width: 100%; height: 40%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .trading-area { flex-wrap: nowrap; height: 60%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .news-area    { width: 30%; flex-wrap: wrap; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .widget-contanier.news-side     { height: 40%; width: 100%; order: 1; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .widget-contanier.order-history { height: 60%; width: 100%; order: 2; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-basic    .widget-contanier.news-side     .content { height: calc(100% - 20px); }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced               { flex-wrap: nowrap; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .main-area    { width: 50%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1    { width: 100%; height: 60%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-2    { flex-wrap: nowrap; height: 40%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .order-books  { width: 50%; flex-wrap: nowrap; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1   .content          { height: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .order-books .widget-contanier { width: 50%; }
    
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1 .timed_trades_form  { zoom: 90%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1 .trigger_based_form { zoom: 90%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1 .ping_pong_form     { zoom: 70%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1 .volume_form        { zoom: 70%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1 .dust_form          { zoom: 70%; }
}
@media all and (min-width: 1280px) {
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1 .timed_trades_form  { zoom: 90%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1 .trigger_based_form { zoom: 90%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1 .ping_pong_form     { zoom: 90%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1 .volume_form        { zoom: 90%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1 .dust_form          { zoom: 90%; }
}
@media all and (min-width: 1360px) {
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1 .timed_trades_form  { zoom: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1 .trigger_based_form { zoom: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1 .ping_pong_form     { zoom: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1 .volume_form        { zoom: 100%; }
    body[data-orientation="landscape"] .mbot-wrapper .perspective.trading-advanced .trading-1 .dust_form          { zoom: 100%; }
}

/* Helpers */

.mbot-wrapper .bottom-bar .content {
    min-height: 0;
    height:     28px;
}

.mbot-wrapper .bottom-bar marquee {
    height:      24px;
    line-height: 23px;
    font-size:   18px;
    margin-top:  2px;
    white-space: nowrap;
}

.mbot-wrapper .bottom-bar marquee .item {
    display: inline-block;
    margin-right: 10px;
}
.mbot-wrapper .bottom-bar marquee .item > span {
    font-weight: lighter;
    display: inline-block;
    border-radius: 3px;
    padding: 0 2px;
}

.mbot-wrapper .bottom-bar marquee .item.highlighted > span {
    color:            black;
    background-color: greenyellow;
}
.mbot-wrapper .bottom-bar marquee .item:last-child {
    margin-right: 0;
}

.mbot-wrapper .bottom-bar marquee .item:after {
    display: inline-block;
    margin-left: 5px;
    content: "•";
}
.mbot-wrapper .bottom-bar marquee .item:last-child:after {
    display: none;
}

.mbot-wrapper .bottom-bar marquee .item pair {
    color: grey;
}

.mbot-wrapper .bottom-bar marquee .item change:after {
    content: '%';
}
.mbot-wrapper .bottom-bar marquee .item change[value="0"] {
    color: grey;
}
.mbot-wrapper .bottom-bar marquee .item change[value*="+"] {
    color: green;
}
.mbot-wrapper .bottom-bar marquee .item change[value*="-"] {
    color: red;
}

/*  mbtabs */

.mbtabs-container .mbtab-triggers .mbtab                                      { margin: 0 !important; }
.mbtabs-container:not(.mbtabs-unformatted)                                    { display: block; }
.mbtabs-container:not(.mbtabs-unformatted) .mbtab-triggers                    { display: flex; flex-wrap: nowrap;
                                                                                align-items: stretch;
                                                                                align-content: stretch;
                                                                                height: 30px; }
.mbtabs-container:not(.mbtabs-unformatted) .mbtab-triggers .mbtab             { line-height: 16px;
                                                                                flex-grow: 1; flex-shrink: 1;
                                                                                text-align: center;
                                                                                text-decoration: none; margin: 0;
                                                                                border-radius: 0;
                                                                                border-top: none; border-left: none; 
                                                                                border-right: 1px solid silver;
                                                                                border-bottom-width: 2px;
                                                                                white-space: nowrap; overflow: hidden;
                                                                                text-overflow: ellipsis; }
.mbtabs-container:not(.mbtabs-unformatted) .mbtab-triggers .mbtab:first-child { border-top-left-radius: 5px; }
.mbtabs-container:not(.mbtabs-unformatted) .mbtab-triggers .mbtab:last-child  { border-top-right-radius: 5px;
                                                                                border-right: none; }
.mbtabs-container:not(.mbtabs-unformatted) .mbtab-contents                    { padding: 5px; display: none  !important; }
.mbtabs-container:not(.mbtabs-unformatted) .mbtab-contents.mbtab-visible      { padding: 5px; display: block !important; }

.mbot-wrapper[data-layout="small-portrait"] .widget-contanier.mbtab-contents .widget-title {
    display: none;
}

.mbot-wrapper[data-layout="small-portrait"] .widget-contanier.mbtab-contents:not(.untitled) .content {
    margin-top: 0;
}

.mbtabs-container .mbtab-contents.mbtabs-container                        { padding: 0 !important; }
.mbtabs-container .mbtab-contents.mbtabs-container .mbtab-triggers .mbtab { border-radius: 0; }

/* Listings */

.widget-contanier .content .listing-item                { display: block; margin-bottom: 10px; padding-bottom: 10px; 
                                                          border-bottom: 2px solid silver; }
.widget-contanier .content .listing-item:last-child     { margin-bottom: 0; border-bottom: none; }
.widget-contanier .content .listing-item a              { text-decoration: none; }
.widget-contanier .content .listing-item .title         { font-size: 1.1em; clear: both; }
.widget-contanier .content .listing-item .excerpt       { font-size: 0.9em; font-style: italic; }
.widget-contanier .content .listing-item .thumbnail     { display: inline-block; margin: 2px 0; padding: 0; border: none; }
.widget-contanier .content .listing-item .thumbnail img { width: 100%; height: auto; }
.widget-contanier .content .listing-item .item-meta     { font-size: 0.8em; color: grey; }
.widget-contanier .content .listing-item .user_display_name .fa { display: none; }

table.mbot-sortable thead th                                            { white-space: nowrap; }
table.mbot-sortable thead th                               > span       { cursor: pointer; }
table.mbot-sortable thead th                               > span:after { content: ' ▲' }
table.mbot-sortable thead th[data-sort-order="descending"] > span:after { content: ' ▼' }
table.mbot-sortable thead th.selected                                   { color: royalblue; }

table.mbot-sortable tr.new        { background-color: lightskyblue; }
table.mbot-sortable tr.new     td { color: black; }
table.mbot-sortable tr.raised     { background-color: greenyellow; }
table.mbot-sortable tr.raised  td { color: black; }
table.mbot-sortable tr.fell       { background-color: #ffc3c8; }
table.mbot-sortable tr.fell    td { color: black; }
table.mbot-sortable tr.out        { background-color: silver; }
table.mbot-sortable tr.out     td { color: grey; }