
/**
 * ochSubscriptions
 *
 * @version     4.4.0
 * @package     Joomla
 * @subpackage  com_ochsubscriptions
 *
 * @author      Ruud van Lent
 * @copyright   Copyright (C) 2020 - 2025 OnlineCommunityHub (J.L.R. van Lent Holding B.V.). All rights reserved.
 * @license     GNU/GPL version 3 or later
 * @link        https://onlinecommunityhub.nl
 */
.ochsubscriptions .btn {
	display: inline-block;
	font-family: sans-serif;
	font-weight: 400;
	color: #212529;
	text-align: center;
	white-space: no-wrap;
	vertical-align: middle;
	text-transform: none;
	text-decoration: none;
	text-shadow: none;
	cursor: pointer;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: .25rem;
	padding: .375rem .75rem;
	font-size: inherit;
	line-height: 1.5;
	-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	height: initial;
	letter-spacing: normal;
	margin: 0px;
	min-width: initial;
	outline: inherit;
}

.ochsubscriptions .btn:hover {
	color: #212529;
	text-decoration: none;
}

.ochsubscriptions .btn:focus, .ochsubscriptions .btn.focus {
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.ochsubscriptions .btn.disabled, .ochsubscriptions .btn:disabled {
	opacity: .65;
}

.ochsubscriptions a.btn.disabled, .ochsubscriptions fieldset:disabled a.btn {
	pointer-events: none;
}

.ochsubscriptions .btn-primary {
	color: #fff;
	background: #0d6efd none repeat-x;
	border-color: #0d6efd;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.ochsubscriptions .btn-primary:hover {
	color: #fff;
	background: #025ce2 none repeat-x;
	border-color: #0257d5;
}

.ochsubscriptions .btn-primary:focus, .ochsubscriptions .btn-primary.focus {
	color: #fff;
	background-color: #025ce2;
	border-color: #0257d5;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(49, 132, 253, .5);
}

.ochsubscriptions .btn-primary.disabled, .ochsubscriptions .btn-primary:disabled {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
	background-image: none;
}

.ochsubscriptions .btn-primary:not(:disabled):not(.disabled):active, .ochsubscriptions .btn-primary:not(:disabled):not(.disabled).active, .show > .ochsubscriptions .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #0257d5;
	background-image: none;
	border-color: #0252c9;
}

.ochsubscriptions .btn-primary:not(:disabled):not(.disabled):active:focus, .ochsubscriptions .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .ochsubscriptions .btn-primary.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(49, 132, 253, .5);
}

.ochsubscriptions .btn-secondary {
	color: #fff;
	background: #6c757d none repeat-x;
	border-color: #6c757d;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.ochsubscriptions .btn-secondary:hover {
	color: #fff;
	background: #5a6268 none repeat-x;
	border-color: #545b62;
}

.ochsubscriptions .btn-secondary:focus, .ochsubscriptions .btn-secondary.focus {
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(130, 138, 145, .5);
}

.ochsubscriptions .btn-secondary.disabled, .ochsubscriptions .btn-secondary:disabled {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
	background-image: none;
}

.ochsubscriptions .btn-secondary:not(:disabled):not(.disabled):active, .ochsubscriptions .btn-secondary:not(:disabled):not(.disabled).active, .show > .ochsubscriptions .btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #545b62;
	background-image: none;
	border-color: #4e555b;
}

.ochsubscriptions .btn-secondary:not(:disabled):not(.disabled):active:focus, .ochsubscriptions .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .ochsubscriptions .btn-secondary.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(130, 138, 145, .5);
}

.ochsubscriptions .btn-success {
	color: #fff;
	background: #198754 none repeat-x;
	border-color: #198754;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.ochsubscriptions .btn-success:hover {
	color: #fff;
	background: #136740 none repeat-x;
	border-color: #115c39;
}

.ochsubscriptions .btn-success:focus, .ochsubscriptions .btn-success.focus {
	color: #fff;
	background-color: #136740;
	border-color: #115c39;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(60, 153, 110, .5);
}

.ochsubscriptions .btn-success.disabled, .ochsubscriptions .btn-success:disabled {
	color: #fff;
	background-color: #198754;
	border-color: #198754;
	background-image: none;
}

.ochsubscriptions .btn-success:not(:disabled):not(.disabled):active, .ochsubscriptions .btn-success:not(:disabled):not(.disabled).active, .show > .ochsubscriptions .btn-success.dropdown-toggle {
	color: #fff;
	background-color: #115c39;
	background-image: none;
	border-color: #0f5133;
}

.ochsubscriptions .btn-success:not(:disabled):not(.disabled):active:focus, .ochsubscriptions .btn-success:not(:disabled):not(.disabled).active:focus, .show > .ochsubscriptions .btn-success.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(60, 153, 110, .5);
}

.ochsubscriptions .btn-info {
	color: #fff;
	background: #0dcaf0 none repeat-x;
	border-color: #0dcaf0;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.ochsubscriptions .btn-info:hover {
	color: #fff;
	background: #0babcc none repeat-x;
	border-color: #0aa1c0;
}

.ochsubscriptions .btn-info:focus, .ochsubscriptions .btn-info.focus {
	color: #fff;
	background-color: #0babcc;
	border-color: #0aa1c0;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(49, 210, 242, .5);
}

.ochsubscriptions .btn-info.disabled, .ochsubscriptions .btn-info:disabled {
	color: #fff;
	background-color: #0dcaf0;
	border-color: #0dcaf0;
	background-image: none;
}

.ochsubscriptions .btn-info:not(:disabled):not(.disabled):active, .ochsubscriptions .btn-info:not(:disabled):not(.disabled).active, .show > .ochsubscriptions .btn-info.dropdown-toggle {
	color: #fff;
	background-color: #0aa1c0;
	background-image: none;
	border-color: #0a97b4;
}

.ochsubscriptions .btn-info:not(:disabled):not(.disabled):active:focus, .ochsubscriptions .btn-info:not(:disabled):not(.disabled).active:focus, .show > .ochsubscriptions .btn-info.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(49, 210, 242, .5);
}

.ochsubscriptions .btn-warning {
	color: #212529;
	background: #ffc107 none repeat-x;
	border-color: #ffc107;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.ochsubscriptions .btn-warning:hover {
	color: #212529;
	background: #e0a800 none repeat-x;
	border-color: #d39e00;
}

.ochsubscriptions .btn-warning:focus, .ochsubscriptions .btn-warning.focus {
	color: #212529;
	background-color: #e0a800;
	border-color: #d39e00;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(222, 170, 12, .5);
}

.ochsubscriptions .btn-warning.disabled, .ochsubscriptions .btn-warning:disabled {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
	background-image: none;
}

.ochsubscriptions .btn-warning:not(:disabled):not(.disabled):active, .ochsubscriptions .btn-warning:not(:disabled):not(.disabled).active, .show > .ochsubscriptions .btn-warning.dropdown-toggle {
	color: #212529;
	background-color: #d39e00;
	background-image: none;
	border-color: #c69500;
}

.ochsubscriptions .btn-warning:not(:disabled):not(.disabled):active:focus, .ochsubscriptions .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .ochsubscriptions .btn-warning.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(222, 170, 12, .5);
}

.ochsubscriptions .btn-danger {
	color: #fff;
	background: #dc3545 none repeat-x;
	border-color: #dc3545;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.ochsubscriptions .btn-danger:hover {
	color: #fff;
	background: #c82333 none repeat-x;
	border-color: #bd2130;
}

.ochsubscriptions .btn-danger:focus, .ochsubscriptions .btn-danger.focus {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(225, 83, 97, .5);
}

.ochsubscriptions .btn-danger.disabled, .ochsubscriptions .btn-danger:disabled {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
	background-image: none;
}

.ochsubscriptions .btn-danger:not(:disabled):not(.disabled):active, .ochsubscriptions .btn-danger:not(:disabled):not(.disabled).active, .show > .ochsubscriptions .btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #bd2130;
	background-image: none;
	border-color: #b21f2d;
}

.ochsubscriptions .btn-danger:not(:disabled):not(.disabled):active:focus, .ochsubscriptions .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .ochsubscriptions .btn-danger.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(225, 83, 97, .5);
}

.ochsubscriptions .btn-light {
	color: #212529;
	background: #f8f9fa none repeat-x;
	border-color: #f8f9fa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.ochsubscriptions .btn-light:hover {
	color: #212529;
	background: #e2e6ea none repeat-x;
	border-color: #dae0e5;
}

.ochsubscriptions .btn-light:focus, .ochsubscriptions .btn-light.focus {
	color: #212529;
	background-color: #e2e6ea;
	border-color: #dae0e5;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(216, 217, 219, .5);
}

.ochsubscriptions .btn-light.disabled, .ochsubscriptions .btn-light:disabled {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
	background-image: none;
}

.ochsubscriptions .btn-light:not(:disabled):not(.disabled):active, .ochsubscriptions .btn-light:not(:disabled):not(.disabled).active, .show > .ochsubscriptions .btn-light.dropdown-toggle {
	color: #212529;
	background-color: #dae0e5;
	background-image: none;
	border-color: #d3d9df;
}

.ochsubscriptions .btn-light:not(:disabled):not(.disabled):active:focus, .ochsubscriptions .btn-light:not(:disabled):not(.disabled).active:focus, .show > .ochsubscriptions .btn-light.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(216, 217, 219, .5);
}

.ochsubscriptions .btn-dark {
	color: #fff;
	background: #212529 none repeat-x;
	border-color: #212529;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.ochsubscriptions .btn-dark:hover {
	color: #fff;
	background: #101214 none repeat-x;
	border-color: #0a0c0d;
}

.ochsubscriptions .btn-dark:focus, .ochsubscriptions .btn-dark.focus {
	color: #fff;
	background-color: #101214;
	border-color: #0a0c0d;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(66, 70, 73, .5);
}

.ochsubscriptions .btn-dark.disabled, .ochsubscriptions .btn-dark:disabled {
	color: #fff;
	background-color: #212529;
	border-color: #212529;
	background-image: none;
}

.ochsubscriptions .btn-dark:not(:disabled):not(.disabled):active, .ochsubscriptions .btn-dark:not(:disabled):not(.disabled).active, .show > .ochsubscriptions .btn-dark.dropdown-toggle {
	color: #fff;
	background-color: #0a0c0d;
	background-image: none;
	border-color: #050506;
}

.ochsubscriptions .btn-dark:not(:disabled):not(.disabled):active:focus, .ochsubscriptions .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .ochsubscriptions .btn-dark.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(66, 70, 73, .5);
}

.ochsubscriptions .flex-table {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.ochsubscriptions .flex-table .th {
	font-weight: 700;
	background-color: #6c757d;
	color: #fff;
}

.ochsubscriptions .flex-table .th > .td, .ochsubscriptions .flex-table .th > .td-fw {
	white-space: normal;
}

.ochsubscriptions .flex-table .tr, .ochsubscriptions .flex-table .th {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	width: 100%;
}

.ochsubscriptions .flex-table .tr .left, .ochsubscriptions .flex-table .th .left {
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.ochsubscriptions .flex-table .tr .right, .ochsubscriptions .flex-table .th .right {
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.ochsubscriptions .flex-table .tr .center, .ochsubscriptions .flex-table .th .center {
	-ms-flex-pack: center;
	justify-content: center;
}

.ochsubscriptions .flex-table .tr .w1, .ochsubscriptions .flex-table .th .w1 {
	-ms-flex: 1 1 0;
	flex: 1 1 0;
}

.ochsubscriptions .flex-table .tr .w2, .ochsubscriptions .flex-table .th .w2 {
	-ms-flex: 2 2 0;
	flex: 2 2 0;
}

.ochsubscriptions .flex-table .tr .w3, .ochsubscriptions .flex-table .th .w3 {
	-ms-flex: 3 3 0;
	flex: 3 3 0;
}

.ochsubscriptions .flex-table .tr .w4, .ochsubscriptions .flex-table .th .w4 {
	-ms-flex: 4 4 0;
	flex: 4 4 0;
}

.ochsubscriptions .flex-table .tr .w5, .ochsubscriptions .flex-table .th .w5 {
	-ms-flex: 5 5 0;
	flex: 5 5 0;
}

.ochsubscriptions .flex-table .th.center, .ochsubscriptions .flex-table .tr.center {
	-ms-flex-align: center;
	align-items: center;
}

.ochsubscriptions .flex-table .td, .ochsubscriptions .flex-table .td-fw {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex: 1 1 0;
	flex: 1 1 0;
	padding: .5em;
	-ms-word-break: break-word;
	word-break: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0px;
	white-space: nowrap;
}

.ochsubscriptions .flex-table .td.wrap-text, .ochsubscriptions .flex-table .wrap-text.td-fw {
	-ms-flex-direction: column;
	flex-direction: column;
	white-space: inherit;
}

.ochsubscriptions .flex-table .td-fw {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	overflow: initial;
	min-width: initial;
}

.ochsubscriptions .flex-table.wrap {
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
}

.ochsubscriptions .flex-table.wrap .tr, .ochsubscriptions .flex-table.wrap .th {
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.ochsubscriptions .flex-table.wrap .td, .ochsubscriptions .flex-table.wrap .td-fw {
	overflow: initial;
	min-width: initial;
}

.ochsubscriptions .flex-table.bordered {
	border: 1px solid #dae0e5;
	border-bottom: none;
}

.ochsubscriptions .flex-table.bordered .td, .ochsubscriptions .flex-table.bordered .td-fw {
	border-bottom: 1px solid #dae0e5;
}

.ochsubscriptions .flex-table.bordered .td:not(:first-child), .ochsubscriptions .flex-table.bordered .td-fw:not(:first-child) {
	border-left: 1px solid #dae0e5;
}

.ochsubscriptions .flex-table.striped .tr:nth-of-type(even) {
	background-color: #f8f9fa;
}

.ochsubscriptions .flex-table.striped .tr:nth-of-type(odd) {
	background-color: #fff;
}

.ochsubscriptions .label {
	display: inline-block;
	margin: .1rem;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0;
	text-shadow: none;
	height: max-content;
}

.ochsubscriptions .label a:hover, .ochsubscriptions .label a:focus {
	text-decoration: none;
}

.ochsubscriptions .label-fw {
	width: 100%;
}

.ochsubscriptions .label-primary {
	color: #fff;
	background-color: #0d6efd;
}

.ochsubscriptions .label-primary a:hover, .ochsubscriptions .label-primary a:focus {
	color: #fff;
	background-color: #0257d5;
}

.ochsubscriptions .label-primary a:focus, .ochsubscriptions .label-primary a.focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .5);
}

.ochsubscriptions .label-secondary {
	color: #fff;
	background-color: #6c757d;
}

.ochsubscriptions .label-secondary a:hover, .ochsubscriptions .label-secondary a:focus {
	color: #fff;
	background-color: #545b62;
}

.ochsubscriptions .label-secondary a:focus, .ochsubscriptions .label-secondary a.focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5);
}

.ochsubscriptions .label-success {
	color: #fff;
	background-color: #198754;
}

.ochsubscriptions .label-success a:hover, .ochsubscriptions .label-success a:focus {
	color: #fff;
	background-color: #115c39;
}

.ochsubscriptions .label-success a:focus, .ochsubscriptions .label-success a.focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(25, 135, 84, .5);
}

.ochsubscriptions .label-info {
	color: #fff;
	background-color: #0dcaf0;
}

.ochsubscriptions .label-info a:hover, .ochsubscriptions .label-info a:focus {
	color: #fff;
	background-color: #0aa1c0;
}

.ochsubscriptions .label-info a:focus, .ochsubscriptions .label-info a.focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(13, 202, 240, .5);
}

.ochsubscriptions .label-warning {
	color: #212529;
	background-color: #ffc107;
}

.ochsubscriptions .label-warning a:hover, .ochsubscriptions .label-warning a:focus {
	color: #212529;
	background-color: #d39e00;
}

.ochsubscriptions .label-warning a:focus, .ochsubscriptions .label-warning a.focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}

.ochsubscriptions .label-danger {
	color: #fff;
	background-color: #dc3545;
}

.ochsubscriptions .label-danger a:hover, .ochsubscriptions .label-danger a:focus {
	color: #fff;
	background-color: #bd2130;
}

.ochsubscriptions .label-danger a:focus, .ochsubscriptions .label-danger a.focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}

.ochsubscriptions .label-light {
	color: #212529;
	background-color: #f8f9fa;
}

.ochsubscriptions .label-light a:hover, .ochsubscriptions .label-light a:focus {
	color: #212529;
	background-color: #dae0e5;
}

.ochsubscriptions .label-light a:focus, .ochsubscriptions .label-light a.focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}

.ochsubscriptions .label-dark {
	color: #fff;
	background-color: #212529;
}

.ochsubscriptions .label-dark a:hover, .ochsubscriptions .label-dark a:focus {
	color: #fff;
	background-color: #0a0c0d;
}

.ochsubscriptions .label-dark a:focus, .ochsubscriptions .label-dark a.focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(33, 37, 41, .5);
}

.ochsubscriptions .och-notice {
	position: relative;
	padding: 1rem 1rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: .25rem;
}

.ochsubscriptions .och-notice a:hover, .ochsubscriptions .och-notice a:focus {
	text-decoration: none;
}

.ochsubscriptions .och-notice-fw {
	width: 100%;
}

.ochsubscriptions .och-notice-primary {
	color: #212529;
	background-color: #72abfe;
}

.ochsubscriptions .och-notice-primary a:hover, .ochsubscriptions .och-notice-primary a:focus {
	color: #fff;
	background-color: #0257d5;
}

.ochsubscriptions .och-notice-primary a:focus, .ochsubscriptions .och-notice-primary a.focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .5);
}

.ochsubscriptions .och-notice-secondary {
	color: #212529;
	background-color: #a1a8ae;
}

.ochsubscriptions .och-notice-secondary a:hover, .ochsubscriptions .och-notice-secondary a:focus {
	color: #fff;
	background-color: #545b62;
}

.ochsubscriptions .och-notice-secondary a:focus, .ochsubscriptions .och-notice-secondary a.focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5);
}

.ochsubscriptions .och-notice-success {
	color: #212529;
	background-color: #2ed889;
}

.ochsubscriptions .och-notice-success a:hover, .ochsubscriptions .och-notice-success a:focus {
	color: #fff;
	background-color: #115c39;
}

.ochsubscriptions .och-notice-success a:focus, .ochsubscriptions .och-notice-success a.focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(25, 135, 84, .5);
}

.ochsubscriptions .och-notice-info {
	color: #212529;
	background-color: #6ce0f7;
}

.ochsubscriptions .och-notice-info a:hover, .ochsubscriptions .och-notice-info a:focus {
	color: #fff;
	background-color: #0aa1c0;
}

.ochsubscriptions .och-notice-info a:focus, .ochsubscriptions .och-notice-info a.focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(13, 202, 240, .5);
}

.ochsubscriptions .och-notice-warning {
	color: #212529;
	background-color: #ffdb6d;
}

.ochsubscriptions .och-notice-warning a:hover, .ochsubscriptions .och-notice-warning a:focus {
	color: #212529;
	background-color: #d39e00;
}

.ochsubscriptions .och-notice-warning a:focus, .ochsubscriptions .och-notice-warning a.focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}

.ochsubscriptions .och-notice-danger {
	color: #212529;
	background-color: #eb8c95;
}

.ochsubscriptions .och-notice-danger a:hover, .ochsubscriptions .och-notice-danger a:focus {
	color: #fff;
	background-color: #bd2130;
}

.ochsubscriptions .och-notice-danger a:focus, .ochsubscriptions .och-notice-danger a.focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}

.ochsubscriptions .och-notice-light {
	color: #212529;
	background-color: white;
}

.ochsubscriptions .och-notice-light a:hover, .ochsubscriptions .och-notice-light a:focus {
	color: #212529;
	background-color: #dae0e5;
}

.ochsubscriptions .och-notice-light a:focus, .ochsubscriptions .och-notice-light a.focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}

.ochsubscriptions .och-notice-dark {
	color: #fff;
	background-color: #4e5862;
}

.ochsubscriptions .och-notice-dark a:hover, .ochsubscriptions .och-notice-dark a:focus {
	color: #fff;
	background-color: #0a0c0d;
}

.ochsubscriptions .och-notice-dark a:focus, .ochsubscriptions .och-notice-dark a.focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(33, 37, 41, .5);
}

.ochsubscriptions .shadow-1 {
	webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
}

.ochsubscriptions .shadow-2 {
	webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .3);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .3);
}

.ochsubscriptions .shadow-3 {
	webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
	box-shadow: 0 8px 17px 2px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
}

.och-toast-container {
	display: block;
	position: fixed;
	z-index: 10000;
}

@media only screen and (max-width: 640px) {
	.ochsubscriptions .och-toast-container {
		left: 5%;
		bottom: 14%;
		max-width: 90%;
	}
}

@media only screen and (min-width: 641px) {
	.ochsubscriptions .och-toast-container {
		top: 10%;
		right: 7%;
		max-width: 86%;
	}
}

.ochsubscriptions .toast {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
	border-radius: 2px;
	top: 35px;
	width: auto;
	margin-top: 10px;
	position: relative;
	max-width: 100%;
	height: auto;
	min-height: 48px;
	line-height: 1.5em;
	background-color: #0dcaf0;
	padding: 10px 25px;
	font-size: 1.1rem;
	font-weight: 300;
	color: #fff;
	cursor: default;
}

.ochsubscriptions .toast .toast-action {
	color: #eeff41;
	font-weight: 500;
	margin-right: -25px;
	margin-left: 3rem;
}

.ochsubscriptions .toast.rounded {
	border-radius: 24px;
}

@media only screen and (max-width: 640px) {
	.ochsubscriptions .toast {
		width: 100%;
		border-radius: 0;
	}
}

.ochsubscriptions #toolsForm.columns {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-direction: row;
	flex-direction: row;
}

.ochsubscriptions #toolsForm > .column {
	-ms-flex: 1;
	flex: 1;
	margin-right: 1rem;
}

@media (max-width: 768px) {
	.ochsubscriptions #toolsForm.columns {
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
	.ochsubscriptions #toolsForm > .column {
		margin-right: inherit;
	}
}

.ochsubscriptions #toolsForm > .buttons {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 10px;
	padding-top: 10px;
}

.ochsubscriptions #toolsForm .input-group {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	position: relative;
}

.ochsubscriptions #toolsForm .input-group > :not(:first-child) {
	margin-left: -.375rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.ochsubscriptions #toolsForm .input-group .btn {
	position: relative;
	z-index: 2;
}

.ochsubscriptions #toolsForm .input-group.search-form {
	width: 33%;
	margin-bottom: 1rem;
}

@media only screen and (max-width: 992px) {
	.ochsubscriptions #toolsForm .input-group.search-form {
		width: 75%;
	}
}

@media only screen and (max-width: 768px) {
	.ochsubscriptions #toolsForm .input-group.search-form {
		width: 100%;
	}
}

.ochsubscriptions #toolsForm .form-control {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	display: block;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #f8f9fa;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #6c757d;
	border-radius: .375rem;
	-webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.ochsubscriptions #toolsForm .form-control:disabled, .ochsubscriptions #toolsForm .form-control[readonly] {
	color: #6c757d;
	opacity: 1;
}

.ochsubscriptions #toolsForm .form-control:disabled:hover, .ochsubscriptions #toolsForm .form-control:disabled:active, .ochsubscriptions #toolsForm .form-control:disabled:focus, .ochsubscriptions #toolsForm .form-control[readonly]:hover, .ochsubscriptions #toolsForm .form-control[readonly]:active, .ochsubscriptions #toolsForm .form-control[readonly]:focus {
	cursor: not-allowed;
}

.ochsubscriptions #toolsForm .icon {
	font-size: 1.5rem;
	color: #6c757d;
}

.ochsubscriptions #toolsForm .icon.on {
	color: #198754;
}

.ochsubscriptions #toolsForm .function.icon {
	cursor: pointer;
}

.ochsubscriptions #toolsForm a.icon {
	text-decoration: none;
}

.ochsubscriptions #toolsForm a.sort {
	color: #fff;
}

.ochsubscriptions #toolsForm a.sort.active + span {
	margin-left: 5px;
}

.och-tooltip {
	position: relative;
	display: inline-block;
}

.och-tooltip > .tooltiptext {
	visibility: hidden;
	width: fit-content;
	background-color: #000;
	color: #fff;
	font-size: initial;
	opacity: .8;
	text-align: center;
	padding: 1rem;
	border-radius: 4px;
	position: absolute;
	z-index: 1;
}

.och-tooltip > .tooltiptext.top {
	bottom: 100%;
	left: 50%;
	margin-left: -50%;
}

.och-tooltip > .tooltiptext.left {
	top: -5px;
	right: 105%;
}

.och-tooltip > .tooltiptext.bottom {
	top: 100%;
	left: 50%;
	margin-left: -50%;
}

.och-tooltip > .tooltiptext.right {
	top: -5px;
	left: 105%;
}

.och-tooltip:focus .tooltiptext, .och-tooltip:hover .tooltiptext {
	visibility: visible;
	display: inline;
	-webkit-transition: visibility 0s linear .5s;
	transition: visibility 0s linear .5s;
}

.ochsubscriptions .w-25 {
	width: 25% !important;
}

.ochsubscriptions .w-50 {
	width: 50% !important;
}

.ochsubscriptions .w-75 {
	width: 75% !important;
}

.ochsubscriptions .w-100 {
	width: 100% !important;
}

.ochsubscriptions .w-auto {
	width: auto !important;
}

.ochsubscriptions .stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: "";
}

.ochsubscriptions .hidden {
	display: none !important;
	visibility: hidden;
}

@media screen and (max-width: 480px) {
	.ochsubscriptions .hidden-phone {
		display: none !important;
	}
}

@media screen and (max-width: 768px) {
	.ochsubscriptions .hidden-tablet {
		display: none !important;
	}
}

.ochsubscriptions hr {
	clear: both;
}

.ochsubscriptions .flex-break {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.ochsubscriptions .text-center {
	text-align: center !important;
}

.ochsubscriptions div.order-form-button {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
}

.ochsubscriptions div.order-form-button .btn {
	margin-bottom: 1rem;
}

.ochsubscriptions .page-footertext {
	margin-top: 1rem;
}
