/* overriding tree node icons */

.x-tree-icon-parent, .x-tree-icon-leaf {
    background-image: url('../images/tree.png') !important;
    background-position: 0 -28px !important;
    height: 16px !important;
    width: 16px !important;
}

.x-tree-icon-disable {
    background-image: url('../images/tree.png') !important;
    background-position: 0 4px !important;
}

.x-grid-tree-node-bold {
    font-weight: bold !important;
}

.x-grid-tree-node-expanded .x-tree-icon-parent.x-tree-icon-disable {
    background-image: url('../images/tree.png') !important;
    background-position: 0 -14px !important;
}

.hier {
    background-image: url('../images/tree.png') !important;
    background-position: 0 -60px !important;
}

.x-grid-tree-node-expanded .x-tree-icon-parent.hier {
    background-image: url('../images/tree.png') !important;
    background-position: 0 -76px !important;
}

.x-grid-tree-node-expanded .x-tree-icon-parent {
    background-image: url('../images/tree.png') !important;
    background-position: 0 -44px !important;
}

.x-tree-node-noicon {
    background-image: none !important;
    height: 16px !important;
    width: 16px !important;
}

.x-tree-node-noicon-collapse {
    background-image: none !important;
    height: 16px !important;
    width: 0px !important;
}

.x-tree-node-check-executors-factual {
    background-image: url('../images/executors_check.png') !important;
    background-position: 0 0 !important;
}

.x-tree-node-check-executors-actual {
    background-image: url('../images/executors_check.png') !important;
    background-position: 0 -16px !important;
}

/* default node loading images, need to be redefined with !important due to custom node images are used */
.x-grid-tree-loading .x-tree-icon {
    background-image: url('../images/tree-loading.gif') !important;
    background-position: 0 center !important;
}

.x-grid-cell {
    border-bottom-color: #efefef !important;
    border-top-color: #efefef !important;
    border-left-color: #efefef !important;
    border-right-color: #efefef !important;
}

.x-grid-row .infoColumn {
	font-style: italic;
	opacity: 0.7;
}

.status-info {
    font-weight: bold;
}

.auth-caption {
    font-weight: bold;
    font-size: 1.5em;
}

.tools {
    background-image: url('../images/cog.png') !important;
}

.error-textarea textarea {
    font-family: monospace !important;
}

.parus-color-picker {
    background: #fafafa;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    width: 180px;
    padding: 10px 5px 5px 10px;
    border: 1px solid #666;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    z-index: 99;
}

    .parus-color-picker .x-boundlist-selected {
        background: #000000;
        border-color: #000000;
        border-radius: 2px;
    }

    .parus-color-picker .x-boundlist-list-ct {
        overflow: hidden !important;
    }

    .parus-color-picker h2 {
        margin: 0 0 5px 0;
        font-size: 14px;
    }

    .parus-color-picker ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .parus-color-picker ul:after {
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
            clear: both;
        }

        .parus-color-picker ul li {
            float: left;
            margin: 0 0 0 0;
            padding: 0;
        }

            .parus-color-picker ul li a, .parus-color-picker-square {
                display: block;
                width: 13px;
                height: 13px;
                text-decoration: none;
                text-indent: -100000px;
                outline: 0;
                border: 1px solid #aaa;
            }

            .x-theme-access .parus-color-picker ul li a, .x-theme-access .parus-color-picker-square {
                margin: 0 2px 2px 0 !important;
            }

                .parus-color-picker ul li a:hover {
                    border-color: #000;
                    border-style: outset;
                    border-width: 2px;
                    border-radius: 2px;
                }

.error-icon {
    background-image: url('../images/error.png') !important;    
}

.error-round-icon {
    content: url('../images/error-round.png') !important;
    width: 48px !important;
    height: 48px !important;
}

.parus-loader {
    content: url('../images/loader.gif') !important;
    width: 48px !important;
    height: 48px !important;
}

.accept-round-icon {
    content: url('../images/accept-round.png') !important;
    width: 48px !important;
    height: 48px !important;
}

.x-btn-default-toolbar-small-extra {
	border-radius: 0px !important;
	padding: 0px 0px 0px 0px !important;
	border-width: 0px !important;
	top: 1px !important;
}

.new_mail {
	content: url('../images/mail.gif') !important;
}

.mail {
	background-image: url('../images/mail.png') !important;
}

.mail-new {
	background-image: url('../images/mail-new.png') !important;
}

.mail-alert {
	background-image: url('../images/mail-alert.gif') !important;
}

.prs-col {
	/*margin: 0 5px 0 0 !important;*/
	padding: 0 10px 0 0 !important;
}

.prs-col-last {
	/*margin-left: 5px;*/
}

.prs-form .x-field {
	margin: 0px 0px 6px 0px !important;
}

.prs-form .x-fieldset {
	margin: 0px 0px 6px 0px !important;
	padding: 4px 10px 4px 10px !important;
}

.prs-form .x-tabpanel-child {
	padding: 6px !important;
}

.prs-form .x-btn {
	margin: 0px 0px 6px 0px !important;
}

.x-form-cb-wrap {
	white-space: nowrap !important;
}

.no-wrap-locktext {
  white-space: nowrap;
}

.x-fieldset-header-text{
    font-weight: bold;
}

.aboutHeaderBold {
	font-weight: bold;
	margin-left: 25px;
}

.aboutHeader {
	margin-left: 25px;
}

.aboutHeaderSmall {
	font-size: smaller;
	margin-left: 25px;	
}

.parus-logo-large {
    content: url('../images/logo2.png') !important;
    width: 55px !important;
    height: 69px !important;
}

.x-viewport {
    width: 100%;
    height: 100%;
    position: static;
    overflow: visible;
}

.x-viewport > .x-body {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
}

.x-mask-msg {
    animation-name: opac2;
    animation-duration: 1.5s;
}

@keyframes opac2 {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.quickview-image-ct img {
    margin: auto !important;
    max-height: 100%;
    max-width: 100%;
    right: auto !important; 
    left: auto !important; 
    margin-right: auto !important; 
    width: auto !important; 
    height: auto !important;
}

.quickview-image-ct {
    border: 5px;
    background-color: grey;
   /* display: flex;  не работает в ie 11*/
    text-align: center;
    width: 100% !important;
}

.x-tab-guard {
    position: absolute;
    clip: rect(0,0,0,0)
}

.x-panel-header-handle {
    background-image: linear-gradient(180deg, rgba(0,0,0,0) calc(40% - 1px), rgba(100,100,100,1) calc(40%), rgba(0,0,0,0) calc(40%) ),linear-gradient(180deg, rgba(0,0,0,0) calc(60% - 1px), rgba(100,100,100,1) calc(60%), rgba(0,0,0,0) calc(60%) ) !important;
}

.x-tip {
    width: auto !important;
}
.x-tip-body {
    width: auto !important;
}
.x-tip-body span {
    width: auto !important;
}

td.grid-column-wrap-text div {
    white-space: normal;
}

.click-through {
    pointer-events: none;
}