/*
Theme Name: GeneratePress Child
Template: generatepress
Version: 1.0.0
*/


/*29.08.2024 @import url("../oria/style.css"); */

#sidebar ul{
	margin-left: 0;
}
/* //29.08.2024 */
#primary {width: 100% !important;}
.container.content-wrapper {
	padding: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: ‘Open Sans’, sans-serif;
}
.main-navigation {
	background-color: none;
	border-top: none;
	height: 50px;
}
.main-navigation li {
	color: #ccc;
	font-family: 'Open sans', sans-serif;
	font-size: 11px;
}
.main-navigation a {
	padding: 13px 20px;
	border-right: none;
/*	webkit-transition: background-color 0.4s;
	transition: background-color 0.4s;*/
}
/*button cta test*/
.cta_button a {
	color: #999;
	display: inline block;
	text-align: center;
}
.site-description {
	margin: 0 auto 5px;
	padding: 0 15px 0;
    border-top: 0px; /* or inherit*/
}
.site-header {
	background-color: #55acee;
}
/*--------------------------------------------------------------
##This is code for 2 containers--------------------------------------------------------------*/

#welcome {width:100%;}
#one { background-color: #aeaeae; }
#two { background-color: white; }

@media screen and (min-width: 600px) {
   #welcome {
      height: auto; overflow: hidden; /* clearing */
   }
   #one { width: 500px; float: left; }
   #two { margin-left: 500px; }
}
/*——————————##These settings are for the live chat————*/
#livechat-compact-container {
	bottom: 50%!important;
	right: -99px!important;
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
}
#powered {
	display:none;
}
@livechat-mobile {
	#powered {
		display:none;
	}
}
/* 02.11.2024*/


body, button, input, select, textarea {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: normal;
	text-transform: none;
	font-size: 15px;
	line-height: 1.5;
}
h1{
	font-size: 32px;
}
h3{
	font-size: 26px;
}
h4{
	font-size: 18px;
}
#menu-leafwire-settings,
div.dataTables_wrapper{
	border-radius: 4px;
	box-shadow: 0px 5px 30px rgb(77 139 170 / 10%);
	border: 1px solid #d8e7f7c7 !important;
}
#menu-leafwire-settings{
margin-bottom: 0;
}
#menu-leafwire-settings .list-group-item {
  border: 1px solid #d8e7f7c7;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #d8e7f7c7 !important;
}
.group-label.disabled{
	opacity: 0.6;
}

.qr-buttons-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.qr-wrapper .col-sm-9 {
	padding-left: 0;
}

.pop-up-bulk-qr {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding-top: 1.75rem;
	z-index: 9999;
}

.pop-up-bulk-qr:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: -1;
	pointer-events: none;
	background: rgba(0, 0, 0, 0.3);
}

.pop-up-bulk-qr .bulk-qr-wrapper {
	background: #fff;
	border: 0 solid rgba(0, 0, 0, .2);
	border-radius: .3rem;
	max-width: 900px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.pop-up-bulk-qr .bulk-qr-wrapper .bulk-qr-form {
	padding: 1rem;
}

.pop-up-bulk-qr .bulk-qr-wrapper .bulk-qr-form .file {
	margin-bottom: 1.5rem;
}

.pop-up-bulk-qr .bulk-qr-wrapper .bulk-qr-form .file input {
	display: block;
	width: 100%;
	height: calc(1.90625rem + 2px);
	padding: .25rem .7rem;
	font-size: 0.835rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 4px;
	box-shadow: 0px 5px 30px rgb(136 173 191 / 10%);
	border: 1px solid #d8e7f7c7 !important;
}

.pop-up-bulk-qr .bulk-qr-wrapper .modal-footer {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;

}

.pop-up-bulk-qr .bulk-qr-wrapper .progress-bar-wrapper {
	width: fit-content;
	margin-bottom: 20px;
}


.pop-up-bulk-qr .bulk-qr-wrapper progress {
	width: 200px;
	display: block;
	padding: 3px;
	border: 0 none;
	background: #ccc;
	border-radius: 3px;
}

.pop-up-bulk-qr .bulk-qr-wrapper progress::-moz-progress-bar {
	border-radius: 3px;
	background: #3b7ddd;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.pop-up-bulk-qr .bulk-qr-wrapper progress {
		height: 10px;
	}
}

.pop-up-bulk-qr .bulk-qr-wrapper progress::-webkit-progress-bar {
	background: transparent;
}

.pop-up-bulk-qr .bulk-qr-wrapper progress::-webkit-progress-value {
	border-radius: 3px;
	background: #3b7ddd;
}

.pop-up-bulk-qr .bulk-qr-wrapper .modal-footer {
	padding: 0;
}

.pop-up-bulk-qr .bulk-qr-wrapper .btn-primary.disabled {
	opacity: 0.65;
}

.pop-up-bulk-qr .bulk-qr-wrapper .btn-primary {
	background: #3b7ddd;
	color: #fff;
	padding: 4px 20px;
}

.pop-up-bulk-qr .bulk-qr-wrapper .btn-primary:hover {
	background: #2469ce;
}


.pop-up-bulk-qr .bulk-qr-wrapper h4 {
	padding: 1rem;
	border-bottom: 1px solid #dee2e6;
	margin-bottom: 0;
}

.pop-up-bulk-qr .bulk-qr-wrapper h5 {
	font-size: 24px;
}

.pop-up-bulk-qr .bulk-qr-wrapper .radio {
	margin-bottom: 1rem;
}

.pop-up-bulk-qr .bulk-qr-wrapper .radio label {
	margin-bottom: 0;
	font-size: 15px;
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.5rem;
}

.pop-up-bulk-qr .bulk-qr-wrapper .radio label:before {
	content: '';
	position: relative;
	width: 15px;
	height: 15px;
	border: 2px solid #3b7ddd;
	border-radius: 50%;
	display: block;
}

.pop-up-bulk-qr .bulk-qr-wrapper .radio input {
	display: none;
}

.pop-up-bulk-qr .bulk-qr-wrapper .close {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	padding: 1rem;
}

.pop-up-bulk-qr .bulk-qr-wrapper .radio input:checked + label:before {
	box-shadow: inset 0 0 0 3px #fff;
	background: #3b7ddd;
}

#qr_codes_list_wrapper {
	margin-bottom: 20px;
}

.qr-wrapper .nav {
	gap: 20px;
	margin-top: 50px;
}

.qr-wrapper .nav .nav-link {
	width: 215px;
}

.qr-wrapper .nav .nav-link:not(.active) {

	background: #999;
}

.qr-wrapper .nav .nav-link:not(.active):hover {
	background: #3b7ddd;
}

.qr-wrapper .nav .nav-link.active {
	background: #3b7ddd;
}

#bulk-qr-tab-pane table td > img {
	width: 50px;
}

#search-link {
	margin: 0 10px !important;
}

#qr_bulk_codes_list_wrapper table td img {
	width: 50px;
	height: auto;
}

@media screen and (max-width: 991px) {
	.pop-up-bulk-qr .bulk-qr-wrapper {
		max-width: 600px;
	}
}

@media screen and (max-width: 575px) {
	.pop-up-bulk-qr {
		padding: 0.5rem;
	}

	.pop-up-bulk-qr .bulk-qr-wrapper {
		max-width: 100%;
	}
}
