ul.qs-list {
    /*<jasobNoObfs>*/
    width: calc(100% - 20px);
    /*</jasobNoObfs>*/
}

#qs-header span {
    /*<jasobNoObfs>*/
    width: calc(100% - 30px);
    /*</jasobNoObfs>*/
}

    #ssd_btn-dial-dropdown {
    width: 120px;
    height: 33px;
    margin-top: 10px;
    background: url(../Images/Dialog/btn_dropdown.png);
}

    #ssd_btn-dial-dropdown:hover {
        background: url(../Images/Dialog/btn_dropdown.png);
    }

    #ssd_btn-dial-dropdown.disabled {
        background: url(../Images/Dialog/btn_dropdown_hover_disabled.png);
    }

#ssd_btn-dial span {
    color: #FFF;
    font-size: 13px;
    margin: 8px 0 0 2px;
}

#ssd_btn-dial-dropdown #ssd_btn-dial span{
    color: #444;
}

#ssd_btn-dial img {
    margin: 6px 0 0 2px;
}


.ui-button .ui-icon {
    background-image: url(images/ui-icons_777777_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.png);
}

.ui-dialog {
    line-height: normal
}

.ui-dialog h1,
.ui-dialog h2,
.ui-dialog h3,
.ui-dialog h4,
.ui-dialog h5,
.ui-dialog h6,
.ui-dialog p,
.ui-dialog div,
.ui-dialog span,
.ui-dialog ol,
.ui-dialog ul,
.ui-dialog li,
.ui-dialog form,
.ui-dialog fieldset,
.ui-dialog img {
    margin: 0;
    padding: 0;
}

    .ui-dialog input {
        outline: none;
        outline-style: none;
        outline-offset: 0;
        border: 1px solid #696969;
        height: 20px !important;
    }

#dialog-devgrp select , #dialog-extension-properties select {
    height: 20px !important;
}

#dialog-vmc select {
    height: 20px !important;
}

#dialog-vmc input {
    height: 20px !important;
}

    .ui-dialog input:focus {
    outline: none;
    outline-style: none;
    outline-offset: 0;
    border-width: 1px;
}

.ui-dialog input:disabled {
    border: 1px solid #BEBEBE;
}

.ui-dialog table {
    border-spacing: 0;
    /*border-collapse:collapse;*/
    padding: 0;
}

.ui-dialog p {
    margin: 0 0 3px;
}

#devicelist {
    line-height: 1.2;
}

.row {
    width: 100%;
    padding-top: 1px;
    padding-bottom: 2px;
    border-top: solid 1px Transparent;
    border-bottom: solid 1px #EAE9E1;
    height: 15px;
    font-size: 10px;
    font-family: Verdana, Tahoma;
}


.bottom-buttons {
    height: 30px;
}

.bottom-buttons a,
.bottom-buttons button {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

.ui-dialog-content *,
.ui-dialog-content *:before,
.ui-dialog-content *:after,
.sf-menu-context,
.sf-menu-context:before,
.sf-menu-context:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.clear {
    clear: both;
    height: 1px;
    line-height: 1px;
    font-size: 1em;
    overflow: hidden;
}

.selected {
    /*border-top:solid 1px #4B4B6F;*/
    /*border-bottom:solid 1px #4B4B6F;*/
    background-color: #A1D4F4;
}

.selected-no-border {
    background-color: #A1D4F4;
}

.ui-ipager {
    display: block;
    height: 30px;
    font-size: 11px;
    background-color: #FFF;
    padding: 0 0 0 2px;
}

.ui-ipager img {
    padding-left: 1px;
    margin-top: -1px;
}

.ui-ipager div.GridFooterText {
    padding-top: 10px;
}

.ui-ipager a {
    /*background-color: #EAEAEA;*/
    /*border: solid 1px #ADADAD;*/
    border: solid 1px transparent;
    /*width: 41px;*/
    /*height: 18px; */
    display: block;
    float: left;
    margin-top: 8px;
    margin-right: 10px;
}

.ui-ipager a:hover {
    background-color: #E4F1FD;
    border: solid 1px #7FB5EB;
}

/**************** iLIST *********************/
div.ui-list {
    border: solid 1px #A9B1B8;
}

ul.ui-list {
    list-style-type: none;
    overflow: auto;
    padding: 0;
    margin: 0;
}

ul.ui-list li {
    padding: 0;
    display: block;
    height: 16px;
    margin: 1px 1px 1px 1px;
}

ul.ui-list a,
ul.ui-list a:hover {
    display: block;
    height: 15px;
    color: #000;
    overflow: hidden;
}

ul.ui-list a div {
    padding: 1px 0 0 2px;
    display: block;
    float: left;
    vertical-align: middle;
}

div.ui-list input {
    display: block;
    clear: left;
    float: left;
    padding: 1px 0 0 2px;
    margin: 0;
}

ul.ui-list .selected {
    background-color: #6264a7;
    color: #FFF;
    border: 0;
}

.transparent-border {
    border: solid 1px transparent;
}

textarea.full {
    /*<jasobNoObfs>*/
    width: calc(100% - 5px);
    /*</jasobNoObfs>*/
}

input.fulltext,
textarea.fulltext,
select.fulltext {
    width: 325px !important;
}

input.mediumtext,
textarea.mediumtext,
select.mediumtext {
    width: 215px;
}

input.shorttext {
    width: 115px;
}

input.tinytext {
    width: 50px;
}

input.urltext {
    width: 284px;
}

/* Steve Custom CSS */

/* Global */

.ui-dialog p {
    font-family: Segoe UI, Verdana, Tahoma!important;
    font-size: 13px;
}

.ui-jqgrid .ui-jqgrid-htable th div {
    height: 18px;
    font-size: 13px;
}

.ui-widget-overlay.ui-front {
    background: rgba(0, 0, 0, 0.7);
}
button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    background: #34344b;
    border: none;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,
#devgrp-btn-cancel,
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active,
.ui-tabs .ui-tabs-nav .ui-tabs-anchor,
.ui-jqgrid tr.ui-row-ltr td,
fieldset.layout-normal label,
.dialog-header span,
ul.ui-list a div,
.ztree,
.ztree li a,
.ztree li span,
.item-details,
.d-grid-row .col-text,
ul.con-cat-list li {
    font-family: Segoe UI, Verdana, Tahoma!important;
    font-size: 13px!important;
}

.ui-dialog {
    /* added in react  */
    /*min-width: 660px !important;*/
    /*min-width: calc(100%); */
    padding: 0;
    font-family: Segoe UI, Verdana, Tahoma;
}

.ui-button {
    background: #484975 !important;
    color: #fff !important;
    border: 1px solid #484975 !important;
    padding: 7px;
    font-family: Segoe UI, Verdana, Tahoma;
    border-radius: 3px;
}

.ui-button:hover {
    background: #454774;
    color: #fff !important;
    border:1px solid #454774;
}
.ui-button:focus{
    background: #34344b;
    color: #fff !important;
    border:1px dotted #e2e2e2;
}
.ui-button:active,
a.ui-button:active{
    background: #34344b!important;
    color: #fff !important;
    border:1px solid #34344b!important;
}

.ui-dialog-titlebar {
    background: #34344b;
    color: #fff;
    border: none;
    font-weight: bold;
    padding: 10px !important;
    margin-bottom: 10px !important;
    font-weight: lighter;
    font-size: 17px;
}
.ui-dialog input {
    /*border: none;*/
    background: #eee;
    padding: 4px;
    font-family: Segoe UI, Verdana, Tahoma;
}

select {
    font-family: Segoe UI, Verdana, Tahoma;
}

.ztree li a.curSelectedNode {
    background: #6264a7;
    color: #FFF;
    opacity: 0.9;
}

.ui-jqgrid tr.jqgrow.ui-state-highlight.jqgrow.ui-state-hover {
    background: #6264a7;
    border: solid 1px transparent !important;
}

.ui-jqgrid tr.jqgrow.ui-state-highlight {
    background: #6264a7;
}
.ui-jqgrid tr.jqgrow.ui-state-hover {
    background: #8183b9;
    color: #FFF;
}

/* Device Group Main */
#devicecontrols {
    /*<jasobNoObfs>*/
    width: calc(100% - 540px);
    /*</jasobNoObfs>*/
    font-family: Segoe UI, Verdana, Tahoma;
}
#devicelist {
    width: 534px;
    border:none;
    font-family: Segoe UI, Verdana, Tahoma;
}

#devicelist .device {
    width: 260px;
    height:78px;
    display: inline-block !important;
    border:1px solid #e2e2e2;
    -webkit-box-shadow: 5px 9px 17px -23px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 9px 17px -23px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 9px 17px -23px rgba(0, 0, 0, 0.75);

}
#devicecontrols .spacer {
    display: none;
}

#devicelist .default-device {
    background: #6264a7 !important;
    color: #fff !important;
    border: 1px solid #6264a7 !important;
}

#devicelist .default-device h3 {
    color: #fff !important;
}

#devicelist .device h3{
    color:#444;
}

#devicecontrols .device-control-button {
    margin: 5px 2px;
}

#devicelist .lvl span {
    margin-left: 6px;
}
#devicelist .empty_number {
    color: #6264a7;
    font-weight: bold;
}
#devicelist .selected-device {
    background-color: #8183b9;
    color: #fff !important;
}

#devicelist .details,
#devicelist .lvl span {
    font-family: Segoe UI, Verdana, Tahoma;
    font-size:13px;
    margin-left: 6px;
}

/* Numbers - Properties */
#t-dialog-extension-properties .content,
#dialog-extension-properties .content {
    height: 460px !important;
}
#t-dialog-extension-properties input[type="checkbox"], 
#dialog-extension-properties input[type="checkbox"] {
    width: auto;
}
.dept-g-data-1 {
    width: 70%;
    border: none;
}

#t-dept-general fieldset {
    border: none;
}

.layout-flex-row.dept-g-data-2 {
    justify-content: space-between;
}

.layout-flex-row.dept-g-data-2 label {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.layout-flex-row.dept-g-data-2 label input {
    margin-right: .2rem;
}

#t-dept-g-w-del,
#t-dept-g-m-del,
#t-dept-d-del,
#dept-g-w-del,
#dept-g-m-del,
#dcbDelete,
#dcc-mem-remove,
#dcc-tb-delete,
#dept-d-del {
    background: white;
    border: 2px solid #d50022;
    color: #d50022 !important;
    font-family: Segoe UI, Verdana, Tahoma !important;
    font-size: 13px !important;
}
#dcc-tb-new, #dcc-tb-delete {
    border-radius: 3px!Important;
    background-image: none!Important;
    margin-right: 6px !important;
    padding: 3px!important;
}

#dcc-tb-new {
    border: 2px solid #484975!important;
}

/*  added by steve... stuffed up grettigns dialog 
.dialog .top-tool-bar a img.bottom-buttons,
.dialog .top-tool-bar img{
    display: none!important;
}
.dialog .top-tool-bar a span {
    padding: 3px !important;
    float: none !important;
    text-align: center;
}
*/

#dialog-contactcategory .top-tool-bar {
    height: 35px;
    background: #fff;
}

#devgrp-btn-ok,
#t-dept-ok,
#t-dept-apply,
#dept-ok,
#dept-apply,
#dcc-btn-ok,
#dcc-tb-new,
#ssd-btn-cancel {
    background: #484975;
    color: #fff !important;
    border: 1px solid #484975;
    width: 80px !important;
    font-family: Segoe UI, Verdana, Tahoma !important;
    font-size: 13px !important;
}
#devgrp-btn-cancel,
#qfd-btn-close,
#qfd-btn-ok,
.ui-dialog-buttonset .ui-button.ui-corner-all.ui-widget,
a#presence-clear,
#pd-btn-ok,
#pd-btn-cancel,
#pd-btn-ok,
#tree_info_tab_cancel,
#tree_info_tab_ok,
#tree_info_tab_apply,
#dcc-btn-cancel,
#t-dept-cancel,
#dept-cancel,
#vpd-btn-ok,
#vpd-btn-cancel,
#vpd-btn-apply {
    width: 80px !important;
}
    #t-dept-g-w-prop,
    #t-dept-g-w-new,
    #t-dept-g-c-manage,
    #t-dept-g-m-prop,
    #t-dept-g-m-play,
    #t-dept-r-ext-select,
    #t-dept-r-con-select,
    #dept-g-w-prop,
    #dept-g-w-new,
    #dept-g-c-manage,
    #dept-g-m-prop,
    #dept-g-m-play,
    #dept-r-ext-select,
    #dept-r-con-select,
    #dcbProperties,
    #dcbNumbers,
    #dcbDefault,
    #devgrp-btn-cancel,
    #t-dept-cancel,
    #dept-cancel,
    #dcc-btn-cancel,
    #dcc-mem-details,
    #qfd-btn-close,
    .ui-dialog-buttonset .ui-button.ui-corner-all.ui-widget:nth-child(2),
    div.ui-dialog:nth-child(51) > div:nth-child(3) > div:nth-child(1) > button:nth-child(4),
    #pd-btn-cancel,
    a#presence-clear,
    #tree_info_tab_cancel,
    #t-dept-d-crit,
    #dept-d-crit {
        background: #fff !important;
        border: 1px solid #cecdcd !important;
        color: #525252 !important;
        box-shadow: rgba(0, 0, 0, 0.17) 0px 2px 4px -0.75px !important;
        font-family: Segoe UI, Verdana, Tahoma !important;
        font-size: 13px !important;
    }


#t-dept-numbers .layout-normal input,
#dept-numbers .layout-normal input {
    display: flex;
    flex-grow: 1;
}

    #t-dept-numbers .layout-normal input[type=checkbox],
    #dept-numbers .layout-normal input[type=checkbox] {
        width: auto;
        margin: 5px 0 0 15px;
    }

.dept-numbers-grid div:nth-child(4n + 2) {
    display: flex;
}
/* Numbers - New */
.dialog-header span.line {
    display: none;
}

#dialog-devgrp-content {
    height: 152px;
    font-family: Segoe UI, Verdana, Tahoma;
}

#dialog-devgrp-content select{
    width : 128px;
}

#dialog-devgrp {
    height: 440px !important;
}
#dialog-devgrp-content label, #dialog-devgrp-footer label {
    height: 43px;
}
#dialog-devgrp-content .controls {
    height: 175px;
}

#dialog-devgrp-content .row, #dialog-devgrp-footer .row {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    align-items: center;
}
#dialog-devgrp-content .row div, #dialog-devgrp-footer .row div {
    margin-left: 5px;
}

#dialog-devgrp-footer {
    height: 70px;
}
#dialog-extension-properties {
    height: 570px !important;
}

/*Extension Properties*/
.ui-tabs-anchor {
    background: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border-bottom: none;
    /*background: none;*/
}

.ui-datepicker-calendar .ui-state-active {
    background-color: #6264A7;
    color: #fff
}
.ui-datepicker-today a {
    border: 1px #ADADAD solid !important;
    background-color: #fff !important;
}

.ui-datepicker-today a.ui-state-active {
    background-color: #6264A7 !important;
    color: #fff !important;
}

#dialog-extension-prop-tabs .ui-widget-header {
    border-bottom: 1px solid #CDD2D7;
    background: #fff;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-bottom: 4px solid #6264a7 !important;
}
.ui-widget-header,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
}

#t-dept-related,
#dept-related {
    height: 540px !important;
}

/* Extention categories */
#dialog-contactcategory {
    margin-top: 5px;
    height: 510px !important;
}

#con-cat-content {
    height: 410px!important;
}

#devgrp-dialogs-menu {
    z-index: 9999999999999999999999999999999999999;
}

/* Presence */
#presence-content-container {
    height: 550px;
}
#presence-tab-buttons {
    display: block;
    font-size: 12px;
    position: absolute;
    bottom: 30px;
    right: 0;
    width: calc(100% - 10px)
}

#p_ListBoxTime {
    width: 96%!important;
}
#presence-override-matrix-items {
    height: 120px;
}
#presence-content-container .no-border {
    margin-top: 20px !important;
}
#tree_info_tab_extension {
    /*border: 1px solid #444;
    padding: 8px;*/
    margin-right: 6px !important;
}
#dcc-po-grid .col-presence {
    height: 23px;
}
#dcc-po-grid .col-ov-type {
    height: 24px;
}

ul.con-cat-list li {
    height: 24px;
}

#dcc-po-grid .col-ov-type select {
    width:110px;;
}

/* Search Dialog */
#search-line input {
    padding: 10px;
    background: #fff;
    border: 1px solid #cecdcd;
    color: #525252 !important;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.17) 0px 2px 4px -0.75px;
    font-family: Segoe UI, Verdana, Tahoma!important;
    font-size: 13px!important;
}

#ssd-search-results {
    border: none;
    padding-top: 10px;
    margin-top: 20px;
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    /*<jasobNoObfs>*/
    width: calc(100% - 20px);
    /*</jasobNoObfs>*/
    margin-left: 9px;
}
.ztree li a {
    height: 20px;
}
#smart-search-dialog-tabs .ui-widget-header {
    background: #fff;
    border-bottom: 1px solid #cdd2d7;
    margin-bottom: 10px;
}
#ss-query {
    /*<jasobNoObfs>*/
    width: calc(100% - 35px);
    /*</jasobNoObfs>*/
    margin-left: 7px !important;
}
#ssd-category-bar {
    display: none;
}

#ssd-item-details {
    display: grid;
    grid-template: auto / 70px 1fr;
    /*<jasobNoObfs>*/
    width: calc(100% - 20px);
    /*</jasobNoObfs>*/
    margin-left: 9px !important;
    margin-top: 10px;
    border-top: solid 1px #CDD2D7;
    height: 88px;
}


/* Edit Contacts */
.column300.left {
    margin-left: 10px;
}
.column300.left {
    margin-left: 10px;
    margin-top: 6px;
}

/* Select */
#Entity-multi-select-dialog .dialog-row {
    height: 38px;
}
.item-details {
    height: 85px;
}

#Entity-multi-select-dialog > div:nth-child(2) > div:nth-child(1),
#Entity-multi-select-dialog > div:nth-child(1) > div:nth-child(1) {
    height: 25px;/*Hack cant target the title bar*/
}
#Entity-multi-select-dialog {
    height: 530px !important;
}
ul.ui-list a, ul.ui-list a:hover {
    height: 20px;
}

.dlg-icon {
    width: 34px;
    height: 34px;
    padding: 3px !important;
}

#presence .presence-combo {
    width: 52px;
}

#gid-text-full {
    /*<jasobNoObfs>*/
    width: calc(100% - 20px) !important;
    /*</jasobNoObfs>*/
}

.ui-dialog .ui-dialog-title img {
    width: 22px;
}

.po-line input {
    height: auto;
    margin: 3px;
}

.presence-override {
    height: 120px;
}

.presence-control-button1 {
    width: 90px;
}

/*
.item-details .details .text {
    height: 15px;
}
*/

#tree_info_tab_extension {
    margin: 0 7px 0 0;
}


.ExtensionPage {
    width: 700px;
}

#t-dialog-extension-prop-tabs {
    height: 500px;
}

.extension-control-button {
    width: auto;
}


#t-dialog-extension-details h5 {
    margin: 5px 0 5px 3px;
    font-size: 11px;
}

#t-dialog-extension-details br {
    clear: both;
}

#ded-details-left, #ded-details-c1, #ded-details-c2 {
    display: grid;
    grid-template: 1fr/auto 1fr;
}

.ui-widget-content {
    font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

#entity-select-dialog {
    overflow: hidden;
}

.ui-dialog .ui-dialog-content {
    padding: 5px !important;
}

.ExtensionMobileTablePage #ded-details-left {
    width: 100%;
}

.ExtensionMobileTablePage #ded-details-img {
    display: none;
}

.ui-widget-content, .ui-widget.ui-widget-conten {
    border: 1px solid transparent !important;
}

h5 {
    margin: .5rem 0;
}

#generic-alert-dialog {
    display: flex;
    flex-direction: row;
    align-items: center;
}


#gad-message.icon-message {
    width: 100%;
}

#gad-message.icon-message {
    display: flex;
    flex-direction: column;
}

/* dark theme */

.theme-dark .ui-widget-content {
    background-color: #2d2c2c;
    color: white;

}

.theme-dark .ui-widget-header {
    background-color: #2d2c2c;
    color: white;
}

.theme-dark .ui-tabs-tab {
    background-color: #2d2c2c;
}

.theme-dark .ui-tabs-active {
    background-color: #2d2c2c;
}

.theme-dark .ui-state-default a {
    color: #FFF;
}

.theme-dark .ui-state-active a {
    color: #6264a7 !important;
    font-weight: 600;
}

.theme-dark input, .theme-dark select {
    color: #FFF !important;
}

.theme-dark #t-dept-g-w-prop,
.theme-dark #t-dept-g-w-new,
.theme-dark #t-dept-g-c-manage,
.theme-dark #t-dept-g-m-prop,
.theme-dark #t-dept-g-m-play,
.theme-dark #t-dept-r-ext-select,
.theme-dark #t-dept-r-con-select,
.theme-dark #dept-g-w-prop,
.theme-dark #dept-g-w-new,
.theme-dark #dept-g-c-manage,
.theme-dark #dept-g-m-prop,
.theme-dark #dept-g-m-play,
.theme-dark #dept-r-ext-select,
.theme-dark #dcbProperties,
.theme-dark #dcbNumbers,
.theme-dark #dcbDefault,
.theme-dark #devgrp-btn-cancel,
.theme-dark #t-dept-cancel,
.theme-dark #dept-cancel,
.theme-dark #dcc-btn-cancel,
.theme-dark #dcc-mem-details,
.theme-dark #qfd-btn-close,
.theme-dark .ui-dialog-buttonset .ui-button.ui-corner-all.ui-widget:nth-child(2),
.theme-dark div.ui-dialog:nth-child(51) > div:nth-child(3) > div:nth-child(1) > button:nth-child(4),
.theme-dark #pd-btn-cancel,
.theme-dark a#presence-clear,
.theme-dark #tree_info_tab_cancel,
.theme-dark #t-dept-d-crit,
.theme-dark #dept-d-crit {
    background: transparent !important;
    border-color: #77777a !important;
    color: #fff !important;
}

.theme-dark .ui-button {
    background-color: #adb1fe !important;
    color: #222226 !important;
    border-color: transparent !important;
}

.theme-dark #t-dept-g-w-del,
.theme-dark #t-dept-g-m-del,
.theme-dark #t-dept-d-del,
.theme-dark #dept-g-w-del,
.theme-dark #dept-g-m-del,
.theme-dark #dcbDelete,
.theme-dark #dcc-mem-remove,
.theme-dark #dcc-tb-delete,
.theme-dark #dept-d-del {
    color: white !important;
}

.theme-dark div.ui-list {
    background-color: #201f1f;
}

.theme-dark .ui-state-default {
    color: #fff;
}

.theme-dark .ui-jqgrid .ui-jqgrid-bdiv {
    background-color: #201f1f;
}

.theme-dark .ui-state-default.ui-th-column {
    background-color: #2d2c2c !important;
}

.theme-dark .ui-jqgrid .ui-jqgrid-htable th {
    border: none;
    padding: 4px;
}

.theme-dark .ui-jqgrid div.ui-jqgrid-hdiv {
    border-top: none !important;
    border-bottom: 2px solid #201f1f !important
}

.theme-dark .ui-jqgrid-hbox,
.theme-dark .ui-jqgrid-btable {
    border-left: none !important;
    border-right: none !important;
}

.theme-dark .ui-jqgrid tr.jqgrow {
    background-color: #2d2c2c;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;;
    border-bottom: 1px solid #201f1f !important
}

.theme-dark .ui-jqgrid .ui-jqgrid-view {
    padding: 2px;
    border-right: 2px solid #201f1f !important;
    background-color: #201f1f;
    overflow: hidden;
}


.theme-dark .ContactPage .ContactForm .form .column {
    border-bottom: none;
}


/* theme contrast*/


.theme-contrast .ui-widget-content {
    background-color: black;
    color: white;
}

.theme-contrast .ui-widget-header {
    background-color: black;
    color: white;
}

.theme-contrast .ui-tabs-tab {
    background-color: black;
}

.theme-contrast .ui-tabs-active {
    background-color: black;
}

.theme-contrast .ui-state-default a {
    color: #FFF;
}

.theme-contrast .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-bottom-color: #3ff23f !important;
}

.theme-contrast .ui-state-active a {
    color: #3ff23f !important;
    font-weight: 600;
}

.theme-contrast input, .theme-contrast select {
    color: #FFF !important;
}

.theme-contrast #t-dept-g-w-prop,
.theme-contrast #t-dept-g-w-new,
.theme-contrast #t-dept-g-c-manage,
.theme-contrast #t-dept-g-m-prop,
.theme-contrast #t-dept-g-m-play,
.theme-contrast #t-dept-r-ext-select,
.theme-contrast #t-dept-r-con-select,
.theme-contrast #dept-g-w-prop,
.theme-contrast #dept-g-w-new,
.theme-contrast #dept-g-c-manage,
.theme-contrast #dept-g-m-prop,
.theme-contrast #dept-g-m-play,
.theme-contrast #dept-r-ext-select,
.theme-contrast #dcbProperties,
.theme-contrast #dcbNumbers,
.theme-contrast #dcbDefault,
.theme-contrast #devgrp-btn-cancel,
.theme-contrast #t-dept-cancel,
.theme-contrast #dept-cancel,
.theme-contrast #dcc-btn-cancel,
.theme-contrast #dcc-mem-details,
.theme-contrast #qfd-btn-close,
.theme-contrast .ui-dialog-buttonset .ui-button.ui-corner-all.ui-widget:nth-child(2),
.theme-contrast div.ui-dialog:nth-child(51) > div:nth-child(3) > div:nth-child(1) > button:nth-child(4),
.theme-contrast #pd-btn-cancel,
.theme-contrast a#presence-clear,
.theme-contrast #tree_info_tab_cancel,
.theme-contrast #t-dept-d-crit,
.theme-contrast #dept-d-crit {
    background: transparent !important;
    border-color: #fff !important;
    color: #fff !important;
}

.theme-contrast .ui-button {
    background: #fff !important;
    border-color: #fff !important;
    color: #000 !important;
}

.theme-contrast #t-dept-g-w-del,
.theme-contrast #t-dept-g-m-del,
.theme-contrast #t-dept-d-del,
.theme-contrast #dept-g-w-del,
.theme-contrast #dept-g-m-del,
.theme-contrast #dcbDelete,
.theme-contrast #dcc-mem-remove,
.theme-contrast #dcc-tb-delete,
.theme-contrast #dept-d-del {
    color: #525252 !important;
}

.theme-contrast div.ui-list {
    background-color: black;
}

.theme-contrast ul.ui-list .selected {
    background-color: #1aebff;
    color: #000;
}

.theme-contrast .ui-state-default {
    color: #fff;
}

.theme-contrast .ui-jqgrid .ui-jqgrid-bdiv {
    background-color: #201f1f;
}

.theme-contrast .ui-state-default.ui-th-column {
    background-color: #2d2c2c !important;
}

.theme-contrast .ui-jqgrid .ui-jqgrid-htable th {
    border: none;
    padding: 4px;
}

.theme-contrast .ui-jqgrid tr.jqgrow.ui-state-highlight {
    background-color: #1aebff;
    color: #000000;
}

.theme-contrast .ui-jqgrid tr.jqgrow.ui-state-highlight.jqgrow.ui-state-hover {
    background: #1aebff;
}

.theme-contrast .ui-jqgrid tr.jqgrow.ui-state-hover {
    background: #FFFF01;
    color: #000000;
}

.theme-contrast .ui-jqgrid div.ui-jqgrid-hdiv {
    border-top: none !important;
    border-bottom: 2px solid #201f1f !important
}

.theme-contrast .ui-jqgrid-hbox,
.theme-contrast .ui-jqgrid-btable {
    border-left: none !important;
    border-right: none !important;
}

.theme-contrast .ui-jqgrid tr.jqgrow {
    background-color: #2d2c2c;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #201f1f !important
}

.theme-contrast .ui-jqgrid .ui-jqgrid-view {
    padding: 2px;
    border-right: 2px solid #201f1f !important;
    background-color: #201f1f;
    overflow: hidden;
}


.theme-contrast .ContactPage .ContactForm .form .column {
    border-bottom: none;
}

.dept-pbx-grid-1, .dept-pbx-grid-2 {
    display: grid;
    grid-template-columns: 130px 1fr 1fr;
}

.dept-pbx-grid-1 label, .dept-pbx-grid-2 label {
    width: 130px !important;
}

.dept-pbx-button {
    width: 120px !important;
}

.dept-q-content {
    grid-template-columns: 180px 1fr 1fr;
}

.dept-options .fieldset-title, .extension-advanced-settings .fieldset-title {
    top: 16px;
}

.dept-o-not-row div:nth-child(1) {
    max-width: 160px;
}

.dept-o-vm-grid div {
    align-items: center;
}

.dept-o-not-grid div {
    align-items: center;
}

.dept-o-grid {
    grid-template-columns: 1fr 150px;
}

.dept-options {
    overflow: hidden;
    overflow-y: auto;
}

.dept-o-grid-buttons a {
    width: 120px;
}

.dept-o-right div {
    align-items: center;
}

.ui-dialog select {
    height: 23px;
}

div[aria-describedby="change-pin-dialog"] {
    min-width: 280px !important;
}

.dept-q-table {
    display: inline-block !important;
    width: 100% !important;
    overflow: hidden;
}

#dialog-extension-properties .dept-g-grid-1 input {
    width: calc(100% - 1rem) !important;
}

.field-set-body div {
    height: 2rem;
}