﻿.dlg-icon {
    width:34px;
    height:34px;
    padding:2px !important;
}

#pOperatorNotes {
    /*<jasobNoObfs>*/
    width: calc(100% - 4px);
    /*</jasobNoObfs>*/
}
.dlg-presence {
    /*<jasobNoObfs>*/
    width: calc(100% - 4px);
    /*</jasobNoObfs>*/
    border-spacing: 0;
}

#dialog-presence-expired {
    text-align: center;
}

#presence-override-header {
    border:solid 1px #cdd2d7;
    width:375px;
    height:18px;
    margin-left:50px;
    background: #d5dbdd;
    font-size:10px;
}

#presence-override-header .cc_h {
    display:block;
    width:160px;
    height:18px;
    float:left;
    padding:1px 0px 0px 3px;
}

#presence-override-header .rr {
    display:block;
    border-left:solid 1px #cdd2d7;
    width:195px;
    height:18px;
    float:left;
    padding:1px 0px 0px 3px;
}

#PresenceDialogMessage {
    margin-left:35px;
}

#PresenceDateTime {
    margin-left: 0.25em;
}

.presence-override {
    display:block;
    float:left;
    border-bottom:solid 1px #cdd2d7;
    border-left:solid 1px #cdd2d7;
    border-right:solid 1px #cdd2d7;
    background-color:#FCFDFD;
    width:375px;
    height:110px;
    font-size:10px;
    overflow-y: scroll; 
}

.presence-override input,.presence-override a,.presence-override img, .presence-override span, .presence-override select {
    float:left;
    padding-top:2px;
}

.presence-override select {
    margin:0;
    padding:0;
    font-size:10px;
    width:185px;
    height:19px;
}

.presence-override .po-line {
    float:left;
    width:355px;
    display:block;
    border-bottom:solid 1px #EEEEF4;

    display: flex;
    flex-direction: row;
    align-items: center;
}

.presence-override .po-line-select {
    background-color:#3399ED;
}

.presence-override .po_ll {
    width:120px;
    overflow:hidden;
    padding-left:5px;
}

.po_call_flow {
    width:180px;
    overflow:hidden;
    padding-left:5px;
}

.presence-override a {
    margin-top:2px;
}
.presence-override br {
    clear:left;
    display:inline;
}


#PresenceContactCategory {
    display:none;
}


#PresenceContactCategory h5 {
    border-bottom:solid 1px #ccc;
}

#dialog-set-presence h5 {
    margin-bottom: 2px;
    font-size: 10px;
    line-height: normal;
}

#dialog-set-presence {
    display:none;
}

#presence 
{
    padding-top:2px;
    width: 100%;
    float: left;
}
#presence ul  {
    list-style: none;
    margin: 1px 0 0 0;
    padding: 0;
    float: left;
    display: block;
}
#presence img
{
    border-style:none;
}

#presence .hor-button {
    display:block;
    width:50px;
    height:39px;
}

#presence .hor-button img {
    margin:5px 10px;
}

#presence a.hor-button:hover {
    background: url(../Images/TopToolBarV6/btn-vertical-hover-bg.png) no-repeat;
}

#presence a.button, #dialog-presence-expired a.button
{
    display: block;
    text-decoration:none;
    float:left;
}
#presence a.button:hover, #dialog-presence-expired a.button:hover 
{
    background: url(../../Images/Presence/btn-hover-bg.png) no-repeat;
    text-decoration:none;
}

#presence a.button.combo:hover {
    background: none;
}

#presence a.combo:hover  
{
    text-decoration:none;
}

#presence a.button.selected
{
    text-decoration:none;
    background: url(../../Images/Presence/btn-selected-bg.png) no-repeat;
    border:none;
}

#presence-breakcode-options {
    display:none;
}

#presence a.dd  
{
    display: block;
    text-decoration:none;
    float:left;
    width: 12px;
    height: 38px;
}

#presence a.dd:hover  
{
    text-decoration:none;
}

#presence li {position: relative;display: block;}

#presence .presence-combo
{
    width:50px;
    height: 38px;
    background: url(../../Images/Presence/btn-combo-dd-bg.png) no-repeat;
}

#presence .presence-combo-selected
{
    background: url(../../Images/Presence/btn-combo-dd-selected-bg.png) no-repeat;
}

#presence .presence-combo:hover
{
    background: url(../../Images/Presence/btn-combo-dd-hover-bg.png) no-repeat;
}

#presence
{
    text-align:left;
}

/***** Presence Override ******/

#dialog-presence-override {
    display:none;
}

#dialog-presence-override .presence-box
{
    font-size:10px;   
}

#dialog-presence-override .presence-input {
    padding:5px;
}

#dialog-presence-override input, #dialog-presence-override textarea {
    width:250px;
}

    #dialog-presence-override textarea {
        padding: 0 1px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

#dialog-presence-override label {
    width:100px;
    float:left;
}

#presence-availability-sub-menu li
{
    width:15em;
}

/****** Presence Settings *********/


#presencetreeview {
    display:none;
}

#presence-searchlist, #presence-custom-hours {
    display:none;
    float:left;
}

#presence-searchlist {
    height: 20px;
    width: 24px;   
}

#presence-searchlist img{
    padding: 2px 4px;
}

#dialog-presence-settings {
	/*border:solid 1px red;*/
	/*width:610px;
	height:510px;*/
	padding:0;
	margin:0;
	display:none;
	display:block	
}

#presence-caption {
    /*border:solid 1px #000;*/
    width:99%;
    height:5px;
    margin:0 auto;
    display:block;
    float:left;
}

#presence-content-container {
    /*border:solid 1px #000;*/
    /*<jasobNoObfs>*/
    width: calc(100% - 4px);
    /*</jasobNoObfs>*/
    height:470px; /* will increase the height of the dialog*/
    margin:0 auto;
    display:block;
    float:left;
}

.dlg-footer {
    border-top: solid 1px #ccc;
    float: left;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 4px !important;
    padding-top: 1px !important;
    width: 100%;
    height: 14px;
}

#tree_wrp1 {
    float:left;
}

#tree_info_tab1, #tree_info_tab2 {
    /*border-bottom:solid 1px red;*/
    display: none;
    margin-left: 7px;
    /*<jasobNoObfs>*/
    height: calc(100% - 40px); /*this height is for IE everthing else can be 410*/
    width: calc(100% - 230px);
    /*</jasobNoObfs>*/
    float: left;
    font-size: 10px;
    font-family: Verdana,Tahoma;
    overflow-y: auto;
}

#presence-content-container .no-border{
    border-bottom:0;
    padding: 2px 0 0 0;
}

#presence-override-matrix-items {
    display:block;
    float:left;
    border:solid 1px #cdd2d7;
    width:376px;
    height:90px;
    overflow-y: scroll;   
    
}
.ps-po-heading{
    width:376px;
    height:18px;
    display:block;
    float:left;
    border:1px solid #cdd2d7;  
    border-bottom:0;
    background: #d5dbdd; 
}
.ps-po-row {
    width:356px;
    height:18px;
    display:block;
    float:left;
    background-color:#FCFDFD;
    border-bottom:1px solid #ccc;
}

.ps-po-heading .column, .ps-po-row .column {
    display:block;
    border-right:solid 1px #ccc;
    float:left;
    height:18px;
}

.ps-po-row input {
    padding:3px 2px;
    margin:3px 2px !important;
    float:left;
    height:12px;
    width:12px;
}

.ps-po-heading .img, .ps-po-row .img {
    display:block;
    width:20px;
    padding: 2px 0 0 3px;
}

.ps-po-heading .category, .ps-po-row .category {
    display:block;
    width:140px;
    height:16px;
    margin-left:2px;
    padding-top:2px;
}

.ps-po-heading .category-name, .ps-po-row .category-name {
    padding-top:4px;
}

.ps-po-heading .presence-icon, .ps-po-row .presence-icon {
    display:block;
    height:18px;
    width:16px;
    padding: 0 2px 0 2px;
    text-align:center;
    
}

.presence-input {
    margin:10px 0 10px 0;
}

.presence-input img {
    display:block;
    float:left;
}

.presence-checks-box input,.presence-checks-box a,.presence-checks-box img {
    float:left;
}

.presence-checks-box a {
    margin-top:2px;
}
.presence-checks-box br {
    clear:left;
    display:inline;
}

.presence-box {
    display:block;
    float:left;
    /*border:solid 1px #000;*/
}

.presence-box  span
{
    padding:5px 0 5px 0;
}

#presence-check-box-clone {
    display:none;

}

.presence-input label {
    float:left;
    margin-top:2px;
    margin-left:10px;
    padding-top:2px;
    width:130px;
}

.presence-input select {
    float:left;
    margin-left:10px;
    margin-top:2px;
    width:130px;
    height:20px;
    font-size:11px;
}

.presence-input br {
    clear:left;
    display:inline;
}

#presence-tab-buttons {
    display:block;
    font-size:12px;
}

.presence-control-button {
    display:block;
    float:right;
    margin-right:7px;
}

.presence-control-button1 {
    display:block;
    float:right;
    margin:0 7px 0;
    width:70px;
}

.presence-btn-top-margin {
    margin-top: 5px;
}

#tree_wrp1 .TreeNode, #tree_wrp1 .HoverTreeNode, #tree_wrp1 .SelectedTreeNode{font-size:11px;}

#presence-clear {
    padding: 0.2em 0.4em !important;
}




/******************************* presence-check-dialog  **************************************/

#presence-check-dialog input { padding-left:20px;}