/*home.styles.css*/

.dashboard-home-wrap{
    /*background: #eee;*/
    width: 100%;
    height:100%;
    max-width: 1200px;
}

.dashboard-home{
    position:relative;
    /*box-shadow:#000 0px 0px 10px;*/
    margin: auto;
}

.dashboard-home-card{
    padding:10px;
    color:#fff;
    outline:solid 1px #fff;
    position:relative;
    min-width: 360px;
}

.dashboard-home-controls{
    text-align: center;
    margin: 20px auto;
}

.dashboard-home-card__summary{
    background:#fff;
    color: #000;
    height: 330px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
}

.dashboard-home-card__summary .dash-list{
    padding:4px;
    box-shadow:none;
}


/*.admin-toolbar-section .md-whiteframe-1dp, 
.md-whiteframe-z1{
    box-shadow:none;
}*/

/*.sales-summary-dropdown md-select-menu-container{
    min-width:200px;
}

.selectedSalesperson{
    margin-top:25px;
    margin-left:20px;
}*/

/*.sales-summary-dropdown md-select md-select-value{
    height:20px;
    min-height:20px;
}

.selectedSalesperson{
    margin-top:25px;
    margin-left:20px;
}*/

/*--- All Cards ---*/
/*.dashboard-home .card {
    padding:10px;
    color:#fff;
    outline:solid 1px #fff;
    position:relative;
    min-width: 380px;
}*/
.dashboard-home .card [ng-controller]
{
    box-shadow:rgba(0,0,0,0.5) 0px 0px 80px;
}
.card-inverse .card-blockquote, .card-inverse .card-footer, .card-inverse .card-header, .card-inverse .card-title {
    color:#eee;
    border-left:0px;
}

/*.dev-summary-grid{

    background:#fff;
    border: 1.5px solid #808080;
}

.sales-summary-grid{
    background:#fff;
    border: 1.5px solid #808080;
}*/

/*--- Cards Text ---*/

.card-notifications-text{
    text-align:center;
}

.admin-panel-open-button-text{
    font-weight:100;
}

/*--- Card Buttons ---*/

.schedule-access-button{
    text-transform: none;
}

.dev-access-button{
    text-transform: none;
}

.sales-access-button{
    text-transform: none;       
}

.logins-access-button{
    text-transform: none;
}

.screentypes-access-button{
    text-transform: none;
}

.admin-access-button{
    text-transform: none;
}

.screens-access-button{
    text-transform: none;
}

.activity-access-button{
    text-transform: none;
}


/*Card colors and hover colors...*/

.card-notifications{
    background-color:#3e3d44;
    /*background-color:#4CAF50;*/
    margin: 20px 30px 5px 30px;
}

.card-schedule{
    background-color:#005595;
    /*background-color:#2196F3;*/
    height:400px;
}
.card-subscriptions
{
    /*background-color:#4e983e;*/
    background-color:#9d2956;
    height:400px;
}

.card-dev{
    /*background-color:#F44336;*/
    /*background-color:#981b12;*/
    background-color:#969696;
    height:400px;
}

.card-sales{
    /*background-color:#9C27B0;*/
    /*background-color:#9a3c3c;*/
    background-color:#007a3e;
    height:400px;
}


.card-logins{
    /*background-color:#F39C12;*/

    background-color:#464646;  
    /*background-color:#22536b;*/
    height:400px;
}

.card-activity{
    /*background-color:#009688;*/
    background-color:#327faa; 
    /*background-color:#5f3d8e;*/
    height:400px;
}

.card-admin{
    background-color:#3498DB;
}

.card-screens{
    background-color:#9B59B6;
}

.card-screentypes{
    background-color:#34495E;
}

/*--- Admin Toolbar*/

.admin-toolbar{
    width:100%
}

/*--- Dev Summary ---*/

.dev-summary-container
{
    height:330px;
    overflow-y:auto;
    clear:both;
    /*min-width:310px;
    max-width:310px;*/
}

.dev-summary .dash-list-col{
    color: #000;
    padding: 0px 9px;
    line-height: 23px;
    border-right: 0;
}

.dev-summary .dash-list-col[colsize='small'] {
    width: 60px;
}

.dev-summary .dash-list-col[colsize='tiny'] {
    width: 40px;
}

.dev-summary-row{
    height:23px;
    border-bottom: 1px solid #d0d0d0;
}

.dev-summary-row:hover{
    background-color:#d5d5d5;
}

.sales-summary-container
{
    height:330px;
    overflow-y:auto;
    /*min-width:310px;
    max-width:310px;*/
}

.sales-summary .dash-list-col{
    color: #000;
    padding: 0px 9px;
    line-height: 23px;
    border-right: 0;
}

.sales-summary .dash-list-col[col='name'] { 
    width:100px; 
}

.sales-summary-row{
    height:23px;
    border-bottom: 1px solid #d0d0d0;
}

.sales-summary-row:hover{
    background-color:#d5d5d5;
}

.sales-summary-container md-select .md-select-value.md-select-placeholder
{
    color:#000;
}
.sales-summary-container md-select .md-select-value
{
    color:#000;
}
/*--- Sales Summary ---*/

.sales-summary [col='customerName']{
    width: 110px;
}

.sales-summary [col='name']{
    width: 110px;
}

.sales-summary [col='stage']{
    width: 40px;
}

/* Participants Summary Tile Info*/

.participant-tile-summary-table{
    color:#000;
}

.participant-tile-projectabbrev{
    display:inline-block;
    font-size:12px;
    width:78px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:24px;
    line-height:20px;
    padding-left: 4px;
    position:relative;
    float:left;
    border-right:solid 1px #ccc;
    margin-right: 8px;
}

.participant-tile-projectsite{
    display:inline-block;
    font-size:12px;
    width:70px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:24px;
    line-height:20px;
    padding-left: 4px;
    position:relative;
    float:left;
}

.participant-tile-summary-row {
    border-bottom: solid 1px #d0d0d0;   
    width:350px;
}

.participant-tile-summary-row:hover{
    background-color:#d5d5d5;
}

.participant-tile-summary-hover {
    position: absolute;
    left: 180px;
    top: 10px;
    height: 108px;
    width: 200px;
    background: #ECEFF1;
    border: 1px solid #000;
    padding: 2px 1px 1px 5px;
    z-index: 3;
    white-space: pre;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

[participant_summary_has_hover='true'] .participant-tile-summary-hover{
    display:block;
}
.participant-tile-daily-activity-last
{
    float:left;
    width:130px;
    height: 24px;
    text-align:center;
    font-size:12px;
}
.participant-tile-daily-activity-date{
    float:left;
    width:80px;
    height: 24px;
    font-size:11px;
    border-left:solid 1px #ccc;
    padding:2px 0px 0px 4px;
}
.participant-tile-daily-activity{
    float:left;
    width:26px;
    height: 24px;
}

.participant-tile-daily-activity-col{
    float:left;
    font-size:12px;
    height: 24px;
}

.participant-tile-daily-activity-total{
    float:left;
    width:50px;
    height: 24px;
    font-weight:bold;
    border-left:solid 1px #ccc;
    padding-left:3px;
}

.participant-tile-showing-data-for{
    margin-bottom: 3px;
    position: relative;
    left: 125px;
    top: -8px;
    font-size: 12px;
}

.dash-card-title {
    font-size: 28px;
    height: 50px;
}

.dash-card-title:hover{
    text-shadow: 1px 2px 3px #000;
}

.dash-card-title button {
    float: right;
}

.dash-card-title .fa {
    font-size: 16px;
    /* margin-top: -10px; */
    position: relative;
    top: -5px;
    left: 5px;
}

.dash-card-title .icon-right{
    float: right;
    margin: 12px;
    font-size: 24px;
}

.dash-legend-button
{
    position:absolute;
    top:18px;
    right:10px;
}
.dash-legend
{
    position: absolute;
    right: -10px;
    top: 30px;
    background: #fff;
    padding: 10px;
    border: solid 1px #999;
    border-radius: 6px;
    color: #000;
    z-index: 3;
    text-align: left;
}

.dashboard-home-card__spinner{
    position: absolute;
    left: 47%;
    top: 200px;
    z-index: 2;
}