* {
/*-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;*/
}

#body {
margin:0;
padding:0;
}
#clusters1 {
    background-color: #fff;
    text-shadow: #fff 0 1px 0;
    position: relative;
    display: block;
    height: auto;
}

.x-body, x-body-masked {
    opacity: 1;
    /*color: #4d9999;*/
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    background-repeat: no-repeat;
    background-size:100%;
    background-position: center center;
}

div#apps {
    background-image: url("/static/img/logo_desktop.svg"), url("/static/img/desktop.png");
    background-repeat: no-repeat no-repeat;
    background-size: 5%, cover;
    background-position: 95% 90%, center center;
    margin:0;
    padding:0;
    /*text-shadow: #fff 0 1px 0;*/
    position: relative;
    /*display: block;
    height: auto;*/
    overflow: hidden;
    list-style: none outside none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

ul.app_list {
    float: left;
    margin: 10px 0 0 0;
    padding: 0px;
    position: relative;
    width: 117px;
    height: 100%;
}

div.cluster img {
    margin-bottom: 1px;
}

li.app {
    float: left;
    width:30%;
    margin: 0;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-family: "Helvetica Neue",sans-serif;
    height: 100px !important;
    width: 117px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    display: inline;
    cursor: pointer;
}

li.app div {
    color: #fff;
    font-weight:bold;
    font-stretch: condensed;
    font-size-adjust: 0.5;
}

div.cluster {
    background-color: #fff;
    text-shadow: #fff 0 1px 0;
    position: relative;
    display: block;
    height: auto;
    float: left;
    padding: 8px 17px;
    margin: 5px;
/*    margin: 10px 0 0 25px;*/
    text-align: center;
    line-height: 14px;
    color: #333;
    font-size: 10px;
    font-family: "Helvetica Neue",sans-serif;
    height: 90px;
    width: 90px;
    overflow: hidden;
    border-top: 1px solid transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.x-ie6 #clusters div.cluster,
.x-ie7 #clusters div.cluster,
.x-ie8 #clusters div.cluster {
    border-top: none;
    padding: 3px 2px;
    margin: 2px;
}

div.cluster-hover {
    background-color: #aaa;
}

.x-cluster-disabled {
    opacity: 0.7;
    cursor: pointer;
    color: #999 !important;
}

.x-cluster-disabled name {
    color: #000 !important;
}

.cluster.x-item-selected {
    color: #000;
    background-color: #D3E1F1 !important;
}

#apps .x-item-click {
    color: #3C3C3C;
    font-size: 13px;
}

/*#apps, */cluster .x-item-selected {
    color: #000;
    background-color: #ccf !important;/*desktop icons*/
}

div.cluster strong {
    color: #000;
    display: block;
    font-weight: bold;
}

div.cluster span {
    color: #777;
}


/* ALIAS PROPERTIES BEGIN */
.x-form-text, textarea.x-form-field {
    background-image: none;
}

.mgmt-legend-container {
    text-align: center;
}

.mgmt-legend-caption {
    /*color: #fff;*/
    padding: 2px 5px;
}

.mgmt-legend-item {
    color: #fff;
    font-family: "Courier New",monospace;
    padding: 2px 5px;
}

.x-legend-container {
    display: inline-block;
    line-height: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: white;
    -webkit-box-shadow: rgba(255,255,255,0.6) 0 1px 1px;
    -moz-box-shadow: rgba(255,255,255,0.6) 0 1px 1px;
    box-shadow: rgba(255,255,255,0.6) 0 1px 1px;
}

.x-legend-item {
    padding: .8em 1em .8em 1.8em;
    color: #333;
    background: rgba(255,255,255,0);
    max-width: 16em;
    min-width: 0;
    font-size: 13px;
    font-family: helvetica,arial,verdana,sans-serif;
    line-height: 13px;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.x-legend-item-marker {
    position: absolute;
    width: .8em;
    height: .8em;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    -ms-border-radius: .4em;
    -o-border-radius: .4em;
    border-radius: .4em;
    -webkit-box-shadow: rgba(255,255,255,0.3) 0 1px 0,rgba(0,0,0,0.4) 0 1px 0 inset;
    -moz-box-shadow: rgba(255,255,255,0.3) 0 1px 0,rgba(0,0,0,0.4) 0 1px 0 inset;
    box-shadow: rgba(255,255,255,0.3) 0 1px 0,rgba(0,0,0,0.4) 0 1px 0 inset;
    left: .7em;
    top: .85em;
}

.x-hide-container {
    display: none;
}

.x-any, input.x-form-field .x-any {
    color: #000;
    font-family: "Courier New",monospace;
    background-color: #FFFFB7 !important;
}
.x-domain, input.x-form-field .x-domain {
    color: #000;
    font-family: "Courier New",monospace;
    background-color: #FFC9AE !important;
}
.x-domain-address, input.x-form-field .x-domain-address {
    color: #000;
    font-family: "Courier New",monospace;
    background-color: #AEFDAC !important;
}
.x-domain-interface, input.x-form-field .x-domain-interface {
    color: #000;
    font-family: "Courier New",monospace;
    background-color: #FFC6FF !important;
}
.x-profile, input.x-form-field .x-profile {
    color: #000;
    font-family: "Courier New",monospace;
    background-color: #afe4ff !important;
}
.x-alias, input.x-form-field .x-alias {
    color: #000;
    font-family: "Courier New",monospace;
    background-color: #fff !important;
}
/* ALIAS PROPERTIES END */

/*
indeterminate"/> 255,0,0
critical"/> 180,0,0
major"/> 255,128,0
minor"/> 255,180,0
warning"/> 255,255,0
cleared"/> 255,255,255


indeterminate"/> 255,0,0
critical"/>  255,0,255
major"/> 255,128,0
minor"/>  128,128,255
warning"/> 255,255,0
cleared"/> 255,255,255*/

.wcf-toggle {
    float: right;
    font-size: 11px;
    font-weight: bold;
    font-family: tahoma,arial,verdana,sans-serif;
}

.x-grid-row-over, .x-grid-row-selected {
    color: #000 !important;
}

.x-search-match{
    background-color: #23ff23;
    color: #000 !important;
}

/* ALARM PROPERTIES BEGIN */

.x-alarm-indeterminate {
    color: #fff;
    letter-spacing:1px;
    /*text-shadow: #E6E6E6 0 1px 0;*/
    background-color: #FF0000;
}
.x-alarm-critical {
    color: #fff;
    letter-spacing:1px;
    /*text-shadow: #fff 0 1px 0;*/
    background-color: #B40000;
}
.x-alarm-major {
    color: #000;
    background-color: #FF8000;
}
.x-alarm-minor {
    color: #000;
    background-color: #FFB400;
}
.x-alarm-warning {
    color: #000;
    background-color: #FFFF00;
}
.x-alarm-cleared {
    color: #000;
    background-color: #FFFFFF;
}
/* ALARM PROPERTIES END */
/* CALL LOG BEGIN */

.x-call-offhook .x-call-status {
    color: #000;
    text-shadow: #fff 0 1px 0;
    background-color: #FFFFFF !important;
}
.x-call-dialing .x-call-status, .x-call-calling .x-call-status {
    color: #000;
    background-color: #FFFF99 !important;
}
.x-grid-row-alt .x-grid-cell, .x-grid-row-alt {
    background-color:#dcdce1;
}
.x-vertical-middle .x-grid-td {
    vertical-align: middle;
}

.x-call-called .x-call-status {
    color: #000;
    background-color: #B4E6AA !important;
}
.x-call-hold_a .x-call-status, .x-call-hold_b .x-call-status {
    color: #000;
    background-color: #99CCFF !important;
}
.x-call-onhook .x-call-status {
    color: #000;
    background-color: #E6E6E6 !important;
}
/* CALL LOG END */

/*.x-btn-default-toolbar-small {
    border-color: #D1D1D1;
}
.x-btn-default-toolbar-small {
    background-color: white;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #F9F9F9 48%, #E2E2E2 52%, #E7E7E7);
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
}*/

/*.x-btn-icon {
margin-left:auto;
margin-right:auto;
width:98%;
}*/

.x-menu-item-text {
    vertical-align:20%;
}

/*.x-menu-item-arrow {
    top: 12px;
}*/

.no-icon-menu .x-menu-item-icon {
display: block;
margin-left:auto;
margin-right:auto;
vertical-align: middle;
margin: -9px 0px -3px 0px;
padding: 0px 0px 0px 3px;
/*padding: 3px 21px 3px 15px;*/
/*background-image: none;*/
}

/* System info cls */
.x-new-node, .x-new-node td {
    color: #000;
    /*font-family: "Courier New",monospace;*/
    background-color: #AEFDAC !important;
}
.x-exist-node, .x-exist-node td {
    color: #000;
    /*font-family: "Courier New",monospace;*/
    background-color: #FFC6FF !important;
}
.x-lost-node, .x-lost-node td {
    color: #000;
    /*font-family: "Courier New",monospace;*/
    background-color: #FFC9AE !important;
}
/* System info cls */


.x-exclamation {
    text-align: left;
    padding-left: 40px;
    padding-top: 20px;
    background-image: url(/static/img/icon/exclamation.png);
    background-repeat: no-repeat;
    background-position: left;
}

.x-warning {
    text-align: left;
    padding-left: 40px;
    padding-top: 20px;
    background-image: url(/static/img/icon/warning_32.png);
    background-repeat: no-repeat;
    background-position: left;
}

.x-question {
    text-align: left;
    padding-left: 40px;
    padding-top: 20px;
    background-image: url(/static/img/icon/question_32.png);
    background-repeat: no-repeat;
    background-position: left;
}

.x-info {
    text-align: left;
    padding-left: 40px;
    /*padding-top: 20px;*/
    /*white-space: pre;*/
    background-image: url(/static/img/icon/info_32.png);
    background-repeat: no-repeat;
    background-position: left 10px;
}

.x-info-extjs {
    /*text-align: left;
    padding-left: 40px;
    white-space: pre;*/
    background-image: url(/static/img/icon/info_32.png);
    /*background-repeat: no-repeat;
    background-position: left 10px;*/
}

.x-asc {
    background-image: url(/static/img/cluster/asc.gif);
    background-repeat: no-repeat;
    background-position: left;
}

.x-desc {
    background-image: url(/static/img/cluster/desc.gif);
    background-repeat: no-repeat;
    background-position: left;
}

.x-active-false {
    opacity: 0.7;
    /*color: #999 !important;*/
}

.x-active-default {
    opacity: 0.5;
}

div label.x-console {
    color: #fff;
    background-color: #000;
    display: block;
    font-family: "Courier New",monospace;
    font-size: 15px;
    border-style: none;
    white-space: pre-wrap;
}

div.x-console textarea {
    padding: 0px 0px 0px 0px;
    color: #fff;
    background-color: #000;
    /*text-shadow: #fff 0 1px 0;*/
    /*display: block;*/
    font-family: "Courier New",monospace;
    font-size: 15px;
    border-style: none;

    /*background-color: #FFC9AE !important;*/
}

div.x-licence label, .x-licence {
    display: block;
    white-space: pre-wrap;
}

.x-licence-false {
    opacity: 0.7;
    background-color: #ccc;
}
.x-rule_info{
    /*display: block;*/
    white-space: pre-wrap;
}
td fieldset {
    /*border: 1px solid;*/
    margin: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    height:100%;
}

td.x-fieldset-td {
    display: table-cell;
    vertical-align: top;
}

.x-grid-cell-special div.x-unselectable {
    padding: 2px 2px 2px 2px;
}

/*div.x-grid-row-checker {
    width: 18px;
    height: 18px;
    background-position: center center;
}*/

.x-filter-true {
    background-color: #AEFDAC;
}

.x-filter-false {
    background-color: #FFC9AE;
}

.x-toolbar-locked {
    border-color: #99bce8;
    border-width: 1px;
    background-image: none;
    background-color: #d3e1f1;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#eca0a0),color-stop(100%,#d3e1f1));
    background-image: -webkit-linear-gradient(top,#eca0a0,#d3e1f1);
    background-image: -moz-linear-gradient(top,#eca0a0,#d3e1f1);
    background-image: -o-linear-gradient(top,#eca0a0,#d3e1f1);
    background-image: linear-gradient(top,#eca0a0,#d3e1f1);
}

.x-desktop-drop-target-active{
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#a0eca0),color-stop(100%,#d3e1f1));
    background-image: -webkit-linear-gradient(top,#a0eca0,#d3e1f1);
    background-image: -moz-linear-gradient(top,#a0eca0,#d3e1f1);
    background-image: -o-linear-gradient(top,#a0eca0,#d3e1f1);
    background-image: linear-gradient(top,#a0eca0,#d3e1f1);
}

.hide-checkcolumn .x-grid-checkcolumn-cell-inner {
    display: none;
}

.x-template-row-icon .x-icon-row .x-grid-cell-inner {
    padding-bottom: 1px;
}

.x-dd-drag-proxy .x-dd-drag-ghost {
    display: none;
}

.x-btn-over-white {
    border-width: 0px !important;
    background-image: none !important;
    background-color: #dfe8f6 !important;
    background: #dfe8f6 !important;
}

.my-tagfield .x-tagfield-item-close {
    top: 0px;
    bottom: 0px;
    margin: auto;
}
.my-tagfield input {
    margin-left: -100px;
    width:1px;
    /*display: none;*/
}

.hide-row {
    display: none;
}

.hide-checkbox .x-tree-checkbox {
    display: none;
}

@font-face{
    font-family:'Awesome';
    src:url("../../fonts/fontawesome-webfont.eot");
    src:url("../../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),
        url("../../fonts/fontawesome-webfont.woff") format("woff"),
        url("../../fonts/fontawesome-webfont.ttf") format("truetype");
    font-weight:normal;font-style:normal
}
.x-btn-glyph {
	font-family: Awesome;
}

.x-form-text-wrap {
    position: relative;
}

.x-form-field-overlay {
    background-color: #ffffff;
    position: absolute;
    top: 0;
}
.x-form-trigger-wrap {
    height: initial;
}
.x-form-textarea-body > .x-form-trigger-wrap {
	height: 100%;
}
[class^="underline-"] > span,
[class*=" underline-"] > span {
	text-decoration: underline;
	padding-left: 5px;
}
label.underline-red > span{
	text-decoration-color: red;
}
label.underline-blue > span{
	text-decoration-color: blue;
}
label.underline-22bb22 > span{
	text-decoration-color: #22bb22;
}
label.underline-purple > span{
	text-decoration-color: purple;
}
label.underline-yellow > span{
	text-decoration-color: yellow;
}
label.underline-99bce8 > span{
	text-decoration-color: #99bce8;
}
label.underline-ffc6ff > span{
	text-decoration-color: #ffc6ff;
}
td.multiline hr {
    margin-block-start: 0.3em;
    margin-block-end: 0.3em;
    border-bottom-width: 0px;
}
.errorTCM{
    background-color: rgb(245, 115, 115);
}