/*testing.styles.css*/

.testing .screen-icon{
    margin: 5px;
}

.testing-header{
    padding: 8px 30px 8px 30px;
    border-bottom: solid 1px #B0BEC5;
    background: #eee;
    margin-bottom: 10px;
}

.testing-screen-types{
    min-width: 300px;
    padding: 20px;
}

.testing-screen-types__item{
    background-color: rgb(102, 182, 234);
    width: 80px;
    height: 82px;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    float: left;
    display: inline-block;
    border: 1px solid white;
    font-size: 11px;
    line-height: 12px;
}
.testing-screen-types__item:hover{
    color: #fff;
}
.testing-screen-types__item[selected_screentype='true']{
    background:#000;
    color:#fff;
}

.testing-settings-list{
    width: 100%;
    padding: 20px 20px 0;
    display: inline-block;
    float: left;
    min-width: 1200px;
}

.testing-settings-list__item{
    display:inline-block;
    text-align:left;
    height:30px;
}

.testing-settings-list .fa-info-circle{
    color: #5cb85c;
}


.testing-settings-list__item--title{
    text-align: center;
    width: 160px;
    font-weight: 700;
}

.testing-setting-list_item--sequence{
    height: 30px;
    width: 100%;
    padding-left: 20px;
}

.testing-setting-list_item--textbox{
    width: 100%;
    height:30px;
    padding: 4px;
}

.testing-setting-list_item--select{
    height: 30px;
    width: 100%;
}

.testing-settings-list__controls{
    clear: both;
    margin:20px;
    padding-top: 20px;
}

.testing-settings-list__info{
    clear: both;
}

[col_name='sequence'].testing-settings-list__item{
    width:60px;
}

[col_name='step'].testing-settings-list__item{
    width:180px;
}

[col_name='title'].testing-settings-list__item{
    width:180px;
}

[col_name='text'].testing-settings-list__item{
    width:300px;
}

[col_name='replyType'].testing-settings-list__item,
[col_name='category'].testing-settings-list__item
{
    width:100px;

}

[col_name='link'].testing-settings-list__item{
    width:180px;
}

.testing-spinner{
    position: absolute;
    left: 400px;
    margin-top: -30px;
}

.testing .alert{
    width: 200px;
    margin: -36px 300px 0px;
    text-align: center;
    line-height: 4px;
}