body:not(.gridbox) header.header {
    overflow-y: auto;
  	scrollbar-width: none;
  	-ms-overflow-style: none;
}
body:not(.gridbox) header.header::-webkit-scrollbar  {
		display: none;
}

body:not(.com_gridbox) .body {
    margin: 0 0;
    padding: 100px 25px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
/*  	background-image: url(https://www.upa-psy.org/images/compressed/backgrounds/background-1.webp);
  */
    background-color: rgb(176 0 0 / 7%);
    backdrop-filter: none;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;
    background-undefined: mousemove;
}

strong, b {
    font-weight: 700;
}

@media (max-width: 1280px) {
    body:not(.com_gridbox) .body {
        padding: 4%;
      	margin: 0 auto !important;
        width: 92% !important;
    }
}

/* SYSTEM MESSAGE */
#system-message-container .alert {
    background: #b00000;
    display: inline-block;
    padding: 40px 25px;
    width: 320px;
}

#system-message > div .alert-message {
    color: #fff;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin: 0;
    opacity: 1;
    word-break: break-word;
}
#system-message-container .alert.alert-warning, #system-message-container .alert.alert-danger, #system-message-container .alert.alert-error {
    background-color: #b00000 !important;
}

.ui-widget {
    font-family: 'Montserrat';
    font-size: 100%;
}
.ui-datepicker .ui-datepicker-header {
    height: 1.8em;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    height: auto;
}
.ui-datepicker th {
    font-weight: 300;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
		font-family: 'Montserrat';
}

/* SYSTEM MESSAGE END */


.cb_template {
		font-family: 'Montserrat';
  	--primary: revert-layer !important;
}


.input-group-text {
    color: #fff;
    border-radius: var(--border-radius);
    padding: .6rem 1rem;
    background-color: #b00000;
    display: inline !important;
}

span.input-group-text {
    border: 1px solid #dee2e6 !important;
}

button.btn.btn-secondary.input-password-toggle {
    width: auto !important;
    content: '\f15a';
    font-family: Material-Design-Iconic-Font;
 		font-size: large;
  	background: #b00000;
    color: #ffffff;
  	border: 1px solid #0000;
}

.icon-user:before {
    content: '\f15a' !important;
    font-family: Material-Design-Iconic-Font;
 		font-size: large;
}
.icon-eye:before {
  	content: '\f15c' !important;
  	font-family: Material-Design-Iconic-Font;
 		font-size: large;
  	background: #b00000;
    color: #ffffff;
}

.icon-eye-slash:before {
  	content: '\f15b' !important;
  	font-family: Material-Design-Iconic-Font;
 		font-size: large;
  	background: #b00000;
    color: #ffffff;
}

button [class*="icon"] {
    display: block !important;
}

.control-group.cbLoginFormAfterButton {
    margin: 15px 0px;
}

.control-group.cbLoginFormBeforeButton {
    margin: 10px auto 10px auto;
}

.cbLoginForm.mod-login[id*="login-form-"] .form-group .input-group * {
    width: 83.3%;
  	font-size: 100%;
}


.cb_template .btn {
    padding: 15px;
}

.cb_template a {
    color: var(--primary);
}

.cb_template a:hover {
    color: var(--danger);
}

.cb_template .form-group {
    margin: auto;
}

.cb_template .nav-pills .nav-link.active, .cb_template .nav-pills .show>.nav-link {
    background-color: var(--primary);
    color: #fff;
}

.cb_template .dropdown-item.active, .cb_template .dropdown-item:active {
    background-color: var(--danger);
}

.cbConnectButtons>.cbConnectButton {
    text-align: center;
  	margin: 0px 5px;
}

span.ba-checkout-edit-order {
    color: #b00000;
}

.ba-authorize-pay-btn:hover, .ba-checkout-order-form-section.ba-checkout-order-form-total-wrapper .ba-checkout-place-order .ba-checkout-place-order-btn:hover {
    background-color: #ff0000;
    color: var(--title-inverse);
}

.ba-live-search-add-to-cart-cell > span:hover, .ba-wishlist-add-to-cart-cell > span:not(.ba-wishlist-empty-stock):hover, .ba-cart-checkout-row.ba-cart-checkout-promo-code .ba-cart-apply-promo-code:hover, .ba-wishlist-add-all-btn:hover, .ba-cart-checkout-btn:hover {
    background-color: #ff0000;
    color: var(--title-inverse);
}

.ba-item-icon-list.ba-item.check i {
    margin-right: 10px !important;
}

.mb-2.mod-login-logout__login-greeting.login-greeting.cb_template.cb_template_default {
    text-align: center;
  	text-transform: uppercase;
    font-size: 100%;
  	margin: 0px 10px;
  	font-weight: 700;
}

.mb-2.mod-login-logout__login-avatar.login-avatar.cb_template.cb_template_default {
    width: 60%;
    text-align: center;
    margin: 15px auto 25px auto;
}

@media (max-width: 768px) {
  .mb-2.mod-login-logout__login-avatar.login-avatar.cb_template.cb_template_default {
    width: 70% !important;
}
}
.mod-login-logout__button.logout-button {
    text-align: center;
    margin: 20px 0px;
}


.cb_template .form-auto .form-control, .cb_template .form-auto .form-select {
    display: inline-block;
    width: auto;
    margin: 0px;
    max-width: 88%;
}

.form-group.mb-0.cbFieldGroup.cbFieldGroupDefault {
    border-bottom: 0px solid #0000001a;
    padding: 0px 0px 12px 0px;
}

.cb_template .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn, .cb_template .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text, .cb_template .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn, .cb_template .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text, .cb_template .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .cb_template .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .cb_template .input-group>.input-group-prepend>.btn, .cb_template .input-group>.input-group-prepend>.input-group-text {
    padding: 5px;
}
.cb_template .input-group>.input-group-append>.btn, .cb_template .input-group>.input-group-append>.input-group-text, .cb_template .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .cb_template .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .cb_template .input-group>.input-group-prepend:not(:first-child)>.btn, .cb_template .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    padding: 5px;
}

li.logout-options-profile a {
    display: block;
  	color: #000;
  	padding: 10px;
}

li.logout-options-profile a:hover {
    display: block;
  	color: var(--primary);
}

li.logout-options-profile-edit a {
    display: block;
  	color: #000;
  	padding: 10px;
}

li.logout-options-profile-edit a:hover {
    display: block;
  	color: var(--primary);
}

li.logout-options-profile {
    text-align: center;
    width: inherit;
    background: #ffffff;
    margin: 10px 5px;
    border: 1px solid #dee2e6 !important;
    text-transform: uppercase;
    font-size: 85%;
}

li.logout-options-profile:hover {
    background-color: #fafafa !important;
}

li.logout-options-profile-edit {
    text-align: center;
    width: inherit;
    background: #ffffff;
    margin: 10px 5px;
    border: 1px solid #dee2e6 !important;
    text-transform: uppercase;
    font-size: 85%;
}

li.logout-options-profile-edit:hover {
    background-color: #fafafa !important;
}

li.form-login-options-forgot {
    margin: 0px 10px 30px 10px;
}


button.btn.btn-primary.text-truncate.cbConnectButton.cbConnectButtonIconText.cbConnectButtonFacebook {
    border: 1px solid #dee2e6 !important;
  	text-transform: none;
}

button.btn.btn-primary.text-truncate.cbConnectButton.cbConnectButtonIconText.cbConnectButtonFacebook:hover {
    border: 1px solid #dee2e6 !important;
}

.btn:hover, .btn:focus, .btn:active {
    border: 1px solid #0000;
}

button.btn.btn-primary {
/*    width: 97%; */
  	border: 1px solid #0000;
  	background-color: var(--primary);
  	text-transform: uppercase;
}

button.btn.btn-primary:hover {
  	border: 1px solid #0000;
  	background: var(--secondary);
}

.cbLogoutForm button.btn.btn-primary {
 		width: 97%;
}

.cb_template button.btn.btn-primary:hover {
  	border: 1px solid #0000;
  	background: var(--danger);
}

.cb_template .btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

.cb_template .btn-primary:hover {
    background-color: var(--danger);
    border-color: var(--danger);
}

.cb_template .btn-primary:focus {
    background-color: var(--danger);
    border-color: var(--danger);
}

.cb_template .btn-primary:not(:disabled):not(.disabled).active, .cb_template .btn-primary:not(:disabled):not(.disabled):active, .show>.cb_template .btn-primary.dropdown-toggle {
    background-color: var(--danger);
}

.cb_template.cb_template_default.cbEditProfile.cbEditProfileVertical {
    min-height: 1000px;
}

div#cbtabsCBVertical {
    margin: 0px 0px 50px 0px;
}

.cb_template .nav-link {
    padding: 1rem 1rem;
}

.cbLoginForm.mod-login[id*="login-form-"] .list-unstyled, #login-form .unstyled
 {
    display: block !important;
    line-height: 14px;
    margin: auto;
    text-align: center;
}

.cbLoginForm li.form-login-options-register a {
    text-transform: uppercase !important;
  	font-size: 80% !important;
  	padding: 15px;
    border: 1px solid #ccc;
}


/* orders */
/* .nav.nav-tabs a[href="#ba-my-account-orders"] { display:none; } */

/* billing */
/* .nav.nav-tabs a[href="#ba-my-account-billing-details"] { display:none; } */

/* profile */
.nav.nav-tabs a[href="#ba-my-account-profile"] { 
  display:none; 
}

/* logout */
.nav.nav-tabs a[href*="logout"] { 
  		display:none; 
} 

/* REGISTRATION PAGE 576px 768px*/
@media (max-width: 1024px) {
    .cb_template.cb_template_default.cbRegistration.cbRegistrationFlat .col-sm-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .cb_template.cb_template_default.cbRegistration.cbRegistrationFlat .col-sm-9 {
        flex: 0 0 100%;
        max-width: 100%;
      	text-align: center;
      	margin: 0px 0px 20px 0px;
    }
/**  .cb_template.cb_template_default.cbRegistration.cbRegistrationVertical .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
      	margin: 0px 0px 0px 0px;
    } **/
  	.cb_template.cb_template_default.cbRegistration.cbRegistrationVertical .col-md-9 {
  			flex: 0 0 100%;
        max-width: 100%;
  	}
  	.cb_template.cb_template_default.cbRegistration.cbRegistrationVertical .col-md-3 {
  			flex: 0 0 100%;
        max-width: 100%;
  	}
  	.cb_template.cb_template_default.cbRegistration.cbRegistrationVertical .row.no-gutters.cbRegistrationButtons {
  			text-align: center;
  	}
  	.cb_template.cb_template_default.cbRegistration.cbRegistrationVertical .row.no-gutters.cbRegistrationButtons .col-sm-9 {
  			max-width: 40%;
        margin: 0px auto 20px auto;
  	}
  	.cb_template.cb_template_default.cbRegistration.cbRegistrationFlat .col-form-label {
      	text-align: center;
      	padding-right: 0% !important;
  	}
  	.cb_template.cb_template_default.cbRegistration.cbRegistrationFlat .col-sm-12 {
        text-align: center;
    }
  	.cb_template.cb_template_default.cbRegistration.cbRegistrationFlat .offset-sm-3 {
        margin-left: 0%;
      	flex: 0 0 50%;
        max-width: 50%;
      	margin: auto;
    }
  	.cb_template.cb_template_default.cbRegistration.cbRegistrationFlat .input-group-append {
   			display: none;
		}
}

@media (min-width: 1024px) {
    .cb_template.cb_template_default.cbRegistration.cbRegistrationFlat .col-sm-3 {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .cb_template.cb_template_default.cbRegistration.cbRegistrationFlat .col-sm-9 {
        flex: 0 0 60%;
        max-width: 60%;
      	margin: 0px 0px 0px 0px;
    }
/**  	.cb_template.cb_template_default.cbRegistration.cbRegistrationVertical .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
      	margin: 0px 0px 0px 0px;
    } **/
  	.cb_template.cb_template_default.cbRegistration.cbRegistrationVertical .col-md-9 {
  			flex: 0 0 70%;
        max-width: 70%;
  	}
  	.cb_template.cb_template_default.cbRegistration.cbRegistrationVertical .col-md-3 {
  			flex: 0 0 30%;
        max-width: 30%;
  	}
  	.cb_template.cb_template_default.cbRegistration.cbRegistrationVertical .row.no-gutters.cbRegistrationButtons {
  			text-align: center;
  	}
  	.cb_template.cb_template_default.cbRegistration.cbRegistrationVertical .row.no-gutters.cbRegistrationButtons .col-sm-9 {
  			max-width: 40%;
        margin: 0px auto 20px auto;
  	}
  	.cb_template.cb_template_default.cbRegistration.cbRegistrationFlat .col-form-label {
      	text-align: right;
      	padding-right: 3% !important;
  	}
  	.cb_template.cb_template_default.cbRegistration.cbRegistrationFlat .col-sm-12 {
        text-align: center;
    }
  	.cb_template.cb_template_default.cbRegistration.cbRegistrationFlat .offset-sm-3 {
        flex: 0 0 30%;
        max-width: 30%;
        margin: auto;
    }
}

.cb_template.cb_template_default.cbRegistration.cbRegistrationFlat .form-auto .form-control, .cb_template .form-auto .form-select {
    display: inline-block;
    width: auto;
}

.cb_template.cb_template_default.cbRegistration.cbRegistrationFlat .col-form-label {
  	text-transform: uppercase;
}
.cb_template.cb_template_default.cbRegistration.cbRegistrationFlat .btn-primary {
    background-color: var(--primary);
    color: #fff;
    width: 100% !important;
}

.cb_template.cb_template_default.cbRegistration.cbRegistrationVertical .form-group {
      margin-bottom: 1rem;
}

/* REGISTRATION PAGE END */

/* LOST PASSWORD PAGE */
.cbLostPassForm.cb_template.cb_template_default .col-sm-9 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin: auto;
}
.cbLostPassForm.cb_template.cb_template_default .col-sm-3 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
}
.cbLostPassForm.cb_template.cb_template_default .btn.btn-primary {
  	border: 1px solid #0000;
  	background-color: var(--primary);
  	text-transform: uppercase;
}

.cbLostPassForm.cb_template.cb_template_default .btn.btn-primary:hover {
  	border: 1px solid #0000;
}


/* LOST PASSWORD PAGE END*/


/* EDIT PAGE */
@media (max-width: 1024px) {
		.cb_template.cb_template_default.cbEditProfile.cbEditProfileVertical .col-md-9 {
  			flex: 0 0 100%;
        max-width: 100%;
  	}
  	.cb_template.cb_template_default.cbEditProfile.cbEditProfileVertical .col-md-3 {
  			flex: 0 0 100%;
        max-width: 100%;
  	}
  	ul#cbtabsCBVerticalNav {
        border-right: 0px solid #ccc !important;
        text-transform: uppercase !important;
        text-align: center;
        margin: 0px 0px 40px 0px;
		}
  	.cb_template .border-bottom {
    		border-bottom: 0px solid #dee2e6 !important;
		}
}

@media (min-width: 1024px) {
		.cb_template.cb_template_default.cbEditProfile.cbEditProfileVertical .col-md-9 {
  			flex: 0 0 70%;
        max-width: 70%;
  	}
  	.cb_template.cb_template_default.cbEditProfile.cbEditProfileVertical .col-md-3 {
  			flex: 0 0 30%;
        max-width: 30%;
  	}
 		ul#cbtabsCBVerticalNav {
        border-right: 1px solid #ccc !important;
        text-transform: uppercase !important;
        margin: 0px 0px 40px 0px;
      	position: sticky !important;
        top: 20px; /* краще ніж 0, щоб не прилипало під header */
        z-index: 9999;
       /* background: #fff;*/
        align-self: flex-start;
		}
}

@media (min-width: 1280px) {
    .row.no-gutters.cbProfileEditButtons {
        margin-left: 120px !important;
    }
  	.cb_template.cb_template_default.cbEditProfile.cbEditProfileVertical .col-md-9 {
  			flex: 0 0 70%;
        max-width: 70%;
  	}
  	.cb_template.cb_template_default.cbEditProfile.cbEditProfileVertical .col-md-3 {
  			flex: 0 0 30%;
        max-width: 30%;
      	border-right: 1px solid #ccc;
  	}
  	ul#cbtabsCBVerticalNav {
        border-right: 1px solid #ccc !important;
        text-transform: uppercase !important;
        margin: 0px 0px 40px 0px;
		}
}

li.cbTabNav.cbTabNavVertical.nav-item {
    		border-bottom: 1px solid #ccc;
}

.row.no-gutters.cbProfileEditButtons {
        bottom: 0px;
        position: fixed;
        width: 100%;
        z-index: 9;
        display: block;
        margin-left: 0%;
        padding: 10px;
        text-align: center;
        background: #ffffff73;
        border: 0px solid #ccc;
        box-shadow: 0px 0px 20px #ccc;
        right: 0px;
        left: 0px;
}

.row.no-gutters.cbProfileEditButtons .text-right {
    width: 100%;
    margin: 0px auto;
  	text-align: center !important;
}

.row.no-gutters.cbProfileEditButtons button.btn.btn-primary {
    width: revert-rule;
}
.row.no-gutters.cbProfileEditButtons button.btn.btn-primary.btn-sm-block.cbProfileEditSubmit {
		width: revert-rule;
}

}

ul#cbtabsCBVerticalNav {
    border-right: 1px solid #ccc;
  	text-transform: uppercase;
}

.cb_template.cb_template_default.cbEditProfile.cbEditProfileVertical .form-group {
      margin-bottom: 1rem;
}

/* EDIT PAGE END */


a.cb_custom_user_icons_profile {
    font-size: 200%;
}
a.cb_custom_user_icons_profile:hover {
    text-decoration: none;
}

.title_tab_profile_cb {
  	background: rgb(255, 255, 255);
    padding: 10px 0px;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 0 4px #ccc;
    margin: 20px 0px !important;
}

.cb_template .badge {
    font-size: 100%;
    font-weight: 100;
}
.cb_template .badge-primary {
    background-color: var(--primary);
  	margin: 0.3% 0px;
}

ul.cbMenuULlist.list-group {
    margin: auto;
}

ul.cbMenuULlist.list-group li {
    text-align: center;
  	padding: 0px;
}
ul.cbMenuULlist.list-group li a {
		padding: .75rem 1.25rem;
  	display: block;
}

@media (max-width: 576px) {
    .cb_template .col-sm-3 {
        flex: 0 0 45%;
        max-width: 45%;
    }
  	.cb_template .col-sm-9 {
        flex: 0 0 55%;
        max-width: 55%;
    }
  	.col-sm-3.pr-sm-2.cbPosLeft {
     	 flex: 0 0 100%;
     	 max-width: 100%;
		}
  	.cbPosRight {
    	 order: 1;
		}
		.cbPosMiddle {
   		 order: 2;
		}
}

@media (min-width: 576px) and (max-width: 1024px) {
    .cb_template .col-sm-3 {
        flex: 0 0 45%;
        max-width: 45%;
    }
  	.cb_template .col-sm-9 {
        flex: 0 0 55%;
        max-width: 55%;
    }
  	.col-sm-3.pr-sm-2.cbPosLeft {
     	 flex: 0 0 100%;
     	 max-width: 100%;
		}
    .col-sm-1.pl-sm-2.cbPosRight {
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 0px !important;
		}
  	.cbPosRight {
    	 order: 1;
		}
		.cbPosMiddle {
   		 order: 2;
		}
}

@media (min-width: 1024px) {
    .cb_template .col-sm-3 {
        flex: 0 0 32%;
        max-width: 32%;
    }
  	.cb_template .col-sm-9 {
        flex: 0 0 68%;
        max-width: 68%;
    }
}


.cb_template .m-0 {
    margin: 10px 0px !important;
}

.cb_template.select2-container--bootstrap .select2-dropdown .select2-results .select2-results__options:not(.select2-results__options--nested) {
    max-height: 400px;
}


.cbUserListHead .row.no-gutters.cbColumns {
    align-items: center;
    text-transform: uppercase;
}

.cb_template.cb_template_default.cbProfile.cbProfileCanvasOther.cbFieldsContentsTab .form-group {
      margin-bottom: 1rem;
}

.cb_template .form-control:focus {
  border: 1px solid #ced4da !important;
}





.cbPosRight #cbtf_11 {
    display: flex;
    justify-content: center;   /* горизонтально по центру */
    align-items: center;       /* вертикально по центру */
    flex-wrap: wrap;
    gap: 12px;
}

.cbPosRight #cbtf_11 .form-group {
    margin: 0 !important;
    width: auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cbPosRight .#cbtf_11 .cb_field {
    width: auto !important;
}

.cbPosRight #cbtf_11 center {
    display: contents; /* прибирає вплив center */
}

.cbPosRight .cb_custom_user_icons_profile {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;   /* за потреби */
    height: 32px;  /* за потреби */
}




/****   */
.cbPosRight #cbtf_36 .cbFieldGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.cbPosRight #cbtf_36 .cbFieldGroup > .form-group {
    width: auto !important;
    margin: 0 !important;
}

.cbPosRight #cbtf_36 .cb_field,
.cbPosRight #cbtf_36 [id^="cbfv_"] {
    width: auto !important;
}

.cbPosRight #cbtf_36 center {
    display: block;
    margin: 0;
}

.cbPosRight #cbtf_36 .cb_custom_user_icons_profile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

div#cbfv_169 {
    background: red;
    color: #fff;
    padding: 20px;
}


.cb_template .cbImgPictInitial.cbThumbPict.img-thumbnail {
    width: 100%;
  	height: 300px;
}