﻿/* SITE INFO */

.customer-summary-row user-info
{
    /*border:solid 1px #999;
    border-top:none;*/
    width:100%;
    display:block;
    /*padding:10px;*/

}
/*.user-info-col {
     float:left;
     display:inline-block;
     width:270px;
     padding-right:10px;
     margin-right:10px;
     font-size:12px;
}*/


.user-info-col-head
{
    font-weight:bold;
    border-bottom:solid 1px #aaa;
    height:20px;
}
.user-info-col-body
{
     max-height:110px;
     overflow-y:auto;
}
.user-info-item {
    border-bottom: 1px dashed #dedede;
}

/* NEW LIST STYLES */
.user-info-list {
    position: relative;
    width: 100%;
    height: 110px;
    overflow: auto;
}
.user-info-col {
    display: inline-block;
    width: 60px;
    font-size: 12px;
    overflow: hidden;
    text-align:right;
    padding-right: 12px;
}
.user-info-list-labels .user-info-col{
    text-align: left;
}

.user-info-col--320 {
    transform: rotate(320deg);
    font-size: 10px;
}
.user-info-list-values .user-info-col {
    padding-left: 12px;
}
.user-info-list-values {
    border-bottom: 1px solid #ddd;
}
.user-info-col--name {
    width: 265px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    margin-right: 20px;
}
.user-info-list-labels {
    font-size: 12px;
    font-weight: 700;
    border-bottom: 2px solid #ddd;
    height: 69px;
    line-height: 12px;
}
.user-info-list-values .user-info-col {
    /*border-left: 1px solid #ddd;*/
}
.user-info-list .fa-check {
    color: #3cb77a;
    font-size: 16px;
}
.user-info-col--editor {
    -webkit-print-color-adjust: exact;
    background: rgba(50, 127, 170, .5)!important;
}
.user-info-col--analist {
    -webkit-print-color-adjust: exact;
    background: rgba(157, 41, 86, .5)!important;
}
.user-info-col--less{
    width: 140px;
    padding-left: 12px;
}
.user-info-list-labels--less {
    height: 30px;
    line-height: 30px;
}
.user-info-list--less {
    margin-top: 4px;
    height: auto;
}
.user-info-toggle-more {
    position: absolute;
    font-size: 9px;
    right: 5px;
    top: 44px;
    z-index: 2;
}
@media print {
    a[href]:after {
        content: none !important;
    }
}