/* Parent heading container s pozicováním */
.panel-heading.with-switch {
	position: relative;
}

/* Umístění switche vpravo a centrování na výšku */
.panel-heading.with-switch .accordion-switch {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	width: 30px;
	height: 17px;
}

/* Skrytí checkboxu */
.accordion-switch input {
	display: none;
}

/* Styl přepínače */
.accordion-switch .slider {
	position: absolute;
	cursor: pointer;
	background-color: #ccc;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: .4s;
}

/* Bílý kolečko uvnitř */
.accordion-switch .slider:before {
	position: absolute;
	content: "";
	height: 13px;
	width: 13px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	transition: .4s;
}

/* Zapnutý stav */
.accordion-switch input:checked + .slider {
	background-color: #5cb85c;
}

.accordion-switch input:checked + .slider:before {
	transform: translateX(13px);
}

.modal.ropescourses {
	background-color: transparent;
	border-radius: 0;
}

.modal.ropescourses .modal-header {
	color: #fff;
	background-color: #459897;
	border-bottom: none;
	border-radius: 0;
}

.modal.ropescourses .modal-header h3 {
	text-transform: uppercase;
	font-weight: 700;ss
font-family: "Open Sans", sans-serif;
}

.modal.ropescourses .modal-footer {
	color: #fff;
	background-color: black;
	/*background-color: #373737;*/
	border-top: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
}

.modal.ropescourses .modal-footer .btn-primary {
	color: #000;
	background-color: #d9a900;
	background-image: none;
	text-transform: uppercase;
	font-weight: 700;
	font-family: "Open Sans", sans-serif;
	border-radius: 0;
}

.modal.ropescourses .modal-footer .btn-primary:hover {
	background-color: rgb(255, 244, 69);
}

.modal.ropescourses .modal-footer .btn-link {
	color: #fff;
	text-shadow: none;
	text-transform: uppercase;
	font-weight: 700;
	font-family: "Open Sans", sans-serif;
}

.modal.ropescourses .modal-body {
	max-height: 530px;
	color: #343434;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	background-color: #fff;
}

.modal.ropescourses .modal-body a,
.modal.ropescourses .modal-body a:hover {
	color: #d9a900;
}

.modal.ropescourses .modal-body .panel-group .panel {
	border: none;
	box-shadow: none;
}

.modal.ropescourses .modal-body .panel-group .panel-heading {
	color: #464646;
	background-color: #ffc700;
}

.modal.ropescourses .modal-body .panel-group .panel-heading a {
	color: #464646;
	text-transform: uppercase;
	font-weight: 700;
	font-family: "Open Sans", sans-serif;
}

.modal.ropescourses .modal-body .panel-group .accordion-switch .slider {
	background-color: #000;
}

.modal.ropescourses .modal-body .panel-group .accordion-switch input:checked + .slider {
	background-color: #5cb85c;
}

.modal-backdrop {
	background-color: rgba(0, 0, 0, 0.3);
}

.modal-backdrop.fade.in {
	opacity: 1;
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}
