

.emailunreadclass a {
	font-weight: bold;
}

.emailreadclass a {

}

 .rotate45 {
     -webkit-transform: rotate(45deg);
}
 .loginMenu .logo {
     text-align:center;
}
 .loginMenu .loginPanel {
     margin-left:auto;
     margin-right:auto;
}
 .loginMenu .versionInfo div {
     margin-top:15px;
     text-align: center;
}
 .loginMenu .errorMsgPanel {
     margin: 30px auto 0px auto;
}
 .loginMenu .errorMsg {
     font-size: 12px;
     color: #bc0b1f;
     line-height:28px;
}
/*green*/
 .toast0, .toast0 .x-autocontainer-innerCt .x-window-default{
     background-color: #66FF66;
}
 .toast4, .toast4 .x-autocontainer-innerCt .x-window-default{
     background-color: #66FF66;
}
/*red*/
 .toast1, .toast1 .x-autocontainer-innerCt .x-window-default {
     background-color: #FF6666;
}
/*yellow*/
 .toast2, .toast2 .x-autocontainer-innerCt .x-window-default{
     background-color: #FFFF66;
}
/** * @author Adam Borowski */
 .a-tagfield-highlight.after:after {
     display: block;
     position: absolute;
     top: -1px;
     bottom: -1px;
     box-sizing: content-box;
     content: ' ';
     border: 1px solid #77c137;
     right: -4px;
}
 .a-tagfield-highlight.before:after {
     display: block;
     position: absolute;
     top: -1px;
     bottom: -1px;
     box-sizing: content-box;
     content: ' ';
     border: 1px solid #77c137;
     left: -4px;
}
 .chartArea div.x-panel-body > div.x-surface {
     position: absolute;
}
 .bs4-back-and-link-icon {
     color: #666666;
     font-weight: bold;
     font-size: 150%;
}
 .bs4-criteria-agent {
     background: #eeeeee;
     border-radius: 3px;
     border-style: none;
}
 .bs4-criteria-agent:hover {
     background: #cfcfcf;
     border-radius: 3px;
     border-style: none;
}
 .bs4-criteria-agent-cancel {
     visibility: hidden;
}
 .bs4-criteria-agent:hover .bs4-criteria-agent-cancel {
     visibility: visible;
}
 .bs4-criteria-clear {
     background: transparent;
     border-radius: 3px;
     border-style: none;
}
 .bs4-criteria-clear:hover {
     background: #f0f0f0;
     border-radius: 3px;
     border-style: none;
}
 .bs4-criteria-select {
     background: #e7e7e7;
     border-radius: 3px;
     border-style: none;
}
 .bs4-criteria-select:hover {
     background: #e7e7e7;
     border-radius: 3px;
     border-style: none;
}
 .bs4-criteria-clear-cancel {
     visibility: hidden;
}
 .bs4-criteria-clear:hover .bs4-criteria-clear-cancel {
     visibility: visible;
}
 .bs4-criteria-select:hover .bs4-criteria-clear-cancel {
     visibility: visible;
}
 .bs4-toast-cancel {
     visibility: hidden;
}
 .bs4-toast:hover .bs4-toast-cancel {
     visibility: visible;
}
 .bs4-form-dirty {
     background-color: #C8E1FF;
}
 .bs4-read-only {
     border-style: none;
}
 .bs4-link:link {
     color: black;
     text-decoration: underline;
}
 .bs4-link:visited {
     color: black;
     text-decoration: underline;
}
 .bs4-link:hover {
     color: black;
     text-decoration: underline;
}
 .bs4-link:active {
     color: silver;
     text-decoration: underline;
}
 .bs4-scroll::-webkit-scrollbar {
     width: 7px;
     height: 7px;
}
 .bs4-scroll::-webkit-scrollbar-thumb {
     background: #999999;
}
 .bs4-scroll::-webkit-scrollbar-thumb:hover {
     background: #cccccc;
}
 .bs4-text-wrapper {
     overflow: auto !important;
     white-space: normal !important;
     text-overflow: ellipsis;
     display: block;
}
 .bs4-text-wrapper-break {
     display: block;
     word-wrap:break-word;
}
 .bs4ReadOnly {
     border: none;
}
/** * @author Magdalena Tokłowicz */
/* a, .bs4-link:link {
     text-decoration: none;
     font-weight: 600;
     color: #022c57!important;
     background-image: linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%), linear-gradient(#022c57, #022c57);
     background-size: 100% 1px, 0 1px;
     background-position: 100% 100%, 0 100%;
     background-repeat: no-repeat;
     transition: background-size 0.2s linear;
}
 a:hover, .bs4-link:link:hover {
     color: #bd0d1f!important;
     background-size: 0 1px, 100% 1px;
}
 .x-menu-item a {
     background-image: none;
}
 .bs4MainToolbar a {
     background-image: none;
}
*/
 .bs4_my_message {
     margin-left: 20%!important;
     background-color: #ccc;
     padding: 20px;
     border-radius: 10px;
}
 .bs4_their_message {
     background-color: #f7f7f7;
}
 .bs4_their_new_message {
     background-color: #fff;
     border: 1px solid #f7f7f7;
     box-shadow: 0 0 0.2em #000;
}
 .bs4_their_message, .bs4_their_new_message {
     margin-right: 20%!important;
     padding: 20px;
     border-radius: 10px;
}
 .bs4_my_message, .bs4_their_message, .bs4_their_new_message {
     margin: 10px;
     padding-top: 10px;
}
 .bs4_my_message img, .bs4_their_message img, .bs4_their_new_message img {
     float: left;
     margin: 0 5px;
     width: 35px;
     height: 35px;
}
 .bs4_msg_user_name, .bs4_msg_date {
     font-weight: 600;
     font-size: 14px;
}
 .bs4_msg_user_name {
     float: left;
}
 .bs4_msg_date {
     float: right;
}
 .bs4_msg_body {
     padding-top: 5px;
     font-size: 15px;
     line-height: 20px;
}
 .bs4_msg_thumbs {
     font-size: 15px;
     float: right;
     margin-left: 10px;
}
 .bs4_msg_title {
     opacity: 0.7!important;
}
 .x-form-display-field img {
     box-shadow: 0 0 0.5em #bcbcc2!important;
}
 .x-grid-item, .x-grid-with-row-lines {
     border-radius: 5px;
     border: none;
     border-width: 0 0 0!important;
     font: 300 15px helvetica, arial, verdana, sans-serif!important;
}
 .x-form-trigger-wrap-default, .x-form-text-default, .x-form-text, .x-autocontainer-form-item .x-toolbar {
     border-radius: 5px!important;
}
 .x-btn-default-small {
     background-image: none;
     color: #fff!important;
     background-color: #022c57!important;
     border-color: #022c57!important;
}
 .x-btn-inner-default-small {
     color: inherit!important;
     font: 400 13px helvetica, arial, verdana, sans-serif!important;
}
 .colbs4Editable {
     border: 1px solid #aaa;
     margin: 2px!important;
     box-shadow: inset 1px 1px 9px -2px #9c9c9c!important;
     cursor: text!important;
     vertical-align: middle!important;
}
 .x-grid-cell, .x-tagfield-body {
     vertical-align: middle!important;
}
 .x-btn-icon-el {
     color: inherit!important;
}
 .x-btn-default-small:hover {
     background-color: #fff!important;
     border: 1px solid #022c57!important;
     color: #022c57!important;
     transition: 0.3s;
}
/* zebra .x-grid-item-container table:nth-child(odd) {
     background-color: #f2f2f2;
}
 .x-grid-item-container table:nth-child(odd):hover {
     background-color: #c2ddf2;
}
 */
 .x-form-trigger-default {
     border-radius: 5px;
}
 .x-form-text-default .x-tagfield-item {
     border: none!important;
     background-color: #e6e6e6!important;
     margin: 0 5px 5px 0!important;
}
 .x-btn-default-toolbar-small {
     border: none!important;
     background-color: #fff!important;
     box-shadow: 0 0 0.2em #000;
     margin: 2px!important;
     top: 0!important;
}
 .x-btn-default-toolbar-small:hover {
     background-color: #022c57!important;
}
 .x-btn-default-toolbar-small:hover {
     color: #fff!important;
     transition: 0.2s;
}
 .x-menu-item a, .x-menu-item-text-default {
     color: inherit!important;
}
/*tu zmiana na inherit czarny drugi biały*/
 .x-btn-inner-default-toolbar-small {
     color: inherit!important;
     transition: 0.2s;
}
 .x-btn-inner-default-toolbar-small:hover {
     color: inherit!important;
     transition: 0.2s;
}
/*tu zmiana na inherit czarny drugi biały*/
 .x-btn-icon-el-default-toolbar-small {
     color: inherit!important;
     transition: 0.2s;
}
 .x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small {
     box-shadow: inset 0 0 0.5em #000!important;
     border: none!important;
}
 .bs4-back-and-link-icon {
     cursor: pointer;
}
 .x-title-icon, .x-tool-tool-el {
     color: #022c57!important;
}
 iframe {
     box-shadow: 0 0 0.5em #cccccc;
     border: none;
     border-radius: 5px;
}
 .x-form-item-label-default {
     color: #888!important;
}
 .x-panel-header-title-default {
     color: #022c57!important;
}
 .x-box-item i, .x-box-item sup {
     color: #022c57!important;
}
 .bs4-toast {
     border-radius: 10px;
}
 .x-toast .fas {
     color: #ad1111!important;
}
 .sch-event {
     border-radius: 10px;
     border: none!important;
}
 div.sch-event-selected, .sch-event {
     background-color: #c2ddf2!important;
}
 .sch-event-inner {
     padding: 3px 8px!important;
}
 .sch-schedulerview .sch-resizable-handle {
     border-color: #aaa!important;
}
 .bs4_msg_log {
     text-align: center;
}
 .x-panel {
     border-radius: 10px;
}
 .bs4-back-and-link-icon {
     color: #022c57!important;
}
 .x-menu-body-default, .x-treelist {
     background-color: #022c57!important;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
}
 .x-menu-default {
     border: none!important;
}
 .x-css-shadow {
     box-shadow: none!important;
}
 .x-menu, .x-treelist-item-text, .x-treelist-item {
     color: #c2c2c2!important;
}
 .x-menu-item-active, .x-menu-item:hover, .x-treelist-item:hover, .x-treelist-item-text:hover, .bs4selectedMainMenu {
     color: #fff!important;
}
 .x-menu-item-icon-default, .x-treelist-item-icon {
     color: inherit!important;
}
 .x-menu-item-icon-default {
     top: 3px!important;
     left: 2px!important;
}
 .x-menu {
     box-shadow: none!important;
}
 .x-treelist-row:hover {
     background-color: #022c57!important;
}
 .x-menu-item-default.x-menu-item-focus, .x-menu-item-default.x-menu-item-active {
     background-color: initial!important;
}
 .bs4selectedMenu {
     box-shadow: inset 0 0 0.5em #000!important;
}
 .x-grid-cell-inner {
     padding: 6px!important;
}
/* tu jest problema z dziwnymi liniami w tygodniowym widoku kalendarza */
 .x-grid-row, .x-grid-item, .x-grid-with-row-lines {
     border-bottom: 1px solid rgba(0, 0, 0, 0.1)!important;
}
 .sch-calendar-view .x-grid-item {
     border-bottom: none!important;
}
 .x-grid-checkcolumn-cell-inner {
     padding: 5px 4px 4px 4px!important;
}
/* boxes */
 .bs4_box_blue {
     background-color: #2D58D1;
     color: #fff !important;
     border-radius: 15px;
     padding: 15px;
     height: 100px;
     width: 100%;
     font-family: 'Helvetica', sans-serif;
     cursor: pointer;
     position: relative;
     transition: .2s;
}
 .bs4_box_blue:hover {
     border-radius: 5px;
     padding: 15px 15px 15px 25px;
     transition: .4s;
}
 .bs4_box_yellow {
     background-color: #F2B60E;
     color: #fff !important;
     border-radius: 15px;
     padding: 15px;
     height: 100px;
     width: 100%;
     font-family: 'Helvetica', sans-serif;
     cursor: pointer;
     position: relative;
     transition: .2s;
}
 .bs4_box_yellow:hover {
     border-radius: 5px;
     padding: 15px 15px 15px 25px;
     transition: .4s;
}
 .bs4_box_red {
     background-color: #DC1E1E;
     color: #fff !important;
     border-radius: 15px;
     padding: 15px;
     height: 100px;
     width: 100%;
     font-family: 'Helvetica', sans-serif;
     cursor: pointer;
     position: relative;
     transition: .4s;
}
 .bs4_box_red:hover {
     border-radius: 5px;
     padding: 15px 15px 15px 25px;
     transition: .2s;
}
 .bs4_box_green {
     background-color: #3BAE2C;
     color: #fff !important;
     border-radius: 15px;
     padding: 15px;
     height: 100px;
     width: 100%;
     font-family: 'Helvetica', sans-serif;
     cursor: pointer;
     position: relative;
     transition: .2s;
}
 .bs4_box_green:hover {
     border-radius: 5px;
     padding: 15px 15px 15px 25px;
     transition: .4s;
}
/* custom styles choice - buttons */
 .bs4_violet .x-btn-default-small:hover, .bs4_blue .x-btn-default-small:hover, .bs4_navy .x-btn-default-small:hover, .bs4_red .x-btn-default-small:hover, .bs4_gray .x-btn-default-small:hover, .bs4_green .x-btn-default-small:hover, .bs4_yellow .x-btn-default-small:hover, .bs4_turquoise .x-btn-default-small:hover, .bs4_black .x-btn-default-small:hover, .bs4_claret .x-btn-default-small:hover, .bs4_salmon .x-btn-default-small:hover, .bs4_olive .x-btn-default-small:hover, .bs4_brown .x-btn-default-small:hover, .bs4_heather .x-btn-default-small:hover, .bs4_pink .x-btn-default-small:hover, .bs4_honey .x-btn-default-small:hover, .bs4_orange .x-btn-default-small:hover, .bs4_bright_green .x-btn-default-small:hover, .bs4_strawberry .x-btn-default-small:hover, .bs4_plum .x-btn-default-small:hover, .bs4_mint .x-btn-default-small:hover {
     background-color: #fff!important;
}
 .bs4_violet .x-btn-default-small {
     background-color: #563d7c!important;
     color: #fff!important;
     border: 1px solid #563d7c!important;
}
 .bs4_violet .x-btn-default-small:hover {
     color: #563d7c!important;
}
 .bs4_blue .x-btn-default-small {
     background-color: #007bff!important;
     color: #fff!important;
     border: 1px solid #007bff!important;
}
 .bs4_blue .x-btn-default-small:hover {
     color: #007bff!important;
}
 .bs4_navy .x-btn-default-small {
     background-color: #022c57!important;
     color: #fff!important;
     border: 1px solid #022c57!important;
}
 .bs4_navy .x-btn-default-small:hover {
     color: #022c57!important;
}
 .bs4_red .x-btn-default-small {
     background-color: #bd0d1f!important;
     color: #fff!important;
     border: 1px solid #bd0d1f!important;
}
 .bs4_red .x-btn-default-small:hover {
     color: #bd0d1f!important;
}
 .bs4_gray .x-btn-default-small {
     background-color: #545b62!important;
     color: #fff!important;
     border: 1px solid #545b62!important;
}
 .bs4_gray .x-btn-default-small:hover {
     color: #545b62!important;
}
 .bs4_green .x-btn-default-small {
     background-color: #1e7e34!important;
     color: #fff!important;
     border: 1px solid #1e7e34!important;
}
 .bs4_green .x-btn-default-small:hover {
     color: #1e7e34!important;
}
 .bs4_yellow .x-btn-default-small {
     background-color: #ffc107!important;
     color: #fff!important;
     border: 1px solid #ffc107!important;
}
 .bs4_yellow .x-btn-default-small:hover {
     color: #ffc107!important;
}
 .bs4_turquoise .x-btn-default-small {
     background-color: #02a8bb!important;
     color: #fff!important;
     border: 1px solid #02a8bb!important;
}
 .bs4_turquoise .x-btn-default-small:hover {
     color: #02a8bb!important;
}
 .bs4_black .x-btn-default-small {
     background-color: #000!important;
     color: #fff!important;
     border: 1px solid #000!important;
}
 .bs4_black .x-btn-default-small:hover {
     color: #000!important;
}
 .bs4_claret .x-btn-default-small {
     background-color: #660000!important;
     color: #fff!important;
     border: 1px solid #660000!important;
}
 .bs4_claret .x-btn-default-small:hover {
     color: #660000!important;
}
 .bs4_salmon .x-btn-default-small {
     background-color: #efa794!important;
     color: #fff!important;
     border: 1px solid #efa794!important;
}
 .bs4_salmon .x-btn-default-small:hover {
     color: #efa794!important;
}

.bs4_salmon {
  background-color: #efa794!important;
  color: #fff!important;
  border: 1px solid #efa794!important;
}

.bs4_salmon:hover {
  color: #efa794!important;
}

 .bs4_olive .x-btn-default-small {
     background-color: #7c7c00!important;
     color: #fff!important;
     border: 1px solid #7c7c00!important;
}
 .bs4_olive .x-btn-default-small:hover {
     color: #7c7c00!important;
}
 .bs4_brown .x-btn-default-small {
     background-color: #844204!important;
     color: #fff!important;
     border: 1px solid #844204!important;
}
 .bs4_brown .x-btn-default-small:hover {
     color: #844204!important;
}
 .bs4_heather .x-btn-default-small {
     background-color: #c37493!important;
     color: #fff!important;
     border: 1px solid #c37493!important;
}
 .bs4_heather .x-btn-default-small:hover {
     color: #c37493!important;
}
 .bs4_pink .x-btn-default-small {
     background-color: #ff00a8!important;
     color: #fff!important;
     border: 1px solid #ff00a8!important;
}
 .bs4_pink .x-btn-default-small:hover {
     color: #ff00a8!important;
}
 .bs4_honey .x-btn-default-small {
     background-color: #d49d15!important;
     color: #fff!important;
     border: 1px solid #d49d15!important;
}
 .bs4_honey .x-btn-default-small:hover {
     color: #d49d15!important;
}
 .bs4_orange .x-btn-default-small {
     background-color: #d47815!important;
     color: #fff!important;
     border: 1px solid #d47815!important;
}
 .bs4_orange .x-btn-default-small:hover {
     color: #d47815!important;
}
 .bs4_bright_green .x-btn-default-small {
     background-color: #00ff00!important;
     color: #fff!important;
     border: 1px solid #00ff00!important;
}
 .bs4_bright_green .x-btn-default-small:hover {
     color: #00ff00!important;
}
 .bs4_strawberry .x-btn-default-small {
     background-color: #cf2942!important;
     color: #fff!important;
     border: 1px solid #cf2942!important;
}
 .bs4_strawberry .x-btn-default-small:hover {
     color: #cf2942!important;
}
 .bs4_plum .x-btn-default-small {
     background-color: #50344f!important;
     color: #fff!important;
     border: 1px solid #50344f!important;
}
 .bs4_plum .x-btn-default-small:hover {
     color: #50344f!important;
}
 .bs4_mint .x-btn-default-small {
     background-color: #bce27f!important;
     color: #fff!important;
     border: 1px solid #bce27f!important;
}
 .bs4_mint .x-btn-default-small:hover {
     color: #bce27f!important;
}
/* custom styles choice - sheets */
 .bs4_violet a:hover, .bs4_blue a:hover, .bs4_navy a:hover, .bs4_gray a:hover, .bs4_green a:hover, .bs4_yellow a:hover, .bs4_turquoise a:hover, .bs4_black a:hover, .bs4_claret a:hover, .bs4_salmon a:hover, .bs4_olive a:hover, .bs4_brown a:hover, .bs4_heather a:hover, .bs4_pink a:hover, .bs4_honey a:hover, .bs4_orange a:hover, .bs4_bright_green a:hover, .bs4_strawberry a:hover, .bs4_plum a:hover, .bs4_mint a:hover {
     background-size: 0 1px, 100% 1px;
}
 .bs4_violet, .bs4_violet a, .bs4_blue, .bs4_blue a, .bs4_navy, .bs4_navy a, .bs4_red, .bs4_red a, .bs4_gray, .bs4_gray a, .bs4_green, .bs4_green a, .bs4_turquoise a, .bs4_black, .bs4_black a, .bs4_claret, .bs4_claret a, .bs4_olive, .bs4_olive a, .bs4_brown, .bs4_brown a, .bs4_heather, .bs4_heather a, .bs4_pink, .bs4_pink a, .bs4_honey, .bs4_honey a, .bs4_orange, .bs4_orange a, .bs4_strawberry, .bs4_strawberry a, .bs4_plum, .bs4_plum a {
     color: #fff!important;
}
 .bs4_red a:hover, .bs4_yellow, .bs4_yellow a, .bs4_salmon, .bs4_salmon a, .bs4_bright_green, .bs4_bright_green a, .bs4_mint, .bs4_mint a {
     color: #000!important;
}
 .x-grid-cell.bs4_violet {
     background-color: rgba(86, 61, 124)!important;
}
 .x-grid-cell.bs4_violet:hover {
     background-color: rgba(86, 61, 124, 0.7)!important;
}
 .x-grid-cell.bs4_blue {
     background-color: rgba(0, 123, 255)!important;
}
 .x-grid-cell.bs4_blue:hover {
     background-color: rgba(0, 123, 255, 0.7)!important;
}
 .x-grid-cell.bs4_navy {
     background-color: rgba(2, 44, 87)!important;
}
 .x-grid-cell.bs4_navy:hover {
     background-color: rgba(2, 44, 87, 0.7)!important;
}
 .x-grid-cell.bs4_red {
     background-color: rgba(189, 13, 31)!important;
}
 .x-grid-cell.bs4_red:hover {
     background-color: rgba(189, 13, 31, 0.7)!important;
}
 .x-grid-cell.bs4_gray {
     background-color: rgba(84, 91, 98)!important;
}
 .x-grid-cell.bs4_gray:hover {
     background-color: rgba(84, 91, 98, 0.7)!important;
}
 .x-grid-cell.bs4_green {
     background-color: rgba(30, 126, 52)!important;
}
 .x-grid-cell.bs4_green:hover {
     background-color: rgba(30, 126, 52, 0.7)!important;
}
 .x-grid-cell.bs4_yellow {
     background-color: rgba(255, 193, 7)!important;
}
 .x-grid-cell.bs4_yellow:hover {
     background-color: rgba(255, 193, 7, 0.7)!important;
}
 .x-grid-cell.bs4_turquoise {
     background-color: rgba(2, 168, 187)!important;
}
 .x-grid-cell.bs4_turquoise:hover {
     background-color: rgba(2, 168, 187, 0.7)!important;
}
 .x-grid-cell.bs4_black {
     background-color: rgba(0, 0, 0)!important;
}
 .x-grid-cell.bs4_black:hover {
     background-color: rgba(0, 0, 0, 0.7)!important;
}
 .x-grid-cell.bs4_claret {
     background-color: rgba(102, 0, 0)!important;
}
 .x-grid-cell.bs4_claret:hover {
     background-color: rgba(102, 0, 0, 0.7)!important;
}
 .x-grid-cell.bs4_salmon {
     background-color: rgba(239, 167, 148)!important;
}
 .x-grid-cell.bs4_salmon:hover {
     background-color: rgba(239, 167, 148, 0.7)!important;
}
 .x-grid-cell.bs4_olive {
     background-color: rgba(124, 124, 0)!important;
}
 .x-grid-cell.bs4_olive:hover {
     background-color: rgba(124, 124, 0, 0.7)!important;
}
 .x-grid-cell.bs4_brown {
     background-color: rgba(132, 66, 4)!important;
}
 .x-grid-cell.bs4_brown:hover {
     background-color: rgba(132, 66, 4, 0.7)!important;
}
 .x-grid-cell.bs4_heather {
     background-color: rgba(195, 116, 147)!important;
}
 .x-grid-cell.bs4_heather:hover {
     background-color: rgba(195, 116, 147, 0.7)!important;
}
 .x-grid-cell.bs4_pink {
     background-color: rgba(255, 0, 168)!important;
}
 .x-grid-cell.bs4_pink:hover {
     background-color: rgba(255, 0, 168, 0.7)!important;
}
 .x-grid-cell.bs4_honey {
     background-color: rgba(212, 157, 21)!important;
}
 .x-grid-cell.bs4_honey:hover {
     background-color: rgba(212, 157, 21, 0.7)!important;
}
 .x-grid-cell.bs4_orange {
     background-color: rgba(212, 120, 21)!important;
}
 .x-grid-cell.bs4_orange:hover {
     background-color: rgba(212, 120, 21, 0.7)!important;
}
 .x-grid-cell.bs4_bright_green {
     background-color: rgba(0, 255, 0)!important;
}
 .x-grid-cell.bs4_bright_green:hover {
     background-color: rgba(0, 255, 0, 0.7)!important;
}
 .x-grid-cell.bs4_strawberry {
     background-color: rgba(207, 41, 66)!important;
}
 .x-grid-cell.bs4_strawberry:hover {
     background-color: rgba(207, 41, 66, 0.7)!important;
}
 .x-grid-cell.bs4_plum {
     background-color: rgba(80, 52, 79)!important;
}
 .x-grid-cell.bs4_plum:hover {
     background-color: rgba(80, 52, 79, 0.7)!important;
}
 .x-grid-cell.bs4_mint {
     background-color: rgba(188, 226, 127)!important;
}
 .x-grid-cell.bs4_mint:hover {
     background-color: rgba(188, 226, 127, 0.7)!important;
}
/* custom styles choice - form elements */
 .x-form-item-default {
     padding: 4px!important;
}
/* wyjątek od powyższego, bo się rozjeżdża wyszukiwarka na górze */
 .bs4MainToolbar .x-form-item-default {
     padding: 0px!important;
}
 .x-form-item-default {
     border-radius: 5px;
}
 .x-anchor-form-item {
     padding: 10px;
}
 .bs4_violet .x-form-item-label-default, .bs4_violet .fa-info-circle, .bs4_violet .x-form-cb-label-default, .bs4_violet .x-form-display-field-default, .bs4_navy .x-form-item-label-default, .bs4_navy .fa-info-circle, .bs4_navy .x-form-cb-label-default, .bs4_navy .x-form-display-field-default, .bs4_red .x-form-item-label-default, .bs4_red .fa-info-circle, .bs4_red .x-form-cb-label-default, .bs4_heather .x-form-display-field-default, .bs4_gray .x-form-item-label-default, .bs4_gray .fa-info-circle, .bs4_gray .x-form-cb-label-default, .bs4_red .x-form-display-field-default, .bs4_green .x-form-item-label-default, .bs4_green .fa-info-circle, .bs4_green .x-form-cb-label-default, .bs4_green .x-form-display-field-default, .bs4_black .x-form-item-label-default, .bs4_black .fa-info-circle, .bs4_black .x-form-cb-label-default, .bs4_black .x-form-display-field-default, .bs4_claret .x-form-item-label-default, .bs4_claret .fa-info-circle, .bs4_claret .x-form-cb-label-default, .bs4_claret .x-form-display-field-default, .bs4_olive .x-form-item-label-default, .bs4_olive .fa-info-circle, .bs4_olive .x-form-cb-label-default, .bs4_olive .x-form-display-field-default, .bs4_brown .x-form-item-label-default, .bs4_brown .fa-info-circle, .bs4_brown .x-form-cb-label-default, .bs4_brown .x-form-display-field-default, .bs4_heather .x-form-item-label-default, .bs4_heather .fa-info-circle, .bs4_heather .x-form-cb-label-default, .bs4_heather .x-form-display-field-default, .bs4_pink .x-form-item-label-default, .bs4_pink .fa-info-circle, .bs4_pink .x-form-cb-label-default, .bs4_pink .x-form-display-field-default, .bs4_honey .x-form-item-label-default, .bs4_honey .fa-info-circle, .bs4_honey .x-form-cb-label-default, .bs4_honey .x-form-display-field-default, .bs4_orange .x-form-item-label-default, .bs4_orange .fa-info-circle, .bs4_orange .x-form-cb-label-default, .bs4_orange .x-form-display-field-default, .bs4_strawberry .x-form-item-label-default, .bs4_strawberry .fa-info-circle, .bs4_strawberry .x-form-cb-label-default, .bs4_strawberry .x-form-display-field-default, .bs4_plum .x-form-item-label-default, .bs4_plum .fa-info-circle, .bs4_plum .x-form-cb-label-default, .bs4_plum .x-form-display-field-default {
     color: #fff!important;
}
 .bs4_blue .x-form-item-label-default, .bs4_blue .fa-info-circle, .bs4_blue .x-form-cb-label-default, .bs4_blue .x-form-display-field-default, .bs4_turquoise .x-form-item-label-default, .bs4_turquoise .fa-info-circle, .bs4_turquoise .x-form-cb-label-default, .bs4_turquoise .x-form-display-field-default {
     color: #000!important;
}
 .x-form-item.bs4_violet {
     background-color: #563d7c!important;
}
 .x-form-item.bs4_blue {
     background-color: #007bff!important;
}
 .x-form-item.bs4_navy {
     background-color: #022c57!important;
}
 .x-form-item.bs4_red {
     background-color: #bd0d1f!important;
}
 .x-form-item.bs4_gray {
     background-color: #545b62!important;
}
 .x-form-item.bs4_green {
     background-color: #1e7e34!important;
}
 .x-form-item.bs4_yellow {
     background-color: #ffc107!important;
}
 .x-form-item.bs4_turquoise {
     background-color: #02a8bb!important;
}
 .x-form-item.bs4_black {
     background-color: #000!important;
}
 .x-form-item.bs4_claret {
     background-color: #660000!important;
}
 .x-form-item.bs4_salmon {
     background-color: #efa794!important;
}
 .x-form-item.bs4_olive {
     background-color: #7c7c00!important;
}
 .x-form-item.bs4_brown {
     background-color: #844204!important;
}
 .x-form-item.bs4_heather {
     background-color: #c37493!important;
}
 .x-form-item.bs4_pink {
     background-color: #ff00a8!important;
}
 .x-form-item.bs4_honey {
     background-color: #d49d15!important;
}
 .x-form-item.bs4_orange {
     background-color: #d47815!important;
}
 .x-form-item.bs4_bright_green {
     background-color: #00ff00!important;
}
 .x-form-item.bs4_strawberry {
     background-color: #cf2942!important;
}
 .x-form-item.bs4_plum {
     background-color: #50344f!important;
}
 .x-form-item.bs4_mint {
     background-color: #bce27f!important;
}
/* form elements: because of white links in colored sheets inside form elements */
 .x-form-item.bs4_navy .x-grid-body a, .x-form-item.bs4_violet .x-grid-body a, .x-form-item.bs4_blue .x-grid-body a, .x-form-item.bs4_red .x-grid-body a, .x-form-item.bs4_gray .x-grid-body a, .x-form-item.bs4_green .x-grid-body a, .x-form-item.bs4_turquoise .x-grid-body a, .x-form-item.bs4_black .x-grid-body a, .x-form-item.bs4_claret .x-grid-body a, .x-form-item.bs4_olive .x-grid-body a, .x-form-item.bs4_brown .x-grid-body a, .x-form-item.bs4_heather .x-grid-body a, .x-form-item.bs4_pink .x-grid-body a, .x-form-item.bs4_honey .x-grid-body a, .x-form-item.bs4_orange .x-grid-body a, .x-form-item.bs4_strawberry .x-grid-body a, .x-form-item.bs4_plum .x-grid-body a {
     color: #022c57!important;
}
/* toolbar menu buttons, horizontal menu buttons */
 .x-btn-default-toolbar-small.bs4_violet {
     background-color: #563d7c!important;
}
 .x-btn-default-toolbar-small.bs4_blue {
     background-color: #007bff!important;
}
 .x-btn-default-toolbar-small.bs4_navy {
     background-color: #022c57!important;
}
 .x-btn-default-toolbar-small.bs4_red {
     background-color: #bd0d1f!important;
}
 .x-btn-default-toolbar-small.bs4_gray {
     background-color: #545b62!important;
}
 .x-btn-default-toolbar-small.bs4_green {
     background-color: #1e7e34!important;
}
 .x-btn-default-toolbar-small.bs4_yellow {
     background-color: #ffc107!important;
}
 .x-btn-default-toolbar-small.bs4_turquoise {
     background-color: #02a8bb!important;
}
 .x-btn-default-toolbar-small.bs4_black {
     background-color: #000!important;
}
 .x-btn-default-toolbar-small.bs4_claret {
     background-color: #660000!important;
}
 .x-btn-default-toolbar-small.bs4_salmon {
     background-color: #efa794!important;
}
 .x-btn-default-toolbar-small.bs4_olive {
     background-color: #7c7c00!important;
}
 .x-btn-default-toolbar-small.bs4_brown {
     background-color: #844204!important;
}
 .x-btn-default-toolbar-small.bs4_heather {
     background-color: #c37493!important;
}
 .x-btn-default-toolbar-small.bs4_pink {
     background-color: #ff00a8!important;
}
 .x-btn-default-toolbar-small.bs4_honey {
     background-color: #d49d15!important;
}
 .x-btn-default-toolbar-small.bs4_orange {
     background-color: #d47815!important;
}
 .x-btn-default-toolbar-small.bs4_bright_green {
     background-color: #00ff00!important;
}
 .x-btn-default-toolbar-small.bs4_strawberry {
     background-color: #cf2942!important;
}
 .x-btn-default-toolbar-small.bs4_plum {
     background-color: #50344f!important;
}
 .x-btn-default-toolbar-small.bs4_mint {
     background-color: #bce27f!important;
}
 .x-btn-default-toolbar-small.bs4_yellow, .x-btn-default-toolbar-small.bs4_turquoise, .x-btn-default-toolbar-small.bs4_salmon, .x-btn-default-toolbar-small.bs4_mint {
     color: #000!important;
}
/* kolory dla kalendarzy, terminarzy */
 .cal-sch-view .sch-event .sch-event-inner {
     background-color: initial!important;
    /* żeby w widoku tygodniowym i dziennym kolory nie były wyblakłe */
}
 table .bs4_violet {
     background-color: #563d7c!important;
}
 table .bs4_blue {
     background-color: #007bff!important;
}
 table .bs4_navy {
     background-color: #022c57!important;
}
 table .bs4_red {
     background-color: #bd0d1f!important;
}
 table .bs4_gray {
     background-color: #545b62!important;
}
 table .bs4_green {
     background-color: #1e7e34!important;
}
 table .bs4_yellow {
     background-color: #ffc107!important;
}
 table .bs4_turquoise {
     background-color: #02a8bb!important;
}
 table .bs4_black {
     background-color: #000!important;
}
 table .bs4_claret {
     background-color: #660000!important;
}
 table .bs4_salmon {
     background-color: #efa794!important;
}
 table .bs4_olive {
     background-color: #7c7c00!important;
}
 table .bs4_brown {
     background-color: #844204!important;
}
 table .bs4_heather {
     background-color: #c37493!important;
}
 table .bs4_pink {
     background-color: #ff00a8!important;
}
 table .bs4_honey {
     background-color: #d49d15!important;
}
 table .bs4_orange {
     background-color: #d47815!important;
}
 table .bs4_bright_green {
     background-color: #00ff00!important;
}
 table .bs4_strawberry {
     background-color: #cf2942!important;
}
 table .bs4_plum {
     background-color: #50344f!important;
}
 table .bs4_mint {
     background-color: #bce27f!important;
}
