@charset "UTF-8";

:root {
  --cmscolor: #3856a4;
}

/*
 *	znane przekształcenia
 *	- kolor podstawowy
 *		#3856a4
 *		rgba(56, 86, 164, XXX)
 *
 *	- przyciemnianie				darken([COLOR], [LEVEL])
 *		#345099		[ 3%]
 *		#324c91		[ 5%]
 *		#2e4787		[ 7.5%]
 *		#2e4686		[ 8%]
 *		#2b427e		[10%]
 *		#283d74		[12.5%]
 *		#25386b		[15%]
 *		#1e2e58		[20%]
 *		#182445		[25%]
 *		#111a32		[30%]
 *		#0b101f		[35%]
 *
 *	- rozjaśnianie					lighten([COLOR], [LEVEL])
 *		#3e60b7		[ 5%]
 *		#4366bf		[ 7.5%]
 *		#4d6dc2		[10%]
 *		#607dc9		[15%]
 *		#738ccf		[20%]
 *		#869cd6		[25%]
 *		#99acdc		[30%]
 *		#acbbe3		[35%]
 *
 *	- inne
 *		#4e6399		mix(#ffffff, darken([COLOR], 7.5%), 15%)
 *		#4b5e91		mix(#ffffff, darken([COLOR], 10%), 15%)
 *
 *	kolory stałe:
 *		$gray-300:				#dee2e6 !default;
 *		$yiq-text-dark:			#1F2D3D !default;
 *		$yiq-text-light:		#ffffff !default;
 *		darken(#ffffff, 7.5%)	#ececec
 */


.sidebar-dark-cmscolor .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-cmscolor .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #3856a4;
  color: #ffffff;
}

.sidebar-dark-cmscolor .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-cmscolor .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  border-color: #3856a4;
}

.navbar-cmscolor {
  background-color: #3856a4;
}

.custom-switch.custom-switch-off-cmscolor .custom-control-input ~ .custom-control-label::before {
  background: #3856a4;
  border-color: #1e2e58;
}

.custom-switch.custom-switch-off-cmscolor .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(56, 86, 164, 0.25);
}

.custom-switch.custom-switch-off-cmscolor .custom-control-input ~ .custom-control-label::after {
  background: #182445;
}

.custom-switch.custom-switch-on-cmscolor .custom-control-input:checked ~ .custom-control-label::before {
  background: #3856a4;
  border-color: #1e2e58;
}

.custom-switch.custom-switch-on-cmscolor .custom-control-input:checked:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(56, 86, 164, 0.25);
}

.custom-switch.custom-switch-on-cmscolor .custom-control-input:checked ~ .custom-control-label::after {
  background: #99acdc;
}

.custom-range.custom-range-cmscolor:focus {
  outline: none;
}

.custom-range.custom-range-cmscolor:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(56, 86, 164, 0.25);
}

.custom-range.custom-range-cmscolor:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(56, 86, 164, 0.25);
}

.custom-range.custom-range-cmscolor:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(56, 86, 164, 0.25);
}

.custom-range.custom-range-cmscolor::-webkit-slider-thumb {
  background-color: #3856a4;
}

.custom-range.custom-range-cmscolor::-webkit-slider-thumb:active {
  background-color: #acbbe3;
}

.custom-range.custom-range-cmscolor::-moz-range-thumb {
  background-color: #3856a4;
}

.custom-range.custom-range-cmscolor::-moz-range-thumb:active {
  background-color: #acbbe3;
}

.custom-range.custom-range-cmscolor::-ms-thumb {
  background-color: #3856a4;
}

.custom-range.custom-range-cmscolor::-ms-thumb:active {
  background-color: #acbbe3;
}

.card-cmscolor:not(.card-outline) > .card-header {
  background-color: #3856a4;
}

.card-cmscolor:not(.card-outline) > .card-header,
.card-cmscolor:not(.card-outline) > .card-header a {
  color: #ffffff;
}

.card-cmscolor:not(.card-outline) > .card-header a.active {
  color: #1F2D3D;
}

.card-cmscolor.card-outline {
  border-top: 3px solid #3856a4;
}

.card-cmscolor.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-cmscolor.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #3856a4;
}

.bg-cmscolor .btn-tool,
.bg-gradient-cmscolor .btn-tool,
.card-cmscolor:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-cmscolor .btn-tool:hover,
.bg-gradient-cmscolor .btn-tool:hover,
.card-cmscolor:not(.card-outline) .btn-tool:hover {
  color: #ffffff;
}

.card.bg-cmscolor .bootstrap-datetimepicker-widget .table td,
.card.bg-cmscolor .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-cmscolor .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-cmscolor .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-cmscolor .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-cmscolor .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-cmscolor .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-cmscolor .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-cmscolor .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-cmscolor .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-cmscolor .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-cmscolor .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-cmscolor .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-cmscolor .bootstrap-datetimepicker-widget table td.second:hover {
  background: #2e4686;
  color: #ffffff;
}

.card.bg-cmscolor .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-cmscolor .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #ffffff;
}

.card.bg-cmscolor .bootstrap-datetimepicker-widget table td.active,
.card.bg-cmscolor .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-cmscolor .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-cmscolor .bootstrap-datetimepicker-widget table td.active:hover {
  background: #4d6dc2;
  color: #ffffff;
}

.todo-list .cmscolor {
  border-left-color: #3856a4;
}

.toast.bg-cmscolor {
  background: rgba(56, 86, 164, 0.9) !important;
}

.toast.bg-cmscolor .close, .toast.bg-cmscolor .mailbox-attachment-close {
  color: #ffffff;
  text-shadow: 0 1px 0 #000;
}

.toast.bg-cmscolor .toast-header {
  background: rgba(56, 86, 164, 0.85);
  color: #ffffff;
}

.direct-chat-cmscolor .right > .direct-chat-text {
  background: #3856a4;
  border-color: #3856a4;
  color: #ffffff;
}

.direct-chat-cmscolor .right > .direct-chat-text::after, .direct-chat-cmscolor .right > .direct-chat-text::before {
  border-left-color: #3856a4;
}

.select2-container--default .select2-cmscolor.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-cmscolor .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-cmscolor .select2-search--inline .select2-search__field:focus,
.select2-cmscolor .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-cmscolor .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-cmscolor .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 1px solid #869cd6;
}

.select2-container--default .select2-cmscolor .select2-results__option--highlighted,
.select2-cmscolor .select2-container--default .select2-results__option--highlighted {
  background-color: #3856a4;
  color: #ffffff;
}

.select2-container--default .select2-cmscolor .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-cmscolor .select2-results__option--highlighted[aria-selected]:hover,
.select2-cmscolor .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-cmscolor .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #345099;
  color: #ffffff;
}

.select2-container--default .select2-cmscolor .select2-selection--multiple:focus,
.select2-cmscolor .select2-container--default .select2-selection--multiple:focus {
  border-color: #869cd6;
}

.select2-container--default .select2-cmscolor .select2-selection--multiple .select2-selection__choice,
.select2-cmscolor .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3856a4;
  border-color: #324c91;
  color: #ffffff;
}

.select2-container--default .select2-cmscolor .select2-selection--multiple .select2-selection__choice__remove,
.select2-cmscolor .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-cmscolor .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-cmscolor .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #ffffff;
}

.select2-container--default .select2-cmscolor.select2-container--focus .select2-selection--multiple,
.select2-cmscolor .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #869cd6;
}

.slider-cmscolor .slider .slider-selection {
  background: #3856a4;
}

.icheck-cmscolor > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-cmscolor > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  border-color: #3856a4;
}

.icheck-cmscolor > input:first-child:not(:checked):not(:disabled):focus + label::before,
.icheck-cmscolor > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  border-color: #3856a4;
}

.icheck-cmscolor > input:first-child:checked + label::before,
.icheck-cmscolor > input:first-child:checked + input[type="hidden"] + label::before {
  background-color: #3856a4;
  border-color: #3856a4;
}

.pace-cmscolor .pace .pace-progress {
  background: #3856a4;
}

.pace-barber-shop-cmscolor .pace {
  background: #ffffff;
}

.pace-barber-shop-cmscolor .pace .pace-progress {
  background: #3856a4;
}

.pace-barber-shop-cmscolor .pace .pace-activity {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-cmscolor .pace .pace-progress::after {
  color: rgba(56, 86, 164, 0.2);
}

.pace-bounce-cmscolor .pace .pace-activity {
  background: #3856a4;
}

.pace-center-atom-cmscolor .pace-progress {
  height: 100px;
  width: 80px;
}

.pace-center-atom-cmscolor .pace-progress::before {
  background: #3856a4;
  color: #ffffff;
  font-size: .8rem;
  line-height: .7rem;
  padding-top: 17%;
}

.pace-center-atom-cmscolor .pace-activity {
  border-color: #3856a4;
}

.pace-center-atom-cmscolor .pace-activity::after, .pace-center-atom-cmscolor .pace-activity::before {
  border-color: #3856a4;
}

.pace-center-circle-cmscolor .pace .pace-progress {
  background: rgba(56, 86, 164, 0.8);
  color: #ffffff;
}

.pace-center-radar-cmscolor .pace .pace-activity {
  border-color: #3856a4 transparent transparent;
}

.pace-center-radar-cmscolor .pace .pace-activity::before {
  border-color: #3856a4 transparent transparent;
}

.pace-center-simple-cmscolor .pace {
  background: #ffffff;
  border-color: #3856a4;
}

.pace-center-simple-cmscolor .pace .pace-progress {
  background: #3856a4;
}

.pace-material-cmscolor .pace {
  color: #3856a4;
}

.pace-corner-indicator-cmscolor .pace .pace-activity {
  background: #3856a4;
}

.pace-corner-indicator-cmscolor .pace .pace-activity::after,
.pace-corner-indicator-cmscolor .pace .pace-activity::before  {
  border: 5px solid #ffffff;
}

.pace-corner-indicator-cmscolor .pace .pace-activity::before {
  border-right-color: rgba(56, 86, 164, 0.2);
  border-left-color: rgba(56, 86, 164, 0.2);
}

.pace-corner-indicator-cmscolor .pace .pace-activity::after {
  border-top-color: rgba(56, 86, 164, 0.2);
  border-bottom-color: rgba(56, 86, 164, 0.2);
}

.pace-fill-left-cmscolor .pace .pace-progress {
  background-color: rgba(56, 86, 164, 0.2);
}

.pace-flash-cmscolor .pace .pace-progress {
  background: #3856a4;
}

.pace-flash-cmscolor .pace .pace-progress-inner {
  box-shadow: 0 0 10px #3856a4, 0 0 5px #3856a4;
}

.pace-flash-cmscolor .pace .pace-activity {
  border-top-color: #3856a4;
  border-left-color: #3856a4;
}

.pace-loading-bar-cmscolor .pace .pace-progress {
  background: #3856a4;
  color: #3856a4;
  box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
}

.pace-loading-bar-cmscolor .pace .pace-activity {
  box-shadow: inset 0 0 0 2px #3856a4, inset 0 0 0 7px #ffffff;
}

.pace-mac-osx-cmscolor .pace .pace-progress {
  background-color: #3856a4;
  box-shadow: inset -1px 0 #3856a4, inset 0 -1px #3856a4, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-mac-osx-cmscolor .pace .pace-activity {
  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  height: 12px;
}

.pace-progress-color-cmscolor .pace-progress {
  color: #3856a4;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cmscolor,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cmscolor {
  background: #3856a4;
  color: #ffffff;
}

blockquote.quote-cmscolor {
  border-color: #3856a4;
}

blockquote.quote-cmscolor h1,
blockquote.quote-cmscolor h2,
blockquote.quote-cmscolor h3,
blockquote.quote-cmscolor h4,
blockquote.quote-cmscolor h5,
blockquote.quote-cmscolor h6 {
  color: #3856a4;
}

.text-cmscolor {
  color: #3856a4;
}

.bg-cmscolor {
  background-color: #3856a4 !important;
}

.bg-cmscolor,
.bg-cmscolor > a {
  color: #ffffff !important;
}

.bg-cmscolor.btn:hover {
  border-color: #2b427e;
  color: #ececec;
}

.bg-cmscolor.btn:not(:disabled):not(.disabled):active, .bg-cmscolor.btn:not(:disabled):not(.disabled).active, .bg-cmscolor.btn:active, .bg-cmscolor.btn.active {
  background-color: #2b427e !important;
  border-color: #283d74;
  color: #ffffff;
}

.bg-gradient-cmscolor {
  color: #ffffff;
}

.bg-gradient-cmscolor {
  background: #3856a4 linear-gradient(180deg, #4366bf, #3856a4) repeat-x !important;
}

.bg-gradient-cmscolor.btn.disabled, .bg-gradient-cmscolor.btn:disabled, .bg-gradient-cmscolor.btn:not(:disabled):not(.disabled):active, .bg-gradient-cmscolor.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-cmscolor.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-cmscolor.btn:hover {
  border-color: #2b427e;
  color: #ececec;
}

.bg-gradient-cmscolor.btn:hover {
  background: #2e4787 linear-gradient(180deg, #4e6399, #2e4787) repeat-x !important;
}

.bg-gradient-cmscolor.btn:not(:disabled):not(.disabled):active, .bg-gradient-cmscolor.btn:not(:disabled):not(.disabled).active, .bg-gradient-cmscolor.btn:active, .bg-gradient-cmscolor.btn.active {
  border-color: #283d74;
  color: #ffffff;
}

.bg-gradient-cmscolor.btn:not(:disabled):not(.disabled):active, .bg-gradient-cmscolor.btn:not(:disabled):not(.disabled).active, .bg-gradient-cmscolor.btn:active, .bg-gradient-cmscolor.btn.active {
  background: #2b427e linear-gradient(180deg, #4b5e91, #2b427e) repeat-x !important;
}

.accent-cmscolor .btn-link,
.accent-cmscolor a:not(.dropdown-item) {
  color: #3856a4;
}

.accent-cmscolor .btn-link:hover,
.accent-cmscolor a:not(.dropdown-item):hover {
  color: #25386b;
}

.accent-cmscolor .dropdown-item.active {
  background: #3856a4;
  color: #ffffff;
}

.accent-cmscolor .custom-control-input:checked ~ .custom-control-label::before {
  background: #3856a4;
  border-color: #1e2e58;
}

.accent-cmscolor .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.accent-cmscolor .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-cmscolor .custom-select:focus,
.accent-cmscolor .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.accent-cmscolor .custom-file-input:focus ~ .custom-file-label {
  border-color: #869cd6;
}

.accent-cmscolor [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-cmscolor[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover {
  color: #3856a4;
}

.accent-cmscolor .page-item.active .page-link {
  background-color: #3856a4;
  border-color: #3856a4;
}

.accent-cmscolor .page-item.disabled .page-link {
  background-color: #ffffff;
  border-color: #dee2e6;
}



/*
 *	tu musimy powtórzyć definicje niektórych elementów, które mają nadpisać wprowadzone zmiany
 */
.nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
    background: inherit;
    border-left: 3px solid 
    transparent;
        border-left-color: transparent;
    box-shadow: none;
}

.card.card-outline-tabs {
    border-top: 0;
}