﻿.dialog-top-panel-note {
    border:solid 1px #ccc;
    height:23px;
    padding:2px;
    margin-bottom:5px;
    line-height:2.1em;        
}

.dialog-top-panel-note img {
    vertical-align:middle;
}

/*** Wildcard Dialog ***/

#wildcard-dialog {
    display:none;
}

#wildcard-dialog .dialog-row {
    margin:0;
    padding:10px 0;
    display:block;
    border:0;
    float:left;
    width:100%;
}

#wildcard-dialog label {
    width:100px;
    float:left;
    margin:3px 0;
}

#wildcard-dialog .dialog-row input {
    float:left;
    margin:3px 0;
}

#wc-extension {
    width:60px;
}

#wc-description, #wc-wildcard {
    width:170px;
}

#wildcard-dialog br {
    clear:both;
}

/*** Concact Category Select Dialog ***/

#emsd-search-all, #emsd-search-selected, #essd-search-all {
    width: 376px;
    margin: 2px 0 2px 0;
}

#Entity-multi-select-dialog {
    display:none;
}

#Entity-multi-select-dialog .left {
    float:left;
    width:49%;
}

#Entity-multi-select-dialog .right {
    float:right;
    width:49%;
}

#Entity-multi-select-dialog .cap-left {
    float:left;
    display:block;
    margin-top:3px;
}

#Entity-multi-select-dialog .cap-right {
    float:right;
    display:block;
    margin-top:3px;
}

#Entity-multi-select-dialog .dialog-row {
    height:21px;
}

#Entity-multi-select-dialog .top-tool-bar {
    margin:0;
    padding:0;
    display:block;
    height:25px;
    vertical-align:text-bottom; 
}

#Entity-multi-select-dialog .top-tool-bar img {
    float:left;
}

#Entity-multi-select-dialog .top-tool-bar a img,.top-tool-bar a span {
    display:inline;
}

.item-details {
    height:80px;
    background-color:#F2F5FE;
    font-family:Verdana,Tahoma;
    font-size:10.5px;
}

.item-details .details img { 
    float:right;
}

.item-details .img { 
    float:left;
    height:70px;
    width:70px;
    overflow:hidden;
    text-align:center;
    padding-top:8px;
}

.item-details .details {
    float:left;
    height:80px;
}

.item-details .details .caption {
    display:block;
    color:#c0c0c0;
    float:left;
    margin-left:3px;
    /*width:90px;*/
}

.item-details .details .noleft {
    clear:left;
}

.item-details .details .text {
    display:block;
    float:left;
    color:#333;
    margin-left:3px; 
    overflow:hidden; 
    /*height:14px;*/
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*
.item-details .details .wide {
    width:280px;
    height:14px;
    overflow:hidden;
}
*/


#emsd-item-details-all, #emsd-item-details-selected {
    display: grid;
    grid-template: auto / 70px 1fr;
}

/*** smart search ***/
#ssd-item-details {
    display: grid;
    grid-template: auto / 70px 1fr;
    height: 80px;
    margin: 0;
    /*<jasobNoObfs>*/
    width: calc(100% - 3px);
    /*</jasobNoObfs>*/
    border-left: solid 1px #CDD2D7;
    border-right: solid 1px #CDD2D7;
    border-bottom: solid 1px #CDD2D7;
    /*border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;*/
}


.details-header {
    display: grid;
    grid-template: auto / 32px 1fr;
}

.details-header span{
    padding-top: 2px;
}

.details-header img {
    grid-area: 1 /1/ 3 /2;
    cursor: pointer;
}

.details-body {
    display: grid;
    grid-template: auto / 80px 1fr;
}

.details-operator-notes {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding: 3px !important;
    padding-left: 0 !important;
    height: 65px;
}

#ssd-edit-operator-notes{
    display: flex;
    cursor:pointer
}

#ssd-edit-operator-notes hover, .details-operator-notes img:hover {
    cursor: pointer
}

.details-operator-notes textarea {
    display: flex;
    flex-grow: 1;
    padding: 3px;
}

.details-operator-notes-header {
    display: flex;
    flex-direction: row;
    padding-bottom: 2px !important;
}
.details-operator-notes-header div {
    display: flex;
}

.details-operator-notes-header div:nth-of-type(1) {
    flex-grow: 1;
}

.details-operator-notes-header div:nth-of-type(2) {
    justify-content: flex-end;
}

/*
#ssd-item-details.item-details .details {width:395px;} 
#ssd-item-details.item-details .details .text {width:290px;}
#ssd-item-details.item-details .details .wide {width:355px !important;}
*/
/*** entity select/ion ****/
/*
#essd-items-all, #emsd-item-details-all, #emsd-item-details-selected {width:380px;}
#essd-item-details-all .details, #emsd-item-details-all .details, #emsd-item-details-selected .details {width:310px;}
#essd-item-details-all .details .text, #emsd-item-details-all .details .text, #emsd-item-details-selected .details .text {width:210px;}
#essd-item-details-all .details .wide, #emsd-item-details-all .details .wide, #emsd-item-details-selected .details .wide {width:270px !important;}
*/
/*** Smart Search Dialog ***/
#smart-search-dialog {
    display: none;
}

#ssd-header {
    height:38px;
}

#ssd-header img {
    margin: 2px 10px 0 14px;
    float:left;    
}

#ssd-header span {
    display:block;
    float:left;
    margin-top:10px;
}

#ssd-search-results {
    height: 230px;
    /*<jasobNoObfs>*/
    width: calc(100% - 3px);
    /*</jasobNoObfs>*/
    /*border:solid 1px #A9B1B8;*/
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0;
    border-left: solid 1px #CDD2D7;
    border-right: solid 1px #CDD2D7;
}

#search-line {
    margin-top:5px;
    /*border-left:solid 1px #A9B1B8;
    border-right:solid 1px #A9B1B8;
    border-top:solid 1px #A9B1B8;*/
    width:calc(100% - 3px);
    /*border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;*/
}

#ss-query {
    /*<jasobNoObfs>*/
    width: calc(100% - 3px);
    /*</jasobNoObfs>*/
    height: 20px;
    padding: 2px;
    font-size: large;
    margin: 0;
    border: 1px solid #CDD2D7;
}

#ssd-category-bar {
    height: 15px;
    /*<jasobNoObfs>*/
    width: calc(100% - 3px);
    /*</jasobNoObfs>*/
    /*border-left:solid 1px #A9B1B8;
    border-right:solid 1px #A9B1B8;
    border-bottom:solid 1px #A9B1B8;*/
    border: solid 1px #CDD2D7;
}

.ssd-btn {
    margin-top:0;
    margin-left:7px;
}


/**********************  pin-verification-dialog  **************************/
.pin-verification-dialog {
    display: flex;
    flex-direction: column;
}
.pin-verification-dialog div {
    display: flex;
    align-items: center;
    margin: 0;
    border: 0;
}

.pin-verification-dialog span {
    padding:0 0 0 10px;
}

.pin-verification-dialog img {
    display:block;
    float:left;
}

.pin-verification-dialog label  
{
    width:120px;
    margin:3px 0 0 20px;
}

.pin-verification-dialog input  
{
    margin:3px 0;
    width:120px;
}

.pvd-result {
    margin: 10px 0 0 20px !important;
}

/*********************** queue-status-dialog ******************************/
#qs-header img {
    float: left;
    margin-left: 10px;
}

#qs-header span{
    display:block;
    float:left;
    margin-left:3px;
    height:60px;
    width:330px;   
}

ul.qs-list {
    display: block;
    list-style-type: none;
    height: 150px;
    width: 350px;
    margin: 30px 10px 5px !important;
    background-color: #fff;
    border: solid 1px #ccc;
    overflow-x: hidden;
    overflow-y: scroll;
}

ul.qs-list li {
    padding: 0;
    display:block;
    height:21px;
}

ul.qs-list a , ul.qs-list a:hover
{
    height:21px;
    color : #000;
}

ul.qs-list input {
    float:left;
}

ul.qs-list a img 
{
    padding:3px 2px 0;
    display:block;float:left;
    vertical-align:middle;

}

ul.qs-list a div ,ul.qs-list div 
{
    padding:3px 0;
    display:block;float:left;
    vertical-align:middle;
    
}

ul.qs-list .selected {
    background-color:#3399ED;
    border:0;
}

#dialog-queue-status div.select-all {
    cursor: pointer;
    text-decoration: underline;
    font-size: .8rem;
    padding-left: 10px;
}

/*********************** dialog-contactcategoryclassificator ******************************/
#dccc-cat-list {
    height:120px;
    margin:0 0 12px 0;
    background-color:#fff;
    border:solid 1px #ccc;
    overflow-x: hidden;
    overflow-y: scroll;

}

#dialog-contactcategoryclassificator ul.no-list-style {
    margin-left:20px;
}