/* style dla komponentu służącego do wyświetlania avatara i uploadu zdjęcia wraz z resizem */
a#keypm-form-field-image-avatar-holder-90, a#keypm-form-field-image-avatar-holder-150 {
    position: relative;
    display: inline-block;
}
a#keypm-form-field-image-avatar-holder-90:hover:before {
    content: '';
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    top: 32px;
    left: 32px;
    background: url(/resources/img/icons/grey-glyphicons_190_circle_plus.png) no-repeat;
}
a#keypm-form-field-image-avatar-holder-150:hover:before {
    content: '';
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    top: 62px;
    left: 62px;
    background: url(/resources/img/icons/grey-glyphicons_190_circle_plus.png) no-repeat;
}

.btn-ico-grey-record-16 {
    background: url('/resources/img/icons/record.png') no-repeat;
}


/* fix dla displayfieldu zeby tekst byl rowny z inputami*/
.x-form-display-field {
    padding: 1px 5px 10px 5px;
}
.spinner-inline img{
    width: 18px;
    margin-top: 1px;
}

.btn-ico-grey-file-16 {
    height: 16px;
}

.btn-ico-grey-folder-open-24,
.btn-ico-grey-file-24 {
    height: 24px;
}

.file-doc {
    background-image: url("/resources/img/fileicon/doc.png");
}
.file-xls {
    background-image: url("/resources/img/fileicon/xls.png");
}
.file-ppt {
    background-image: url("/resources/img/fileicon/ppt.png");
}
.file-pdf {
    background-image: url("/resources/img/fileicon/pdf.png");
}
.file-image {
    background-image: url("/resources/img/fileicon/image.png");
}
.file-video {
    background-image: url("/resources/img/fileicon/video.png");
}
.file-zip {
    background-image: url("/resources/img/fileicon/zip.png");
}


.icon24 {
    background-size: 24px 24px;
    width: 24px !important;
    height: 24px !important;
}

.transparent .x-grid-td{
    background-color: transparent;
}

.wsgrid-expanded td.x-grid-cell {
    background: #efefef !important;
}

.porftoliopanel div.x-grid-rowbody{
    padding: 0px;
}

.x-body:not(.with-right-panel) .x-panel-content {
    padding-right: 10px;
}

.x-grid-row-alt:not(.x-grid-row-over) .x-grid-td{
    background-color: transparent;
}
/* żeby text się nie poruszał*/
.x-menu-item {
    padding: 0px;
}
.x-grid-row-over .x-grid-td {
    background-color: #f3f3f3;
}

.x-grid-body .x-grid-table-focused-first{
    border-top: 1px solid #c6c6c6;
}

#sidebarmenu .x-grid-body .x-grid-table-focused-first{
    border-top: none;
}
#sidebarmenu .x-grid-row-before-focused .x-grid-td{
    border-bottom: none;
}
#sidebarmenu .x-grid-no-row-lines .x-grid-row-focused .x-grid-cell-inner{
    padding-top: 3px;
    padding-bottom: 4px;
}

.x-grid-row-before-focused .x-grid-td,
.x-grid-row-before-selected .x-grid-td {
    border-color: #ededed;
    border-style: solid;
}

.treeWithoutFolderIcon .x-grid-row-before-focused .x-grid-td,
.x-grid-row-before-selected .x-grid-td {
    border-color: #c6c6c6;
    border-bottom-color: #ffffff;
    border-style: solid;
}

.x-grid-row-focused .x-grid-td{
    border-color: transparent;
}
/**************************/
/******** TOOLTIP *********/
/**************************/
.x-tip-default{
    background-color: #fffbe0;
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px 2px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    overflow: visible;
    border-color: #ddb948;
}

.x-tip-anchor{
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #ddb948;
}

@font-face {
    font-family: 'HelveticaNeueLTPro';
    src: url('../fonts/HelveticaNeueLTPro-BdCn_0.eot');
    src: url('../fonts/HelveticaNeueLTPro-BdCn_0.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-BdCn_0.ttf') format('truetype'), url('../fonts/HelveticaNeueLTPro-BdCn_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/** ROW EDITING **/
.x-grid-row-editor .x-panel-body, .x-grid-row-editor-buttons{
    background-color: #eee;
}

 /*************************************/
 /********** IKONKI *******************/
 /*************************************/

.button-sch-dopasuj{
    background-image: url("../img/dopasuj.png");
    background-size: 28px 16px;
    width: 30px !important;
    height: 16px !important;
}

.button-sch-rozwin{
    background-image: url("../img/rozwin.png");
    background-size: 18px 18px;
    width: 25px !important;
    height: 25px !important;
    margin: 1px 0px 0px 1px;
}

.button-sch-zwin{
     background-image: url("../img/zwin.png");
     background-size: 18px 18px;
     width: 25px !important;
     height: 25px !important;
     margin: 1px 0px 0px 1px;
}

.browse-button .x-form-file-btn {
    width: 80px;
}

/* KONFIGUROWALNE PANELE */
.configlayoutpanel .x-panel-body{
    padding: 8px;
    border: 1px solid #b5b8c8;
    background-color: white;
}

.configlayoutpanel .x-panel-body .x-table-layout {
    width: 100%;
}

img.thumbDocument{
    margin: 10px 0 30px 0;
}

.x-panel-body-structure_rightmenu .x-form-item-label, .x-panel-body-structure_rightmenu .x-form-display-field {
    margin-top: 0px;
    padding: 0px;
}

.x-panel-body-structure_rightmenu .x-form-item-label {
    font: normal 11px tahoma,arial,verdana,sans-serif;;
}

.x-panel-body-structure_rightmenu .x-form-display-field {
    font: bold 11px tahoma,arial,verdana,sans-serif;;
}

.x-panel-body-structure_rightmenu .element-name {
    margin-top: 5px !important;
}
.x-panel-body-structure_rightmenu .element-name .x-form-display-field {
    font-size: 18px !important;
}

.x-panel-body-structure_rightmenu .element-description .x-form-display-field {
    font-weight: normal !important;
    margin-bottom: 15px !important;
}

.x-panel-body-structure_rightmenu .x-btn-default-small.configlayout{
    margin: 6px;
}

.x-panel-body-structure_rightmenu .x-btn-default-small.configlayout.icon{
    width: 37px;
    height: 27px;
    background-size: 37px 27px;
}

.x-panel-body-structure_rightmenu .x-btn-default-small.configlayout.icon.single{
    background-image: url("../img/keypm/config_single.png");
}

.x-panel-body-structure_rightmenu .x-btn-default-small.configlayout.icon.bigtop{
    background-image: url("../img/keypm/config_bigtop.png");
}

.x-panel-body-structure_rightmenu .x-btn-default-small.configlayout.icon.bigbottom{
    background-image: url("../img/keypm/config_bigbottom.png");
}

.x-panel-body-structure_rightmenu .x-btn-default-small.configlayout.icon.bigleft{
    background-image: url("../img/keypm/config_bigleft.png");
}

.x-panel-body-structure_rightmenu .x-btn-default-small.configlayout.icon.bigright{
    background-image: url("../img/keypm/config_bigright.png");
}

.x-panel-body-structure_rightmenu .x-btn-default-small.configlayout.icon.foursmall{
    background-image: url("../img/keypm/config_foursmall.png");
}



 /************************************/
 /*!?!!!!!!!!!!!!!FIXY!!!!!!!!!!!!!!!*/
/************************************/

.docked_toolbar_with_border_bottom {
    border-bottom-width: 1px !important;
}

/** COMBOBOX FIX - DZIWNY 12 MARGIN W NOWYM EXTJS **/
.x-boxselect-list{
    margin: 0px 0px;
    padding: 0px 0px;
}

/* IE ukrywajaca sie ikonka w buttonie fix */
.x-ie .x-btn-center{
    overflow: hidden !important;
}

/* IE HEADER FIX */
.x-nlg .x-window-header-default-top{
    background-image: none;
    /*gradient*/
    /* fallback */
    background-color: #c1c1c1;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8c8c8), to(#bebebe));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #c8c8c8, #bebebe);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #c8c8c8, #bebebe);

    /* IE 10 */
    background: -ms-linear-gradient(top, #c8c8c8, #bebebe);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #c8c8c8, #bebebe);
}

/********************************************************/
/********** CONFIG LAYOUT PANEL      ********************/
/********************************************************/
.configlayoutpanel{
    /*margin: 0 auto 0 auto;*/
}


.x-nlg .x-panel-header-default-top{
    background-image: none;
}

/* END IE HEADER FIX */
/* IE MENU HOVER FIX */
.x-nlg .x-menu-item-active .x-menu-item-link{
    background-image: none;
    background-color: transparent;
}
/* END IE MENU HOVER FIX */

/* duzy filter box w menu troche hackish imo */
.x-panel-body-structure_rightmenu .x-panel-header .x-component-header-filter-box,
.x-panel-body-sidebarmenu .x-panel-header .x-component-header-filter-box
{
    padding-left: 18px;
}

/* CONTACT FILTER BOX BEGIN */
.contact-filter-box input{
    height: 100%;
    width: 100%;
    padding-left: 1px;
    border-style: none;
    color: black;
}
.contact-filter-box input:focus{
    background-color: white;
    border: 1px solid #3883d3;
}
 /* CONTACT FILTER BOX END */

/* MAGIC SIDEBAR FILTER FIX (((BEGIN))) */
/* magic v2 fix*/
.x-panel-body-sidebarmenu .x-panel-header .x-panel-header-body .x-box-inner,
.x-panel-body-sidebarmenu .x-panel-header .x-panel-header-body .x-box-inner .x-panel-header-text-container,
.x-panel-body-sidebarmenu .x-panel-header .x-panel-header-body .x-box-inner .x-component-header-filter-box,
.x-panel-body-sidebarmenu .x-panel-header .x-panel-header-body .x-box-inner .x-component-header-filter-box input,
.x-panel-body-structure_rightmenu .x-panel-header,
.x-panel-body-structure_rightmenu .x-panel-header .x-panel-header-body .x-box-inner .x-panel-header-text-container,
.x-panel-body-structure_rightmenu .x-panel-header .x-panel-header-body .x-box-inner .x-component-header-filter-box
{
    background-color: #f3f3f3;
    height: 25px;
}

.x-panel-body-structure_rightmenu .x-panel-header .x-panel-header-body .x-box-inner .x-component-header-filter-box input{
    height: 24px;
}

.x-panel-body-sidebarmenu .x-panel-header, .x-panel-body-structure_rightmenu .x-panel-header{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.x-panel-body-structure_rightmenu .x-form-text{
    font-size: 11px;
}

.x-panel-body-structure_rightmenu .x-panel-header .x-component-header-filter-box input{
    margin-top: 1px;
}

.x-panel-structure_rightmenu {
    border-left:  1px solid #999;
    border-bottom:  1px solid #999;
    margin-left: 10px;
    box-shadow: 1px 1px 2px #888;
}

.x-panel-body-structure_rightmenu {
    padding: 5px;
    background-color: #f0f0f0;
}
/* filter w prawym panelu przykleil sie do gornej belki - fix */
/*.x-panel-body-structure_rightmenu .header-filter-box input{
    margin-top: 5px;
}*/
/* MAGIC SIDEBAR FILTER FIX (((END))) */

 /**************************************
 ============= GLOBAL? =================
 **************************************/
/* HEADERY W PANELACH */
.x-panel-header-text-container{
    font-size: 12px;
    font-weight: bold;
}
.titleWeight .x-panel-header-text-container{
    font-size: 12px;
    font-weight: normal;
}
 /* POPUP MASK */
 .x-mask{
    background-color: #f9f9f9;
    opacity: 1;
 }

 body > .x-mask{
    background-color: #000;
    opacity: 0.5;
 }

 /* LOADING POPUP */
.x-mask-msg{
    border-color: #5f5f5f;
    background-color: #b1b1b1;
}
.x-mask-msg div{
    border-color: #d3d3d3;
}
.x-mask-msg .x-mask-msg-text{
     background-image: url('../img/large-loading.gif');
     background-size: 16px 16px;
}

/* KALENDARZ */
.x-datepicker-header{
    background-color: #999;
}
.x-datepicker-footer, .x-datepicker-header{
    background-image: none;
}
/* END */

/* KALENDARZ KOMUNIKACJI */
.weekText{
  color: white;
  font-weight: bold;
  font-size: 13px;
}
.x-datepicker-wsdatepicker{
    border-color: transparent;
    margin: 0 10px 0 10px;
}
.x-datepicker-wsdatepicker .x-datepicker-header{
    background-color: transparent;
}
.x-datepicker-wsdatepicker .x-datepicker-month{
    font-weight: bold;
}
.x-datepicker-wsdatepicker .x-datepicker-inner th{
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    font: bold 10px tahoma,arial,verdana,sans-serif
}
.x-datepicker-wsdatepicker .x-datepicker-column-header-inner{
    font-weight: bold;
    color: #858585;
}
.x-datepicker-wsdatepicker .priority{
    position: absolute;
    width: 4px;
    height: 4px;
    left: 0px;
    top: 0px;
}
.x-datepicker-wsdatepicker .priority-10{
  background-color: #f30000;
}
.x-datepicker-wsdatepicker .priority-5{
    background-color: #ffb400;
    left: 4px;
    top: 0px;
}
.x-datepicker-wsdatepicker .priority-1{
    background-color: #18a81f;
    left: 0px;
    top: 4px;
}
.x-datepicker-wsdatepicker .priority-0{
    background-color: #979796;
    left: 4px;
    top: 4px;
}
.x-datepicker-wsdatepicker .x-datepicker-cell{
    background-color: #f3f3f3;
}
.x-datepicker-wsdatepicker .x-datepicker-cell a{
    color: #878787;
}
.x-datepicker-wsdatepicker .has-event{
  background-color: #37b6ff;
}
.x-datepicker-wsdatepicker .has-event a{
  color: white;
  font-weight: bold;
}
.x-datepicker-wsdatepicker .x-datepicker-cell:hover{
  border-color: #0e648f;
}
.x-datepicker-wsdatepicker .x-datepicker-prevday{
    visibility: hidden;
}
.kpm_calendar_toolbar{
    border-color: transparent;
    background: none !important;
}
.kpm_calendar_leftmove.x-btn,
.kpm_calendar_leftmove.x-btn:hover{
    width: 30px;
    height: 30px;
    background-image: url('../img/keypm/big-leftarrow.png');
    background-repeat: no-repeat;
    background-position: 9px 8px;
}
.kpm_calendar_rightmove.x-btn,
.kpm_calendar_rightmove.x-btn:hover{
    width: 30px;
    height: 30px;
    background-image: url('../img/keypm/big-rightarrow.png');
    background-repeat: no-repeat;
    background-position: 9px 8px;
}
.x-btn.kpm_calendar_view_day,
.x-btn.kpm_calendar_view_week,
.x-btn.kpm_calendar_view_month,
.x-btn.kpm_calendar_view_all,
.x-btn.kpm_button{
    border-radius: 0;
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    padding: 0px 0px;
    border: none;
    margin: 0px 2px;
    opacity: 0.6;
}

.x-btn.kpm_calendar_view_day:hover,
.x-btn.kpm_calendar_view_week:hover,
.x-btn.kpm_calendar_view_month:hover,
.x-btn.kpm_calendar_view_all:hover,
.x-btn.kpm_button:hover{
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    background-color: transparent;
    opacity: 1;
}

.x-btn.kpm_calendar_view_day:active,
.x-btn.kpm_calendar_view_week:active,
.x-btn.kpm_calendar_view_month:active,
.x-btn.kpm_calendar_view_all:active,
.x-btn.kpm_button:active{
    box-shadow: none;
    border-color: transparent;
    -webkit-box-shadow: none;
}

.x-btn.kpm_fullscreen,
.x-btn.kpm_fullscreen:hover{
    width: 22px;
    height: 18px;
    background-image: url('../img/communication/fullscreen.png');
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.x-btn.kpm_fullscreen.restore,
.x-btn.kpm_fullscreen.restore:hover{
    background-image: url('../img/communication/fullscreen2.png');
    background-repeat: no-repeat;
}

.x-btn.kpm_calendar_view_day,
.x-btn.kpm_calendar_view_day:hover{
    width: 22px;
    height: 18px;
    background-image: url('../img/communication/dzien.png');
    background-repeat: no-repeat;
}
.x-btn.kpm_calendar_view_week,
.x-btn.kpm_calendar_view_week:hover{
    width: 22px;
    height: 18px;
    background-image: url('../img/communication/tydzien.png');
    background-repeat: no-repeat;
}
.x-btn.kpm_calendar_view_month,
.x-btn.kpm_calendar_view_month:hover{
    width: 22px;
    height: 18px;
    background-image: url('../img/communication/miesiac.png');
    background-repeat: no-repeat;
}
.x-btn.kpm_calendar_view_all,
.x-btn.kpm_calendar_view_all:hover{
    width: 22px;
    height: 18px;
    background-image: url('../img/communication/caly.png');
    background-repeat: no-repeat;
}

.x-btn.kpm_calendar_view_active{
    opacity: 1;
}
/* KALENDARZ END */

 /* BUTTONY */
 .x-btn .x-btn-inner{
    font-size: 12px;
    font-weight: bold;
    color: #707070;
}
.x-btn{
    border-radius: 3px;
    background-image: none;
    background-color: #f8f8f8;
    border-color: #b8b8b8;

    /* CROSS BROWSER GRADIENT */
    background: #fbfbfb; /* Old browsers */
    background-color: #fbfbfb;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #e6e6e6));
    background-image: -webkit-linear-gradient(top, #fbfbfb, #e6e6e6);
    background-image: -moz-linear-gradient(top, #fbfbfb, #e6e6e6);
    background-image: -ms-linear-gradient(top, #fbfbfb, #e6e6e6);
    background-image: -o-linear-gradient(top, #fbfbfb, #e6e6e6);
    background-image: linear-gradient(top, #fbfbfb, #e6e6e6);
}

.x-btn:hover{
    border-radius: 3px;
    background-image: none;
    border-color: #b0b0b0;

    /* CROSS BROWSER GRADIENT */
    background: #ebebeb; /* Old browsers */
    background-color: #ebebeb;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, #d6d6d6));
    background-image: -webkit-linear-gradient(top, #ebebeb, #d6d6d6);
    background-image: -moz-linear-gradient(top, #ebebeb, #d6d6d6);
    background-image: -ms-linear-gradient(top, #ebebeb, #d6d6d6);
    background-image: -o-linear-gradient(top, #ebebeb, #d6d6d6);
    background-image: linear-gradient(top, #ebebeb, #d6d6d6);
}

.x-btn.x-pressed {
    border-color: #9d9d9d;
    background-image: none;
    background-color: #d6d6d6;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#c7c7c7),color-stop(100%,#e0e0e0));
    background-image: -webkit-linear-gradient(top,#c7c7c7,#e0e0e0);
    background-image: -moz-linear-gradient(top,#c7c7c7,#e0e0e0);
    background-image: -o-linear-gradient(top,#c7c7c7,#e0e0e0);
    background-image: linear-gradient(top,#c7c7c7,#e0e0e0);
}

.x-btn:active{
    border-color: #969696;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}

/*hover oraz active wylaczony dla elementow disabled*/
.x-btn-disabled, .x-btn-disabled:hover, .x-btn-disabled:active{
    background-image: none;
    border-color: #ccc;

    /* CROSS BROWSER GRADIENT */
    background: #efefef; /* Old browsers */
    background-color: #efefef;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #efefef, #eee);
    background-image: -moz-linear-gradient(top, #efefef, #eee);
    background-image: -ms-linear-gradient(top, #efefef, #eee);
    background-image: -o-linear-gradient(top, #efefef, #eee);
    background-image: linear-gradient(top, #efefef, #eee);
    box-shadow: none;
}

/* BUTTONY - IKONKI */
.btn-ico-inline-plus{
    background-size: 10px 10px;
    background-position: 2px 2px;
    background-image: url('../img/keypm/menu_plus_inline.png') !important;
}

.btn-ico-inline-comp{
    background-size: 16px 16px;
    /*background-position: 2 2;*/
    background-image: url('../img/keypm/glyphicons_398_copyright_mark.png') !important;
}

.btn-ico-inline-minus{
    background-size: 10px 10px;
    background-position: 2 2;
    background-image: url('../img/keypm/menu_plus_inline.png') !important;
}

.btn-ico-right-play{
    background-image: url('../img/keypm/right_play.png') !important;
    background-size: 8px 8px;
    background-position: 5px 8px;
}

.btn-ico-leftarrow-big{
    background-image: url('../img/keypm/big-leftarrow.png');
    margin: 5px 5px;
    margin-top:3px;
}

.btn-ico-rightarrow-big{
    background-image: url('../img/keypm/big-rightarrow.png');
    margin: 5px 5px;
    margin-top:3px;
}

.btn-ico-close-big{
    background-image: url('../img/keypm/big-close.png');
    margin: 1px 4px;
}

.btn-ico-correct-big{
    background-image: url('../img/keypm/big-correct.png');
    margin: 1px 4px;
}
/************X WINDOW******************/
.x-window .x-toolbar-footer .x-btn, .keypm-button-padding{
    padding: 5px 25px;
    height: 28px;
}

.x-window-header-text-container-default{
    color: #FFF;
    text-shadow: 0 2px 2px #0D1A26;
}

/**************INNE********************/
/* podswietlenie w popupach list (combolisty etc), byc moze tez w innych miejscach */
.x-boundlist-item-over{
    background-color: #ccc;
    border-color: #999;
    border-style: solid;
}

/* ELEMENTY FORMY HTML */
/* tla inputow */
.x-form-text:not(.x-form-invalid-field), textarea.x-form-field:not(.x-form-invalid-field){
    border: 1px solid transparent;
    box-shadow: none;
}

.x-form-radio{
    background-image: url('../img/keypm/radio.gif');
}

.x-grid-row-checker{
    background-image: url('../img/keypm/checkbox.gif');
    background: url('../img/keypm/checkbox.gif') no-repeat;
}

.x-form-checkbox{
    background-image: url('../img/keypm/checkbox.gif');
    background: url('../img/keypm/checkbox.gif') no-repeat;
}

img.x-grid-checkcolumn {
    background: url(../img/keypm/checkbox.gif) no-repeat;
}
img.x-grid-checkcolumn.x-grid-checkcolumn-checked {
    background-position: 0 -13px;
}
.x-form-text:not(.x-form-invalid-field), textarea.x-form-field:not(.x-form-invalid-field){
    background: transparent;
}

.loginform .x-form-text, .registrationform .x-form-text, .loginform .x-form-trigger {
    height: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

/* tlo comboboxow */
/* .x-form-trigger-input-cell .x-form-text{ */
/*  background: #ebebeb; /\* Old browsers *\/ */
/*  background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 14%, #e2e2e2 100%); /\* FF3.6+ *\/ */
/*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(14%,#ffffff), color-stop(100%,#e2e2e2)); /\* Chrome,Safari4+ *\/ */
/*  background: -webkit-linear-gradient(top, #ebebeb 0%,#ffffff 14%,#e2e2e2 100%); /\* Chrome10+,Safari5.1+ *\/ */
/*  background: -o-linear-gradient(top, #ebebeb 0%,#ffffff 14%,#e2e2e2 100%); /\* Opera 11.10+ *\/ */
/*  background: -ms-linear-gradient(top, #ebebeb 0%,#ffffff 14%,#e2e2e2 100%); /\* IE10+ *\/ */
/*  background: linear-gradient(to bottom, #ebebeb 0%,#ffffff 14%,#e2e2e2 100%); /\* W3C *\/ */
/*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#e2e2e2',GradientType=0 ); /\* IE6-9 *\/ */
/* } */
.x-form-trigger:not(.x-form-spinner-up):not(.x-form-spinner-down):not(.x-form-date-trigger):not(.x-field-wstriggerfield .x-form-trigger){
    width: 23px;
    border-bottom-width: 0px;
    background-image: url('../img/keypm/trigger.gif');
}

.x-form-trigger-over:not(.x-form-spinner-up):not(.x-form-spinner-down){
    background-position: 0px 0px;
}

.x-form-trigger-wrap-focus .x-form-trigger:not(.x-form-spinner-up):not(.x-form-spinner-down):not(.box-select .x-form-arrow-trigger){
    background-position: -44px 0px;
}

.x-field-wsdatefield .x-form-trigger-wrap-focus .x-form-trigger{
    background-position: -48px 0px !important;
}

.x-form-date-trigger{
    width: 23px;
    border-bottom-width: 0px;
    background-image: url('../img/keypm/date-trigger.gif');
}

.keypm-form-field-combobox-tree {
    width: 0px !important;
    height: 0px !important;    
}

 /* HEADER TEXT CLASS */
 .header-text{
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin: 5px 0px;
 }
 /* SET BORDER ON PANELS */
 .x-window-body-default, .x-panel-body-default{
    border-width: 0px;
 }

 /* RESET PANEL HEADER PADDING */
 .x-panel-header{
    padding: 0;
}

 /*BODY */
.x-border-layout-ct {
    background: #fff;
}

/*.x-grid-header-ct-default{
    border: none;
}*/

/* X TOOLBAR */

/*w schedulerze dodawal niepotrzebny shadow */
.x-toolbar-item{
    box-shadow: none;
}

/* header nad buttonami w schedulerze */
.x-toolbar-item .x-btn-group-header-body{
    border-radius: 0px 0px;
}

.sch-ganttpanel-container-body .x-splitter-vertical{
    width: 1px !important;
}


 /*X TOOL ARROWS  */
.x-tool .x-tool-collapse-left{
    background-image: url('../img/keypm/main_header_left_arrow.png');
    background-position: 0px 0px;
    height: 15px;
    width: 15px;
}

.x-tool .x-tool-expand-right{
    background-image: url('../img/keypm/main_header_right_arrow.png');
    background-position: 0px 0px;
    height: 15px;
    width: 15px;
}

.x-tool .x-tool-collapse-top{
    background-image: url('../img/communication/min.png');
    background-position: 0px 0px;
    opacity: 0.6;
    height: 2px;
    width: 8px;
}
.x-tool.x-tool-over .x-tool-collapse-top{
    opacity: 1;
}


.x-tool .x-tool-expand-bottom{
    background-image: url('../img/communication/min.png');
    background-position: 0px 0px;
    opacity: 0.6;
    height: 2px;
    width: 8px;
}

.x-tool.x-tool-over .x-tool-expand-bottom{
    opacity: 1;
}

.x-tool .x-tool-collapse-right{
    background-image: url('../img/keypm/main_header_right_arrow.png');
    background-position: 0px 0px;
    height: 15px;
    width: 15px;
}

.x-tool .x-tool-expand-left{
    background-image: url('../img/keypm/main_header_left_arrow.png');
    background-position: 0px 0px;
    height: 15px;
    width: 15px;
}

/* X-TOOL CLOSE BUTTON */
.x-tool .x-tool-close{
    background-image: url('../img/keypm/close.png');
    background-position: 0px 0px;
    height: 15px;
    width: 15px;
}

.x-tool-over .x-tool-close{
    background-image: url('../img/keypm/close_hover.png');
    background-position: 0px 0px;
    height: 15px;
    width: 15px;
}

/*HEADER/TEXT CONTAINER*/
.x-panel-header-text-container{
    padding-left: 5px;
}

/* ITEM - ODD */
/*.x-menu-item-odd{
    background-color: #f3f3f3;
    border-color: #f3f3f3;
}
/* wyłączenie zebry na lewym menu */
.x-panel-sidebarmenu .x-menu-item-odd:not(.x-menu-item-active), .x-panel-sidebarmenu .x-grid-row-alt .x-grid-td {
    background-color: #fff;
    border-color: #fff;
}
.x-panel-sidebarmenu .x-grid-row-over .x-grid-td{
    background-color: #efefef
}

/* GRID */

.x-panel .x-grid-body {
border: 1px solid #c6c6c6 ;
}

.x-grid-with-row-lines .x-grid-td {
/*border-top: 1px solid transparent;*/
    vertical-align: middle;
}
.x-grid-with-row-lines .x-grid-td.align_top {
    vertical-align: top;
}

.x-grid-row-over .x-grid-cell .x-grid-row-over .x-grid-rowwrap-div{
    vertical-align: middle;
    background-image: none;
    border-radius: 0px;
    margin: 1px 1px 0px 1px;
    cursor: pointer;
    moz-border-radius: 0px;
    ms-border-radius: 0px;
    o-border-radius: 0px;
    webkit-border-radius: 0px;
}

.smsstyle .x-grid-cell{
    vertical-align: middle;
}



.x-grid-row-over .x-grid-cell:not(.x-panel-body-anylistgrid .x-grid-row-over .x-grid-cell){
    background-color: #eee !important;
}

.fileGrid .x-grid-row-over .x-grid-cell{
    /*border-top: 1px solid #C3C3C3 !important;*/
    border-bottom: 1px solid #ededed !important;
}

.x-grid-row-selected .x-grid-cell, .x-grid-row-selected .x-grid-rowwrap-div{
    /*gradient*/
    /* fallback */
    vertical-align:middle;

    background-color: #dddddd;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddddd), to(#dddddd));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #dddddd, #dddddd);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #dddddd, #dddddd);

    /* IE 10 */
    background: -ms-linear-gradient(top, #dddddd, #dddddd);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #dddddd, #dddddd);

    /*border-color: #999;*/
    box-shadow: none;

    border-bottom:1px;
    border-color: #ededed;
    border-bottom-style:solid;

    /* Safari 4-5, Chrome 1-9 */
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8c8c8), to(#bebebe));*/

    /* Safari 5.1, Chrome 10+ */
    /*background: -webkit-linear-gradient(top, #c8c8c8, #bebebe);*/

    /* Firefox 3.6+ */
    /*background: -moz-linear-gradient(top, #c8c8c8, #bebebe);*/

    /* IE 10 */
    /*background: -ms-linear-gradient(top, #c8c8c8, #bebebe);*/

    /* Opera 11.10+ */
    /*background: -o-linear-gradient(top, #c8c8c8, #bebebe);*/

    /*border-color: #999;*/
    /*box-shadow: none;*/
}

.checkboxGridWhite .x-grid-row-selected .x-grid-cell, .x-grid-row-selected .x-grid-rowwrap-div{
    /*gradient*/
    /* fallback */
    vertical-align:middle;

    background-color: #ffffff;

    /* Safari 4-5, Chrome 1-9 */
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddddd), to(#dddddd));*/

    /* Safari 5.1, Chrome 10+ */
    /*background: -webkit-linear-gradient(top, #dddddd, #dddddd);*/

    /* Firefox 3.6+ */
    /*background: -moz-linear-gradient(top, #dddddd, #dddddd);*/

    /* IE 10 */
    /*background: -ms-linear-gradient(top, #dddddd, #dddddd);*/

    /* Opera 11.10+ */
    /*background: -o-linear-gradient(top, #dddddd, #dddddd);*/

    /*border-color: #999;*/
    box-shadow: none;

    border-bottom:1px;
    border-color: #ededed;
    border-bottom-style:solid;

    /* Safari 4-5, Chrome 1-9 */
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8c8c8), to(#bebebe));*/

    /* Safari 5.1, Chrome 10+ */
    /*background: -webkit-linear-gradient(top, #c8c8c8, #bebebe);*/

    /* Firefox 3.6+ */
    /*background: -moz-linear-gradient(top, #c8c8c8, #bebebe);*/

    /* IE 10 */
    /*background: -ms-linear-gradient(top, #c8c8c8, #bebebe);*/

    /* Opera 11.10+ */
    /*background: -o-linear-gradient(top, #c8c8c8, #bebebe);*/

    /*border-color: #999;*/
    /*box-shadow: none;*/
}

/* CRUMBBAR */
.breadcrumbs{
    padding-top: 6px;
    /*padding-left: 5px;*/
    padding-bottom:5px;
}
.breadcrumbs .x-box-inner{
    margin-left:5px;
    /*height: 30px!important;*/
}
.breadcrumbs .itemcrumb{
    font-size: 12px;
    white-space: nowrap;
}

.breadcrumbs .itemcrumb_comp{
    padding-top: 2px!important;
}

.breadcrumbs .lastcrumb{
    font-weight: bold;
    color: #38b6ff;
}

.breadcrumbs .separatorcrumb{
    margin: 0px 4px;
    font-size: 14px;
}

.breadcrumbs .crumblogintext{
    font-weight: bold;
    color: #b2b2b2;
}

.breadcrumbs .crumbuser{
    font-weight: bold;
    color: #292929;
    padding-left: 5px;
}

#bread-crumb-logged-user{
    white-space: nowrap;
    font-family: tahoma,arial,verdana,sans-serif;
    font-weight: bold;
}

#bread-crumb-logged-user .bread-crumb-logged-user-prefix{
    color: rgb(190,190,190);
    margin-right: 5px;
}

#bread-crumb-logged-user .bread-crumb-logged-user-name{
    color: #000;
}

/****************************************
============== PANELS ===================
*****************************************/
/* PRAWY PANEL Struktury */
.structure_rightmenu_docktop_text {
    background-color: #f0f0f0;
    padding: 0px 5px;
}

.structure_rightmenu_docktop_text span {
    display: block;
    padding: 10px 5px;
    border-bottom: 1px solid #c3c3c3;
}

.x-panel-body-structure_rightmenu {
    padding-top: 0px;
}

/* END PRAWY PANEL STRUKTURY */

/* PRAWY PANEL NP. KOMUNIKACJI */
.x-panel-header-default {
    font-size: 11px;
    border-color: #b5b8c8;
    border-width: 1px;
    border-style: solid;
    background-image: none;
    background-color: #989898;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* PANELS/HEADER SIZE */
.x-panel-header-sidebarmenu.x-horizontal, .x-panel-header-sidebarmenu.x-horizontal .x-box-inner div,
.x-panel-header-structure_rightmenu.x-horizontal, .x-panel-header-structure_rightmenu.x-horizontal .x-box-inner div {
    height: 28px;
    /*padding-bottom: 5px;*/
}

/* PANELS/HEADER TEXT */
.x-panel-header-sidebarmenu-top .x-panel-header-text,
.x-panel-header-structure_rightmenu-top .x-panel-header-text,
.x-panel-body-content .x-panel-header .x-panel-header-text{
    display: block;
    /* align vertical */
    margin: 7px 0px;
}

/* PANELS/BODY/ITEM HEADER - FILTER BOX INPUT*/
.x-panel-body-sidebarmenu .x-panel-header .x-panel-header-body .x-box-inner .x-component-header-filter-box input,
.x-panel-body-structure_rightmenu .x-panel-header .x-panel-header-body .x-box-inner .x-component-header-filter-box input
 {
    border: 1px solid #999;
    color: #333;
    background-color: #eee;
        font-size: 11px;
}
/* PANELS/BODY/ITEM HEADER - FILTER BOX INPUT HOVER*/
.header-filter-box input:hover{
    background-color: #eee;
}
/* PANELS/BODY/ITEM HEADER - FILTER BOX INPUT FOCUS*/
.header-filter-box input:focus{
    background-color: #eee;
}

/******************************************
============ LEFT PANEL ===================
*******************************************/
/* LEFT PANEL MAIN BOX */
.x-panel-sidebarmenu{
    box-shadow: 1px 1px 2px #888;
    border-bottom: 1px solid #999;
}

/* LEFT PANEL SEARCH ICON */
.x-btn .grey-search-icon{
    background-image: url('../img/keypm/glass.png');
    /*background-color: red;*/
    height: 15px;
    width: 16px;
}
/* LEFT PANEL/MAIN HEADER */
.x-panel-header-sidebarmenu-top{
    padding: 0px 0px 0px 0px;
}

.x-toolbar-default{
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top,  #efefef 0%, #e6e6e6 100%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#e6e6e6), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #efefef 0%,#e6e6e6 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #efefef 0%,#e6e6e6 100%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #efefef 0%,#e6e6e6 100%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #efefef 0%,#e6e6e6 100%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

.x-column-header {
    border-right: 1px solid #c5c5c5;
    color: black;
    font: normal 11px/13px tahoma, arial, verdana, sans-serif;
    background-image: none;
    background-color: #c5c5c5;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #e3e4e6);
    background-image: -moz-linear-gradient(top, #f9f9f9, #e3e4e6);
    background-image: -ms-linear-gradient(top,  #f9f9f9 0%,#e3e4e6 100%,#7db9e8 100%); /* IE10+ */
    background-image: -o-linear-gradient(top, #f9f9f9, #e3e4e6);
    background-image: linear-gradient(top, #f9f9f9, #e3e4e6)
}

/* LEFT PANEL/MAIN HEADER/BODY */
.x-panel-header-body-sidebarmenu-top, .x-panel-header-structure_rightmenu-top, .x-panel-body-content .x-panel-header{
    /*gradient*/
    /* fallback */
    background-color: #c1c1c1;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8c8c8), to(#bebebe));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #c8c8c8, #bebebe);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #c8c8c8, #bebebe);

    /* IE 10 */
    background: -ms-linear-gradient(top, #c8c8c8, #bebebe) !important;

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #c8c8c8, #bebebe);

    border: none;
    box-shadow: none;
}

/* LEFT PANEL/BODY */
.x-panel-body-sidebarmenu{
    background-color: #f0f0f0;
    padding: 5px;
}

/* LEFT PANEL/BODY/ITEM */
.x-panel-body-sidebarmenu .x-panel{
    /*margin-bottom: 8px;*/
}

/* LEFT PANEL - ITEM SEPERATOR WHEN COLLAPSED*/
.x-panel-leftpanelmenu-collapsed{
    border-bottom: 1px solid #c3c3c3;
}

/* LEFT PANEL/BODY/ITEM HEADER/TEXT */
.x-panel-header-leftpanelmenu .x-panel-header-text-container{
    padding-left: 15px;
    padding-top: 6px;
}

 /* LEFT PANEL/BODY/ITEM HEADER - PLUS-MINUS */
.x-panel-header-body-leftpanelmenu .x-tool{
    left: 0px !important;
}

/* LEFT PANEL/BODY/ITEM HEADER - COLLAPSED AND ALL CHILDREN */
.x-panel-body-sidebarmenu .x-panel-collapsed, .x-panel-body-sidebarmenu .x-panel-collapsed *{
    /* important poniewaz w temacie bazowym jest important :-( */
    /* update.. stosujac "fixa" dla filterboxa nie potrzebuje juz tego :0 */
    /*background-color: #f0f0f0!important;*/
}
/* LEFT PANEL/BODY/ITEM HEADER */
.x-panel-body-sidebarmenu .x-panel-header,.x-panel-body-sidebarmenu .x-panel-header .x-panel-header-text{
    cursor: pointer;
}
/* LEFT PANEL/BODY ITEM/HEADER */
.x-panel-body-sidebarmenu .x-panel-header .x-panel-header-text-container{
    padding-top: 8px;
}

.x-panel-body-sidebarmenu .x-panel-header .x-panel-header-body{
    /*height: 40px;*/
}
/* LEFT PANEL/BODY ITEM/HEADER - OPEN AND ALL CHILDREN */
.x-panel-body-sidebarmenu .x-panel-header{
    /* important poniewaz w temacie bazowym jest important :-( */
    background-color: #f0f0f0!important;
}
/* LEFT PANEL/BODY/ITEM HEADER - AFTER EXPANDED ITEM*/
.x-accordion-hd-sibling-expanded{
    box-shadow: none;
}

/* LEFT PANEL/BODY/ITEM HEADER - RIGHTARROW */
.x-panel-body-sidebarmenu .x-panel-header .x-tool-expand-bottom{
    background-image: url('../img/keypm/rightarrow.png');
    background-position: 0px 0px;
    height: 10px;
    width: 15px;
    margin-top: 4px;
}
/* LEFT PANEL/BODY/ITEM HEADER - DOWNARROW */
.x-panel-body-sidebarmenu .x-panel-header .x-tool-collapse-top{
    background-image: url('../img/keypm/downarrow.png');
    background-position: 0px 0px;
    height: 15px;
    width: 15px;
}

/* LEFT PANEL/BODY/ITEM HEADER - TASKS LOAD */
.tasks-load-children a{
    padding-left: 45px;
}

/* LEFT PANEL/BODY - GENERAL BUTTON CSS*/
.x-panel-body-sidebarmenu .x-btn-default-small
{
    background-color: transparent;
    background-image: none;
    border-radius: 0px;
    border-style: none;
    border-width: 0px;
    moz-border-radius: 0px;
    ms-border-radius: 0px;
    o-border-radius: 0px;
    padding: 0px 0px;
    webkit-border-radius: 0px;
}

/* LEFT PANEL/BODY/ITEM BODY */
.x-panel-body.x-menu-body{
    background-color: #fff!important;
    margin-top: 0px;
    padding-top: 0px;
        padding-bottom: 0px;
    border: 1px solid #c3c3c3;
}

.x-box-inner.x-vertical-box-overflow-body{
    /* border: 1px solid #c3c3c3; */
    /*border-width-top: 0px;*/
}

.x-panel-body-leftpanelmenu{
/*  padding: 0px 0px 2px 0px; //z padingiem 0 nie rozwijaja sie dokumenty, z tym zawsze pokazuja sie scrollbary*/
}

.x-menu-icon-separator{
    display: none;
}
/* LEFT PANEL/BODY/ITEM */
.x-menu-item-link{
    margin: 0px 0px;
    white-space: nowrap;
}
/* LEFT PANEL/BODY/ITEM - HOVER */
.x-menu-item-active{
    background-color: #eee;
    background-image: none;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    margin: 0px 0px;
}

.x-menu-item-active{
    background-color: #eee;
    background-image: none;
}

/* LEFT PANEL/BODY/ITEM - SELECTED */
.x-menu-item-selected, .x-panel-body-sidebarmenu .x-grid-row-selected .x-grid-cell-treecolumn{
    /*gradient*/
    /* fallback */
    background-color: #c1c1c1;

    background-image: url('../img/keypm/menu_background_selected.png');
    background-position-y: -1px;
    border: none;
    box-shadow: none;
}

.x-panel-body-leftpanelmenu .x-box-item{
    /*height: 25px !important;*/
}

/* LEFT PANEL TEAM MENU PROJEKT GROUP */
.teammenugroup{
    color: #888;
    font-size: 11px;
    margin-left: 10px;
    padding: 6px 0px;
}

.teammenugroupProject{
    border-bottom: 1px solid #c3c3c3 !important;
}

.status_closed .x-menu-item-text {
    color: #999;
}

/****************************************
============= TOP BAR ===================
****************************************/
/* TOP BAR LOGO */
.keypm-topbanner-logo img{
    margin: 9px 0px 0px 31px;
    height: 43px;
    width: 103px;
}

.keypm-topbanner-logo{
    left: 0px !important;
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%)
}
.keypm-topbanner-logo-transparent{
    left: 0px !important;
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 0%)
}

/* TOP BAR/MAIN CONTAINER */
.x-container-topbanner{
    border-bottom: 1px solid #ccc;
    background-color: #f9f9f9;
    background-image: url('../img/keypm/top_header_background.png');
}
/* TOP BAR RIGHT ICON CONTAINER */
.x-container-topbanner .x-panel-body{
    background-color: transparent;
}
/* TOP BAR BUTTONS */
.x-container-topbanner .x-btn-default-small{
    background-color: #e5e5e5;
    background-image: url('../img/keypm/btnbg.png');
    height: 28px!important;
    width: 29px!important;
    padding: 3px 3px;
    border-radius: 0px;
    border-style: none;
    border-width: 0px;
    moz-border-radius: 0px;
    ms-border-radius: 0px;
    o-border-radius: 0px;
    padding: 0px 0px;
    webkit-border-radius: 0px;
    margin-right: 5px;
}

/* TOP BAR BUTTONS PRESSED*/
.x-container-topbanner .x-btn-default-small.x-btn-pressed{
    box-shadow: none;
    border: none;
    background-image: url('../img/keypm/btnbg-pressed.png');
}

/* TOP BAR BUTTON TEXT */
.x-container-topbanner .x-btn-default-small-icon-text-left .x-btn-inner{
    position: fixed;
    font-weight: bold;
    margin: -15px 0px 0px 8px;
    background-color: #eee;
    border: 1px solid #999;
    border-radius: 5px;
    padding: 0px 4px;
    z-index: 999;
    text-align: center;
}

.x-container-topbanner .x-btn-wrap{
    margin: 6px 0px 0px 6px;
}

#toprightmenu > *{
    margin-left: 5px;
}

#topmidmenu .x-box-item{
    margin-right: 5px;
}

/* TOP BAR FIRST X-PANEL CONTAINER */
.x-container-topbanner .x-box-inner > div > .x-panel{
    margin-top: 8px !important;
    padding-right: 8px !important;
}

/* TOP BAR POSITION FIX */
#topmidmenu, #toprightmenu, #topversionnumber{
    padding-top: 15px;
}

#toprightmenu{
    margin-right: 8px;
}

#topmidmenu{
    margin-left: 15px;
}

/* CONTENT PANEL */
.x-panel-content{
    padding-left: 10px;
}

.x-panel-header-structure_rightmenu.x-panel-header-collapsed {
    border: none;
}

.x-panel-header-body-structure_rightmenu {
    padding-left: 10px;
}

.x-panel-header-structure_rightmenu-collapsed{
/*gradient*/
/* fallback */
background-color: #ffffff;

/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff));

/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, #ffffff, #ffffff);

/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #ffffff, #ffffff);

/* IE 10 */
background: -ms-linear-gradient(top, #ffffff, #ffffff);

/* Opera 11.10+ */
background: -o-linear-gradient(top, #ffffff, #ffffff);

border: 0px;
box-shadow: none;
}

/* INDEX PANEL */

.x-panel-body-content .x-panel-header-text{
    color: #333;
    text-shadow: none;
}

.x-panel-body-content .x-grid-header-ct, .x-panel-body-content .x-panel-header{
    border-right: 1px solid #aaa;
}

/*********************************
======STRUCTURE RIGHT MENU========
*********************************/

/* STRUCTURE/RIGHT PANEL/BODY - GENERAL BUTTON CSS*/
.x-panel-body-structure_rightmenu .x-btn-default-small
{
    background-color: transparent;
    background-image: none;
    border-radius: 0px;
    border-style: none;
    border-width: 0px;
    moz-border-radius: 0px;
    ms-border-radius: 0px;
    o-border-radius: 0px;
    padding: 0px 0px;
    webkit-border-radius: 0px;
}

.x-panel-body-structure_rightmenu .x-btn-default-small.x-pressed
{
    border-color: #9d9d9d;
    background-image: none;
    background-color: #d6d6d6;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#c7c7c7),color-stop(100%,#e0e0e0));
    background-image: -webkit-linear-gradient(top,#c7c7c7,#e0e0e0);
    background-image: -moz-linear-gradient(top,#c7c7c7,#e0e0e0);
    background-image: -o-linear-gradient(top,#c7c7c7,#e0e0e0);
    background-image: linear-gradient(top,#c7c7c7,#e0e0e0);
}

/* STRUCTURE/RIGHT PANEL/BODY/ITEM HEADER - RIGHTARROW */
.x-panel-body-structure_rightmenu .x-panel-header .x-tool-expand-bottom{
    background-image: url('../img/keypm/rightarrow.png');
    background-position: 0px 0px;
    height: 10px;
    width: 15px;
    margin-top: 4px;
}
/* STRUCTURE/RIGHT PANEL/BODY/ITEM HEADER - DOWNARROW */
.x-panel-body-structure_rightmenu .x-panel-header .x-tool-collapse-top{
    background-image: url('../img/keypm/downarrow.png');
    background-position: 0px 0px;
    height: 15px;
    width: 15px;
}

/* STRUCTURE/RIGHT PANEL/ITEM HEADER - RIGHTARROW CONTAINER*/
.x-panel-header-body-structure_rightmenu-horizontal .x-tool{
    left: 0px !important;
}

.x-panel-body-structure_rightmenu .btn-ico-play-12{
    margin-top: 4px;
    margin-left: 3px;
}

/*******************************
======== POPUP WINDOW ==========
*******************************/

/* POPUP WINDOW/HEADER*/
.x-window-header, .x-window-loginwindow .x-panel-header{
    /*gradient*/
    /* fallback */
    background-color: #c1c1c1;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8c8c8), to(#bebebe));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #c8c8c8, #bebebe);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #c8c8c8, #bebebe);

    /* IE 10 */
    background: -ms-linear-gradient(top, #c8c8c8, #bebebe);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #c8c8c8, #bebebe);

    border: none;
    border-radius: 0px 0px;
    box-shadow: none;
    padding-bottom: 5px;
}

.x-window-default{
    box-shadow: none;
    border: 0px solid #333;
    border-radius: 0px 0px;
    background-color: #f9f9f9;
}

.x-message-box .x-window-body,.x-window-body-default{
    background-color: #f9f9f9;
}

.x-window-header-default .x-tool-img{
    background-color: transparent;
}

/************************************
======== STARTUP POPUP WINDOW =======
*************************************/
.startuppanel .x-panel-body > .x-panel{
    margin: 0px 0px 40px 0px;
}

.startuppanel .x-btn{
    margin: 10px auto;
    display: block;
    width: 150px;
}

/************************************
=========== LOGIN WINDOW ============
************************************/
.x-window-loginwindow .x-panel-header{
    padding: 5px 0px;
}

.x-window-loginwindow .x-panel-header-text{
    color: #333;
    text-shadow: #eee 0px 2px 2px;
}
.x-window-loginwindow .x-window-body{
    border: none;
}

.x-window-loginwindow .x-window-item{
    border-radius: 0px 0px;
}
.x-css-shadow{
    border-radius: 0px 0px;
}

/***********************************
============ GANT PANEL ============
***********************************/
/* RESOURCES TAB */
.ganttform .x-panel-body-anylistgrid .x-grid-row-focused .x-grid-td,
.ganttform .x-panel-body-anylistgrid .x-grid-row-before-focused .x-grid-td{
  border-color: transparent;
}

.resource_tab_data span{
  display: inline-block;
  margin-right: 10px;
}

.resource_tab_data_desc{
  margin-top: 5px;
}

.resource_tab_data_row{
  margin-top: 10px;
}

.resource_tab_data_disabled{
  color: #999;
}

/* SPLITTER */

.sch-ganttpanel .x-splitter-vertical{
    background-color: #999;
    border-color: #c6c6c6;
}

.sch-ganttpanel-container-body{
    background-color: #fff !important;
}

.sch-ganttpanel-container-body .x-panel:nth-child(3) {
    margin: 0px 0px 0px -2px !important;
}

/* hover */
.sch-ganttpanel-container-body .x-grid-row-over .x-grid-cell{
    border-bottom: 1px solid gray !important;
    border-top: 1px solid gray !important;
}
.sch-ganttpanel-container-body .x-grid-row:not(.x-grid-row-over) .x-grid-cell{
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed ;
}

/*
.sch-ganttpanel-container-body .x-grid-row:hover .x-grid-cell{
    border-bottom: 1px solid gray !important;
    border-top: 1px solid gray !important;
}
.sch-ganttpanel-container-body .x-grid-row .x-grid-cell{
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed ;
}

.sch-ganttpanel-container-body .x-grid-row-over .x-grid-cell{
    background-color: #fff !important;
}*/
.sch-timelineview .x-grid-row.x-grid-row-over td.sch-timetd{
    border-top-color: #333;
}
/* NARZEDZIA WIDOKU ETC */
.sch-ganttpanel .x-btn-group-header-body{
    /*gradient*/
    /* fallback */
    background-color: #c1c1c1;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8c8c8), to(#bebebe));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #c8c8c8, #bebebe);

    /* Firefox 3.+ */
    background: -moz-linear-gradient(top, #c8c8c8, #bebebe);

    /* IE 10 */
    background: -ms-linear-gradient(top, #c8c8c8, #bebebe);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #c8c8c8, #bebebe);

    border: none;
    box-shadow: none;
}
/* J/W */
.sch-ganttpanel .x-btn-group-header-text{
    color: #333;
}

.sch-ganttpanel .x-btn-default-toolbar-small-over{
    background-color: #c1c1c1;
    border: none;
    background-image: none;
    /*border-radius: 0px;*/
    margin: 1px 1px 0px 1px;
    cursor: pointer;
}

.sch-ganttpanel .x-btn-default-toolbar-small-pressed{
    background-color: #c1c1c1;
    border: none;
    background-image: none;
    /*border-radius: 0px;*/
    margin: 1px 1px 0px 1px;
    cursor: pointer;
}

.sch-ganttpanel .x-btn-group-default-framed{
    border: none;
    box-shadow: none;
}

/*TAB BAR*/
.x-tabpanel-child{
    border-radius: 0px 0px;
    border-top-width: 0px;
}
a.x-tab{
    margin-left: 0px;
}

.x-tab-bar {
    background: #ffffff;
    border: none;
    /*background-image: -webkit-linear-gradient(top, #f8f8f8,#ececec);*/
}

.x-panel-default-framed.x-tabpanel-child {
    border-radius: 0px;
    padding: 4px 4px 4px 4px;
    border-width: 1px;
    border-style: solid;
    background-color: #f9f9f9;
    border-color: #b5b8c8;
    border-top: none;
}
.x-tab-bar-body-default-top {
    padding-bottom: 0px;
}
.x-tab-bar-strip{
    border-top: 1px solid #b5b8c8;
    height: 1px;
}
.x-tab-default-top{
    padding: 3px 3px 0 3px;
}
.x-tab-bar-body .x-box-item{
    border: 1px solid #000000;
    /*border-bottom: none;*/
    background-color: #eeeeee;
    padding: 2px 5px 3px 5px;
    border-radius: 3px 3px 0px 0px;
    margin-right: 2px
}
.x-tab-bar-body .x-box-item.x-active{
    background-image: none;
    background-color: #ffffff;
    padding-bottom: 4px;
}
.x-tab-bar-default-horizontal{
    height: 21px
}
.x-tab-default-top{
    box-shadow: none;
    border-color: #b5b8c8!important;
    border-bottom: none!important;
    background-image: none;
    background-color: #f1f1f1;
}
.x-tab-default{
    background-color: #f1f1f1;
}
.x-tab-default-top-active{
    border-color: #b5b8c8!important;
    border-bottom: none!important;
}
.x-tab-bar-body .x-tab-inner{
    color: #707070; /*zmiany z pdf*/
    font-weight: bold;
    font-size: 12px;
    text-shadow: none;
}

.x-tab-close-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    background: no-repeat;
    background-image: url('../img/keypm/tab-default-close.gif');
    opacity: 0.9;
}







/*x-tab-inny*/
.zmian .x-tab-bar {
    background: #f9f9f9;
    border: none;
    /*background-image: -webkit-linear-gradient(top, #f8f8f8,#ececec);*/
}

.zmian .x-tab-bar-body-default-top {
    padding-bottom: 0px;
}
.zmian .x-tab-bar-strip{
    border-top: 1px solid #b5b8c8;
    height: 1px;
}
.zmian .x-tab-default-top{
    padding: 3px 3px 0 3px;
}
.zmian .x-tab-bar-body .x-box-item{
    border: 1px solid #bbbbbb;
    border-bottom: none;
    background-color: #eeeeee;
    padding: 3px 5px 4px 5px;
    border-radius: 3px 3px 0px 0px;
    margin-right: 2px
}
.zmian .x-tab-bar-body .x-box-item.x-active{
    background-image: none;
    background-color: #f9f9f9;
    padding-bottom: 5px;
}


.zmian .x-tab-bar-default-horizontal{
    height: 21px
}
.zmian .x-tab-default-top{
    box-shadow: none;
    border-color: #b5b8c8!important;
    border-bottom: none!important;
    background-image: none;
    background-color: #f1f1f1;
}
.zmian .x-tab-default{
    background-color: #f1f1f1;
}
.zmian .x-tab-default-top-active{
    border-color: #b5b8c8!important;
    border-bottom: none!important;
}
.zmian .x-tab-bar-body .x-tab-inner{
    color: #707070; /*zmiany z pdf*/
    font-weight: bold;
    font-size: 12px;
    text-shadow: none;
}

.zmian .x-tab-close-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    background: no-repeat;
    background-image: url('../img/keypm/tab-default-close.gif');
    opacity: 0.9;
}

/************************************
=========== PORTLET (DASHBOARD) =====
************************************/

.x-portlet.x-panel-default-framed{
    border-radius: 0px;
    moz-border-radius: 0px;
    ms-border-radius: 0px;
    o-border-radius: 0px;
    webkit-border-radius: 0px;
}

.x-portlet .x-panel-header-draggable{
    padding-right: 2px;
}

/*******************************
~~~~~~~~~~GHOOOOST~~~~~~~~~~~~~~
>aka to co udaje element w trakcie drag'n'dropa
*******************************/

.x-panel-ghost .x-panel-header{
    /*gradient*/
    /* fallback */
    background-color: #c1c1c1;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8c8c8), to(#bebebe));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #c8c8c8, #bebebe);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #c8c8c8, #bebebe);

    /* IE 10 */
    background: -ms-linear-gradient(top, #c8c8c8, #bebebe);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #c8c8c8, #bebebe);

    border: none;
    box-shadow: none;
}

.x-panel-ghost{
    border-radius: 0px;
    moz-border-radius: 0px;
    ms-border-radius: 0px;
    o-border-radius: 0px;
    webkit-border-radius: 0px;
}

.x-panel-ghost .x-panel-header{
    padding: 3px 2px 3px 0px;
}

.x-panel-ghost .x-panel-header-text{
    color: #333;
}

/*********************************
======CZARODZIEJ (WIzZARD)=========
*********************************/

/****NAWIGACJA (GORNY PANEL)****/
/* ustawiamy wysokosc nie dziala z js z jakiegos powodu */
.wizzard-nav{
    height: 40px!important;
}
/* kasujemy wszystkie niepotrzebne backgroundy*/
.wizzard-nav .x-panel-body-default{
    background: none;
}
/* dajemy jeden background na glowny element*/
.wizzard-nav > .x-panel-body-default{
    /*gradient*/
    /* fallback */
    background-color: #c1c1c1;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8c8c8), to(#bebebe));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #c8c8c8, #bebebe);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #c8c8c8, #bebebe);

    /* IE 10 */
    background: -ms-linear-gradient(top, #c8c8c8, #bebebe);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #c8c8c8, #bebebe);

    border: none;
    box-shadow: none;
}
/* dajemy padding z lewej i prawej strony */
.wizzard-nav > .x-panel-body{
    padding: 0px 6px;
}

/* centrujemy poziomo wszystkie elementy*/
.wizzard-nav > .x-panel-body > .x-box-inner{
    margin-top: 7px;
}

/* odstep miedzy buttonami */
.wizzard-nav .x-btn{
    margin: 0px 2px;
}
/* NAWIGACJA TEXT */
/*default*/
.wizard-progress, .wizard-progress-separator, .wizard-progress-current{
    color: #222;
    font-size: 12px;
    font-family: arial, sans-serif;
    text-transform: capitalize;
    display: inline-block;
    padding: 5px 20px;
}

/*seperator*/
.wizard-progress-separator{
    color: #222;
}

/* current */
.wizard-progress-current{
    background-color: #aaa;
}

.wizardtop_step_container .wizard-progress-current:first-of-type{
    border-radius: 4px 0 0 4px;
}

.wizardtop_step_container .wizard-progress-current-last{
    border-radius: 0 4px 4px 0;
}
/*;;;;;;;;;;;; END NAWIGACJA ;;;;;;;;;;;*/

/***********WIZzARD BODY**************/

.wizardtop .x-panel-body{
    height: 100%;
}

.wizardtop p{
    margin: 0;
    height: 100%;
}

/* nazwa pytania */
.question-name{
    font-size: 13px;
    font-weight: bold;
    margin: 5px 0px;
}

/* opis pytania */
.question-desc{
    color: #444;
    font-size: 12px;
    margin: 3px 0px;
}

/* odpowiedzi (ogolnie) */
.questioncard-answer{

}

/*;;;;;;;; END WIZzARD BODy ;;;;;;;;*/

/*************STRUCTURE-TREE**************/

.structuretree .x-panel-body{
    margin-top: 16px;
 }

 .structurepanel .x-docked-top{
    border-bottom-width: 1px !important;
 }
.structuretree .x-panel-body,
.structuretree .x-grid-header-ct,
.structuretree .x-grid-row .structure-node-right div,
.structuretree .x-grid-row .structure-leaf-right div,
.structuretree .x-grid-row-before-focused .x-grid-td,
.structuretree .x-grid-body .x-grid-table-focused-first,
.structuretree .x-grid-row-focused .x-grid-td{
    border: 0px none;
 }

/* bez tego przesuwało do text w górę po fokusie/zaznaczeniu */
.structuretree .x-grid-row .x-grid-cell-inner{
    padding: 0px !important;
 }

/* wylaczamy hover w strukture tree *//*
.structuretree .x-grid-row-over .x-grid-cell, .structuretree .x-grid-row-over .x-grid-rowwrap-div{
    background-color: #fff !important;
    background-image: none;
}*/
/* wylaczamy selected w strukture tree */
/*.structuretree .x-grid-row-selected .x-grid-cell, .structuretree .x-grid-row-selected .x-grid-rowwrap-div{
    background-color: transparent !important;
    background-image: none;
}*/
/* nody - część wspolna */
/* strzalki */
.structuretree .structure-root .structure-arrow, .structuretree .structure-not-root .structure-arrow{
    width: 5px;
    height: 15px;
    margin-right: 8px;
    margin-top: 0px;
    float: left;
 }
/* nody rozwijalne */
.structuretree .structure-not-root.x-grid-cell-first .x-grid-cell-inner .structure-node-div, .structuretree .structure-root.x-grid-cell-first .x-grid-cell-inner .structure-node-div {
    padding: 10px !important;
    height: 34px;
    min-width: 222px;
}
.structuretree .structure-leaf .x-grid-cell-inner {
     min-width: 300px;
}

/* nazwy nodow rozwijalnych */
.structuretree .structure-root .structure-node-name, .structuretree .structure-not-root .structure-node-name{
    font-size: 12px;
    font-family: "Arial";
    font-weight: bold;
    text-transform: uppercase;
    float: left;
}

/* root node */
.structuretree .structure-root.x-grid-cell-first .x-grid-cell-inner .structure-node-div {
    background: transparent center left no-repeat url('../img/structure/root-nodes.png');
}
.structuretree .x-grid-row .structure-root .structure-arrow {
    background: transparent center center no-repeat url('../img/structure/root-down-arrow.png');
}
.structuretree .x-grid-row.x-grid-tree-node-expanded .structure-root .structure-arrow {
    background: transparent center center no-repeat url('../img/structure/root-up-arrow.png');
}
.structuretree .structure-root .structure-node-name{
    color: #fff;
}

/* sub nodes */
.structuretree .structure-not-root.x-grid-cell-first .x-grid-cell-inner .structure-node-div {
    background: transparent center left no-repeat url('../img/structure/sub-nodes.png');
}
.structuretree .x-grid-row .structure-not-root .structure-arrow {
    background: transparent center center no-repeat url('../img/structure/sub-down-arrow.png');
}
.structuretree .x-grid-row.x-grid-tree-node-expanded .structure-not-root .structure-arrow {
    background: transparent center center no-repeat url('../img/structure/sub-up-arrow.png');
}
.structuretree .structure-not-root .structure-node-name{
     color: rgb( 85, 85, 85 );
}

/* leaf nodes */
/* wspólne */
.structuretree .structure-leaf-div, .structuretree .structure-resource-div, .structuretree .structure-resource-right-div {
     height: 63px;
     width: 100%;
     background: transparent left center repeat-x url('../img/structure/person-node-center.png');
}

.structuretree .structure-leaf-name, .structuretree .structure-resource-name {
    font-size: 12px;
    font-family: "Arial";
    color: rgb( 85, 85, 85 );
    display: inline-block;
}

/* lewe */
.structuretree .structure-leaf-div{
     padding: 24px 31px;
}
.structuretree .structure-leaf-left-corners{
    height: 63px;
    width: 25px;
    float: left;
    background: #fff right center no-repeat url('../img/structure/person-node-left.png');
}
/* prawe */
.structuretree .structure-resource-div, .structuretree .structure-resource-right-div {
    float: left;
}

.structuretree .structure-resource-div {
    padding: 4px 5px 5px 5px;
}

.structuretree .structure-freelancer-div {
    width: 33px;
    float: left;
    height: 100%;
}

.structuretree .structure-freelancer-div.freelancer {
    background: center center no-repeat url('../img/structure/freelancer.png');
    background-size: 20px 20px;
}

.x-panel-sidebarmenu .freelancer, .x-panel-structure_rightmenu .freelancer{
    background-image: url('../img/structure/freelancer.png');
    background-size: 16px;
    background-position: right 10px top 50%;
    background-repeat: no-repeat;
}
/* fix poruszania sie aktywnych elementów" */
.x-panel-sidebarmenu .x-menu-item{
    padding: 0;
}

.structuretree .structure-leaf-right-corners{
    height: 63px;
    width: 25px;
    float: right;
    margin-left: -25px;
    background: #fff right center no-repeat url('../img/structure/person-node-right.png');
}
.structuretree .structure-resource-img{
    height: 54px;
    float: left;
    border-radius: 6px;
}
.structuretree .structure-resource-name {
    padding: 20px 33px;
    display: block;
    width: 190px;
    float: left;
}


/* fixy tła dla hover */
.structuretree .x-grid-row-over .structure-leaf-left-corners {
    background-image:  url('../img/structure/person-selected-node-left.png');
}
.structuretree .x-grid-row-over .structure-leaf-right-corners {
    background-image:  url('../img/structure/person-selected-node-right.png');
}
.structuretree .x-grid-row-over .structure-leaf-div,
.structuretree .x-grid-row-over .structure-resource-div,
.structuretree .x-grid-row-over .structure-resource-right-div {
    background-image:  url('../img/structure/person-selected-node-center.png');
}
/* fixy tła dla selected */
.structuretree .x-grid-row-selected .structure-leaf-left-corners {
    background-image:  url('../img/structure/person-selected-node-left.png');
}
.structuretree .x-grid-row-selected .structure-leaf-right-corners {
    background-image:  url('../img/structure/person-selected-node-right.png');
}
.structuretree .x-grid-row-selected .structure-leaf-div,
.structuretree .x-grid-row-selected .structure-resource-div,
.structuretree .x-grid-row-selected .structure-resource-right-div {
    background-image:  url('../img/structure/person-selected-node-center.png');
}
.structuretree .x-grid-row-selected .x-grid-td {
    background: none;
    overflow: visible;
}



/* blue */
.structuretree .structure-leaf-div.blue, .structuretree .structure-resource-div.blue, .structuretree .structure-resource-right-div.blue{
   background-image:  url('../img/structure/person-blue-node-center.png');
}
.structuretree .structure-leaf-div.blue .structure-leaf-name, .structuretree .structure-resource-div.blue .structure-resource-name{
   color: #fff;
}

.structuretree .blue.structure-leaf-left-corners{
    background-image:  url('../img/structure/person-blue-node-left.png');
}

.structuretree .blue.structure-leaf-right-corners{
    background-image:  url('../img/structure/person-blue-node-right.png');
}

.structuretree .blue .structure-freelancer-div.freelancer{
    background-image:  url('../img/structure/freelancer-blue.png');
}

/***********STRUCTURE-TREE-END************/

/* anylist panel */
.transparent .x-panel-body-default{
    background-color: transparent;
}

.x-panel-body-default-framed{
    background: #f9f9f9;
}

.wrap .x-form-display-field, .wrap .x-grid-cell-inner{
white-space: normal;
word-wrap: break-word;
}

#task-new-note-sideErrorCell{
    display:none;
}

.cleangrid .x-grid-body{
    border: none;
}

.filegrid .x-action-col-cell .x-grid-cell-inner img{
    margin: 0 5px;
}
.filegrid .x-action-col-cell .x-grid-cell-inner {
    text-align: center !important;
}

.topmenu-menu-button .x-btn-arrow-right .x-btn-inner {
    padding-right: 4px !important;
}

.email-form-label{
    font-size: 12px;
    font-weight: bold;
    color: #707070;
}

.inbox-new-email td{
    font-weight: bolder !important;
}

.clean-calendar .x-panel-header, .clean-calendar .x-container{
    display: none;
}

/******************************************/
/*            CHAT                        */
/******************************************/

 .onlineChat, .chatWindowOnline{
     background-color: green;
 }

 .offlineChat, .chatWindowOffline{
     background-color: red;
 }

 .offlineChat, .onlineChat{
     width: 8px;
     height: 8px;
     border-radius: 8px;
     float: right;
 }

 .chatWindowOffline, .chatWindowOnline{
     width: 8px;
     height: 8px;
     border-radius: 8px;
     float: left;
     margin: 4px 8px 0px 2px;
 }

 .chatPhoto{
     width: 30px;
     height: 30px;
     //padding-right: 5px;
     float: left;
 }

 .chatCreationDate{
     color: #AAA;
     font-size: 10px;
     padding-right: 5px;
     padding-bottom: 5px;
     float: right;
 }

 .chatSender{
     float: left;
     font-size: 10px;
 }

 .chatMessage{
     white-space: pre;
     padding-top: 1px;
 }

.chatSeparator{
    display: block;
    clear: both;
    padding: 4px 0px 0px 0px;
    height: 1px;
    border-bottom: 1px solid #ccc;
}

.chatGrid .x-grid-row .x-grid-cell{
    border-width: 0px 0px;
}

.chatTruncate {
    width: 110px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.chatGrid tbody tr:last-child .chatSeparator{
    display: none;
}

 .chatWindow{
    padding: 0px 0px;
 }

 .chatWindowTopic{
    color: white;
    font-weight: bold;
    line-height: 17px;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    text-shadow: 0 2px 2px #0D1A26
 }

 /* CHAT BELT */

 .beltBoxes .x-btn{
     /*gradient*/
     /* fallback */
     background-color: #c1c1c1;

     /* Safari 4-5, Chrome 1-9 */
     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8c8c8), to(#bebebe));

     /* Safari 5.1, Chrome 10+ */
     background: -webkit-linear-gradient(top, #c8c8c8, #bebebe);

     /* Firefox 3.6+ */
     background: -moz-linear-gradient(top, #c8c8c8, #bebebe);

     /* IE 10 */
     background: -ms-linear-gradient(top, #c8c8c8, #bebebe);

     /* Opera 11.10+ */
     background: -o-linear-gradient(top, #c8c8c8, #bebebe);

     border: none;
     border-radius: 0px 0px;
     box-shadow: none;
 }

 .beltBoxes .x-btn .x-btn-inner{
     color: white;
     text-shadow: 0 2px 2px #0D1A26;
     font-family: arial,helvetica,sans-serif;
     line-height: 17px;
     font-weight: bold;
     font-size: 11px;
     padding-top: 2px;
 }

 .beltAlert{
     padding-top: 0px;
     border-top: 2px solid indianred !important;
 }

 /********************/
 /*** CHAT HISTORY   */
 /*******************/
.notReadTopic div{
    font-weight: bold;
}

/* CALENDAR */

#startpage-calendar .sch-event.group .project-div{
    width: 13px;
    height: 13px;
    border: 1px solid #000;
    float:left;
    margin-right: 5px;
}
#startpage-calendar .sch-event .name-div{
    float:left;
}

#startpage-calendar .sch-event.group{
    padding: 4px;
}

#startpage-calendar tr.x-grid-tree-node-leaf, .sch-event.leaf{
    height: 19px !important;
}

#startpage-calendar .x-tree-view .x-grid-row .timesheet-calendar-icon.btn-ico-grey-clock-16{
    display: none;
}

#startpage-calendar .x-tree-view .x-grid-row.x-grid-tree-node-leaf:hover .timesheet-calendar-icon.btn-ico-grey-clock-16{
    display: block;
}


#startpage-calendar .x-tree-view .x-grid-cell-inner-action-col {
    text-align: center;
    padding: 7px 0px;
}

.calendar-sch-tip{
    max-width: 150px !important;
    height: auto !important;
}

#weekends-checkbox{
    display: none;
}

.hidden-icon{
    display: none;
}

/* email */
.email-message-preview .x-boxselect-item-close{
    display: none;
}
#email-goto-menu-button-btnEl{
    width:30px !important;
}

#button-emails-btnWrap{
    background-image: none;
}

#button-emails-btnEl{
    width: 29px;
}

#topmenu-menu-button-emails-btnWrap{
    background-image: none;
}

#topmenu-menu-button-emails-btnEl{
    width: 29px;
}

.topmenu-menu-button.x-btn-pressed .x-btn-icon-el{
    background-size: 16px 12px;
    background-position: 0px 2px;
}

#topmenu-menu-button-emails-grid-body{
    max-height: 200px !important;
}

.cell-vertical-middle{
    vertical-align: middle;
}
.table-vertical-top td{
    vertical-align: top;
}

table.x-field-wstextfield {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
}

.x-message-box .x-window-item{
    padding: 10px 0 !important;
}

.x-form-invalid .x-form-error-msg.x-form-invalid-icon {
    height: 18px;
}

.x-panel-body-sidebarmenu .x-mask{
    opacity: 0.6;
}

/* admin assigmnet*/
.assignment-grid-header.group{
    cursor: pointer;
}

.x-form-fieldcontainer.x-form-invalid{
    border: 1px dashed red;
}
.x-form-invalid .x-form-checkbox.x-form-invalid-field {
    border: 1px solid red;
}
.x-field-wstextfield .x-form-invalid-field {
    background-repeat: repeat-x;
    background-position: bottom;
    border-color: #c30;
    background: none;
    box-shadow: none;
    cursor: pointer;
}

.x-panel-assignment-grid img.icon-img{
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.assignment-grid-header.leaf .x-column-header-inner img.icon-img, .x-panel-body-assignment-grid .x-grid-tree-node-leaf img.icon-img{
    content: url("../img/icons/grey-glyphicons_190_circle_plus.png");
    opacity: 0;
}
.assignment-grid-header.group.contract .x-column-header-inner img.icon-img, .x-panel-body-assignment-grid .x-grid-row img.icon-img{
   content: url("../img/icons/grey-glyphicons_190_circle_plus.png");
}

.assignment-grid-header.group.expanded .x-column-header-inner img.icon-img, .x-panel-body-assignment-grid .x-grid-tree-node-expanded img.icon-img{
   content: url("../img/icons/grey-glyphicons_191_circle_minus.png");
}

.x-panel-assignment-grid img.icon-img-v2{
    margin: 0 0px 0 -5px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.assignment-grid-header.leaf .x-column-header-inner img.icon-img-v2, .x-panel-body-assignment-grid .x-grid-tree-node-leaf img.icon-img-v2{
    content: url("../img/keypm/rightarrowt.png");
    opacity: 0;
}
.assignment-grid-header.group.contract .x-column-header-inner img.icon-img-v2, .x-panel-body-assignment-grid .x-grid-row img.icon-img-v2{
   content: url("../img/keypm/rightarrowt.png");
}

.assignment-grid-header.group.expanded .x-column-header-inner img.icon-img-v2, .x-panel-body-assignment-grid .x-grid-tree-node-expanded img.icon-img-v2{
   content: url("../img/keypm/downarrowt.png");
}

.x-panel-body-assignment-grid{
    overflow: hidden !important;
}

.assignment-grid-header .x-column-header-text
{
    display:block;
    height:128px;
    width:128px;
    vertical-align:bottom;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* help */

.help-popup-window .x-grid-group-title{
    background-image: none !important;
}
.help-popup-window .x-grid-cell-inner{
    border: none;
}

.help-popup-window .x-grid-group-body .x-grid-cell-inner{
    padding: 2px 6px 4px 46px;
}

.help-popup-window .help-faq .x-grid-group-body .x-grid-cell-inner{
    padding: 2px 6px 4px 18px;
    cursor: default;
}

.help-popup-window .x-grid-group-body .x-grid-cell{
    background-color: #fff !important;
    border: none !important;
}

.help-popup-window .breadcrumbs .x-box-item:not(.lastcrumb) .itemcrumb{
    cursor: pointer;
}

.help-popup-window .lastcrumb{
    padding: 2px 0 0 0;
}

video {
    background-color: #000;
}

#ext-quicktips-tip {
z-index: 999999999 !important;
}

/* mask */
#loading-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;;
    z-index: 99999998;
}
#loading {
    position: absolute;
    top: 40%;
    left: 45%;
    z-index: 30056;
}
#loading SPAN {
    background: url('../img/large-loading.gif') no-repeat left center;
    padding: 12px 40px;
    min-width: 112px;
    display: inline;
    height: 16px;
}

 /********************/
 /*** STARTUP PANEL  */
 /*******************/

 .startuppanel{
     z-index: 30057 !important;
     padding: 0;
 }

.startuppanel-mask, #loading-mask{
    left: 0px !important;
    width: 100%;
    height: 100%;
    top: 0px !important;
    z-index: 30055;
    display: block !important;
    background: url('../img/startpanel_bg.png') no-repeat #000;
    background-size: cover;
    background-position-y: 64px;
    padding: 0px;
    border: none;
}


.startuppanel-mask div, #loading-mask div{
    top: 0px;
    border: none;
    padding: 0px;
    background: #fff url('../img/startpanel_banner.png') !important;
    height: 64px;
    background-repeat: no-repeat;
    visibility: visible;
    width: 100%;
    background-size: auto !important;
    cursor: default;
}

/*header*/
.startuppanel .x-window-header{
    background: #1a405d !important;
    padding: 22px 25px 10px 25px;
    height: 60px;
}

.startuppanel .x-window-header .x-window-header-text{
    font-family: HelveticaNeueLTPro, arial, helvetica,sans-serif;
    line-height: 22px;
}

.startuppanel .x-window-header .x-tool{
    background-image: url('../img/startpanel_close.png');
    width: 34px !important;
    height: 35px !important;
    margin: -10px 0 0 -3px !important;
}

.startuppanel .x-window-header .x-tool img {
    width: 35px;
    height: 35px;
    opacity: 0;
}

.startuppanel .x-window-header-text-container, .startuppanel .x-window-header-body, .startuppanel .x-window-header-body .x-box-inner{
    overflow: visible !important;
}
.startuppanel .x-window-header .x-window-header-text{
    font-size: 25px;
}

.x-message-box {
    z-index: 50000 !important;
}

/*body*/

.wizardtype .item .text-cell{
    width: 300px;
    float: left;
    padding: 8px 5px 0 25px;
}
.wizardtype .item{
    margin: 10px 5px;
    height: 70px;
    color: #222;
    cursor: pointer;
}
.wizardtype .item .image-cell{
    width: 70px;
    height: 70px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
}
.wizardtype .item .text-cell{
    width: 300px;
    float: left;
    padding: 8px 5px 0 25px;
}
.wizardtype .item .tools {
    background-image: url('../img/tools.png');
}
.wizardtype .item .wizard {
    background-image: url('../img/wizard.png');
}
.wizardtype .item .template {
    background-image: url('../img/template.png');
}
.wizardtype .item .term {
    background-image: url('../img/term.png');
}
.wizardtype .item .faq {
    background-image: url('../img/faq.png');
}
.wizardtype .item .screencast {
    background-image: url('../img/screencast2.png');
}

.wizardtype .item .text-cell .headerText{
    font-size: 22px;
    font-family: tahoma,arial,verdana,sans-serif;
}

.wizardtype .item .text-cell .description{
    font-size: 11px;
    font-family: tahoma,arial,verdana,sans-serif;
    color: #333;
    line-height: 1.8;
}
.startuppanel-item{
    padding: 0 20px;
}
.startuppanel-item.x-item-disabled .x-mask{
    opacity: 0.7;
}

.startuppanel-item.x-item-disabled span{
    color: #1b405d !important;
}

.startuppanel .x-window-body{
    padding: 20px 0 0 0;
}

.startuppanel .item{
    margin: 10px 5px;
    height: 70px;
    color: #1b405d;
    cursor: pointer;
}
.startuppanel .item .image-cell{
    width: 70px;
    height: 100%;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
}

.startuppanel .item .text-cell{
    width: 455px;
    float: left;
    padding: 8px 5px 0 25px;
}

.startuppanel .item .system-entry {
    background-image: url('../img/system_entry.png');
}

.startuppanel .item .new-project {
    background-image: url('../img/new_project.png');
}

.startuppanel .item .screencast {
    background-image: url('../img/screencast.png');
}

.startuppanel .item .explore {
    background-image: url('../img/explore.png');
}

.startuppanel .item .messages {
    background-image: url('../img/messages.png');
}


.startuppanel .item .text-cell .headerText{
    font-size: 22px;
    font-weight: bold;
    font-family: HelveticaNeueLTPro, arial, sans-serif;
}

.startuppanel .item .text-cell .description{
    font-size: 11px;
    font-family: "Arial", sans-serif;
    color: rgb( 0, 42, 73 );
    line-height: 1.8;
    text-shadow: rgb( 0, 42, 73 ) 0.05em 0.05em 0.05em;
  }
/* footer*/
.startuppanel .x-field{
    margin-top: 10px;
}

.startuppanel .x-form-cb-wrap{
    text-align: right;
    border-top: #ddd solid 1px;
    color: rgb( 178, 178, 178 );
    padding-top: 5px;
}
.startuppanel .x-form-cb-wrap .x-form-checkbox{
    margin-top: 2px;
    vertical-align: -3px!important;
    margin-right: 5px;
    cursor: pointer;
}

.startuppanel .x-form-cb-wrap .x-form-cb-label{
    margin-right: 20px;
    font-size: 11px;
}

/* movie */
.startup-move-window {
    z-index: 30099 !important;
    padding: 0px;
    box-shadow: 3px 3px 12px rgb(105, 105, 105), -3px -3px 12px rgb(105, 105, 105);
    background: #f2f2f2 url('../img/movie-bg.png') no-repeat;
}

.startup-move-window .x-window-header, .startup-move-window .x-window-body {
    background: none;
}

.startup-move-window .x-window-header {
    padding: 22px 20px 18px 55px;
}

.startup-move-window .x-window-header .x-header-text{
    text-shadow: 0.05em 0;
    color: #737373;
    font-size: 14px;
    font-family: arial;
    font-weight: normal;
}

.startup-move-window .x-window-header .x-tool .x-tool-close {
    width: 9px;
    height: 9px;
    background-image: url('../img/close.png');
}
.startup-move-window  .x-window-body {
    padding: 0px 55px 55px;
}



 /********************/
 /*** LOGIN PANEL  ***/
 /*******************/
 /* banner */
 .loginbanner {
     background-image: url('../img/login/bannertop.png');
     background-repeat: no-repeat;
     background-position-y: 2px;
     background-color: #f7f8f8;
     font-family: arial,verdana;
 }
 *.banner-lang .x-form-trigger:not(.x-form-spinner-up):not(.x-form-spinner-down):not(.x-form-date-trigger){
    background-image: url('../img/login/bannerlanarrow.png');
    background-position: center;
    background-repeat: no-repeat;
    margin-left: -4px;
    border: none;
}


.loginbanner .banner-lang-label {
    color: rgb( 155, 155, 155 );
    font-size: 13px;
}

.loginbanner .banner-lang .x-form-field {
  cursor: pointer;
  color: rgb( 155, 155, 155 );
  font-size: 13px;
  text-shadow: rgb( 115, 115, 115 ) 0.05em 0.0em 0em;
  margin: 1px 8px 0 2px !important;
}
 
.loginbanner .banner-lang .x-trigger-cell {
  background-color: transparent;
}

.loginbanner .banner-lang:hover {
  border-radius: 4px;
  background: #ddd;
}

.loginbanner .banner-lang .x-pickerfield-open {
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  border-radius: 4px;
}

.loginbanner .banner-lang input.x-form-text {
  border: none;
  -webkit-box-shadow: none;
  background-image: none;
  text-align: right;
}

.banner-lang-list {
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.15);
    width: 158px !important;
}

.banner-lang-list li {
    padding: 3px 20px;
    background-color: white;
    border-width: 0px !important;
}

.banner-lang-list li:hover {
    background-color: #e8e8e8;
    border-width: 0px !important;
}



  




/* body */

.loginbody {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 }

.loginstyle1 {
     background-image: url('../img/login/style1/bg.png')
 }
.loginstyle2 {
     background-image: url('../img/login/style2/bg.png')
 }
.loginstyle3 {
     background-image: url('../img/login/style3/bg.png')
 }

 .loginbody .loginpanel {
     left: 64%;
     top: 19%;
     z-index: 2;
     position: absolute;
 }

 .loginbody .registrationpanel{
     left: 40%;
     top: 10%;
 }
.loginbody .registrationform .error-text .x-form-display-field, .loginbody .loginform .error-text .x-form-display-field{
     color: #c30;
}

.loginbody .registrationform .success-text .x-form-display-field{
    color: rgb(12, 150, 0);
}

.loginbody .loginform .success-text .x-form-display-field{
    color: black;
}

.transparent-toolbar{
    background: transparent;
}

#person-data-window{
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

 .loginbody .loginpanel .x-form-text{
     box-shadow: inset 0 0 5px 1px #eee;
     padding: 1px 3px;
     border: #ccc 1px solid;
 }
 .loginbody .x-form-cb{
     margin-top: 5px !important;
 }

 .loginbody .loginpanel .x-form-focus{
    border-color: #6fb4ea;
    box-shadow: 0px 0px 2px 1px #6fb4ea;
}

.loginbody .x-panel-header-text-container, .loginbody .x-panel-header-body, .loginbody .x-panel-header-body .x-box-inner{
    overflow: visible;
}

.loginbody .x-panel-header{
    background-color: transparent;
    background-image: none;
    border-width: 0;
}
.loginbody .x-panel-header-body .x-panel-header-text-container{
    padding: 0;
}
.loginbody .loginpanel .x-form-text{
    padding-left: 10px
}


.loginbody .x-panel-header-body{
    border-bottom: 1px solid #c3c3c3;
    height: 27px;
}

.loginbody .x-panel-header-text{
    color: #000;
    text-shadow: none;
    padding-left: 0px;
}

.loginbody .x-panel-header {
    padding: 12px;
    box-shadow: none;
}


.loginbody .header-message-text tspan{
    font-size: 11px;
    font-family: arial, sans-serif;
    color: rgb( 85, 85, 85 );
    line-height: 3.333;
}

.loginbody .loginpanel .x-panel-header .description{
    margin-left: 20px;
}

.loginbody .x-panel-header-text{
  font-size: 15px;
  font-family: HelveticaNeueLTPro, arial, sans-serif;
  color: rgb( 0, 0, 0 );
  font-weight: bold;
  text-transform: uppercase;
  opacity: 0.8;
}

.loginbody .loginpanel .x-panel{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    background-color: #fbfbfb;
}
.loginbody .loginpanel .x-form-text {
  font-size: 11px;
  font-family: "Arial", sans-serif;
  color: rgb( 119, 119, 119 );
  text-align: left;
}

/* loginform */
.loginbody .loginpanel .loginform .x-form-cb-label{
    color: #999;
    margin: 4px 0 0 9px;
}

.loginbody .loginpanel .loginform  .x-form-cb-checked .x-form-cb-focus{
    background-position: 0 -13px !important;
}
.loginbody .loginpanel .loginform .x-form-cb-focus{
    background-position: 0 0 !important;
}

/* alert */
.blue-window .x-window-header{
    background-color: #28496c;
    background-image: none;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #386e9e), color-stop(100%, #28496c));
    background-image: -webkit-linear-gradient(top, #386e9e,#28496c);
}
/* welcome text */
.loginbody .welcometext{
    position: absolute;
}
.loginbody .welcometext .text-content{
    font-size: 14px;
    font-family: "Arial", sans-serif;
    color: rgb( 5, 63, 93 );
    margin-top: 5px;

}

.loginbody.loginstyle3 .welcometext {
    left: 27%;
    top: 47%;
}

.loginbody.loginstyle1 .welcometext, .loginbody.loginstyle2 .welcometext {
    left: 32%;
    top: 31%;
}

.loginbody .welcometext .text-header{
  font-size: 22px;
  font-family: HelveticaNeueLTPro, sans-serif;
  color: rgb( 5, 63, 93 );
  font-weight: bold;
}
/* buttons */
.loginbody .blue-btn{
    background-image: none;
    background-color: #063f5d;
    padding: 5px;
    border-radius: 5px;
}

.loginbody .back-btn{
    font-size: 11px;
}

.loginbody .blue-btn .x-btn-inner{
    color: #edfdfd;
}

.loginbody .text-btn{
    background-image: none;
    background-color: transparent;
    border: none;
}

.loginbody .loginform, .loginbody .registrationform {
    padding: 10px;
}

.loginbody .x-form-item, .loginbody .x-btn{
    margin: 5px;
}

.loginbody .text-btn .x-btn-inner{
    color: #1b405d;
}

/* footer */
#loginfooter{
    position:absolute;
    bottom: 20px;
    width:100%;
    color:#fff;
    padding: 0 10px;
    z-index: 2;
    min-width: 1024px;
}
#loginfooter a{
    text-decoration: none;
    color:#fff;
    margin: 0 8px;
}
#loginfooter img{
    margin-bottom: -3px;
}
/********************/
/*** EMAIL GROUP  ***/
/*******************/
.emailgorupwindow .x-panel-header-structure_rightmenu-left{
    background: none;
}

.read-only-textfield .x-form-field{
    border: none;
    background-color: #f8f8f8;
    box-shadow: none
}

.tbar-bottom-border .x-docked-top {
    border-bottom-width: 1px !important;
}
.padlock-img {
    background-size: 100% 100%;
}
.padlock-img.padlock-img-opened{
   background: url('../img/lock_opened.png');
}

.padlock-img.padlock-img-closed{
   background: url('../img/lock_closed.png');
}

/* grupy mailingowe - drzewo */
.emailgrouptree .x-grid-row:not(.x-grid-row-selected):not(.x-grid-row-over) .x-grid-td{
    background-color: #fff;
}

.emailgrouptree .structure-resource-div {
    float: left;
    margin-right: -25px;
}

.emailgrouptree .x-panel-body {
    margin-top: 0px;
}

/* PROJECT FORM */
.projectformtemplatetree .node-depth-2 .x-grid-cell-inner{
    margin-left: 20px;
}

.projectformtemplatetree .node-depth-3 .x-grid-cell-inner{
    margin-left: 60px;
    font-weight: bold;
}

/* STARTPAGE CONFIGPOPUP */

.startpageconfigrouppopuplabel{
    font-size: 11px;
    font-weight: bold;
    color: rgb(114, 114, 114);
}

/************************/
/***** ANY WIDGET ****/
/************************/



/************************/
/***** ANY WIDGET END ****/
/************************/

/************************/
/***** ANY LIST GRID ****/
/************************/

.x-panel-anylistgrid .x-grid-body{
    background: transparent;
    border: none;
}


.x-panel-anylistgrid .x-grid-cell,
.x-panel-anylistgrid .x-grid-row-selected .x-grid-cell,
.x-panel-anylistgrid .x-grid-row-selected .x-grid-rowwrap-div,
.x-panel-anylistgrid .x-grid-row-over .x-grid-cell,
.x-panel-anylistgrid .x-grid-row-over .x-grid-rowwrap-div
{
    background: transparent;
    border: 1px solid transparent;
}


.x-panel-anylistgrid .x-grid-body .x-grid-table-focused-first,
.x-panel-anylistgrid .x-grid-header-ct,
.x-panel-anylistgrid .x-grid-with-row-lines .x-grid-table-selected-first,
.x-panel-anylistgrid .x-grid-with-row-lines .x-grid-table-over-first,
.x-grid-with-row-lines .x-grid-table{
    border: none;
}

.x-panel-anylistgrid .x-grid-row-over .mark-when-hover{
    border: 1px solid #aaaaaa;
}

.x-panel-anylistgrid .x-toolbar-default{
    border: none;
}

.x-panel-anylistgrid .x-grid-row .x-grid-cell .x-field{
    border: 1px solid transparent;
}

.x-panel-anylistgrid .x-grid-row-over .x-grid-cell .x-field,
.x-panel-anylistgrid .x-grid-row-selected .x-grid-cell .x-field{
    border: 1px solid #aaaaaa;
}

.x-panel-anylistgrid .x-grid-row-focused .x-grid-cell .x-field{
    border: 1px solid #3883D3;
    /*box-shadow: -2px 2px 5px #888;*/
}

.x-panel-anylistgrid .x-grid-row-over .x-grid-cell .x-field-wscheckbox,
.x-panel-anylistgrid .x-grid-row-selected .x-grid-cell .x-field-wscheckbox,
.x-panel-anylistgrid .x-grid-row-focused .x-grid-cell .x-field-wscheckbox{
    border: none;
    box-shadow: none;
}

.x-panel-anylistgrid .x-grid-row-over .x-grid-cell .x-field.wsdisabled,
.x-panel-anylistgrid .x-grid-row-selected .x-grid-cell .x-field.x-field.wsdisabled,
.x-panel-anylistgrid .x-grid-row-focused .x-grid-cell .x-field.x-field.wsdisabled,
.x-panel-anylistgrid .x-grid-row-over .x-grid-cell .x-field.x-item-disabled,
.x-panel-anylistgrid .x-grid-row-selected .x-grid-cell .x-field.x-field.x-item-disabled,
.x-panel-anylistgrid .x-grid-row-focused .x-grid-cell .x-field.x-field.x-item-disabled{
    border: 1px solid transparent;
    box-shadow: none;
}

.x-panel-anylistgrid .x-field-wsdatefield input[type="text"]:focus:not(.x-form-invalid-field),
.ws-form .x-panel-anylistgrid .x-field-wsdatefield input[type="text"]:focus:not(.x-form-invalid-field),
.x-panel-anylistgrid .x-form-focus:not(.x-form-invalid-field),
.x-panel-anylistgrid textarea.x-form-focus:not(.x-form-invalid-field),
.x-panel-anylistgrid .x-field-wscombo input[type="text"]:focus,
.x-panel-anylistgrid .x-field-wscombo.wsfocused input[type="text"],
.x-panel-anylistgrid .x-field-wsdatefield input[type="text"]:hover:not(.x-form-invalid-field),
.ws-form .x-panel-anylistgrid .x-field-wsdatefield input[type="text"]:hover:not(.x-form-invalid-field),
.x-panel-anylistgrid .x-field-wscombo .x-form-trigger-wrap:hover input{
    border: 1px solid transparent;
}

.x-panel-anylistgrid .x-grid-row-selected .x-btn.removebutton,
.x-panel-anylistgrid .x-grid-row-focused .x-btn.removebutton{
    display: block!important;
}

.x-panel-anylistgrid .x-grid-row-selected .x-btn.removebutton.noremove,
.x-panel-anylistgrid .x-grid-row-focused .x-btn.removebutton.noremove{
    display: none!important;
}

.x-panel-anylistgrid .x-field-wscombo .x-form-trigger-wrap,
.x-panel-anylistgrid .x-field-wscombo .x-form-trigger-wrap:hover{
    border: none;
}

/*.x-panel-anylistgrid .x-grid-row-over .x-item-disabled .x-form-trigger,*/
/* Pokazywanie / ukrywanie strzałeczki przy combo */
/*.x-grid-row-over .x-field-wscombo .x-form-trigger,*/

.x-grid-row-focused .x-field-wscombo.x-item-disabled .x-form-trigger,
.x-field-wscombo.x-item-disabled .x-form-trigger-wrap:hover .x-form-trigger,
.x-field-wscombo .x-form-trigger,
.box-select .x-form-trigger{
    display: none;
}
.x-grid-row-focused .x-field-wscombo .x-form-trigger,
.x-field-wscombo .x-form-trigger-wrap:hover .x-form-trigger,
.x-field-wscombo .x-form-trigger-wrap-focus .x-form-trigger,
.box-select .x-form-trigger-wrap:hover .x-form-trigger,
.box-select .x-form-trigger-wrap-focus .x-form-trigger{
    display: block;
}

.x-field-wscombo.show-trigger .x-form-trigger-wrap .x-form-trigger {
    display: block;
}

/*.x-grid-row-focused .x-field-wscombo .x-form-trigger,*/
/*.x-grid-row-over .x-field-wscombo .x-form-trigger {*/
    /*display: block;*/
/*}*/

.x-panel-anylistgrid .x-field-wstextarea textarea:focus,
.x-panel-anylistgrid .x-field-wstextarea textarea:hover:focus,
.x-panel-anylistgrid .x-field-wstextarea textarea:hover,
.x-panel-anylistgrid .x-field-wstextfield input:focus,
.x-panel-anylistgrid .x-field-wstextfield input:hover:focus,
.x-panel-anylistgrid .x-field-wstextfield input:hover,
.x-panel-anylistgrid .x-field-wstextfield.wsdisabled input:hover,
.x-panel-anylistgrid .x-field-wscombo .x-pickerfield-open .x-form-trigger-wrap,
.x-panel-anylistgrid .x-field-wscombo.x-pickerfield-open .x-form-trigger-wrap,
.x-panel-anylistgrid .x-field-wscombo.wsfocused .x-form-trigger-wrap{
    border: 1px solid transparent;
}

.x-panel-anylistgrid .x-field-wstextarea textarea:focus,
.x-panel-anylistgrid .x-field-wstextarea textarea:hover:focus{
    box-shadow: none;
}

/* invalid */
.x-panel-anylistgrid.state-invalid{
    border: 1px solid #c30;
}

.x-panel-anylistgrid .x-grid-row.row-invalid .x-grid-cell{
    border-top: 1px solid #c30;
    border-bottom: 1px solid #c30;
    border-left: none;
    border-right: none;
}
.x-panel-anylistgrid .x-grid-row.row-invalid .x-grid-cell:first-child{
    border-left: 1px solid #c30;
}
.x-panel-anylistgrid .x-grid-row.row-invalid .x-grid-cell:last-child{
    border-right: 1px solid #c30;
}
/************************************/
/****** WS INPUT / TEXTFIELD ********/
/************************************/
.x-field-wstextfield input.wsdisabled,
.x-field-wstextfield input[type="text"][disabled],
.x-field-wstextfield input[type="password"][disabled]{
    border: none;
    opacity: 1;
    color: black;
    box-shadow: none;
    background-color: transparent;
}
.ws-form .x-field-wstextfield.wsdisabled input[type="text"]:hover:not(.x-form-invalid-field),
.ws-form .x-field-wstextfield.wsdisabled input[type="password"]:hover:not(.x-form-invalid-field){
    color: black;
    box-shadow: none;
    background-color: transparent;
}

.x-field-wstextfield input:focus,
.x-field-wstextfield input:hover:focus,
.x-field-wstextfield-toolbar input:focus,
.x-field-wstextfield-toolbar input:hover:focus,
.ws-form .x-field-wstextfield.wsfocused input,
.x-field-wstextfield.wsfocused input,
.ws-form .x-field-wstextfield.wsfocused input[type="text"]:hover:not(.x-form-invalid-field),
.ws-form .x-field-wstextfield.wsfocused input[type="password"]:hover:not(.x-form-invalid-field){
    border: 1px solid #3883D3;
    /*box-shadow: -2px 2px 5px #888;*/
    background-color: white;
}

.ws-form .x-field-wstextfield.wsnoteditable input[type="text"]:hover:not(.x-form-invalid-field),
.ws-form .x-field-wstextfield.wsnoteditable input[type="password"]:hover:not(.x-form-invalid-field),
.x-field-wstextfield.wsnoteditable input[type="text"]:hover:not(.x-form-invalid-field),
.x-field-wstextfield.wsnoteditable input[type="password"]:hover:not(.x-form-invalid-field){
    border: none;
}

.x-field-wstextfield input:hover,
.x-field-wstextfield-toolbar input:hover,
.x-field-wstextfield.wsdisabled input:hover{
    border: 1px solid #ccc;
}

/***************************************/
/********* WSTRIGGERFIELD ****************/
/***************************************/
.x-field-wstriggerfield-toolbar input.wsdisabled,
.x-field-wstriggerfield-toolbar input[type="password"][disabled],
.x-field-wstriggerfield input.wsdisabled,
.x-field-wstriggerfield input[type="password"][disabled]{
    color: black;
    box-shadow: none;
    background: transparent;
}

.x-field-wstextarea textarea, .x-form-checkboxgroup-body{
    background-image: none !important;
    background: transparent;
}

.x-field-wstriggerfield-toolbar input.x-form-text,
.x-field-wstriggerfield input.x-form-text{
    background: transparent;
}

.ws-form .x-field-wstriggerfield-toolbar.wsdisabled input[type="text"]:hover:not(.x-form-invalid-field),
.ws-form .x-field-wstriggerfield-toolbar.wsdisabled input[type="password"]:hover:not(.x-form-invalid-field),
.ws-form .x-field-wstriggerfield.wsdisabled input[type="text"]:hover:not(.x-form-invalid-field),
.ws-form .x-field-wstriggerfield.wsdisabled input[type="password"]:hover:not(.x-form-invalid-field){
    color: black;
    box-shadow: none;
    background-color: transparent;
}

.x-field-wstriggerfield input:focus,
.ws-form .x-field-wstriggerfield-toolbar.wsfocused input,
.x-field-wstriggerfield-toolbar.wsfocused input,
.ws-form .x-field-wstriggerfield-toolbar.wsfocused input[type="text"]:hover:not(.x-form-invalid-field),
.ws-form .x-field-wstriggerfield-toolbar.wsfocused input[type="password"]:hover:not(.x-form-invalid-field),
.ws-form .x-field-wstriggerfield.wsfocused input,
.x-field-wstriggerfield.wsfocused input,
.ws-form .x-field-wstriggerfield.wsfocused input[type="text"]:hover:not(.x-form-invalid-field),
.ws-form .x-field-wstriggerfield.wsfocused input[type="password"]:hover:not(.x-form-invalid-field){
    border: 1px solid #3883D3;
    /*box-shadow: -2px 2px 5px #888;*/
}

.ws-form .x-field-wstriggerfield-toolbar.wsnoteditable input[type="text"]:hover:not(.x-form-invalid-field),
.ws-form .x-field-wstriggerfield-toolbar.wsnoteditable input[type="password"]:hover:not(.x-form-invalid-field),
.x-field-wstriggerfield-toolbar.wsnoteditable input[type="text"]:hover:not(.x-form-invalid-field),
.x-field-wstriggerfield-toolbar.wsnoteditable input[type="password"]:hover:not(.x-form-invalid-field),
.ws-form .x-field-wstriggerfield.wsnoteditable input[type="text"]:hover:not(.x-form-invalid-field),
.ws-form .x-field-wstriggerfield.wsnoteditable input[type="password"]:hover:not(.x-form-invalid-field),
.x-field-wstriggerfield.wsnoteditable input[type="text"]:hover:not(.x-form-invalid-field),
.x-field-wstriggerfield.wsnoteditable input[type="password"]:hover:not(.x-form-invalid-field){
    border: none;
}

.x-field-wstriggerfield-toolbar:hover input,
.x-field-wstriggerfield:hover input{
    border: 1px solid #ccc;
}

.x-field-wstriggerfield-toolbar:hover input:focus,
.x-field-wstriggerfield:hover input:focus{
    border: 1px solid #3883D3;
}

.x-field-wstriggerfield-toolbar .x-form-trigger,
.x-field-wstriggerfield .x-form-trigger {
    background: none;
    background-size: 16px 16px !important;
    margin: 2px;
    width: 16px !important;
    height: 16px !important;
    border: none;
}
.x-field-wstriggerfield-toolbar .x-form-trigger-wrap-focus .x-form-trigger,
.x-field-wstriggerfield .x-form-trigger-wrap-focus .x-form-trigger {
    background: transparent url("../img/icons/glyphicons_016_bin.png") no-repeat 0px 0px !important;
    background-size: 16px 16px !important;
}

.x-field-wstriggerfield-toolbar .x-trigger-cell,
.x-field-wstriggerfield .x-trigger-cell{
    background: transparent;
}
.x-field-wstriggerfield-toolbar.wsdisabled .x-form-trigger,
.x-field-wstriggerfield.wsdisabled .x-form-trigger {
    display: none;
}

/*************************/
/***** BOX SELECT **********/
/*************************/
.box-select .x-trigger-cell{
    background: transparent;
}
.box-select .x-form-trigger-wrap{
    border: 1px solid transparent;
}
.box-select .x-form-text{
    background: transparent;
}

/*************************/
/***** WS COMBO **********/
/*************************/
.x-field-wscombo,
.x-field-wscombo-toolbar{
    border: none;
}

.x-field-wscombo .x-trigger-cell,
.x-field-wscombo-toolbar .x-trigger-cell{
    background: none;
}

/*.x-field-wscombo.wsfocused input{*/
    /*border: 1px solid #ccc;*/
/*}*/

.x-field-wscombo.x-item-disabled input,
.x-field-wscombo.x-item-disabled.wseditable *,
.x-field-wscombo-toolbar.x-item-disabled input,
.x-field-wscombo-toolbar.x-item-disabled.wseditable *{
    opacity: 1;
}

.x-field-wsdatefield input[type="text"],
.x-field-wscombo input[type="text"],
.ws-form .x-field-wscombo input[type="text"],
.ws-form .x-field-wscombo .x-form-trigger-input-cell input[type="text"]:not(.x-form-invalid-field),
.x-field-wscombo-toolbar input[type="text"],
.ws-form .x-field-wscombo-toolbar input[type="text"],
.ws-form .x-field-wscombo-toolbar .x-form-trigger-input-cell input[type="text"]:not(.x-form-invalid-field){
    background: none;
    box-shadow: none;
    cursor: pointer;
}
.x-field-wscombo .x-form-trigger-wrap,
.x-field-wscombo-toolbar .x-form-trigger-wrap,
.box-select .x-form-trigger-wrap{
    border: 1px solid transparent;
}

.x-field-wscombo .x-form-trigger-wrap:hover,
.x-field-wscombo-toolbar .x-form-trigger-wrap:hover,
.box-select .x-form-trigger-wrap:hover{
    border: 1px solid #ccc;
}



/*.x-field-wscombo .x-form-trigger-wrap-focus input,*/
/*.x-field-wscombo .x-form-trigger-wrap-focus:hover input{*/
    /*border: 1px solid #3883D3;*/
/*}*/

.x-field-wscombo .x-pickerfield-open .x-form-trigger-wrap,
.x-field-wscombo.x-pickerfield-open .x-form-trigger-wrap,
.x-field-wscombo.wsfocused .x-form-trigger-wrap,
.x-field-wscombo .x-form-trigger-wrap-focus .x-form-trigger-wrap,
.x-field-wscombo-toolbar .x-pickerfield-open .x-form-trigger-wrap,
.x-field-wscombo-toolbar.x-pickerfield-open .x-form-trigger-wrap,
.x-field-wscombo-toolbar.wsfocused .x-form-trigger-wrap,
.x-field-wscombo-toolbar .x-form-trigger-wrap-focus .x-form-trigger-wrap,
.wsanyrow_over .x-field-wscombo.wsfocused .x-form-trigger-wrap,
.wsanyrow_over .x-field-wscombo:focus .x-form-trigger-wrap,
.wsanyrow_over .x-field-wscombo.x-pickerfield-open .x-form-trigger-wrap,
.wsanyrow_over .x-field-wscombo .x-form-trigger-wrap-focus .x-form-trigger-wrap,
.box-select .x-pickerfield-open .x-form-trigger-wrap{
    background-color: white;
    border: 1px solid #3883D3;
    /*box-shadow: -2px 2px 5px #888;*/
}

.x-field-wscombo .x-form-trigger:not(.x-form-spinner-up):not(.x-form-spinner-down):not(.x-form-date-trigger),
.x-field-wscombo-toolbar .x-form-trigger:not(.x-form-spinner-up):not(.x-form-spinner-down):not(.x-form-date-trigger),
.box-select .x-form-trigger {
    width: 15px;
    height: 15px;
    margin-top: 3px;
    border-bottom-width: 0;
    background-color: transparent;
    background-image: url('../img/keypm/downarrowt.png');
    background-repeat: no-repeat;
    background-position: 0 0 !important;
}

.x-form-spinner-up{
    background: url('../img/keypm/spinner.png') transparent 0 0px !important;
    border: none !important;
}
.x-form-spinner-down{
    background: url('../img/keypm/spinner.png') transparent 0 11px !important;
    border: none !important;
}

.x-field-wscombo.x-pickerfield-open.standalone,
.x-field-wscombo-toolbar.x-pickerfield-open.standalone{
    border: none;
}

.wscomboboxtree {
    padding: 10px 0 0 0;
}

.wscomboboxtree .x-grid-body{
    border: 1px solid #b5b8c8;
    border-top: 1px solid #b5b8c8 !important;
}

.wscomboboxtree span.x-tree-node-text {
    font:normal 12px tahoma,arial,verdana,sans-serif;
    padding: 6px 0 6px 0;
    border: 1px solid transparent;
}

.wscomboboxtree td, .wscomboboxtree tr {
    border: 1px solid transparent !important;
}

.wscomboboxtree .x-grid-row-selected span.x-tree-node-text{
    border: 1px solid transparent !important;
    font-weight: bold !important;
}

.wscomboboxtree .x-grid-row-over td, .wscomboboxtree .x-grid-row-over .x-grid-cell{
    background-color: #ccc !important;
    background: #ccc !important;
}
.wscomboboxtree .x-grid-data-row td{
    cursor: pointer;
}

/*.wscombopicker{
    border-top: 1px solid #b5b8c8;
}*/

.wscombopicker ul{
    padding: 6px 0 6px 0;
}

.wscombopicker .x-boundlist-selected{
    background: none;
    border: 1px solid transparent;
    font-weight: bold;
}
.wscombopicker .x-boundlist-selected.x-boundlist-item-over{
    background-color: #ccc;
}

.wscombopicker .x-boundlist-item-over{
    border: 1px solid transparent;
}

.wscheckpicker .x-form-trigger{
    background: none;
    border-bottom-width: 0;
}

.wscheckpicker .x-form-trigger-wrap:hover{
    border: 1px solid #ccc;
    box-shadow: none;
}



.wscheckpicker .x-boundlist-item-custom{
    margin-left: -40px;list-style-type: none;
}

.wscheckpicker .x-form-trigger-over{
    width: 15px;
    height: 15px;
    margin-top: 3px;
    border-bottom-width: 0;
    background-color: transparent;
    background-image: url('../img/keypm/downarrowt.png');
    background-repeat: no-repeat;
    background-position: 0 0 !important;
}


.wscheckpicker .x-form-trigger-wrap-focus{
    box-shadow: -2px 2px 5px #888;
    border: 1px solid #3883D3;
    background-color: white;
}
/***************************************/
/********** WSDATEFIELD ****************/
/***************************************/

.wsanyrow_over .x-field.x-field-wsdatefield input {
  border: 1px solid transparent;
}

.wsanyrow_over .x-field.x-field-wsdatefield .x-form-trigger-wrap {
  border: 1px solid #ccc;
}

.x-field-wsdatefield .x-trigger-cell,.x-field-wsdatefield .x-form-trigger{
    background: none;
}

.x-field-wsdatefield .x-form-trigger-wrap-focus .x-form-trigger{
    background-image: url('../img/keypm/date-trigger.png');
    background-repeat: no-repeat;
}


.x-field-wsdatefield input.x-form-invalid-field{
    border-color: transparent !important;
}

.x-field-wsdatefield .x-form-trigger-wrap{
    border: 1px solid transparent;
}

.x-field-wsdatefield.x-form-invalid .x-form-trigger-wrap{
    border-color: #c30;
}

.x-field-wsdatefield.x-field-over .x-form-trigger-wrap{
    border: 1px solid #ccc;
}

.wsanyrow_over .x-field-wsdatefield .x-form-trigger-wrap-focus .x-form-trigger-wrap,
.x-field-wsdatefield .x-form-trigger-wrap-focus .x-form-trigger-wrap{
    box-shadow: -2px 2px 5px #888;
    border: 1px solid #3883D3;
    background-color: white;
}

.x-panel-anylistgrid .x-field-wsdatefield .x-form-trigger-wrap,
.x-panel-anylistgrid .x-field-wsdatefield .x-form-trigger-wrap-focus .x-form-trigger-wrap,
.x-panel-anylistgrid .x-field-wsdatefield .x-field-wsdatefield .x-form-trigger-wrap,
.x-panel-anylistgrid .x-field-wsdatefield .x-field-wsdatefield .x-form-trigger-wrap-focus .x-form-trigger-wrap{
    border: 0px solid transparent;
}

.x-field-wsdatefield input[type="text"][disabled],
.x-field-wsdatefield input[type="password"][disabled],
.x-field-wsdatefield input.wsdisabled{
    opacity: 1;
    color: black;
}

/***************************************/
/********* WSTEXTAREA ******************/
/***************************************/

.x-field-wstextarea textarea{
    background: none;
    border: 1px solid transparent;
    box-shadow: none;
}

.x-field-wstextarea textarea:hover{
    background: none;
    border: 1px solid #ccc;
    box-shadow: none;
}

.x-field-wstextarea textarea:focus,
.x-field-wstextarea textarea:hover:focus{
    background: white;
    border: 1px solid #3883D3;
    box-shadow: -2px 2px 5px #888;
}

/***************************************/
/********* CHECKBOX COLUMN *************/
/***************************************/
.x-grid-cell-checkcolumn img.x-grid-checkcolumn,
.x-grid-row-over .x-item-disabled.x-grid-cell-checkcolumn img.x-grid-checkcolumn{
    opacity: .3;
}

.x-grid-row-over .x-grid-cell-checkcolumn img.x-grid-checkcolumn{
    opacity: 1;
}

/***************************************/
/********* WSCHECKBOX *************/
/***************************************/
.x-field-wscheckbox .x-form-checkbox {
    opacity: .3;
}

.x-field-wscheckbox.x-item-over .x-form-checkbox {
    opacity: 1;
}

/***************************************/
/********** FORM LABEL *****************/
/***************************************/
.x-item-disabled .x-form-item-label,
.x-item-disabled .x-form-field,
.x-item-disabled .x-form-display-field,
.x-item-disabled .x-form-cb-label,
.x-item-disabled .x-form-trigger{
    opacity: 1;

}

/***************************************/
/********* HELPER CLS ******************/
/***************************************/

.fulljustify {
  text-align: justify;
}
.fulljustify:after {
  content: "";
  display: inline-block;
  width: 100%;
}

.remove_all_side_padding,
.remove_all_side_padding *{
    padding-left: 0px;
    padding-right: 0px;
}

.no-background,
.no-background.x-btn-default-small,
.no-background.x-btn-default-small:hover,
.no-background:hover,
.no-background.x-btn-over,
.no-background.x-btn-pressed,
.no-background.x-btn-default-small-pressed,
.no-background.x-btn-default-small-pressed:hover,
.no-background.x-btn-pressed:hover,
.no-background.x-btn-over:hover{
    background: none;
    box-shadow: none;
    border-radius: 0px 0px;
}

.no-border{
    border: none;
}

.center-uppercase-header .x-header-text{
    text-align: center;
    text-transform: capitalize;
}

/******************************************/
/********** TIMESHEET | CZAS PRACY ********/
/******************************************/

.timesheet.gridexpander_body{
    border:none;
}

.timesheet.gridexpander_body span{
    float: left;
    margin-right: 20px;
}

.timesheet.gridexpander_body span.gridexpander_description{
    width: 65%;
}

.timesheet.gridexpander_body span.gridexpander_checkbox{}
/* todopanel */
.x-panel-startpagetodogrid .todo-task-incompleted {
    background: url(../img/communication/cancel.png);
}
.x-panel-startpagetodogrid .todo-task-completed{
    background: url(../img/communication/ok2.png);
}
.x-panel-startpagetodogrid .todo-task-priority1{
    background: url(../img/communication/priority1.png);
}
.x-panel-startpagetodogrid .todo-task-priority2{
    background: url(../img/communication/priority2.png);
}
.x-panel-startpagetodogrid .todo-task-priority3{
    background: url(../img/communication/priority3.png);
}
.x-panel-startpagetodogrid .x-panel-header-text-startpagetodogrid{
    font-weight: bold;
}

.priority-hbox .x-box-inner{
    overflow: visible;
}

.priority-btn{
    border: none;
    padding: 0px !important;
    background: none;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 35px;
    height: 35px;
    cursor: pointer;
    margin: 0px 10px;
    border-radius: 0px;
    background-size: 20px 18px !important;
}

.priority-btn.selected{
    background-size: 35px 35px !important;
}

.priority-btn.p1{
    background-image: url(../img/communication/exclamation_green.svg);
}
.priority-btn.p2{
    background-image: url(../img/communication/exclamation_yellow.svg);
}
.priority-btn.p3{
    background-image: url(../img/communication/exclamation_red.svg);
}
/*************************************/
/********* EKRAN STARTOWY ************/
/*************************************/

.startpagepanel {
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
}

/*************************************/
/******** END EKRAN STARTOWY *********/
/*************************************/


/*************************************/
/***** KALENDARZ EKRAN STARTOWY ******/
/*************************************/

/*** WIDOK TYGODNIA ***/
.x-panel-startpagepersonalcalendar .ext-cal-dayview .ext-cal-hd-days-tbl{
  background-color: transparent;

}

.x-panel-startpagepersonalcalendar .ext-cal-dayview .ext-cal-bg-tbl{
  border-bottom: none;
}

.x-panel-startpagepersonalcalendar .ext-cal-dayview td.ext-cal-dtitle{
  border-top: none;
  color: #666666;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

.x-panel-startpagepersonalcalendar .ext-cal-dayview .ext-cal-hd-ct{
  border-bottom: none;
}

.x-panel-startpagepersonalcalendar .ext-cal-dayview .ext-cal-day-we,
.x-panel-startpagepersonalcalendar .ext-cal-dayview .ext-cal-day-times{
  background-color: #fff;
}

.x-panel-startpagepersonalcalendar .ext-cal-dayview .ext-cal-day{
  /*border-left: 1px solid #ddd;*/
}

.x-panel-startpagepersonalcalendar .ext-cal-bg-rows-inner{
    padding-top: 1px;
}

.x-panel-startpagepersonalcalendar .ext-cal-day-times{
    padding-top: 1px;
    border-top: 1px solid #ddd;
}

.x-panel-startpagepersonalcalendar .ext-cal-dayview .ext-cal-day-time-inner{
  padding-right: 20px;
  padding-top: 13px;
  font-weight: bold;
}

.x-panel-startpagepersonalcalendar .ext-cal-dayview .ext-cal-bg-row-div{
  border-bottom: none;
}

.x-panel-startpagepersonalcalendar .ext-cal-evr{
  border-radius: 0px;
  padding: 0px 0px;
}

.x-panel-startpagepersonalcalendar .ext-cal-dayview .ext-cal-gutter-rt{
  width: 12px !important;
}
/*** END WIDOK TYGODNIA ***/

/*** START WIDOK MIESIACA ***/

.x-panel-startpagepersonalcalendar .ext-cal-monthview .ext-cal-gutter-rt{
    border-left: 1px solid #ddd;
}

.x-panel-startpagepersonalcalendar .ext-cal-dayview .ext-cal-day-first {
    border-left: 1px solid #ddd !important;
}

.x-panel-startpagepersonalcalendar .ext-cal-monthview .ext-cal-hd-days-td .ext-cal-bg-tbl {
    margin-left: 0px;
}
.x-panel-startpagepersonalcalendar .ext-cal-monthview .ext-cal-body-ct {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.x-panel-startpagepersonalcalendar td.ext-cal-dtitle {
    color: #666;
    border-top-color: #ddd;
}

.x-panel-startpagepersonalcalendar td.ext-cal-dtitle div {
    font-size: 13px;
    font-weight: bold;
}

.x-panel-startpagepersonalcalendar .ext-cal-day {
    border-left-color: #ddd;
}

.x-panel-startpagepersonalcalendar .ext-cal-day-we {
    background-color: #fff;
}

.x-panel-startpagepersonalcalendar .ext-cal-day-prev,
.x-panel-startpagepersonalcalendar .ext-cal-day-next {
    background-color: #efefef;
}

.x-panel-startpagepersonalcalendar .ext-cal-ev-more a, .ext-cal-ev-more a:visited {
    color: #999;
}

.x-cal-default-ad{
    background-color: #b2b2b2!important;
}
/*** END WIDOK MIESIACA ***/

/*** EVENTY NA KALENDARZU ***/
.evt-time{
    display: block;
    font-weight: normal;
    border-bottom: 1px solid white;
    color: #fff;
    padding: 1px 2px 1px 2px;
    background-color: #979796;
}

.evt-title{
    color: #fff;
    font-weight: normal;
    display: block;
    padding: 1px 2px 1px 2px;
}

.x-panel-startpagepersonalcalendar .x-cal-default-ad,
.ext-cal-day-col .x-cal-default.ws_event_preset_1{
    background-color: #b2b2b2;
}

.x-panel-startpagepersonalcalendar .ext-cal-bg-tbl {
    height: 101%;
}

.x-calendar-nonav .ext-cal-hd-ad-inner {
    margin-top: 4px!important;
}
/*** END EVENTY NA KALENDARZU ***/

/*** END KALENDARZ ***/

/*** WSFILEUPLOAD ***/

.x-component-wshiddenfileinput,
.hiddenfileinput{
  width:0px;
  height:0px;
  overflow: hidden;
}

/*** WSFILEUPLOAD END ***/

/*** EKRAN KOMUNIKACJI - GRID KONFIGUROWALNYCH PANELI ***/
.communication-popup-column-fix .x-grid-cell-inner{
    padding: 3px 0px 3px 25px;
}
.communication_grid_avatar{
    width: 50px;
    height: 50px;
}

.x-grid-avatar-cell .x-grid-cell-inner {
    padding: 2px;
}

.grid-priority0{
    /*content:url(../img/communication/priority0.png);*/
}

.grid-priority1 {
    background: url(../img/communication/exclamation_green.svg);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 15px 16px;
    width: 12px;
    height: 17px;
}

.grid-priority2 {
    background-image: url(../img/communication/exclamation_yellow.svg);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 15px 16px;
    width: 12px;
    height: 17px;
}

.grid-priority3 {
    background-image: url(../img/communication/exclamation_red.svg);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 15px 16px;
    width: 12px;
    height: 17px;
}

.grid-sort-icon{
    width: 15px;
    height: 10px;
    margin: 4px 5px 0px 0px;
}
.allhidden{
    color: #999;
    cursor: pointer;
}
.allhidden-active-text{
    color: #333;
}
.communication-grid-subheader,
.communication-details-subheader{
    color: #777;
    font-size: 10px;
    padding: 3px;
}

.communication-grid-subheader{
    border: 1px solid #bbb;
}

.communication-details-subheader .allhidden-active-text{
    color: #38b6ff;
}

.communication-grid-subheader .kpm_subheader_clear{
    opacity: 0.7;
}

.communication-grid-subheader .kpm_subheader_clear:hover{
    opacity: 1;
}

.kpm_gear_ico{
    width: 21px!important;
    height: 18px;
    background-image: url('../img/communication/gear.png');
    background-repeat: no-repeat;
}

.kpm_fullscreen_maximize{
    width: 21px!important;
    height: 18px;
    background-image: url('../img/communication/fullscreen2.png');
    background-repeat: no-repeat;
}

.kpm_fullscreen_minimize{
    width: 21px!important;
    height: 18px;
    background-image: url('../img/communication/fullscreen.png');
    background-repeat: no-repeat;
}

.kpm_plus_ico{
    background-size: 21px 21px;
    background-position: 0px -3px;
    background-image: url('../img/ico_plus.png');
    background-repeat: no-repeat;
}

.kpm_reply_btn,
.kpm_reply_btn.x-btn-pressed,
.kpm_reply_btn:hover{
    width: 30px;
    height: 18px;
    margin-top: 2px;
    margin-left: 5px;
    background: none;
    border: none;
    box-shadow: none;
    background-position: center center;
    background-image: url('../img/communication/reply.png');
    background-repeat: no-repeat;
}

.kpm_reply_all_btn,
.kpm_reply_all_btn.x-btn-pressed,
.kpm_reply_all_btn:hover{
    width: 30px;
    height: 20px;
    background: none;
    border: none;
    box-shadow: none;
    background-position: center center;
    background-image: url('../img/communication/replyall.png');
    background-repeat: no-repeat;
}

.kpm_forward_btn,
.kpm_forward_btn.x-btn-pressed,
.kpm_forward_btn:hover{
    width: 30px;
    height: 18px;
    background: none;
    margin-left: 5px;
    border: none;
    box-shadow: none;
    background-position: center center;
    background-image: url('../img/communication/forward.png');
    background-repeat: no-repeat;
}


.kpm_gear,
.kpm_gear.x-btn-pressed,
.kpm_gear:hover{
    opacity: 0.6;
    width: 22px;
    height: 18px;
    background: none;
    border: none;
    box-shadow: none;
    background-image: url('../img/communication/gear.png');
    background-repeat: no-repeat;
}

.kpm_gear:hover{
    opacity: 1;
}

.kpm_clear_btn,
.kpm_clear_btn.x-btn-pressed,
.kpm_clear_btn:hover{
    width: 20px;
    height: 20px;
    background: none;
    border: none;
    box-shadow: none;
    background-repeat: no-repeat;
}

.kpm_black_btn,
.kpm_black_btn.x-btn-pressed,
.kpm_black_btn:hover{
    width: 22px;
    opacity: 0.3;
    height: 18px;
    background: none;
    border: none;
    box-shadow: none;
    background-repeat: no-repeat;
}

.kpm_black_btn:hover{
    opacity: 0.5;
}

.kpm_grey_btn,
.kpm_grey_btn.x-btn-pressed,
.kpm_grey_btn:hover{
    width: 24px;
    opacity: 0.6;
    height: 18px;
    background: none;
    border: none;
    box-shadow: none;
    background-repeat: no-repeat;
}

.kpm_grey_btn:hover{
    opacity: 1.0;
}

.kpm_gear.x-disabled,
.kpm_gear.x-disabled:hover,
.kpm_grey_btn.x-disabled,
.kpm_grey_btn.x-disabled:hover,
.kpm_black_btn.x-disabled,
.kpm_black_btn.x-disabled:hover{
    opacity: 0.4;
}

.kpm_clear_communication_config,
.kpm_clear_communication_config.x-btn-pressed,
.kpm_clear_communication_config:hover{
    opacity: 0.6;
    width: 17px;
    height: 17px;
    background: none;
    border: none;
    box-shadow: none;
    background-image: url('../img/icons/glyphicons_365_restart.png');
    background-size: 17px 17px;
    background-repeat: no-repeat;
}
.kpm_clear_communication_config:hover{
    opacity: 1;
}
.configbasesettings .x-accordion-item .x-accordion-hd {
    padding: 0 0;
}

.details-panel-body table{
    text-align: left;
}

.details-panel-body table th{
    padding: 5px 0px;
}

.details-panel-body table tr:last-child{
    padding: 10px 0px 0px 0px;
}

.x-panel-header-text-container-x-emptypanel{
    font-weight: bold;
}

.x-panel-body-x-emptypanel .x-grid-content-cell .x-grid-cell-inner {
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
    max-height: 50px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
}

.x-panel-body-x-emptypanel .x-grid-cell{
    vertical-align: middle;
    padding: 2px 0px;
}

.x-panel-body-x-emptypanel .x-grid-priority-cell, .x-panel-body-x-emptypanel .x-grid-avatar-cell{
    text-align: center;
}
/*** END EKRAN KOMUNIKACJI - GRID KONFIGUROWALNYCH PANELI ***/

/* KALENDARZ EXTENSIBLE */
.x-cal-default,
.x-cal-default-x .ext-cal-evb,
.ext-ie .x-cal-default-ad,
.ext-opera .x-cal-default-ad {
    color: #777 !important;
}

/* folders */
.x-grid-tree-node-expanded .x-tree-icon-parent {
    background-image: url(/resources/img/folder.png);
}
.x-tree-icon-parent {
    background-image: url(/resources/img/folder.png);
}

.treeWithoutFolderIcon .x-grid-tree-node-expanded .x-tree-icon-parent {
    background-image: none !important;
    width: 0px;
}
.treeWithoutFolderIcon .x-tree-node-icon {
    display: none !important;
    background-image: none;
}
.treeWithoutFolderIcon .x-tree-icon-parent {
    background-image: none !important;
    width: 0px;
}
.x-tree-icon-leaf {
    background-image: none;
}

.ext-cal-day-today{
    background-color: #0e648f!important;
}

.x-datepicker-today{
    border-color: #0e648f;
}

td.ext-cal-dtitle-today div{
    color: white!important;
}

/************** SCHEDULER ****************/
.x-btn-button .kpm_scheduler_leftmove{
    height: 100%;
    width: 100%;
    background-position: 3px 3px;
    background-size: 10px;
}
.x-btn-button .kpm_scheduler_rightmove{
    height: 100%;
    width: 100%;
    background-position: 3px 3px;
    background-size: 10px;
}
.x-btn-button .kpm_scheduler_zoomin{
    height: 100%;
    width: 100%;
    background-position: 1px 2px;
    background-size: 16px;
}
.x-btn-button .kpm_scheduler_zoomout{
    height: 100%;
    width: 100%;
    background-position: 1px 2px;
    background-size: 16px;
}
.x-btn-button .kpm_scheduler_adapt{
    height: 100%;
    width: 100%;
    background-position: 0px 5px;
    background-size: 18px;
}
.x-btn-button .kpm_scheduler_collapse{
    height: 100%;
    width: 100%;
    background-size: 10px;
    background-position: 4px 2px;
}
.x-btn-button .kpm_scheduler_expand{
    height: 100%;
    width: 100%;
    background-size: 10px;
    background-position: 4px 2px;
}

/************ SCHEDULER  END ****************/

/************ TREEVIEW **********************/

/** WYLACZAMY IKONKI DLA GRUP **/
.gantt-bold-groups .x-tree-icon{
    display: none;
}

.x-tree-expander ~ .x-tree-node-text{
    font-weight: bold;
}
/** WYLACZAMY IKONKI DLA GRUP END **/


/********** TREEVIEW END ********************/

/* STARTPAGE */
.startpageconfigpanel .x-grid-row-selected .x-grid-cell{
    background: none;
    background-color: #37b6ff !important;
}
.x-panel-body-default .startpageconfigpanel .x-grid-row-selected div {
    color: white !important;
}

.configurablecontainer .x-panel-header {
    border-left: 1px solid #aaa;
}

/* EVENTDETAILS */

.event_details_subheader {
    border: 1px solid #bbb;
    padding: 3px 0px;
}

.startpageeventdetails > .x-panel-header > .x-header-body > .x-box-inner .x-header-text-container {
    padding-bottom: 0px;
}

.startpageeventdetails > .x-panel-body {
    border: 1px solid #bbb;
}

.startpageeventdetails .x-panel-header-text {
    margin: 7px 0px 6px 0px !important;
}

.eventdetails span{
    font-family: tahoma,arial,verdana,sans-serif;
}

.eventdetails .event_row{
    display: block;
}

.eventdetails .event_details_box .event_row{
    margin: 5px 0px;
}

.eventdetails .event_details_box{
    padding: 6px 0px;
}

.eventdetails .event_label{
    margin-right: 4px;
    color: #777;
}

.eventdetails .event_date{
    color: #777;
    font-size: 11px;
}

.eventdetails .event_title{
    font-weight: bold;
    font-size: 13px;
    margin: 10px 0px;
}

.event_details_btn_container {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}

.event_details_btn,
.event_details_btn:hover{
    width: inherit;
}

.eventdetails .event_avatar{
    width: 50px;
    height: 50px;
    float: left;
}

.eventdetails .event_avatar_row{
    height: 50px;
}

.eventdetails .event_projectname,
.eventdetails .event_avatar_row .event_author{
    color: #777;
    font-weight: bold;
}

.eventdetails .event_avatar_row > span{
    display: inline-block;
    margin: 19px 4px 0px 4px;
}

.eventdetails .event_body{
    padding-top: 10px;
    border-top: 1px solid  #bbb;
}

.eventdetails .priority-1{
    color: #18a81f;
}

.eventdetails .priority-2{
    color: #ffb400;
}

.eventdetails .priority-3{
    color: #f30000;
}
.small_down_arrow,
.small_right_arrow {
    display: inline-block;
    background-size: 15px 12px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.small_right_arrow {
    background-image: url('/resources/img/keypm/main_header_right_arrow.png');
}

.small_down_arrow {
    background-image: url('/resources/img/keypm/main_header_down_arrow.png');
}

/* END EVENTDETAILS */

.x-tip-default,
.communication_calendar_tooltip{
    background-color: #fff;
    border-color: #dcdcdc;
    border-radius: 0px 0px;
}
.x-tip-default hr,
.communication_calendar_tooltip hr{
    border: 0;
    border-top: 1px solid #ddd;
}

/* STARTPAGE END*/

.startpageeventdetails
.communication-box-subheader-text {
    color: #777;
    font-size: 10px;
    padding: 3px 3px 3px 6px;
    margin-left: 12px;
    background-image: url('/resources/img/communication/inbox-arrow.png');
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 9px;
    cursor: pointer;
}

/* STARTPAGE END*/

.ext-cal-day-col-gutter {
    margin-right: 0px !important;
}


/* FORMULARZ OSOBY I ZASOBU*/
.field-body-right-aligned .x-form-field{
    text-align: right
}
.field-body-default-padding input{
    padding: 1px 3px 2px 3px;
}

.resourcegeneraltab .competence-any-list .first-column-cell .x-grid-cell-inner,
.resourcegeneraltab .systemroles-any-list .first-column-cell .x-grid-cell-inner,
.resourcegeneraltab .rates-any-list .first-column-cell .x-grid-cell-inner   {
    padding: 3px 0px 4px 0px;
}

.resourcegeneraltab .competence-any-list .first-column-cell .x-form-field,
.resourcegeneraltab .systemroles-any-list .first-column-cell .x-form-field
.resourcegeneraltab .rates-any-list .first-column-cell .x-form-field{
    padding: 1px 3px 1px 2px;
}
.resourcegeneraltab .competence-any-list .x-form-item-label,
.resourcegeneraltab .systemroles-any-list .x-form-item-label,
.resourcegeneraltab .rates-any-list .x-form-item-label {
    margin-top: 9px;
}

.resourcegeneraltab .competence-any-list .second-column-cell{
   padding-top: 4px;
}

/* Tutaj może być że niektóre comboboxy będą miały nieprawidłowy kolor*/
/* poprzedni kolor to: #b5b8c8; */
.x-boundlist {
    border-width: 1px;
    border-style: solid;
    border-color: #3982d1;
    background: white;
}

.wscombopicker {
    border-top: 1px solid #3982d1;
}

.resourcegeneraltab .remove-button-cell .x-grid-cell-inner, .resourcegeneraltab .rates-any-list .third-column-cell .x-grid-cell-inner {
    padding: 3px 0px 4px 0px;
}

.resourcegeneraltab .remove-button-cell .x-grid-cell-inner .x-btn{
    width: 16px;
    padding: 2px 0px;
}
.resourcegeneraltab .remove-button-cell .x-grid-cell-inner .x-btn-button{
    width: 16px;
    margin-top: 1px;
}
/* END FORMULARZ OSOBY I ZASOBU*/

.formquestion_question {
    font-weight: normal;
    padding-top: 4px;
}/* WSGRID */
/* checkbox */
.wsgrid .x-column-header-checkbox{
    padding: 6px 0px 3px 0px;
}

.wsgrid .x-grid-row-checker,
.wsgrid .x-column-header-checkbox .x-column-header-text {
    background-image:none;
    background-position: center center;
    top: -8px;
    left: -7px;
    width: 15px;
    height: 15px;
    position: relative;
}


.wsgrid .x-column-header-checkbox .x-column-header-inner,
.wsgrid .x-grid-cell-row-checker .x-grid-cell-inner  {
    padding: 4px 5px 3px 5px;
    border: 1px solid #c6c6c6;
    border-radius: 1px;
    width: 11px;
    height: 11px;
    overflow: visible;
    margin: 0px 5px 3px 5px;
}

.wsgrid .x-column-header-checkbox .x-column-header-text {
    background-image: none;
}

.wsgrid .x-grid-hd-checker-on .x-column-header-text,
.wsgrid .x-grid-row-selected .x-grid-row-checker,
.wsgrid .x-grid-row-checked .x-grid-row-checker {
    background-image: url('../img/keypm/checkmark.png');
}

/*header*/
.wsgrid .x-grid-header-ct {
    background: none;
    border: none;
}

.wsgrid .x-column-header-inner {
    padding: 4px 5px 7px 5px;
}

.wsgrid:not(.comparissonTree) .x-column-header {
    height: 22px !important;
    background: none;
    border-right: none;
    border-top: 1px #e3e4e6 solid;
}

.comparissonTree .x-box-target {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    text-align: center;
}

.wsgrid .x-column-header-over,
.wsgrid .x-column-header-sort-ASC,
.wsgrid .x-column-header-sort-DESC {
    background: none;
}

.wsgrid:not(.riskToolbar):not(.material-Panel):not(.invoice-Panel):not(.chatmessaging):not(.help-term):not(.help-faq):not(.help-video){
    margin-left:5px;
}
.wsgrid2{
    margin-left:5px;
}

.wsgrid .x-column-header-sort-ASC .x-column-header-text,
.wsgrid .x-column-header-sort-DESC .x-column-header-text {
    background-image: none;
    color: #053f5d;
    padding-right: 0px;
    font-weight: bold;
}

.wsgrid .x-column-header-text {
    vertical-align: top;
    padding-left: 1px;
}

.wsgrid .x-column-header-trigger {
    display: inline-block;
    background: url('../img/keypm/light-grey-disclosure-arrow-down.png') no-repeat center center;
    position: relative;
    height: 13px;
    width: 13px;
    margin: 1px 0 0 6px;
}

.wsgrid .x-column-header-trigger:hover,
.wsgrid .x-column-header-trigger:active {
    background-image: url('../img/keypm/dark-grey-disclosure-arrow-down.png');
    background-color: #eee;
    border-color: #c6c6c6;
}

.wsgrid .x-column-header-text {
    text-transform: uppercase;
}

/* body */
.wsgrid .x-grid-body {
    border: none;
}

.wsgrid .x-grid-body .x-grid-table {
    border-top: 1px solid #eee;
}

.wsgrid .x-grid-body .x-grid-table {
    border-top: 1px solid #eee;
}

.wsgrid.x-panel-anylistgrid .x-grid-body .x-grid-table,
.wsgrid.x-panel-anylistgrid .x-grid-rowwrap,
.wsgrid.x-panel-anylistgrid .x-grid-with-row-lines .x-grid-td{
    border-color: transparent;
}

.wsgrid .x-grid-data-row:not(.x-grid-row-selected):not(.x-grid-row-over) .x-grid-cell-special {
    background: none;
}
.wsgrid  .x-grid-data-row .x-grid-cell-special {
    border-right: none;
}

.wsgrid .x-docked-top{
    border-bottom-width: 1px !important;
}
.wsgrid .x-docked-bottom{
    border-top-width: 1px !important;
}

/* END WSGRID */



.wsgrid2 .x-column-header-checkbox{
    padding: 6px 0px 3px 0px;
}

.wsgrid2 .x-grid-row-checker,
.wsgrid2 .x-column-header-checkbox .x-column-header-text {
    background-image:none;
    background-position: center center;
    top: -8px;
    left: -7px;
    width: 15px;
    height: 15px;
    position: relative;
}

.wsgrid2 .x-column-header-checkbox .x-column-header-inner,
.wsgrid2 .x-grid-cell-row-checker .x-grid-cell-inner  {
    padding: 4px 5px 3px 5px;
    border: 1px solid #c6c6c6;
    border-radius: 1px;
    width: 11px;
    height: 11px;
    overflow: visible;
    margin: 0px 5px 3px 5px;
}

.wsgrid2 .x-column-header-checkbox .x-column-header-text {
    background-image: none;
}

.wsgrid2 .x-grid-hd-checker-on .x-column-header-text,
.wsgrid2 .x-grid-row-selected .x-grid-row-checker,
.wsgrid2 .x-grid-row-checked .x-grid-row-checker {
    background-image: url('../img/keypm/checkmark.png');
}

/*header*/
.wsgrid2 .x-grid-header-ct {
    background: none;
    border: none;
}

.wsgrid2 .x-column-header-inner {
    padding: 4px 5px 7px 0px;
}

.wsgrid2 .x-column-header {
    height: 22px !important;
    background: none;
    border-right: none;
    border-top: 1px #e3e4e6 solid;
    border-bottom: 1px #e3e4e6 solid;
}

.wsgrid2 .x-column-header-over,
.wsgrid2 .x-column-header-sort-ASC,
.wsgrid2 .x-column-header-sort-DESC {
    background: none;
}

.wsgrid2 .x-column-header-sort-ASC .x-column-header-text,
.wsgrid2 .x-column-header-sort-DESC .x-column-header-text {
    background-image: none;
    color: #053f5d;
    padding-right: 0px;
    font-weight: bold;
}

.wsgrid2 .x-column-header-text {
    vertical-align: top;
    padding-left: 1px;
}

.wsgrid2 .x-column-header-trigger {
    display: inline-block;
    background: url('../img/keypm/light-grey-disclosure-arrow-down.png') no-repeat center center;
    position: relative;
    height: 13px;
    width: 13px;
    margin: 1px 0 0 6px;
}

.wsgrid2 .x-column-header-trigger:hover,
.wsgrid2 .x-column-header-trigger:active {
    background-image: url('../img/keypm/dark-grey-disclosure-arrow-down.png');
    background-color: #eee;
    border-color: #c6c6c6;
}

.wsgrid2 .x-column-header-text {
    text-transform: uppercase;
}

/* body */
.wsgrid2 .x-grid-body {
    border: none;
}

.wsgrid2 .x-grid-body .x-grid-table {
    border-top: 0px solid #eee;
}

.wsgrid2 .x-grid-body .x-grid-table {
    border-top: 0px solid #eee;
}

.wsgrid2.x-panel-anylistgrid .x-grid-body .x-grid-table,
.wsgrid2.x-panel-anylistgrid .x-grid-rowwrap,
.wsgrid2.x-panel-anylistgrid .x-grid-with-row-lines .x-grid-td{
    border-color: transparent;
}

.wsgrid2 .x-grid-data-row:not(.x-grid-row-selected):not(.x-grid-row-over) .x-grid-cell-special {
    background: none;
}
.wsgrid2  .x-grid-data-row .x-grid-cell-special {
    border-right: none;
}

.wsgrid2 .x-docked-top{
    border-bottom-width: 1px !important;
}
.wsgrid2 .x-docked-bottom{
    border-top-width: 1px !important;
}


/* GRID MENU */
.gridmenu .x-menu-body {
    padding: 5px 0px;
}
.gridmenu .x-menu-body .x-menu-item {
    padding: 2px 8px;
}
.gridmenu .x-menu-body .x-menu-item .x-menu-item-icon{
    margin-left: 10px;
    margin-top: 1px;
}
.x-menu-item-unchecked,
.x-menu-item-checked {
    padding: 2px 8px;
}
.x-menu-item-unchecked .x-menu-item-icon,
.x-menu-item-checked .x-menu-item-icon {
    margin: 0px 5px;
    border: none;
    width: 21px;
    height: 21px;
    background-image: none;
}

.x-menu-item-checked .x-menu-item-icon {
    background-image: url('../img/keypm/checkmark.png');
    background-size: 21px 21px;
}


/* END GRID MENU */

.licence_label_sms_anylist {
    font-size: 12px;
    display: inline-block;
    margin-top: 0px;
    vertical-align: middle;
}

/** DYNAMIC MENU **/
.dynamic_dark_bg {
    background-color: #bbb;
}

.dynamic_darker_bg {
    background-color: #999;
}
/** END DYNAMIC MENU **/

.transparent-topbar .x-toolbar{
    background-image: none;
    border: none;
    background-color: transparent;
}

/** WIZARD FORM QUESTION TPL **/
.question_tpl_row,
.question_answer_tpl_row,
.question_parameter_tpl_row {
    width: 100%;
}

.wizard_list_parameter_checkbox {
  float: right;
}

.question_list_grouping_header{
    display: block;
    text-align: center;
}

.clear_toolbar {
    background: none;
    border: none;
}

.hide_cell img{
    display: none;
}

.show_cell_on_hover img{
    display: none;
}

.show_cell_on_hover:hover img,
.x-grid-row-over .show_cell_on_hover img {
    display: block;
}

.formquestion_question_tooltip_btn {
    border-radius: 2px;
    height:26;
    vertical-align:middle;
}

.formquestion_question_tooltip_btn .x-btn-inner{
    font-weight: bold;
    padding: 0;
}

.wizardform_answered_questions {
    font-weight: bold;
}

.wizardform_answers_box {
    border: 1px solid #cfcfcf;
    background-color: #fbfbfb;
}

/** END WIZARD FORM QUESTION TPL **/

/** ANY WIDGET CSS **/
.wsanyrow_over .x-field input {
  border: 1px solid #ccc
}

.wsanyrow_over .x-field-wscombo input {
    border: 1px solid transparent;
}

.wsanyrow_over .x-field-wscombo .x-form-trigger-wrap {
    border: 1px solid #ccc;
}

.any_remove_button {
    background: transparent url("../img/icons/glyphicons_016_bin.png") no-repeat 0 0;
}
/** END ANY WIDGET CSS **/

.wssearchbox .x-docked-top{
    border:none;
    margin-left: 5px;
    background-color: #FFFFFF;
    background-image: none;
}

.wssearchboxgrey .x-docked-top{
    border:none;
    background-color: #ffffff;
    background-image: none;
}


.wssearchVideo .x-toolbar-default {
    border-color: #FFFFFF;
    border-width: 0px;
    background-image: none;
    background-color: #FFFFFF;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#ffffff));
    background-image: -webkit-linear-gradient(top,#FFFFFF,#FFFFFF);
    background-image: -moz-linear-gradient(top,#ffffff,#ffffff);
    background-image: -o-linear-gradient(top,#ffffff,#ffffff);
    background-image: linear-gradient(top,#ffffff,#ffffff);
}

.wssearchVideo .x-form-text:not(.x-form-invalid-field), textarea.x-form-field:not(.x-form-invalid-field){
    background: transparent;
    height: 23px;
}


.rightbanner .x-grid-group-hd-not-collapsible{
    border-style: none;
    border-width: 0 0 0 0;
}

.rightbanner .x-grid-group-title{
    font: 11px/13px tahoma,arial,verdana,sans-serif;
    color: #888;
    padding:3px 3px;
}

.rightbanner .x-grid-cell-inner{
    padding:5px 30px;
}

.rightbanner .x-grid-td{
    border-color: transparent;
}

.upload_file:hover
{
    border: 1px solid #ccc;
}

.upload_file_1
{
    border: 1px solid transparent;
}

.upload_file_1:hover
{
    border: 1px solid #ccc;
}

.ClientPacketsGrid .x-grid-body
{
    border: 0px solid #c6c6c6;
}

.alertColorText text{
    fill: #990000 !important;
}

.informationColorText text{
    fill: black !important;
}


.sortLabelMargin .x-form-item-label{
    margin-left: 5px;
    font: normal 12px/13px tahoma,arial,verdana,sans-serif;
}

.sortLabelMargin .x-toolbar-default{
    border-color: #bcb0b0;
    border-width: 1px;
    background-image: none;
    background-color: #d8d8d8;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#e6e6e6),color-stop(100%,#efefef));
    background-image: -webkit-linear-gradient(top,#FFFFFF,#FFFFFF);
    background-image: -moz-linear-gradient(top,#e6e6e6,#efefef);
    background-image: -o-linear-gradient(top,#e6e6e6,#efefef);
    background-image: linear-gradient(top,#e6e6e6,#efefef);
}

.sortLabelMargin3 .x-form-item-label{
    margin-left: 4px;
    font: normal 12px/13px tahoma,arial,verdana,sans-serif;
}

.sortLabelMargin2 .x-form-item-label{
    margin-left: 4px;
    font: normal 12px/13px tahoma,arial,verdana,sans-serif;
}
.sortLabelMargin2 .x-toolbar-default{
    border-color: #bcb0b0;
    border-width: 1px;
    background-image: none;
    background-color: #d8d8d8;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#e6e6e6),color-stop(100%,#efefef));
    background-image: -webkit-linear-gradient(top,#FFFFFF,#FFFFFF);
    background-image: -moz-linear-gradient(top,#e6e6e6,#efefef);
    background-image: -o-linear-gradient(top,#e6e6e6,#efefef);
    background-image: linear-gradient(top,#e6e6e6,#efefef);
}


.getdownSearch{
    margin-top:8px !important;
    margin-left:5px !important;
}

.x-container-topbannerNegativ .x-btn-wrap {
    margin: -1px 0px 0px -0px;
}

.video-form-btn .x-btn-button{
    height: 18px !important;
}

.comparissonTree .x-column-header {
    background: none;
    border-right: none;
    border-top: 1px #e3e4e6 solid;
}

.FirstTree {
    background-color: #e8e8e8;
}

.SecondTree {
    background-color: #d8d8d8;
}

.ResultTree {
    background-color: #c8c8c8;
}

.TreeValueBelowZero {
    color: #ff0000;
}

.budge_right_panel_border .x-panel-body.x-menu-body{
    background-color: #fff!important;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: none;
    border-top: 1px solid #c3c3c3 !important;
}


.CheckBoxMarginHeight .x-form-item-label {
    color: black;
    font: normal 12px/14px tahoma,arial,verdana,sans-serif;
    margin-top: 3px;
}

.TreeHeaderToLeft .x-column-header-inner {
    padding: 4px 5px 7px 0px;
}

.assignmentpanel{
    margin-left: 5px;
}

.assignmentpanel .x-docked-top{
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
}

.x-form-field::-ms-clear,
.x-form-field::-ms-reveal {
    display: none;
}

.riskToolbar .x-toolbar{
    padding: 0px 0px 5px 6px !important;
}

.riskToolbar .x-grid-body {
    border: none;
    margin-left: 5px;
}



.comboboxlist-padding .x-grid-cell-inner{
    text-overflow: ellipsis;
    padding: 0px 0px 5px 0px !important;
}

.forced-combo-item-height .x-boundlist-item{
    height: 20px;
}

.x-tip .x-tip-body {
    white-space: nowrap !important;
    width: auto !important;
}

.licenceplan-mainviewcontainer-invalidmark input.x-form-invalid-field{
    background-image: none;
}

.panel_message {
  margin: 10px 0 0 0;
  font-size: 16px;
  color: #aaa;
}




.keypm-toolbar-field {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 14px !important;
}

.keypm-toolbar-field input {
  font-size: 11px !important;
  line-height: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}


span.red {
    color: #cc0000;
}

.EVT-DAY {
    background: #fff;
    text-align: center;
    border: 1px solid #999;
    line-height: 20px;
}

.EVT-WEEK {
    background: #ccc;
    text-align: center;
    border: 1px solid #999;
    line-height: 20px;
}

.EVT-MONTH {
    background: #999;
    text-align: center;
    border: 1px solid #ccc;
    line-height: 20px;
}