/**
 * GrowBot Trading styles
 * 
 * @package GrowBot
 * @author  Alejandro Caballero - lava.caballero@gmail.com
 */

.mbot-wrapper .widget-contanier.top-bar-widget-left { flex-grow: 0; }

/* Exchange/coin switch */

.mbot-wrapper .trading_exchange_selector           { text-decoration: none; flex-wrap: nowrap; }
.mbot-wrapper .trading_exchange_selector .title    { font-size: 11px; color: grey; line-height: normal; }
.mbot-wrapper .trading_exchange_selector .caption  { padding-left: 20px; }
.mbot-wrapper .trading_exchange_selector .exchange { text-transform: capitalize; }
.mbot-wrapper .trading_exchange_selector .trigger  { line-height: 34px; }

.ui-dialog .ui-dialog-content.trading_selector_dialog { padding: .5em; }
.trading_selector_dialog .exchange h3                 { text-transform: capitalize; }
.trading_selector_dialog .exchange .item              { cursor: pointer; margin: 0 0 5px 0; font-size: 0.8em; overflow: hidden; }
.trading_selector_dialog .exchange .item:last-child   { margin-bottom: 0; }
.trading_selector_dialog .exchange .item.state_active { cursor: auto; pointer-events: none; }

.trading_selector_dialog .searchbox             { white-space: nowrap; position: relative; margin-bottom: 10px; }
.trading_selector_dialog .searchbox input       { width: 100%; padding-right: 18px; }
.trading_selector_dialog .searchbox input.tplus { width: calc(100% - 32px); }
.trading_selector_dialog .searchbox .reset_icon { position: absolute; margin-left: -26px; margin-top: 4px; }
.trading_selector_dialog .searchbox .add_button { width: 32px; text-align: center; }

/* Order books */

.order_book_table .heading      { display: flex; flex-wrap: nowrap; align-items: stretch; align-content: stretch; }
.order_book_table .caption      { flex-grow: 1; flex-shrink: 1; white-space: nowrap; text-align: left; font-weight: bold; }
.order_book_table .spinner      { flex-grow: 1; flex-shrink: 1; white-space: nowrap; text-align: center; min-width: 24px; }
.order_book_table .total_volume { flex-grow: 1; flex-shrink: 1; white-space: nowrap; text-align: right; font-size: 0.8em; }
.order_book_table table         { width: 100%; }
.order_book_table th            { text-align: right; }
.order_book_table td            { text-align: right; padding: 2px 1px; line-height: normal; }

.order_book_table:not(.has_form) .total_volume { display: none; }
.order_book_table:not(.has_form) .spinner      { text-align: right; }

.order_book_table table tbody tr.dummy           { color: #bf1466; }
.order_book_table table tbody tr:nth-child(even) { background-color: lightgrey; }

.order_book_table.has_form tbody tr       { cursor: pointer; }
.order_book_table.has_form tbody tr:hover { background-color: rgba(173, 255, 47, 0.5); }

.order_book_table .heading .caption { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.mbot-wrapper[data-layout="small-portrait"] .order_book_table th ,
.mbot-wrapper[data-layout="small-portrait"] .order_book_table td { font-size: 11px; }

.mbot-wrapper[data-layout="small-landscape"] .order_book_table th ,
.mbot-wrapper[data-layout="small-landscape"] .order_book_table td { font-size: 10px; }

.mbot-wrapper[data-layout="large-portrait"] .order_book_table th ,
.mbot-wrapper[data-layout="large-portrait"] .order_book_table td { font-size: 13px; }

.mbot-wrapper[data-layout="large-landscape"] .order_book_table th ,
.mbot-wrapper[data-layout="large-landscape"] .order_book_table td { font-size: 10px; }

@media all and (min-width: 1900px) {
    .mbot-wrapper[data-layout="large-landscape"] .order_book_table th ,
    .mbot-wrapper[data-layout="large-landscape"] .order_book_table td { font-size: 13px; }
}

/* Basic trading form */

.basic_trading_form .available           { font-size: 0.8em; text-align: right; margin-bottom: 5px; }
.basic_trading_form table                { width: 100%; }
.basic_trading_form table th             { text-align: left; }
.basic_trading_form table td.input       { text-align: right; }
.basic_trading_form table td.input input { width: 100%; text-align: right; }
.basic_trading_form .submit              { display: flex; flex-wrap: nowrap; }
.basic_trading_form .submit .place_order { flex-grow: 2; flex-shrink: 1; }
.basic_trading_form .submit .reset_form  { flex-grow: 1; flex-shrink: 2; margin-left: 10px; }
.basic_trading_form .comment             { font-size: 0.8em; text-align: center; }

/* Advanced trading form */

.advanced_trading_form table                { width: 100%; }
.advanced_trading_form table th             { text-align: left; width: 40%; }
.advanced_trading_form table td.input       { text-align: right; width: 60%; }
.advanced_trading_form table td.input input { text-align: right; width: 100%; }
.advanced_trading_form table td.extra       { text-align: left; white-space: nowrap; }
.advanced_trading_form .submit              { display: flex; flex-wrap: nowrap; }
.advanced_trading_form .submit .place_order { flex-grow: 2; flex-shrink: 1; }
.advanced_trading_form .submit .reset_form  { flex-grow: 1; flex-shrink: 2; margin-left: 10px; }
.advanced_trading_form .comment             { font-size: 0.8em; text-align: center; }

.advanced_trading_form table.double-input-cols th       { width: 40%; }
.advanced_trading_form table.double-input-cols td.input { width: 30%; }

.advanced_trading_form table tr                 th ,
.advanced_trading_form table tr                 td { padding: 4px; border-top: 1px solid silver; } 

.advanced_trading_form table tr.muted           th ,
.advanced_trading_form table tr.muted           td { color: silver; } 

.advanced_trading_form table tr:first-child     th ,  
.advanced_trading_form table tr:first-child     td { border-top: transparent; }
.advanced_trading_form table tr.no-top-border   th ,  
.advanced_trading_form table tr.no-top-border   td { border-top: transparent; }

.advanced_trading_form section h3 .framed_content { font-weight: normal; font-size: 0.7em; line-height: normal; }

.advanced_trading_form .presets_selector                 { margin-top: 0; }
.advanced_trading_form .presets_selector .selector       { display: flex; }
.advanced_trading_form .presets_selector select          { width: 100%; font-size: 1em; }
.advanced_trading_form .presets_selector .refresher      { width: 30px; margin-left: 5px; }
.advanced_trading_form .presets_selector .framed_content { margin-top: 10px; margin-bottom: 0; }
.advanced_trading_form .presets_selector .target         { margin-bottom: 10px; }

.timed_trades_form[data-interval="seconds"] *[data-for]:not([data-for*="seconds"]) ,
.timed_trades_form[data-interval="minutes"] *[data-for]:not([data-for*="minutes"]) ,
.timed_trades_form[data-interval="hours"]   *[data-for]:not([data-for*="hours"])   ,
.timed_trades_form[data-interval="days"]    *[data-for]:not([data-for*="days"])    { display: none; }

.trigger_based_form[data-interval="price_falls"]  *[data-for]:not([data-for*="price_falls"])  ,
.trigger_based_form[data-interval="price_rises"]  *[data-for]:not([data-for*="price_rises"])  ,
.trigger_based_form[data-interval="weekdays"]     *[data-for]:not([data-for*="weekdays"])     ,
.trigger_based_form[data-interval="monthdays"]    *[data-for]:not([data-for*="monthdays"])    { display: none; }

.ping_pong_form[data-interval="seconds"] *[data-for]:not([data-for*="seconds"]) ,
.ping_pong_form[data-interval="minutes"] *[data-for]:not([data-for*="minutes"]) ,
.ping_pong_form[data-interval="hours"]   *[data-for]:not([data-for*="hours"])   { display: none; }

.volume_form[data-interval="seconds"] *[data-for]:not([data-for*="seconds"]) ,
.volume_form[data-interval="minutes"] *[data-for]:not([data-for*="minutes"]) ,
.volume_form[data-interval="hours"]   *[data-for]:not([data-for*="hours"])   { display: none; }

.dust_form[data-interval="seconds"] *[data-for]:not([data-for*="seconds"]) ,
.dust_form[data-interval="minutes"] *[data-for]:not([data-for*="minutes"]) ,
.dust_form[data-interval="hours"]   *[data-for]:not([data-for*="hours"])   { display: none; }

.advanced_trading_form label.framed_content input { display: none; }

/* Order history tables */

.widget-contanier[data-widget-class="order_history"]          { width: 100%; }
.widget-contanier[data-widget-class="order_history"] .content { width: 100%; }

.order-history-container                 { height: 100%; }
.order-history-container .mbtab-contents { height: calc(100% - 30px); overflow: auto; }

.mbot-wrapper[data-layout="small-portrait"]  .order-history-container                 { height: auto; }
.mbot-wrapper[data-layout="small-portrait"]  .order-history-container .mbtab-contents { height: auto; }
.mbot-wrapper[data-layout="small-landscape"] .order-history-container                 { height: auto; }
.mbot-wrapper[data-layout="small-landscape"] .order-history-container .mbtab-contents { height: auto; }

.trading_history_table table                          { width: 100%; }
.trading_history_table th                             { font-size: 11px; text-align: right; }
.trading_history_table td                             { font-size: 11px; text-align: right; padding: 2px 1px; line-height: normal; }
.trading_history_table tr.dummy td                    { color: #bf1466; }
.trading_history_table table tbody tr:nth-child(even) { background-color: lightgrey; }

.trading_history_table table tbody tr:hover                 { background-color: greenyellow; }
.trading_history_table table tbody tr:nth-child(even):hover { background-color: #94de2a; }

/* Tchart */

.mbot-wrapper .widget-contanier[data-widget-class="tchart"] .content  .tbuttons {
    position: relative;
    width: 100%;
    white-space: nowrap;
    height: 20px;
    line-height: 20px;
    margin-top: -21px;
    margin-left: 2px;
    z-index: 1;
}

.mbot-wrapper .widget-contanier[data-widget-class="tchart"] .content  .tbutton {
    cursor: pointer;
    display: inline-block;
    line-height: 16px;
    font-size: 14px;
    padding: 0 2px;
    margin-right: 5px;
    border-radius: 2px;
    background-color: silver;
}

.mbot-wrapper .widget-contanier[data-widget-class="tchart"] .content  .tbutton.selected {
    background-color: lightskyblue;
    cursor: default;
    pointer-events: none;
}

.mbot-wrapper .widget-contanier[data-widget-class="tchart"] .content  .tbutton:hover {
    background-color: greenyellow;
}

/* Queues Viewer */

.mbot_trading_queue                                 { font-size: 0.9em; border-right: 1px solid silver; margin-bottom: 20px; }
.mbot_trading_queue:last-child                      { margin-bottom: 0; }
.mbot_trading_queue.empty                           { display: none; }
.mbot_trading_queue           .trigger              { background-color: silver; padding: 1px 0; color: black; }
.mbot_trading_queue           .trigger .pseudo_link { text-decoration: none; color: black; }
.mbot_trading_queue           .trigger .collapsed   { display: none; }
.mbot_trading_queue.collapsed .trigger .collapsed   { display: inline-block; }
.mbot_trading_queue.collapsed .trigger .expanded    { display: none; }
.mbot_trading_queue.collapsed .details              { display: none; }

.mbot_trading_queue           .trigger                       { font-family: arial, helvetica, sans-serif; }
.mbot_trading_queue           .trigger .pseudo_link:not(.fa) { font-family: arial, helvetica, sans-serif; }
.mbot_trading_queue           .trigger .pseudo_link:hover    { color: white; }

.mbot_trading_queue .details                   { margin-left: 8px; padding-left: 24px; font-size: 0.8em;
                                                 border-left: 1px solid silver; border-bottom: 1px solid silver; }
.mbot_trading_queue .details .item             { margin-top: 4px; padding-top: 4px; border-top: 1px solid silver; }
.mbot_trading_queue .details .item:first-child { margin-top: 0;   padding-top: 4px; border-top: 0; }

.mbot_trading_queue > .trigger .counts {
    color: white; background-color: dimgrey; display: inline-block;
    border-radius: 8px; padding: 0 4px; margin-left: 5px;
    font-weight: bold; font-size: 0.7rem; line-height: 0.9rem;
}

.translated_task_details .flag {
    display: inline-block; color: black; background-color: yellow;
    padding: 0 3px; border-radius: 3px;
    font-size: 0.6rem; line-height: 0.9rem;
    position: relative; top: -1px;
    font-weight: bold; text-transform: capitalize;
}

.task_details_dialog .translated_task_details .flag { font-size: 1rem; line-height: 1.2rem; }

.translated_task_details .flag.is_test {
    color: white; background-color: #bf1466;
}

.translated_task_details .flag.enabled {
    color: darkgreen; background-color: palegreen;
}

.translated_task_details .flag.bordered {
    border: 1px solid black; line-height: calc(0.9rem - 2px);
}

.translated_task_details .icon        { margin-left: -18px; font-weight: bold; }
.translated_task_details .queue_group { font-weight: bold; }

.translated_task_details[data-queue-group="timed_trades"]         .icon        { color: royalblue; }
.translated_task_details[data-queue-group="trigger_based_trades"] .icon        { color: darkgreen; }
.translated_task_details[data-queue-group="ping_pong"]            .icon        { color: purple; }
.translated_task_details[data-queue-group="volume"]               .icon        { color: darkgoldenrod; }
.translated_task_details[data-queue-group="dust"]                 .icon        { color: #bf3400; }

.translated_task_details[data-queue-group="timed_trades"]         .queue_group { color: royalblue; }
.translated_task_details[data-queue-group="trigger_based_trades"] .queue_group { color: darkgreen; }
.translated_task_details[data-queue-group="ping_pong"]            .queue_group { color: purple; }
.translated_task_details[data-queue-group="volume"]               .queue_group { color: darkgoldenrod; }
.translated_task_details[data-queue-group="dust"]                 .queue_group { color: #bf3400; }

.translated_task_details[data-queue-group="timed_trades"]         .market      { color: royalblue; }
.translated_task_details[data-queue-group="trigger_based_trades"] .market      { color: darkgreen; }
.translated_task_details[data-queue-group="ping_pong"]            .market      { color: purple; }
.translated_task_details[data-queue-group="volume"]               .market      { color: darkgoldenrod; }
.translated_task_details[data-queue-group="dust"]                 .market      { color: #bf3400; }

.translated_task_details .never_ran {
    color: orangered;
}

.translated_task_details .actions .action {
    display: inline-block;
    padding: 2px 4px 2px 0;
}

.translated_task_details .actions .action.disabled { pointer-events: none; }

.mbot_trading_queue .details .last_run_details {
    margin: 4px 2px 2px 0;
    background-color: #f1fef1;
    border: 1px solid palegreen;
    border-radius: 5px;
}
.translated_task_details .last_run_details .log_entry_translated {
    margin-top:   2px;
    padding:      1px 2px;
    line-height:  normal;
    border-top:   1px solid palegreen;
}

.translated_task_details .last_run_details .log_entry_translated .fixed_font {
    font-size: 0.9rem;
}

.translated_task_details .last_run_details .log_entry_translated:first-child {
    margin-top: 0;
    border-top: none;
}

.mbot_trading_queue           .trigger .right-links     { float: right; }
.mbot_trading_queue.collapsed .trigger .maximize        { display: none; }
.mbot_trading_queue.maximized                           { border-right: 0; margin-bottom: 0; font-size: 1em }
.mbot_trading_queue.maximized .details                  { margin-left: 0; border: none; }
.mbot_trading_queue.maximized .details .item            { border-top: 0; margin-bottom: 20px; }
.mbot_trading_queue.maximized .details .item:last-child { margin-bottom: 0; }
.mbot_trading_queue.maximized .actions                  { display: none; }

/* Other */

.advanced-trading-container                                    { height: 100%; }
.advanced-trading-container > .mbtab-contents                  { height: calc(100% - 30px); overflow: auto; }
.advanced-trading-container > .mbtab-contents.mbtabs-container { overflow: visible; }
.advanced-trading-container > .mbtab-contents .mbtab-contents  { height: calc(100% - 30px); overflow: auto; }

.task_details_dialog table td              { font-size: 10pt;  }
.task_details_dialog table tr.sell      td { color: darkred;   }
.task_details_dialog table tr.buy       td { color: darkgreen; }
.task_details_dialog table tr.unfilled  td { opacity: 0.5; }
.task_details_dialog table tr.complete  td { text-shadow: 1px 1px 2px grey; }
.task_details_dialog table tr.is_trade  td { text-shadow: none; color: grey; }
.task_details_dialog table tr:hover     td { background-color: greenyellow; }

.task_details_dialog table tr.gfirst    td             { border-top:    1px solid black; }
.task_details_dialog table tr.gfirst    td:first-child { border-left:   1px solid black; }
.task_details_dialog table tr.gfirst    td:last-child  { border-right:  1px solid black; }
.task_details_dialog table tr.gchild    td:first-child { border-left:   1px solid black; }
.task_details_dialog table tr.gchild    td:last-child  { border-right:  1px solid black; }
.task_details_dialog table tr.glast     td             { border-bottom: 1px solid black; }
.task_details_dialog table tr.glast     td:first-child { border-left:   1px solid black; }
.task_details_dialog table tr.glast     td:last-child  { border-right:  1px solid black; }

.bsnaps_chart_container {
    margin-bottom: 20px; border: 1px solid black; border-bottom: 2px solid black;
    overflow: hidden;
}
