/*items.styles.css*/


.items-tab-item
{
    width:135px;
    margin-right:8px;
    display:inline-block;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*.items-tab-item[over_outer_limit='true'] { display:none; }*/
.items-tab-header
{
    font-size: 16px;
    padding-top: 10px;
    border-top: solid 8px #b7e3ff;
    margin-top: 10px;
}
.items-tab-list
{
    /*border-top:solid 1px #ccc;
    padding-top:5px;
    margin-top:5px;*/
    margin-left:16px;
}
.items-tab-settings
{
    /*border:solid 1px #ddd;
    padding:10px 4px 4px 14px;
    margin:4px 0px;*/

    background:#eee;
    width:260px;
    margin-left: 16px;
    padding: 4px 8px 0px 8px;
}
.items-tab-setting
{

    display:block;
}
.items-tab-setting .set-param-tip
{
    display:none;
}

[screen_type='XIT'] [item_question_type='Q_Textbox'] {

}

.item-reorder-up { display:none; }
.item-reorder-down { display:none; }

[do_reorder='true'] .item-reorder-up { display:inline-block; }
[do_reorder='true'] .item-reorder-down { display:inline-block; }

.list-item .item-reorder-up { opacity:0.1; }
.list-item .item-reorder-down { opacity:0.1; }
.list-item[list_item_index='1'] .item-reorder-up { opacity:0; }
.list-item[list_item_last='true'] .item-reorder-down { opacity:0; }
.list-item[list_item_index='1']:hover .item-reorder-up { opacity:0; }
.list-item[list_item_last='true']:hover .item-reorder-down { opacity:0; }
.list-item:hover .item-reorder-up { opacity:1 }
.list-item:hover .item-reorder-down { opacity:1 }

/*.list-item[over_outer_limit='true'] { display:none; }*/

[do_reorder='true'] .list-item:hover .list-item--reorder { margin-left:10px; }

/* ------------- */

.items-reorder{
    margin:30px;
}
.items-reorder .list-item[list_item_index='1'] .fa.fa-arrow-up
{
    opacity:0;
}
.items-reorder .list-item[list_item_last='true'] .fa.fa-arrow-down
{
    opacity:0;
}
.items-reorder .list-item .fa
{
    opacity:0.1;
}
.items-reorder .list-item:hover .fa
{
    opacity:1;
}
.list-item--reorder
{
    display:inline-block;
    transition:margin 0.5s;
}
.items-reorder .list-item:hover .list-item--reorder
{
    margin-left:10px;
}
/*.items-reorder .list-item .list-item--reorder[pre_reorder='true']
{
    margin-left:5px;
}*/
.items-connected-message
{
    border-bottom:solid 1px #aaa;
    margin-bottom:6px;
    font-style:italic;
}
.items-connected-message .fa
{
    color:#3693cc;
}
.param-below-warning{
    background: #fcc;
    font-size: 12px;
    text-align: center;
    clear:both;
}

/*  Testing editor settings - indicators  */

.indicator-config
{
    clear:both;
    padding:5px;
    height:56px;
    border-bottom:solid 1px #aaa;

}
.indicator-config--header
{
    height:30px;
}
.indicator-name
{
    width:180px;
    margin-right:5px;
    display:inline-block;
    float:left;

}
/*.indicator-config--header .indicator-score
{
    margin-right:0px;
}*/
.indicator-score
{
    width:110px;
    margin-right:3px;
    display:inline-block;
    text-align:center;
}
.indicator-score--head {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.indicator-config input
{
    width:160px;

}
.indicator-score input
{
    width:100%;
    text-align:center;
}

.indicator{
    position: relative;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    width: 108px;
    overflow:hidden;
    margin-left:1px;
}
.indicator .arrows{
    position: absolute;
    top: 0;
    left: 0;
    height: inherit;
    width: auto;
}
.indicator .left{
    top: 0;
    left: 0;
    width: 55px;
    height: 16px;
    overflow: hidden;
    position: absolute;
}
.indicator .right{
    width: 55px;
    top: 0;
    left: 55px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    border-left:1px #999 solid;
}

.indicator .left .arrow{
    position: absolute;
    background:url(https://mqassets.blob.core.windows.net/mqui/arr_sprite.png) 0 -16px;
    height: 16px;
    width: 188px;
    left: 20px;
    background-repeat: no-repeat;
    transition:left 0.2s;
}
.indicator .right .arrow{
    position: absolute;
    background:url(https://mqassets.blob.core.windows.net/mqui/arr_sprite.png) 0 0;
    height: 16px;
    width: 194px;
    left: -170px;
    background-repeat: no-repeat;
    border-left: solid 1px #999;
    transition:left 0.2s;
}
    
.indicator-handle
{
    position:absolute;
    width:10px;
    height:15px;
    background:#666;
    cursor:pointer;
    left:50px;
    opacity:0;
}