/* 
    admin.styles.css
*/


[studioview='Admin'] .studio-canvas-main {
    width: 800px;
    margin-left: -400px;
    left: 50%;
    position: absolute;
}

.admin-title {
    margin: 30px 0px;
    border-bottom: dashed 1px #65B6E1;
}

.admin-customer-select label {
    margin-left: 109px;
    font-style: italic;
    float: left;
    margin-top: 28px;
    margin-right: 20px;
}

.admin-customer-select-dropdown {
    width: 400px;
    float: left;
}

.admin-customer-select-confirm {
    float: left;
    margin: 28px 10px;
}

.admin-buttons {
    clear: both;
    margin: 20px auto;
    text-align: center;
    padding-top: 20px;
}

.admin-search {
    color: #000;
    position: absolute;
    top: -2px;
    left: 200px;
    z-index: 3;
    width: 420px;
}

.admin-qnabot {
    color: #000;
    position: absolute;
    top: 2px;
    left: 400px;
    z-index: 3;
    width: 620px;
}

.admin-search input {
    height: 22px;
    width: 200px;
    padding: 0 0 0 6px;
    border-radius: 6px;
    font-size: 12px;
}

.admin-qnabot input {
    height: 25px;
    width: 200px;
    padding: 0 0 0 2px;
    border-radius: 6px;
    font-size: 12px;
}

.qnabot-wordwrap {
    word-wrap: break-word;
}

.admin-search-results {
    margin: 1px auto auto -200px;
    color: #888;
    text-align: left;
    font-size: 1.2rem;
    width: 100%;
    overflow-x: auto;
    border: solid 2px #ccc;
    background: rgba(255, 255, 255, 0.85);
    padding: 10px;
    border-radius: 8px;
}

.admin-qnabot-results {
    margin: 1px auto auto;
    color: black;
    text-align: left;
    font-size: 1.2rem;
    width: 100%;
    overflow-x: auto;
    border: solid 2px #ccc;
    background: rgba(255, 255, 255, 0.85);
    padding: 10px;
    border-radius: 8px;
}

.admin-search-results .fa-times {
    float: right;
    margin: 8px;
}

.admin-qnabot-results .fa-times {
    float: right;
    margin: 8px;
    left: 150px;
}

.admin-search-results .fa-times:hover {
    color: #000;
}


/*.admin-search-results div:nth-child(2n+1) {
    background: #dcdcdc;
}*/
.admin-search-results__header div {
    opacity: 1 !important;
    color: #000;
    font-weight: bold;
}

.admin-qnabot-results__header div {
    opacity: 1 !important;
    color: #000;
    font-weight: bold;
    left: 150px;
}

.admin-qnabot-score__header div {
    color: #BEBEBE;
    left: 180px;
}

.admin-search-item {
    border-bottom: solid 1px #ccc;
    color: #000;
    clear: both;
    position: relative;
    z-index: 2;
}

    .admin-search-item div {
        /*float: left;*/
        padding-top: 3px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
    }

    .admin-search-item[project_stage='Archived'] {
        display: none;
    }

    .admin-search-item[project_stage='Delayed'] {
        display: none;
    }

    .admin-search-item[is_test='true'] {
        display: none;
    }

.admin-search-item__customer {
    width: 125px;
    text-align: right;
}

.admin-search-item__phase {
    width: 60px;
    text-align: center;
}

.admin-search-item__phase span {
    background: #666;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    fill:#fff;
    border-radius: 4px;
}

.admin-search-item__phase[phase='New'] span {
    background: #e8a43d;
}

.admin-search-item__phase[phase='Draft'] span {
    background: #56aaf3;
}

.admin-search-item__phase[phase='Testing'] span {
    background: #9d2956 ;
}

.admin-search-item__phase[phase='Live'] span {
    background: #31bf38;
}

.admin-search-item__phase[phase='Completed'] span {
    background: #c4cdd1;
}
.admin-search-item__phase[phase='New'] span svg,
.admin-search-item__phase[phase='Draft'] span svg {
    margin:2px;
}
.admin-search-item__project {
    width: 150px;
}

.admin-search-item__data {
    width: 40px;
    text-align: center;
    color: #666;
    opacity: 0.5;
}

.admin-search-item:hover .admin-search-item__studio {
    opacity: 1;
}

.admin-search-item__studio {
    text-align: center;
    width: 40px;
    color: #666;
    opacity: 0.5;
}

/* ------------------- ACTIVE STYLES ABOVE THIS LINE ---------------------- */




/*.mqstudio-dialog
{
    width:1000px;
    left:50%;
    margin-left:-500px;
    top:42px;
    position:absolute;
    z-index:2;
}
.mqstudio-dialog-content
{
    margin-bottom:30px;
    min-height:455px;
    padding:30px;
    border-radius:8px;
    box-shadow:rgba(0,0,0,0.5) 0px 0px 20px;
    background:#fff;
    width:1000px;
    float:right;

}
.mqstudio-dialog-title
{
    font-size: 22px;
    margin: 30px 0px;
    border-bottom: dashed 1px #65B6E1;
    color: #2D7DBB;
}*/