/* Breadcumb separator, default one is quite ugly */
.breadcrumb-item + .breadcrumb-item::before {
	content: "";
}

.breadcrumb-item.active {
  color: #2a4693;
}

/* item disabled not managed in default bootstrap */
.breadcrumb-item.disabled {
  color: #aeb4b7;
}

/* default feeback size is 80% which is quite small */
.invalid-feedback {
  font-size: 90%;
}

/* default feeback size is 80% which is quite small */
.valid-feedback {
  font-size: 90%;
}

/* empty markup class to enable some jquery listeners between header and main container */
.main-container {
}

/* slightly move validation icon to the left for select inputs to avoid the combobox arrow - START */

.was-validated select.form-control:valid, select.form-control.is-valid {
  background-position: right calc(0.875em + 0.1875rem) center;
}

.was-validated select.form-control:invalid, select.form-control.is-invalid {
  background-position: right calc(0.875em + 0.1875rem) center;
}

.was-validated select.form-control:invalid, select.form-control.is-warning {
  background-position: right calc(0.875em + 0.1875rem) center;
}

.was-validated select.form-control:invalid, select.form-control.is-caution {
  background-position: right calc(0.875em + 0.1875rem) center;
}

/* slightly move validation icon to the left for select inputs to avoid the combobox arrow - END */

/* better focus and hover color for clickable IconTags - START */

a.icon-link.text-primary:focus, a.icon-link.text-primary:hover {
    color: rgba(36, 61, 127, 1.0)!important;
}

a.icon-link.text-secondary:focus, a.icon-link.text-secondary:hover {
    color: rgba(223, 19, 27, 1.0)!important;
}

a.icon-link.text-light:focus, a.icon-link.text-light:hover {
    color: rgba(225, 225, 225, 1.0)!important;
}

a.icon-link.text-dark:focus, a.icon-link.text-dark:hover {
    color: rgba(106, 106, 106, 1.0)!important;
}

a.icon-link.text-success:focus, a.icon-link.text-success:hover {
    color: rgba(35, 146, 61, 1.0)!important;
}

a.icon-link.text-info:focus, a.icon-link.text-info:hover {
    color: rgba(20, 142, 161, 1.0)!important;
}

a.icon-link.text-warning:focus, a.icon-link.text-warning:hover {
    color: rgba(237, 177, 0, 1.0)!important;
}

a.icon-link.text-caution:focus, a.icon-link.text-caution:hover {
    color: rgba(20, 142, 161, 1.0)!important;
}

a.icon-link.text-danger:focus, a.icon-link.text-danger:hover {
    color: rgba(211, 37, 53, 1.0)!important;
}

/* better focus and hover color for clickable IconTags - END */

/* Page Style ui-rounded - START */

.ui-rounded .btn, .ui-rounded .btn-group {
	border-radius: 10px;
}

.ui-rounded .breadcrumb {
	border-radius: 12px;
}

.ui-rounded .card {
	border-radius: 10px;
}

.ui-rounded .card .card-header:first-child {
	border-radius: 10px 10px 0 0;
}

.ui-rounded .card .card-body:first-child {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.ui-rounded .card .card-body:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.ui-rounded .card .card-footer:last-child {
	border-radius: 0 0 10px 10px;
}

.ui-rounded .form-control {
	border-radius: 10px;
}

.ui-rounded .form-group .btn-group.btn-group-toggle .btn {
	border-radius: 10px !important;
}

.ui-rounded .form-group .btn-group.btn-group-toggle .btn.active {
	border-radius: 10px !important;
}

.ui-rounded .form-group .btn-group.btn-group-toggle .btn.btn-outline-primary {
	border-radius: 15px !important;
}

.ui-rounded .form-group .btn-group.btn-group-toggle .btn.btn-outline.active {
	border-radius: 15px !important;
}

.ui-rounded .form-group .input-group > .input-group-prepend > .btn,
.ui-rounded .form-group .input-group > .input-group-prepend > .input-group-text,
.ui-rounded .form-group .input-group > .input-group-append:not(:last-child) > .btn,
.ui-rounded .form-group .input-group > .input-group-append:not(:last-child) > .input-group-text {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.ui-rounded .form-group .input-group > .form-control:not(:last-child),
.ui-rounded .form-group .input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;} {
}

/*
.ui-rounded .navbar {
	border-radius: 0px 0px 16px 16px;
}
*/

.ui-rounded .progress {
	border-radius: 8px;
}

.ui-rounded .progress .progress-bar{
	border-radius: 8px;
}

/* Page Style ui-rounded - END */


/* Form control styles - START */

/*
.form-control.form-control-primary {
  color: #2a4693;
}

.form-control.form-control-secondary {
  color: #ec1f27;
}

.form-control.form-control-light {
  color: #eeeeee;
}

.form-control.form-control-dark {
  color: #777777;
}

.form-control.form-control-success {
  color: #28a745;
}

.form-control.form-control-info {
  color: #17a2b8;
}

.form-control.form-control-warning {
  color: #ffc107;
}

.form-control.form-control-danger {
  color: #dc3545;
}
*/

.form-control.form-control-primary:focus {
  color: #2a4693;
  background-color: #fff;
  border-color: rgba(104, 133, 212, 1.0);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(42, 70, 147, 0.25);
}

.form-control.form-control-secondary:focus {
  color: #ec1f27;
  background-color: #fff;
  border-color: rgba(246, 149, 152, 1.0);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(236, 31, 39, 0.25);
}

.form-control.form-control-light:focus {
  color: #eeeeee;
  background-color: #fff;
  border-color: rgba(255, 255, 255, 1.0);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.25);
}

.form-control.form-control-dark:focus {
  color: #777777;
  background-color: #fff;
  border-color: rgba(183, 183, 183, 1.0);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.25);
}

.form-control.form-control-success:focus {
  color: #28a745;
  background-color: #fff;
  border-color: rgba(113, 221, 138, 1.0);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.form-control.form-control-info:focus {
  color: #17a2b8;
  background-color: #fff;
  border-color: rgba(99, 217, 236, 1.0);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
}

.form-control.form-control-warning:focus {
  color: #ffc107;
  background-color: #fff;
  border-color: rgba(255, 225, 135, 1.0);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
}

.form-control.form-control-caution:focus {
  color: #17a2b8;
  background-color: #fff;
  border-color: rgba(99, 217, 236, 1.0);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
}

.form-control.form-control-danger:focus {
  color: #dc3545;
  background-color: #fff;
  border-color: rgba(239, 162, 169, 1.0);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

/* Form control styles - END */

/* Large control tweaks - START */

.btn.btn-lg, .btn-group-lg>.btn {
	padding: 0.5rem 1.725rem;
}

a.btn.btn-lg {
	padding: 0.8rem 1.725rem;
}

.btn.btn-lg {
	height: calc(3.5rem + 2px);
}

.form-control-lg {
	height: calc(3.4rem + 2px);
}

textarea.form-control-lg {
	height: auto !important;
}

/* Large control tweaks - END */

/* RadioButton "buttons" style - START */

.form-group .btn-group.btn-group-toggle {
	margin-top: -7px; /* compensate 5px for internal buttons (needed for wrapped lines) + 2 additional pixels to align with other form control */
}

.form-group .btn-group.btn-group-toggle .btn {
	margin: 5px 5px 0px 5px;
	border: 1px solid;
	font-size: 1rem;
	background: rgba(236, 31, 39, 0.1);
	color: #ec1f27;
	line-height: 15px;
	padding: 12px 16px;
	max-width: 46%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.form-group .btn-group.btn-group-toggle .btn.btn-hcl,
.form-group .btn-group.btn-group-toggle .btn.btn-mcl {
	background: rgba(236, 31, 39, 0.2);
	color: #2a4693;
}

.form-group .btn-group.btn-group-toggle .btn:focus,
.form-group .btn-group.btn-group-toggle .btn.focus {
	border: none;
}

.form-group .btn-group.btn-group-toggle .btn.btn-outline {
	background: none;
	color: rgba(42, 70, 147, 0.4);
}

.form-group.form-group-md .btn-group.btn-group-toggle .btn {
	line-height: 25px;
}

.form-group.form-group-lg .btn-group.btn-group-toggle .btn {
	line-height: 35px;
}

.form-group .btn-group.btn-group-toggle .btn.active {
	background: #ec1f27;
	color: #fff;
}

.form-group .btn-group.btn-group-toggle .btn.btn-hcl.active {
	color: #2a4693;
}

.form-group .btn-group.btn-group-toggle .btn.btn-hcl:focus,
.form-group .btn-group.btn-group-toggle .btn.btn-hcl.focus {
	box-shadow: 0 0 0 0.2rem rgba(42, 70, 147, 0.5);
}

.form-group .btn-group.btn-group-lg.btn-group-toggle .btn {
	line-height: 30px;
}

.form-group .btn-group.btn-group-toggle .btn.btn-outline {
	width: 33%;
	max-width: none;
	min-height: 100px;
}

.form-group .btn-group.btn-group-toggle .btn.btn-outline.active {
	background: #fff;
	color: #2a4693;
	border: 2px solid #2a4693;
}

.form-group .btn-group.btn-group-toggle .btn.btn-outline i {
	display: block;
	margin-bottom: 5px;
}

.form-group .btn-group.btn-group-toggle .btn.btn-outline.active i {
	color: #2a4693;
}

.form-group .btn-group.btn-group-toggle .btn.btn-outline.focus {
	box-shadow: none;
}

/* RadioButton "buttons" style - END */


/* Custom control styles - START */

.custom-control-input.custom-control-input-primary:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #2a4693;
  background-color: #2a4693;
}

.custom-control-input.custom-control-input-primary:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(42, 70, 147, 0.25);
}

.custom-control-input.custom-control-input-primary:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(104, 133, 212, 1.0);
}

.custom-control-input.custom-control-input-primary:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgba(144, 165, 223, 1.0);
  border-color: rgba(144, 165, 223, 1.0);
}

.custom-switch .custom-control-input.custom-control-input-secondary:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(42, 70, 147, 0.5);
}


.custom-control-input.custom-control-input-secondary:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #ec1f27;
  background-color: #ec1f27;
}

.custom-control-input.custom-control-input-secondary:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(236, 31, 39, 0.25);
}

.custom-control-input.custom-control-input-secondary:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(246, 149, 152, 1.0);
}

.custom-control-input.custom-control-input-secondary:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgba(250, 196, 198, 1.0);
  border-color: rgba(250, 196, 198, 1.0);
}

.custom-switch .custom-control-input.custom-control-input-secondary:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(236, 31, 39, 0.5);
}


.custom-control-input.custom-control-input-light:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #eeeeee;
  background-color: #eeeeee;
}

.custom-control-input.custom-control-input-light:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.25);
}

.custom-control-input.custom-control-input-light:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(255, 255, 255, 1.0);
}

.custom-control-input.custom-control-input-light:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgba(255, 255, 255, 1.0);
  border-color: rgba(255, 255, 255, 1.0);
}

.custom-switch .custom-control-input.custom-control-input-light:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(238, 238, 238, 0.5);
}


.custom-control-input.custom-control-input-dark:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #777777;
  background-color: #777777;
}

.custom-control-input.custom-control-input-dark:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.25);
}

.custom-control-input.custom-control-input-dark:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(183, 183, 183, 1.0);
}

.custom-control-input.custom-control-input-dark:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgba(208, 208, 208, 1.0);
  border-color: rgba(208, 208, 208, 1.0);
}

.custom-switch .custom-control-input.custom-control-input-dark:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(119, 119, 119, 0.5);
}


.custom-control-input.custom-control-input-success:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #28a745;
  background-color: #28a745;
}

.custom-control-input.custom-control-input-success:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.custom-control-input.custom-control-input-success:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(113, 221, 138, 1.0);
}

.custom-control-input.custom-control-input-success:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgba(155, 231, 172, 1.0);
  border-color: rgba(155, 231, 172, 1.0);
}

.custom-switch .custom-control-input.custom-control-input-success:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(40, 167, 69, 0.5);
}


.custom-control-input.custom-control-input-info:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #17a2b8;
  background-color: #17a2b8;
}

.custom-control-input.custom-control-input-info:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
}

.custom-control-input.custom-control-input-info:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(99, 217, 236, 1.0);
}

.custom-control-input.custom-control-input-info:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgba(144, 228, 241, 1.0);
  border-color: rgba(144, 228, 241, 1.0);
}

.custom-switch .custom-control-input.custom-control-input-info:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(23, 162, 184, 0.5);
}


.custom-control-input.custom-control-input-warning:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #ffc107;
  background-color: #ffc107;
}

.custom-control-input.custom-control-input-warning:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
}

.custom-control-input.custom-control-input-warning:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(255, 225, 135, 1.0);
}

.custom-control-input.custom-control-input-warning:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgba(255, 238, 186, 1.0);
  border-color: rgba(255, 238, 186, 1.0);
}

.custom-switch .custom-control-input.custom-control-input-warning:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(255, 193, 7, 0.5);
}

.custom-control-input.custom-control-input-caution:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #17a2b8;
  background-color: #17a2b8;
}

.custom-control-input.custom-control-input-caution:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
}

.custom-control-input.custom-control-input-caution:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(99, 217, 236, 1.0);
}

.custom-control-input.custom-control-input-caution:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgba(144, 228, 241, 1.0);
  border-color: rgba(144, 228, 241, 1.0);
}

.custom-switch .custom-control-input.custom-control-input-caution:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(23, 162, 184, 0.5);
}

.custom-control-input.custom-control-input-danger:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #dc3545;
  background-color: #dc3545;
}

.custom-control-input.custom-control-input-danger:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.custom-control-input.custom-control-input-danger:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(239, 162, 169, 1.0);
}

.custom-control-input.custom-control-input-danger:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgba(246, 205, 209, 1.0);
  border-color: rgba(246, 205, 209, 1.0);
}

.custom-switch .custom-control-input.custom-control-input-danger:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(220, 53, 69, 0.5);
}

/* Custom control styles - END */


/* Custom switch sizes - START */

/* for md */

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 1rem;
    padding-top: 0.2rem;
    padding-bottom: 0.8rem;
    font-size: 1.125rem !important;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: 1.25rem;
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(1.25rem);
}

/* for lg */

.custom-switch.custom-switch-lg .custom-control-label {
    padding-left: 2rem;
    padding-top: 0.4rem;
    padding-bottom: 0.6rem;
    font-size: 1.25rem !important;
}

.custom-switch.custom-switch-lg .custom-control-label::before {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
}

.custom-switch.custom-switch-lg .custom-control-label::after {
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    border-radius: 2rem;
}

.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(1.75rem);
}

/* custom label size (md, lg) for switch sizes */

.custom-switch .custom-control-label.label-sm, 
.custom-switch.custom-switch-md .custom-control-label.label-sm, 
.custom-switch.custom-switch-lg .custom-control-label.label-sm {
    font-size: 1rem !important;
}

.custom-switch .custom-control-label.label-lg,
.custom-switch.custom-switch-md .custom-control-label.label-lg,
.custom-switch.custom-switch-lg .custom-control-label.label-lg {
    font-size: 1.25rem !important;
}

.custom-switch .custom-control-label.label-md, 
.custom-switch.custom-switch-md .custom-control-label.label-md, 
.custom-switch.custom-switch-lg .custom-control-label.label-md {
    font-size: 1.125rem !important;
}

.custom-switch .custom-control-label.label-lg,
.custom-switch.custom-switch-md .custom-control-label.label-lg,
.custom-switch.custom-switch-lg .custom-control-label.label-lg {
    font-size: 1.25rem !important;
}

/* Custom switch sizes - END */


/* Custom switch tweaks when used inside a base-table */

.base-table tbody tr td .custom-control.custom-switch {
    margin-bottom: -1rem;
    margin-top: -0.25rem;
}

/* Form-row tweaks when used inside a table (to avoid horizontal scroll) */  

.table-responsive .form-row {
	margin-right: 0px;
}

/*EC1107: Position relative is necessary to see loader in div element correctly. 
However I remove "overflow-x: visibile" because in a table the content go out. */
div.modal-body > .table-responsive {
	/*overflow-x: visible;*/	/* FS1108, 18/11/2022, IPOWER-37381 allow dropdown out of div container*/
	position: relative;
}

/* Custom page links styles - START */

.page-link.page-link-primary {
  color: #2a4693;
}

.page-link.page-link-primary:hover {
  color: rgba(25, 42, 87, 1.0);
}

.page-link.page-link-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(42, 70, 147, 0.25);
}

.page-item.active .page-link.page-link-primary {
  color: #fff;
  background-color: #2a4693;;
  border-color: #2a4693;;
}


.page-link.page-link-secondary {
  color: #ec1f27;
}

.page-link.page-link-secondary:hover {
  color: rgba(176, 15, 21, 1.0);
}

.page-link.page-link-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(236, 31, 39, 0.25);
}

.page-item.active .page-link.page-link-secondary {
  color: #fff;
  background-color: #ec1f27;;
  border-color: #ec1f27;;
}


.page-link.page-link-light {
  color: #eeeeee;
}

.page-link.page-link-light:hover {
  color: rgba(200, 200, 200, 1.0);
}

.page-link.page-link-light:focus {
  box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.25);
}

.page-item.active .page-link.page-link-light {
  color: #fff;
  background-color: #eeeeee;;
  border-color: #eeeeee;;
}


.page-link.page-link-dark {
  color: #777777;
}

.page-link.page-link-dark:hover {
  color: rgba(81, 81, 81, 1.0);
}

.page-link.page-link-dark:focus {
  box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.25);
}

.page-item.active .page-link.page-link-dark {
  color: #fff;
  background-color: #777777;;
  border-color: #777777;;
}


.page-link.page-link-success {
  color: #28a745;
}

.page-link.page-link-success:hover {
  color: rgba(25, 105, 44, 1.0);
}

.page-link.page-link-success:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.page-item.active .page-link.page-link-success {
  color: #fff;
  background-color: #28a745;;
  border-color: #28a745;;
}


.page-link.page-link-info {
  color: #17a2b8;
}

.page-link.page-link-info:hover {
  color: rgba(14, 102, 116, 1.0);
}

.page-link.page-link-info:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
}

.page-item.active .page-link.page-link-info {
  color: #fff;
  background-color: #17a2b8;;
  border-color: #17a2b8;;
}


.page-link.page-link-warning {
  color: #ffc107;
}

.page-link.page-link-warning:hover {
  color: rgba(186, 139, 0, 1.0);
}

.page-link.page-link-warning:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
}

.page-item.active .page-link.page-link-warning {
  color: #fff;
  background-color: #ffc107;;
  border-color: #ffc107;;
}


.page-link.page-link-caution {
  color: #17a2b8;
}

.page-link.page-link-caution:hover {
  color: rgba(14, 102, 116, 1.0);
}

.page-link.page-link-caution:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
}

.page-item.active .page-link.page-link-caution {
  color: #fff;
  background-color: #17a2b8;;
  border-color: #17a2b8;;
}


.page-link.page-link-danger {
  color: #dc3545;
}

.page-link.page-link-danger:hover {
  color: rgba(167, 29, 42, 1.0);
}

.page-link.page-link-danger:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.page-item.active .page-link.page-link-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

/* Custom page links styles - END */

/* Info/Warning feedback styles (copied from success/error feedbacks from bootstrap) - START */

.is-info {
  color: rgba(9, 62, 71, 1.0);
}

.info-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 90%;
  color: #17a2b8;
}

.was-validated :invalid ~ .info-feedback,
.is-info ~ .info-feedback {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-info {
  border-color: #17a2b8;
/* no background icon for info level
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 192.146 192.146'%3e%3cpath fill='%2317a2b8' d='M108.186,144.372c0,7.054-4.729,12.32-12.037,12.32h-0.254c-7.054,0-11.92-5.266-11.92-12.32 c0-7.298,5.012-12.31,12.174-12.31C103.311,132.062,108.059,137.054,108.186,144.372z M88.44,125.301h15.447l2.951-61.298H85.46 L88.44,125.301z M190.372,177.034c-2.237,3.664-6.214,5.921-10.493,5.921H12.282c-4.426,0-8.51-2.384-10.698-6.233 c-2.159-3.849-2.11-8.549,0.147-12.349l84.111-149.22c2.208-3.722,6.204-5.96,10.522-5.96h0.332 c4.445,0.107,8.441,2.618,10.513,6.546l83.515,149.229C192.717,168.768,192.629,173.331,190.372,177.034z M179.879,170.634 L96.354,21.454L12.292,170.634H179.879z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
*/
}

.was-validated .form-control:invalid:focus, .form-control.is-info:focus {
  border-color: #17a2b8;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
}

.is-warning {
  color: rgba(135, 101, 0, 1.0);
}

.warning-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 90%;
  color: #ffc107;
}

.was-validated :invalid ~ .warning-feedback,
.is-warning ~ .warning-feedback {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-warning {
  border-color: #ffc107;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 192.146 192.146'%3e%3cpath fill='%23ffc107' d='M108.186,144.372c0,7.054-4.729,12.32-12.037,12.32h-0.254c-7.054,0-11.92-5.266-11.92-12.32 c0-7.298,5.012-12.31,12.174-12.31C103.311,132.062,108.059,137.054,108.186,144.372z M88.44,125.301h15.447l2.951-61.298H85.46 L88.44,125.301z M190.372,177.034c-2.237,3.664-6.214,5.921-10.493,5.921H12.282c-4.426,0-8.51-2.384-10.698-6.233 c-2.159-3.849-2.11-8.549,0.147-12.349l84.111-149.22c2.208-3.722,6.204-5.96,10.522-5.96h0.332 c4.445,0.107,8.441,2.618,10.513,6.546l83.515,149.229C192.717,168.768,192.629,173.331,190.372,177.034z M179.879,170.634 L96.354,21.454L12.292,170.634H179.879z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-warning:focus {
  border-color: #ffc107;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
}

.is-caution {
  color: rgba(9, 62, 71, 1.0);
}

.caution-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 90%;
  color: #17a2b8;
}

.was-validated :invalid ~ .caution-feedback,
.is-caution ~ .caution-feedback {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-caution {
  border-color: #17a2b8;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 192.146 192.146'%3e%3cpath fill='%23ffc107' d='M108.186,144.372c0,7.054-4.729,12.32-12.037,12.32h-0.254c-7.054,0-11.92-5.266-11.92-12.32 c0-7.298,5.012-12.31,12.174-12.31C103.311,132.062,108.059,137.054,108.186,144.372z M88.44,125.301h15.447l2.951-61.298H85.46 L88.44,125.301z M190.372,177.034c-2.237,3.664-6.214,5.921-10.493,5.921H12.282c-4.426,0-8.51-2.384-10.698-6.233 c-2.159-3.849-2.11-8.549,0.147-12.349l84.111-149.22c2.208-3.722,6.204-5.96,10.522-5.96h0.332 c4.445,0.107,8.441,2.618,10.513,6.546l83.515,149.229C192.717,168.768,192.629,173.331,190.372,177.034z M179.879,170.634 L96.354,21.454L12.292,170.634H179.879z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-caution:focus {
  border-color: #17a2b8;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
}

/* Info/Warning/Caution feedback styles (copied from success/error feedbacks from bootstrap) - END */

/* used by radio-buttons with OUTLINED_BUTTONS style to properly manage flex-wrap behaviour */
.childs-flex-basis-min-content > * {
	flex-basis: min-content !important;
}