/*classic.styles.css*/
body {
}

.dash-header{

     padding:0px 20px;
     position:relative;
}

.dash-header .mq-classic__btn {
    position: absolute;
    top: 30px;
    right: 20px;
    cursor: pointer;
    color: #666;
    padding: 0 6px;
}

.dash-header .mq-classic__btn:hover {
    color: #000;
}

.dash-header .mq-classic__btn .fa {
    margin: auto 3px;
}

.md-input-container{
  margin-right: 10px; 
}

.classic-view-header{
    border-bottom: solid 1px #B0BEC5;
    background: #eee;
    margin-bottom: 15px;
}

/*--- Dash Controls ---*/

.dash-controls-page-view{
    float:left;
    margin:18px 0px 0px 0px;
}

.dash-controls-screenfilter{
    float:left;
    margin:18px 0px 0px 0px;
}

.dash-controls-state-view{
    float:left;
    margin:18px 0px 0px 0px;
}

.dash-controls-search{
    float:left;
    margin:18px 0px 0px 0px;
}

.dash-controls-circular-progress{
    float:left;
}

/*--- More Button ---*/

.more-rows-button{
    text-align: center;
}

.more-rows-button-text{
    position: relative;
    top: 50%;
    text-transform: none;
}

.more-rows-progress{
    display: inline-block;
}


/* ------------------ DASHBOARD ------------------- */

.dash-loading
{
    margin:80px;
}

.dash-db-alert {
    position:fixed;
    bottom:10px;
    right:10px;
    background:#fff;
    border:solid #000 1px;
    margin:5px;
    padding:5px;
    font-size:11px;
}

/* -------- CONTROLS ------ */

.dash-controls
{
    padding: 8px 30px 8px 30px;
    border-bottom: solid 1px #ddd;
    background: #eee;
    margin-bottom: 10px;
}

.dash-controls-toggle { float:left;margin:0px 10px; }
.dash-controls-filter { float:left;margin:0px 10px; }


.dash-controls-checkboxes
{
    float:left;
    height:22px;
}

.dash-controls-checkbox {
    float:left;
    margin-right:10px;
}
.dash-controls-checkbox label{
    font-weight:normal;
    font-size:12px;
}
/*.DashboardCheckbox[col='mqSiteId'] { clear:both; }
.DashboardCheckbox[col='accountManager'] { clear:both; }
.DashboardCheckbox[col='stage'] { clear:both; }*/


.dash-control-group { float:left; border-right:solid 1px #999;padding-right:10px; margin-right:20px; }
.screen-dash .dash-control { float:left; margin-right:10px;font-size:11px; }

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

.dash-list
{
    padding:20px 20px 10px 20px;
    /*box-shadow:rgba(0,0,0,0.3) 0px 10px 40px;*/
}
.dash-table
{
    table-layout:fixed;
}


.dash-list-row { clear:both;margin-left:10px;position:relative; }
.dash-list-row.dash-list-head { font-weight:bold; } 
.dash-list-row.dash-list-head [ng-click] {  }


[is_subscription='false'] .dash-list-col[col='customerName'] {
    color: #f67070;
}

[product_version='8'] .dash-list-col[col='customerName'] {
    font-weight: bolder;
}

[product_version='8'] .dash-list-col[col='name'] {
    font-weight: bolder;
}

div.dash-list-col { display:inline-block;float:left; }
.dash-list-col { 
    width:200px;
    /*display:inline-block;*/ 
    padding: 10px 5px 0px 5px;
    border-right: dashed 1px #ccc;
    line-height: 22px;
    white-space: nowrap; 
}

/*.dash-list-col[colsize='tiny'] .dash-icon { margin-left:16px; }
.dash-list-col[colsize='small'] .dash-icon { margin-left:29px; }*/

.dash-list-col input { clear:both;width:100%;font-size:12px;height:22px; }
.dash-list-col select { clear:both;width:100%;font-size:12px;height:22px; }
.dash-list-col[col='country'] { width:20px; }
.dash-list-col[col='abbreviation'] { width:80px; }
.dash-list-col[col='name'] { width:600px; }
.dash-list .dash-list-col[col='state'] { width:36px !important; }

.dash-list-col[col_format='icon'] {
    text-align: center;
    position: relative;
}

.dash-list-col > div
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
    font-size:12px;
}
.dash-list-col[colsize='extratiny'] > div {
    overflow: visible;
    
}
.dash-list-col[col_format='icon'] > div{
    display:inline-block;
}


.dash-list-col[col_order] { display:none; }
.dash-list-col[col_order*='1'] { display:inline-block; }
.dash-list-col[col_order*='2'] { display:inline-block; }
.dash-list-col[col_order*='3'] { display:inline-block; }
.dash-list-col[col_order*='4'] { display:inline-block; }
.dash-list-col[col_order*='5'] { display:inline-block; }
.dash-list-col[col_order*='6'] { display:inline-block; }
.dash-list-col[col_order*='7'] { display:inline-block; }
.dash-list-col[col_order*='8'] { display:inline-block; }
.dash-list-col[col_order*='9'] { display:inline-block; }


.dash-list-col-filter
{
    padding: 2px 1px;
    text-align: center;
}

.dash-list-col[colsize='extratiny'] { width:30px; }
.dash-list-col[colsize='tiny'] { width:60px; }
.dash-list-col[colsize='small'] { width:80px; }
.dash-list-col[colsize='date'] { width:68px; }
.dash-list-col[colsize='smallmed'] { width:150px; }
.dash-list-col[colsize='medium'] { width:180px; }
.dash-list-col[colsize='large'] { width:250px; }



tbody .dash-list-col .dash-icon {
    background: #327faa;
    width: 40px;
    border-radius: 3px;
    padding: 0px;
    text-align: center;
    min-height: 20px;
}
tbody .dash-list-col .dash-icon img { width:20px; }
.dash-list-col[col='country'] .dash-icon { background:#fff;padding-left:0px;width:20px;margin-left:-4px; }
.dash-list-col[col='stage'] .dash-icon { 
    background:#999;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
}
.dash-list-col[col='stage'][col_val='New'] .dash-icon { background:#ed6e22; }
.dash-list-col[col='stage'][col_val='Draft'] .dash-icon { background:#327faa; }
.dash-list-col[col='stage'][col_val='Testing'] .dash-icon { background:#9d2956; }
.dash-list-col[col='stage'][col_val='Live'] .dash-icon { background:#32c33b; /*color:#ffd700;*/}
/*.dash-list-col[col='stage'] .dash-icon img { width:16px; }*/


.dash-list-col[col='demoURL'] a { color:#ccc; }
[mq_stage='Live'] .dash-list-col[col='demoURL']  a { color:#337ab7; }
[mq_stage='Completed'] .dash-list-col[col='demoURL']  a { color:#337ab7; }
[mq_stage='Live'] .dash-list-col[col='demoURL'] { background:#fff; }



.dash-list-col[col_val='TBD'] .dash-icon { background:#ed6e22; }
.dash-list-col[col_val='N/A'] .dash-icon { background:#aaa; }
.dash-list-col[col_val='INT'] .dash-icon { background:#55A6AB; }
.dash-list-col[col_val='XIT'] .dash-icon { background:#55A6AB; }

/* ---------------- SCREEN DASHBOARD ----------------- */

.screen-dash tbody .dash-icon { background:#090;width:40px;border-radius:3px;padding:0px;text-align:center; }
.screen-dash tbody .dash-icon img { width:20px; }

.screen-dash .screen-col { position:relative; }
.screen-dash .screen-col .dash-icon { width:100%; }
.screen-dash .dash-list-col [custom_level='0'] .dash-icon { background:#090; }
.screen-dash .dash-list-col [custom_level='1'] .dash-icon { background:#B56613; }
.screen-dash .dash-list-col [custom_level='2'] .dash-icon{ background:#E60101; }
.screen-dash .dash-list-col [custom_level='3'] .dash-icon { background:#000; }
.screen-dash .dash-list-col [custom_level='9'] .dash-icon { background:#999; }

.screen-dash .connected-icon { display:none; }
.screen-dash [is_connected='true'] .connected-icon { 
    display: block;
    position: absolute;
    right: 1px;
    top: -4px;
    color: #fff;
}

.screen-dash .dash-list-col input { clear:both;width:100%;font-size:12px;height:22px; }
.screen-dash .dash-list-col select { clear:both;width:100%;font-size:12px;height:22px; }

thead .dash-list-col[colsize='extratiny'] .dash-icon { margin-left:0px; }
thead .dash-list-col[colsize='tiny'] .dash-icon { margin-left:16px; }
thead .dash-list-col[colsize='small'] .dash-icon { margin-left:29px; }

.combined-screens-col { display:none; }

.dash-list-col[col_format='font_icon'] {     
    width: 18px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
}
.dash-list-col[hide_border='true'] {     
    border-right: none;
}
.dash-list-col[col_format='font_icon'] [icon='link_false'] { opacity: 0; }

.DashDev .dash-list-col { width:160px; }
.DashDev td.DevStep-YN { 
    width:100px;
    /*width:50px;*/
    text-align:center; 

}
.DashDev td.DevStep-YN[is_check='true'] { 
    background:#EAFFEA;color:#1CB31C; 
        font-size: 17px;
    line-height: 17px;
}
.DashDev td.DevStep-YN[is_check='false'] { 
    background:#fff;color:#999; 
    font-size:10px;
    line-height:20px;
}
.DashDev td.DevStep-YN[is_check='na'] { background:#fff; }
.DashDev td.DevStep-YN[is_check='dev'] { 
    background:#ffd;
    color:#E8843B; 
        font-size: 17px;
    line-height: 17px;
}
.DashDev td.DevStep-Doc { width:30px;text-align:center;}
.DashDev tbody td.DevStep-Doc {cursor:pointer;}


.DashDev [task_top='true'] td { border-top:solid 2px #000; }
.DashDev td.DevStep-Phase { width:110px; }
.DashDev thead .DevStep-Task { font-size:16px; }
.DashDev .DevStep-Task { font-size:18px;color:#000;line-height:20px;width:150px;font-style:normal;background:#fff; }
.DashDev [task_top='false'] .DevStep-Task { border-top:none; }
.DashDev [task_top='false'] .DevStep-TaskDoc { border-top:none; }
.DashDev td.DevStep-TaskDoc { width:30px;text-align:center;cursor:pointer;background:#fff; }

.DashDev td.DevStep-Step { font-weight:bold;border-right:solid #000 1px;width:203px;}
.DashDev [is_internal='true'] td.DevStep-Step { background:#f1f1f1;font-style:italic;color:#666;}
.DashDev [is_internal='true'] td.DevStep-Old, .DashDev [is_internal='true'] td.DevStep-New { font-size:14px; }
.DashDev [is_guide='true'] td.DevStep-Step { background:#fffee5;color:#000;}
.edit-icon { cursor:pointer; }

table tr.DevSection > td { padding:4px; }

.DashDev td.DevStep-Cycle {
    width: 90px;
}
.DashDev .DevStep-CycleIcon{
    position:absolute;width:70px;display:block;
}
.DashDev tbody td.DevStep-Cycle {
background:#11671E;
color:#fff;
font-weight:bold;
font-size:12px;
border:none;
font-style:normal;
text-align:center;
}
.DashDev tbody td.DevStep-Cycle img
{
    width:32px;
    margin-bottom:5px;
    margin-left:7px;
}
.DashDev tbody [cycle_top='true'] td.DevStep-Cycle{
    border-top:#fff solid 2px;
}
x.DashDev tbody td.DevStep-Cycle[cycle='Creation'] { background:#090;}
x.DashDev tbody td.DevStep-Cycle[cycle='Collection'] { background:#009;}
x.DashDev tbody td.DevStep-Cycle[cycle='Reporting'] { background:#e4a21c;}

.DashDev tbody tr:first-child td.DevStep-Cycle { border-top:solid 2px #000 !important; }

.DashDev tbody [link_empty='true'].DevStep-Doc { 
     cursor:default;opacity:0.2;
}

/*  --- DASH MENU --- */
.dash-menu
{
    text-align:center;
    border-bottom: 1px #ccc solid;
    height: 31px;
}
.dash-menu-button { width:115px;text-align:center; }

.dash-menu-button .fa { 
    /*float:right;*/
    font-size:18px;
    margin-top:1px; 
}
.dash-menu-button[form_level_selected='true']{
    background:#337ab7;
    color:#fff;
    text-shadow:none;
}
.dash-menu-button .dash-menu-icon{ 
    /*float:left;*/ 
}
.dash-menu-button a { color:#fff; }

.dash-menu .AdminBreadcrumb
{
    position:absolute;
    padding-top:20px;
    width:750px;
}

.dash-menu-close{
    float:right;
    cursor:pointer;
    line-height:16px;
    color:#600;
}

.dash-menu-close .fa-times-circle{
    float:left;
    margin-right:4px;
    padding-top: 3px;
}

/* ------------------------ Dash List Items ---------------*/

.dash-list-col[colsize='extratiny'] { width:30px; }
.dash-list-col[colsize='tiny'] { width:60px; }
.dash-list-col[colsize='small'] { width:80px; }
.dash-list-col[colsize='date'] { width:100px; }
.dash-list-col[colsize='smallmed'] { width:180px; }
.dash-list-col[colsize='medium'] { width:180px; }
.dash-list-col[colsize='large'] { width:250px; }


.dash-list-row.url-inactive td { background:#eee !important; }

.activity-list .url-col, .activity-list .name-col { 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}
[col_datatype='boolean'][col_val='true'] { 
    background:#dfd;
    color:#000;
}
[col_datatype='boolean'][col_val='false'] { 
    color:#aaa;
}
.dash-list-row .fa-question{
    margin: 5px 36%; 
    color:#999; 
}
.dash-list-row .fa-exclamation-triangle{
    /*color: #ff3100;*/
    margin: 5px 36%; 
}

/* --------- DK TEST ------------ */

.summ-dash-item
{
    font-size:12px;
    color:#000;
    border-bottom:solid 1px #ccc;
    margin-bottom:5px;
    /*padding-bottom:5px;*/
    position:relative;
}
.summ-dash-item[has_abbreviation='false'] { background:#ffe4b2;}
.summ-dash-item[has_account_manager='false'] { background:#fcdfff;}
.summ-dash-name
{
    width:225px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dev-summary-grid .summ-dash-name
{
    width:265px;
} 
[dash_stage] .summ-dash-stage
{
    border-radius: 4px;
    width: 20px;
    height: 20px;
    position:absolute;
    right:6px;
    top:0px;
    text-align: center;
    padding: 2px;
    color:#fff;
    fill:#fff;
}
.summ-dash-date
{
    position:absolute;
    right:0px;
    bottom:5px;
    font-size:11px;
}
[dash_stage] .summ-dash-stage img
{
    width:20px;
}
[dash_stage='New'] .summ-dash-stage {
    background: #ed6e22;
}
[dash_stage='Draft'] .summ-dash-stage {
    background: #327faa;
}
[dash_stage='Testing'] .summ-dash-stage {
    background: #9d2956;
}
[dash_stage='Live'] .summ-dash-stage {
    background: #3cb77a;
    /*color: #ffd746;*/
}
[dash_stage='Completed'] .summ-dash-stage {
    background: #999;
}
/*[dash_stage='New'] .summ-dash-stage {
    background: #e8a43d;
}
[dash_stage='Draft'] .summ-dash-stage {
    background: #56aaf3;
}
[dash_stage='Testing'] .summ-dash-stage {
    background: #099;
}
[dash_stage='Live'] .summ-dash-stage {
    background: #31bf38;
    color: #ffd700;
}
[dash_stage='Completed'] .summ-dash-stage {
    background: #999;
}*/
/* ------------- SCREENS ---------------- */

[has_custom_screen='true'] .screen-icon{
    color:#ff0;
    /*background:#600;*/
}
[has_custom_screen='true'] .screen-icon .fa{
    font-size: 10px;
    margin-top: 0px;
    margin-left: 3px;
}
.dash-list-col.screen-icon
{
    display:inline-block;
    height:42px;
}

td.dash-screens {
    width: 1030px;
    display: block;
    outline: solid 1px #ccc;
    background: #fff;
    top: 7px;
    position: relative;
    left: -990px;
    height: 206px;
    margin-bottom: 10px;
    font-size:11px;
}
[dash_view='dev'] td.dash-screens[no_project_site=true] {
    left: -900px;
    width: 850px;
}
[dash_view='sales'] td.dash-screens[no_project_site=true] {
    left: -1000px;
    width: 850px;
}
[dash_view='dev'] td.dash-screens[no_project_site=true][forth_screen='N/A'] {
    left: -1025px;
    width: 680px;
}
[dash_view='sales'] td.dash-screens[no_project_site=true] {
    left: -1000px;
}
[dash_view='sales'] td.dash-screens {
    left: -1100px;
}
.dash-screens.dash-screens--four {
    margin: 0px auto 0px 100px;
    width: 860px;
}
[no_project_site=true].dash-screens.dash-screens--four {
    margin: 0px auto 0px 200px;
}
.dash-screen-playlist
{
    position:absolute;
    bottom:41px;
    right:10px;
    color:#fff;
    background:#000;
    border-radius:6px;
    height:8px;
    width:8px;

   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #000;
}
.dash-screen-playlist--projectsite {
    bottom: -118px;
    right: 50px;
}
.dash-screen-playlist .fa {
    position:absolute;
    top:-3px;
    left:-3px;
}
.dash-screen-favorite
{
    position:absolute;
    bottom:35px;
    right:10px;
    color:#fff;


   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #000
}
.overview-form-screenshots-img .dash-screen-favorite
{
    /*top:2px;
    right:30px;*/
}
.dash-screen-favorite[is_favorite='true']{
    color:#f00;
    font-size:18px;
   -webkit-text-stroke-color: #fff;
}
.dashboard-list-project-screenshot-label {
    position: absolute;
    width: 170px;
    padding: 10px;
    top: 140px;
}
.dashboard-list-project-screenshot-label .fa{
    font-size: 20px;
}
.dash-icon-label {
    font-size: 10px;
    position: absolute;
    bottom: -2px;
    left: 20px;
}

/*  PHASE ICONS  */
.dash-icon .mq-design-phase-icon svg {
    fill: #FFF;
    margin: 2px 0px 0px 2px;
}

.dash-icon .mq-build-phase-icon svg{
    fill: #FFF;
    margin:2px 0px 0px 2px;
}

.fa-plus-square-o,
.fa-chart-bar,
.fa-hourglass-o {
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    margin-left: 1px;
}
.fa-check-square {
    font-size: 16px;
    margin: 0px 0px 0px 2px;
}
.schedule-summary__icon .fa-check-square,
.dash-table .fa-check-square {
    font-size: 16px;
    margin: 2px 0px 0px 2px;
}
.fa-users {
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}