/*	PROJECT :: 2024.04
===========================================================================*/
/* START BELOW ---------------------------------------------------*/
.hide { display: none; }
img { display: inline-block; }

#astroid-backtotop {
    padding: 10px!important;
}
#astroid-backtotop > i, #astroid-backtotop > i:hover {
    margin: 0!important;
}

/* TYPOGRAPHY ---------------------------------------------------*/
.cHeading {
border-bottom: 1px solid #b3b3b3;
cursor: default;
padding-bottom: 0.5rem;
margin: 2.5rem 0 !important;
font-weight: 300;
width: 100%;
}
h1,
h1.osm-page-title {
font-size: 2.2rem;
line-height: 1;
margin-bottom: 2.5rem;
}
@media (max-width: 767.98px) {
	h1,	h1.osm-page-title { font-size: 2rem; }
}
@media (max-width: 575.98px) {
	h1, h1.osm-page-title { font-size: 1.9rem; }
}
h2 {
font-size: 2.375rem;
line-height: 2.063rem;
}
h3 {
font-size: 2rem;
line-height: 1.813rem;
}
h4 {
font-size: 1.5rem;
line-height: 1.625rem;
}
h5 {
font-size: 1.188rem;
line-height: 1.438rem;
}
h6 {
font-size: 1.063rem;
line-height: 1.25rem;
}
h2, h3, h4, h5, h6 {
color: #012970;
line-height: 1.2;
margin: 2.5rem 0 1.5rem;
margin: 0 0 1.5rem !important;
}
h2+*, h3+*, h4+*, h5+*, h6+* {
margin-top: 0.75rem;
}
a {
/*color: #4154F1;*/
text-decoration: none;
}
a:hover, a:focus {
color: #717FF5;
}
ol, ul {
margin-left: 2rem;
}
ol > li, ul > li {
list-style: inherit;
padding: 0 0 0.25rem 1rem;
}
pre {
background-color: #f3f3f3;
font-size: 1rem;
font-weight: 400;
line-height: 1.563rem;
padding: 1.5rem;
white-space: pre-wrap!important;
word-wrap: break-word;
width: 100%;
-webkit-border-radius: 0.188rem;
-moz-border-radius: 0.188rem;
border-radius: 0.188rem;
}
blockquote {
border-left: 5px solid #4154f1;
color: #4154f1;
font-size: 1.375rem;
font-style: inherit;
line-height: 2.188rem;
margin: 2rem 0;
padding: 0.75rem 0 0.75rem 1.75rem;
}
blockquote.opt2,
blockquote.opt3 {
border: 0;
padding: 0.75rem;
}
blockquote.opt2::before {
position: relative;
content: "“";
color: rgb(66, 133, 244);
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 4rem;
font-weight: 600;
font-style: italic;
top: 1.4rem;
margin-right: 0.6rem;
}
blockquote.opt3 { position: relative; }
blockquote.opt3::before {
position: absolute;
content: "“";
font-family: 'FontAwesome', Georgia, Times, "Times New Roman", serif;
color: rgb(113 127 245 / 23%);
font-size: 14rem;
font-style: italic;
margin: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .5;
display: inline-flex;
align-items: center;
justify-content: center;
}
blockquote span.bq-author {
color: #979797;
font-family: 'bookmanoldstyle' !important;
font-size: 0.938rem;
font-weight: 400;
font-style: italic;
display: block;
}
blockquote span.bq-author:before {
content: '~';
margin-right: 0.188rem;
}
blockquote, dl, figure, hr, ol, p, pre, table, ul {
margin-bottom: 1.5rem;
}
.content p:last-child, .content ul:last-child {
margin: 0;
}
code {
background-color: rgb(52 169 225 / 10%);
color: #4154f1;
padding: 0.25rem 0.5rem;
border-radius: 0.125rem;
}
.mark, mark {
background-color: #ffff00;
}
button, .btn {
font-size: 1rem !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: 0.063rem !important;
border: 1px solid !important;
padding: 0.938rem 2.5rem !important;
transition: 0.5s;
}
.btn-sm {
font-size: 0.75rem !important;
padding: 0.738rem 1.6rem !important;
letter-spacing: 0.04rem !important;
}
button:focus, .btn:focus {
box-shadow: 0 0 0 0rem rgb(155 33 34 / 30%) !important;
}
button i, .btn i {
margin-left: 5px;
transition: 0.3s;
}
button:hover i, .btn:hover i {
transform: translateX(5px);
}
#header .menuBtn.btn:hover i,
.convertforms .btn:hover i,
#artMedRulings .docMedRuling .btn:hover i {
transform: translateX(-5px);
}
button, .btn-primary {
background-color: #4154f1 !important;
border-color: #4154f1 !important;
color: #fff!important;
box-shadow: 0px 5px 30px rgba(65, 84, 241, 0.4);
}
button:hover, button:focus,
.btn-primary:hover, .btn-primary:focus {
background-color: #5969f3 !important;
border-color: #5969f3 !important;
}
.btn-secondary {
background-color: #000 !important;
border-color: #000 !important;
color: #fff!important;
}
.btn-secondary:hover, .btn-secondary:focus {
background-color: #626366 !important;
border-color: #626366 !important;
}
.btn-grey {
background-color: #999899 !important;
border-color: #999899 !important;
color: #fff !important;
}
.btn-grey:hover, .btn-grey:focus {
background-color: #d1d2d4 !important;
border-color: #d1d2d4 !important;
}
.btn-ghost {
background-color: #fff !important;
border-color: #4154f1 !important;
color: #4154f1!important;
}
.btn-ghost:hover, .btn-ghost:focus {
background-color: #4154f1 !important;
border-color: #4154f1 !important;
color: #fff!important;
}
/* SHARING:: BORDER RADIUS ---------------------------------------------------*/
button, .btn,
#header .megamenu-container,
.form-check .form-check-input,
#alertMessage .alertM joomla-alert,
.convertforms .cf-input, .convertforms .tf-phone-control,
#osmRegister form input, #osmRegister form select,
#osmProfile .eb-form-control input, #osmProfile .eb-form-control select,
.com_users_body form input,
#search-input form input.ais-SearchBox-input, #search-input form button {
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
}

/* SECTION: HEADER & MENU ---------------------------------------------------*/
#header,
#header .logo-wrapper {
height: 110px;
}
#header .logo-wrapper {
display: flex;
align-content: center;
align-items: center;
justify-content: center;
}
#header .logo-wrapper img {
max-height: 90px;
}
#header,
#header .astroid-header-sticky {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 8%) !important;
}
#header .astroid-header-sticky {
height: 80px;
border-bottom: 0 solid #dee2e6 !important;
}
#header .astroid-header-sticky .logo-wrapper img {
max-height: 70px;
}
.astroid-header-section header.astroid-header:not(.astroid-header-sticky) {
padding: 0;
}
/* menu ----------------*/
#header .divided-menu-block ul.nav {
justify-content: flex-end;
}
#header ul.nav {
font-size: 1rem;
font-weight: 500;
align-items: center;
}
#header ul.nav > li {
padding: 0;
}
#header ul.nav > li > a {
padding: 0 0.938rem !important;
}
/* submenu ----------------*/
#header .megamenu-container {
top: 63px !important;
}
#header .astroid-header-sticky .megamenu-container {
top: 53px !important;
}
#header .megamenu-container,
#header .megamenu-container .nav-submenu .nav-submenu {
border-top: 0px solid #e1ecff;
}
#header .megamenu-container.nav-submenu-container {
box-shadow: 0 0 6px #cacaca;
}
#header ul.nav-submenu li.nav-item-submenu > a {
font-weight: 400;
line-height: initial;
padding: 0.625rem;
}
/* menu button ----------------*/
#header .menuBtn.btn {
box-shadow: none !important;
letter-spacing: 0.01em !important;
padding: 0.7rem 1.4rem !important;
margin-left: 1.875rem;
}
#header .menuBtn.btn-primary a,
#header .menuBtn.btn-danger a {
color: #fff !important;
}
/*#header li.nav-item-active.menuBtn.btn-primary {
background: #013289 !important;
border-color: #013289 !important;
}*/
#header .menuBtn.btn-danger {
background: #dc3545 !important;
border: 1px solid #dc3545 !important;
}
#header .menuBtn.btn-danger:hover {
background: #bb2d3b !important;
border: 1px solid #bb2d3b !important;
}

/* OFFCANVAS ---------------------------------------------------*/
/* OFFbutton ----------------*/
.burger-menu-button .box {
display: block !important;
height: auto !important;
width: auto !important;
}
.burger-menu-button .inner,
.burger-menu-button .inner::before,
.burger-menu-button .inner::after {
background-color: #333 !important;
height: 0.25rem !important;
}
.burger-menu-button .button {
background: none !important;
box-shadow: none !important;
border: 0 !important;
padding: 0 !important;
}
.astroid-offcanvas .burger-menu-button {
padding: 1.25rem 0.938rem;
}
/* OFFmenus ----------------*/
#astroid-offcanvas .astroid-offcanvas-inner {
padding: 0;
}
#astroid-offcanvas ul.menu {
margin: 0;	
}
#astroid-offcanvas ul.menu li {
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 0;
}
#astroid-offcanvas ul.menu li a {
padding: 0.625rem 0.75rem;
}
#astroid-offcanvas ul.menu li:hover,
/*#astroid-offcanvas ul.menu li:hover > a,*/
#astroid-offcanvas ul.menu li > ul.nav-child li.menu-go-back:hover {
background-color: #4154F1;
color: #fff !important;
}
/* OFFmenus - arrows to subs ----------------*/
#astroid-offcanvas ul.menu li:hover > a,
#astroid-offcanvas ul.menu li:hover span.menu-indicator,
#astroid-offcanvas ul.menu li.active span.menu-indicator {
color: #fff !important;
}
/* OFFmenus - subs ----------------*/
#astroid-offcanvas ul.menu li > ul.nav-child {
margin: 0;
}
#astroid-offcanvas ul.menu li > ul.nav-child li {
font-size: 0.875rem;
letter-spacing: 0.02em;
text-transform: none;
}
#astroid-offcanvas ul.menu li > ul.nav-child li.active:hover a {
color: #4154F1 !important;
}
#astroid-offcanvas ul.menu li > ul.nav-child li.menu-go-back {
color: #333;
font-size: 1.125rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
}
#astroid-offcanvas ul.menu li > ul.nav-child li.menu-go-back .menu-indicator-back {
padding-top: 1.8rem;
padding-bottom: 0.375rem;
}
#astroid-offcanvas ul.menu li > ul.nav-child li.menu-go-back i {
margin: 0;
}

/* SECTION: HEADER BANNER ---------------------------------------------------*/
.astroid-banner .astroid-banner-inner {
background-image: url(/images/assets_title/ensuring-compliance-with-legal-regulatory-guid-generative-ai.jpg);
background-repeat: no-repeat;
background-position: 50%;
background-attachment: inherit;
background-size: cover;
background-blend-mode: overlay;
background-color: rgba(0, 0, 0, 0.25);
height: 350px;
text-align: center;
}
.astroid-banner-inner .astroid-banner-title {
font-size: 2.8rem;
font-weight: 500;
margin-bottom: 0.5rem;
}
.astroid-banner .astroid-banner-subtitle {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.813rem;
margin: 0;
width: 80% !important;
display: inline-block;
}
@media (max-width: 1199.98px) {
	.astroid-banner .astroid-banner-subtitle { width: 90% !important; }
}
@media (max-width: 991.98px) {
	.astroid-banner-inner .astroid-banner-title { font-size: 2.4rem; }
	.astroid-banner .astroid-banner-subtitle { font-size: 1.3rem; width: 100% !important; }
}
@media (max-width: 767.98px) {
	.astroid-banner .astroid-banner-inner { padding: 3.75rem 0; /*height: auto;*/ }
	.astroid-banner-inner .astroid-banner-title { font-size: 2rem; line-height: 1.8rem; }
	.astroid-banner .astroid-banner-subtitle { font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; }
}
@media (max-width: 575.98px) {
	.astroid-banner .astroid-banner-inner { padding: 3.75rem 0; height: 360px; }
	.astroid-banner .astroid-banner-subtitle { font-size: 1rem; }
}

/* MAIN BODY ---------------------------------------------------*/
section.astroid-component-section {
background-image: url(/images/assets_img/hero-bg.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
padding: 3.75rem 0;
margin: 0;
}
.itemid-101.home-alias section.astroid-component-section {
margin: 0 !important;
padding: 0 !important;
}
/* ALERT MESSAGES ----------------*/
#alertMessage .grpSpaces { display: none; }
#alertMessage .alertM {
padding: 0 0.6rem;
}
#alertMessage .alertM joomla-alert {
width: 100%;
display: inline-flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
line-height: normal;
margin: 0 0 3rem;
}
#alertMessage .alertM button.joomla-alert--close {
padding: 4px 10px !important;
box-shadow: none;
position: sticky;
opacity: .9;
margin-left: 1.25rem;
}

/* PAGE: CONTENT IMAGES ---------------------------------------------------
1:below title; 2:left; 3:right 4:below content
*/
.imgContent.Loc_1, .imgContent.Loc_4 {
margin-bottom: 2.5rem;
}
.imgContent.Loc_2,
.imgContent.Loc_3 {
width: 45%;
margin: 0.5rem 1.25rem;
}
.imgContent.Loc_2 {
float: left;
margin-left: 0;
}
.imgContent.Loc_3 {
float: right;
margin-right: 0;
}
.imgContent.Loc_4 {
padding-top: 1.25rem;
}
@media (max-width: 767.98px) {
	.imgContent.Loc_2, .imgContent.Loc_3 { float: none; width: 100%; text-align: center; margin: 0.5rem 0 1.25rem; }
	.imgContent.Loc_2 img, .imgContent.Loc_3 img { width: 100%; }
}

/* FORMS FEILDS - SHARING ---------------------------------------------------*/
.convertforms .cf-label,
#osmRegister .form-group .form-control-label,
#osmSubscription .form-group .form-control-label,
#osmSubscription .form-group .eb-form-control,
#osmProfile joomla-tab-element .form-control-label, 
#osmProfile joomla-tab-element #field_username, #osmProfile joomla-tab-element #field_membership_id {
color: #656565 !important;
font-size: 0.875rem !important;
font-weight: 500;
}
#osmProfile joomla-tab-element #field_username,
#osmProfile joomla-tab-element #field_membership_id {
font-weight: 400;
}
.convertforms input, .convertforms select, .convertforms textarea,
#osmRegister form .eb-form-control input, #osmRegister form select,
#osmProfile .eb-form-control input, #osmProfile .eb-form-control select  {
color: #495057 !important;
font-size: 0.875rem !important;
letter-spacing: 0.02em !important;
}
.convertforms .cf-input, .convertforms .tf-phone-control,
.com_users_body form input,
#osmRegister form .eb-form-control input, #osmRegister form select,
#osmProfile .eb-form-control input, #osmProfile .eb-form-control select,
#osmPayment form .osm-addon-container.input-group {
border: 1px solid #e1ecff !important;	
}
#osmRegister form .eb-form-control input {
box-shadow: none !important;
}
.form-check {
margin: 0;
padding: 0;
display: inline-flex;
align-items: center;
}
.form-check .form-check-input {
font-size: 1.3rem;
margin: 0;
margin-right: 6px;
}
.form-check-input:checked {
background-color: #717ff5;
border-color: #717ff5 !important;
}
#osmRegister .form-actions,
#osmPayment .form-actions,
#osmSubscription .form-actions {
margin-top: 2rem;
}

/* CONVERT FORMS ---------------------------------------------------*/
.convertforms { background: transparent; }
.convertforms .cf-content-wrap,
.convertforms .cf-form-wrap {
padding: 1.125rem 0.563rem;
}
.convertforms .cf-control-group {
padding: 5px;
}
.convertforms .cf-label {
margin-bottom: 0.188rem;
}
.convertforms .cf-input::placeholder,
.convertforms .cf-input:has(option:disabled:checked) {
color: rgb(136 136 136 / 66%) !important;
}
.convertforms input,
.convertforms select {
height: 2.375rem !important;
height: 2.688rem !important;
}
.convertforms .cf-select select {
color: #757575e3;
padding: 0.5rem 0.625rem;
}
.convertforms .cf-phone-number-wrapper .tf-phone-control--flag {
padding-right: 5px;
}
.convertforms .cf-phone-number-wrapper .tf-phone-control input {
padding-left: 0.625rem !important;
border: 0 !important;
}
.convertforms input::placeholder,
.convertforms select::placeholder,
.convertforms textarea::placeholder {
color: #000 !important;
}
.convertforms input:focus, .convertforms select:focus, .convertforms textarea:focus,
#osmRegister form input:focus, #osmRegister form select:focus,
#osmProfile .eb-form-control input:focus, #osmProfile .eb-form-control select:focus {
box-shadow: none !important;
border-color: #4585f4 !important;
}
/* GDPR */
.convertforms .gdpr_info .cf-control-input {
color: inherit;
color: #808080;
font-size: 0.75rem !important;
font-weight: 400 !important;
font-style: italic;
letter-spacing: 0.03rem;
}
@media (max-width: 575.98px) {
	.cf-control-group.cf-one-half { width: 100% !important; }
}
/* THANKS / SUCCESS MESSAGE  */
.convertforms.cf-success.cf-success-hideform .cf-response {
color: #fff;
padding: 1.875rem;
align-items: center;
}
.convertforms.cf-success.cf-success-hideform .cf-response h3 {
color: #fff;
line-height: 1.875rem;
margin: 0;
}
.convertforms.cf-success.cf-success-hideform .cf-response p:last-child {
margin-bottom: 0;
}
@media (max-width: 575.98px) {
	.convertforms.cf-success.cf-success-hideform .cf-response { padding: 1.875rem 1.375rem; }
	.convertforms.cf-success.cf-success-hideform .cf-response h3 { font-size: 1.125rem; line-height: 1.375rem; }
}

/* GLOBAL LINKS | BUTTONS | COM_USERS ---------------------------------------------------*/
.grpLinks, .grpButtons {
margin: 1.875rem 0;
/*gap: 0.2rem;*/
}
.grpLinks .gLinks {
margin: 0.125rem 0;
}
.grpButtons {
display: inline-flex;
flex-wrap: wrap;
}
.grpButtons .gBtns {
/*margin: 0.125rem;*/
margin-right: 1.0rem;
}
.grpButtons .gBtns:last-child { margin-right: 0; }
@media ( max-width: 575.98px ) {
	.grpButtons .gBtns.btn01 { margin-bottom: 1.15rem; }
}

/* SECTION: BACK TO OVERVIEW ---------------------------------------------------*/
.back_overview {
border-top: 1px solid #e8e8e8;
margin-top: 2.5rem;
padding-top: 0.875rem;
padding-top: 2.3rem;
}

/* SECTION: PAGING ---------------------------------------------------*/
.blog_pagination {
text-align: center;
margin: 1.5rem 0 0;
padding-top: 2.5rem;
}
ul.pagination {
font-size: 0.75rem;
font-weight: 600;
align-content: center;
align-items: center;
width: auto;
margin: 0 !important;
}
ul.pagination li.page-item {
margin: 0;
padding: 0;
}
ul.pagination li.page-item .page-link {
color: #888;
font-size: 0.75rem;
line-height: normal;
/*padding: 0.25rem 0.563rem;*/
padding: 0.45rem 0.55rem;
border: 1px solid #e2e2e2;
border-radius: 0 !important;
}
ul.pagination li.page-item:hover a {
text-decoration: none;
background-color: rgb(197 197 197 / 33%) !important;
border: 1px solid rgb(197 197 197 / 33%) !important;
color: #fff !important;
}
ul.pagination li.page-item.active .page-link,
ul.pagination li.page-item.active .page-link:hover {
background-color: #c5c5c5ee;
border-color: #c5c5c5ee;
color: #fff;
}
ul.pagination li.page-item a.page-link:focus { box-shadow: 0 0 0 0 !important;}
@media (max-width: 575.98px) {
	ul.pagination { flex-wrap: wrap; }
	ul.pagination li.page-item { margin: 0.625rem 0; }
}

/* SECTION: BELOW SHARING ---------------------------------------------------*/
#signup, #footer {
background: #f6f9ff;
}
#signup, #bottom, #footer {
font-size: 0.875rem;
border-top: 1px solid #e1ecff;
}

/* SECTION: SIGNUP / NEWSLETTER ---------------------------------------------------*/
#signup {
text-align: center;
padding: 50px 0;
}
#signup .modSignup {
display: inline-flex;
}
#signup .cf_newsletter .grp_intro {
margin-bottom: 1.8rem;
}
#signup .cf_newsletter .grp_intro h3 {
margin: 0;
}
#signup .cf_newsletter .grp_intro p {
letter-spacing: 0.04em;
}
#signup .cf_newsletter .grp_intro p:last-child {
margin: 0;
}
#signup .cf_newsletter .grp_row {
background: #fff;
border: 1px solid;
border-color: #e1ecff !important;
padding: 3px;
}
#signup .cf_newsletter .grp_row.left {
border-right: 0;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
#signup .cf_newsletter .grp_row.left .cf-control-input {
gap: 0 !important;
}
#signup .cf_newsletter .grp_row.right {
text-align: right;
width: fit-content;
border-left: 0;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
#signup .cf_newsletter .grp_row input {
border: 0 !important;
height: 43px !important;
}
#signup .cf_newsletter .btn-primary {
width: 100%;
padding: 0.8rem 2.5rem !important;
}
@media (max-width: 767.98px) {
	.cf-control-group.cf-one-third, .cf-control-group.cf-two-thirds { width: 100% !important; }
	#signup .cf_newsletter .grp_row {  }
	#signup .cf_newsletter .grp_row.left {
		border-right: 1px solid; border-bottom: 0; border-radius: 0;
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
	}
	#signup .cf_newsletter .grp_row.right {
		border-left: 1px solid; border-top: 0; border-radius: 0;
		-webkit-border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
	}
}

/* SECTION: BOTTOM ---------------------------------------------------*/
#bottom {
line-height: 1.5rem;
padding: 3.75rem 0 1.875rem;
padding: 3.75rem 0;
}
#bottom .module-title {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 1rem;
}
#bottom .x_bmenu ul.nav {
line-height: 1;
margin: 0;
}
#bottom .x_bmenu ul.nav li {
padding: 0.6rem 0;
}
#bottom .x_bmenu ul.nav li:first-child {
padding-top: 0 !important;
}
#bottom .x_bmenu ul.nav li a:before {
content: '\f054';
font-family: 'FontAwesome';
color: #d0d4fc;
font-size: 0.75rem;
padding-right: 6px;
}
#bottom .x_bmenu ul.nav li.active a {
color: #717ff5 !important;
}
@media (max-width: 991.98px) {
	#bottom .moduletable { margin-bottom: 2.5rem !important; }
	#bottom #b4 .moduletable { margin-bottom: 0 !important; }
}
/* SECTION: FOOTER ---------------------------------------------------*/
#footer {
font-size: 0.813rem;
line-height: initial;
text-align: center;
padding: 1.875rem 0;
}
#footer .astroid-row {
padding: 0px !important;
}
#footer .copyright { display: grid; }
#footer .copyright .managed {
margin-top: 0.625rem;
}
/* PAGE: ERROR ---------------------------------------------------*/
.error-page .errorContent {
text-align: left;
}
.error-page img.error-logo {
width: auto;
margin-bottom: 1.25rem;
}
.error-page h1,
.error-page h3 {
color: #888;
}
.error-page .h1Type {
display: table-cell;
vertical-align: middle;
padding-bottom: 0.5rem;
}
.error-page .h1Type h1 {
font-size: 6.5rem !important;
font-weight: 800 !important;
line-height: 6.5rem !important;
margin: 0 !important;
padding-right: 12px !important;
animation: type .5s alternate infinite !important;
}
@keyframes type {
	from { box-shadow: inset -3px 0px 0px #888; }
	to { box-shadow: inset -3px 0px 0px transparent; }
}
.error-page h3 {
font-size: 1.7rem !important;
font-weight: 600;
margin: 0 !important;
}
.error-page p {
font-weight: 500;
margin: 0.625rem 0 1.25rem !important;
}
.error-page .btn-backtohome { display: none; }
.error-page .grp_btn .btn-primary {
text-transform: uppercase;
font-weight: 600 !important;
letter-spacing: 0.06em !important;
}
.error-page .grp_btn .btn-primary.btn1 {
margin-right: 30px;
}
/* FILE: COM_USER & COM_OSMEMBERSHIP - SHARING ---------------------------------------------------*/
.com_users_body legend,
#osmRegister form h3.osm-heading,
#osmPayment form h3.osm-heading, #osmComplete h4 {
background: #f6f9ff;
border-bottom: 3px solid #e1ecff;
padding: 0.625rem;
color: #013289;
font-size: 1rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
margin: 1rem 0 0.375rem;
}
.payment-heading {
text-align: center;
font-size: 1.6rem;
margin: 60px 0;
}


/* FILE: COM_USER ---------------------------------------------------*/
/* Hide fields on reg and edit */
#member-registration > fieldset > div:nth-child(4),
#member-profile > fieldset > div:nth-child(4) {
display: none!important;
}
/* SHARING */
.com_users_body form {
margin-top: 1.25rem;
}
.com_users_body form .control-group {
padding: 0.375rem 0;
}
.com_users_body form .control-label {
color: #888;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.125rem;
margin-bottom: 0.3rem;
}
.com_users_body form input {
color: #495057;
font-size: 0.875rem;
letter-spacing: 0.02rem;
border-radius: 0;
box-shadow: none;
}
.com_users_body form input:focus {
box-shadow: 0 0 0 0;
border-color: #4154f1;
}
.com_users_body form button.btn.input-password-toggle {
box-shadow: none;
padding: 0.375rem 0.75rem !important;
}
/* PAGE: #USER_REGISTER -------------------------*/
#user_register fieldset:first-child > legend {
margin-top: 0;
}
#user_register #jform_captcha-lbl {
display: none;
}
#user_register .footerNote {
color: #686868;
font-size: 1.188rem;
font-weight: 400;
line-height: 1.813rem;
text-align: center;
margin-top: 3.75rem;
}
/* PAGE: #USER_LOGIN -------------------------*/
#user_login legend { /* reset & remind */
color: #7b7b7b;
font-size: 1.125rem;
line-height: 1.375rem;
}
#user_login .reset legend,
#user_login .reset-confirm legend,
#user_login .reset-complete legend {
background: none;
border-bottom: none;
text-transform: inherit;
padding: 0;
font-weight: 400;
margin: 0 0 1.5rem;
}
#user_login form .com-users-login__remember {
color: #808080;
font-weight: 400;
font-style: italic;
letter-spacing: 0.03em;
line-height: 1.438rem;
}
#user_login form .com-users-login__remember,
#user_login form .com-users-login__remember .form-check .form-check-input {
font-size: 0.813rem !important;
}
#user_login a {
color: #717FF5;
}
#user_login a:hover,
#user_login .list-group a:hover {
color: #4154f1;
}
#user_login .list-group {
margin-top: 0.375rem;
}
#user_login .list-group a {
background: transparent;
color: #808080;
font-size: 0.9rem;
font-style: italic;
line-height: 1.3rem;
border: 0;
padding: 0;
}
#user_login .com-users-reset__submit,
#user_login .com-users-remind__submit {
padding-top: 0 !important;
}
#user_login .com-users-login__submit.control-group {
margin-bottom: 1.2rem;
}
/* PAGE: #USER_PROFILE -------------------------*/
#user_profile form .grpButtons {
margin: 0;
}
#user_profile form .grpButtons .btn-danger {
background: #dc3545 !important;
border: 1px solid #dc3545 !important;
}
#user_profile form .grpButtons .btn-danger:hover {
background: #bb2d3b !important;
border: 1px solid #bb2d3b !important;
}
#user_profile form .grpButtons .btn span {
margin-right: 4px;
}
/* PAGE: artDashboard ---------------------------------------------------*/
#memberDashboard {}
#memberDashboard .card-article {
background: #fff;
padding: 1.25rem;
margin-top: 2rem;
}
#memberDashboard .card {
border-radius: 0px;
border: 0px;
padding: 1.25rem;
box-shadow: 0px 4px 12px rgba(65, 84, 241, 0.4);
border-left: 3px solid;
}
#memberDashboard .modMenu .card {
border-color: #012970;
}
#memberDashboard .modStatus .card {
border-color: #717ff5;
}
#memberDashboard .card h5 {
color: #151d2c;
font-size: 1.125rem;
text-transform: uppercase;
margin-bottom: 0.75rem !important;
}
#memberDashboard .modStatus .card p.text-info {
margin: 0;
}
#memberDashboard .modMenu .card ul,
#memberDashboard .modStatus .card ul {
list-style: none;
padding: 0;
margin: 0;
}
#memberDashboard .modStatus .card,
#memberDashboard .modMenu .card ul {
font-size: 1rem;
}
#memberDashboard .modMenu .card ul li,
#memberDashboard .modStatus .card ul li {
margin: 4px 0;
padding: 0px;
}
#memberDashboard .modStatus .card ul li {
font-style: italic;
}
#memberDashboard .modMenu .card ul li.active a,
#memberDashboard .modStatus .card ul li.active a {
color: #4154f1;
}
/* FILE: COM_OSMEMBERSHIP ---------------------------------------------------*/
/* SHARING -------------------------*/
h1.osm-page-title {
margin-bottom: 2.5rem !important;
}
.tingle-modal button.tingle-modal__close {
display: grid;
align-content: center;
justify-content: center;
padding: 1.2rem 2.6rem !important;
}
.tingle-modal button span.tingle-modal__closeIcon {
display: inline-block;
width: 20px;
}
@media (max-width: 767.98px) {
	.tingle-modal .tingle-modal-box .tingle-modal-box__content { padding: 2rem; }
}
@media (max-width: 575.98px) {
	.tingle-modal .tingle-modal-box .tingle-modal-box__content { padding: 1rem; }
	.tingle-modal button.tingle-modal__close { display: inline-flex; align-items: center; }
}


/* PAGE: #osmPlan -------------------------*/
#osmPlan .card-plan .card-heading,
#osmPlan .card-plan .card-body,
#osmSubscription .card { 
background: transparent;
border: 0;
padding: 0;
}
/* #osmPlan .card-plan .card-body p:last-child { margin-bottom: 0; } */
#osmPlan .card-plan .card-body .table {
font-size: 1.3rem;
}
#osmPlan .card-plan .osm-taskbar {
padding: 0;
margin: 0;
}

/* PAGE: #osmRegister -------------------------*/
#osmRegister {}
#osmRegister form h3.osm-heading {
margin: 1rem 0 !important
}
#osmRegister form .form-group.form-row {
display: inline-flex;
align-items: center;
}
#osmRegister form .form-group.form-row,
#osmProfile .form-group.form-row {
margin-bottom: 6px;
}
#osmRegister form #payment_method_container {
margin: 1rem 0 1.5rem !important;
padding: 0;
}
#osmRegister form #payment_method_container fieldset#osm-payment-method-list {
display: inline-flex;
align-items: center;
}
#osmRegister form #payment_method_container .osm-payment-method-item {
margin-right: 2.5rem;
}
#osmRegister form .osm-privacy-policy,
#osmRegister form .osm-terms-and-conditions-container {
line-height: normal;
}
#osmRegister form .osm-privacy-policy label,
#osmRegister form .osm-terms-and-conditions-container label {
font-size: 0.875rem !important;
}
#osmRegister form .osm-privacy-policy label {
font-weight: 600;
}
#osmRegister form .osm-privacy-policy .col-md-3,
#osmRegister form .osm-privacy-policy .col-md-9 {
width: 100%;
}
#osmRegister form .osm-privacy-policy .osm-privacy-policy-message.alert {
display: none;
}
@media (max-width: 575.98px) {
	#osmRegister form #payment_method_container fieldset#osm-payment-method-list { display: block; }
	#osmRegister form #payment_method_container .osm-payment-method-item { margin: 1rem 0; }
}

/* PAGE: Subscription Payment -------------------------*/
#osmPayment .row.form-group.form-row {
align-items: center;
}
#osmPayment .form-group .form-control-label {
color: #333 !important;
font-weight: 500;
}
#osmRegister form .osm-addon-container.input-group,
#osmPayment form .osm-addon-container.input-group {
flex-wrap: nowrap;
}
#osmRegister form .osm-addon-container.input-group span.input-group-text,
#osmPayment form .osm-addon-container.input-group span.input-group-text {
background: #e1ecff;
border: 0;
border-radius: 0;
}
#osmRegister form .osm-addon-container.input-group input#gross_amount,
#osmPayment form .osm-addon-container.input-group input#gross_amount {
border: 0;
width: 100% !important;
}
/* PAGE: Subscription Complete -------------------------*/
#osmComplete table.os_table {}
#osmComplete table.os_table tr:nth-child(even) {
background: rgb(229 229 229 / 43%);
background: rgb(69 133 244 / 8%);
}
#osmComplete table.os_table td.title_cell,
#osmComplete table.os_table td.field_cell { 
padding: 0.625rem;
}
@media (max-width: 1199.98px) {
	#osmComplete table.os_table td.title_cell { width: 35%; }
}
@media (max-width: 767.98px) {
	#osmComplete table.os_table tr { width: 100%; display: grid; }
	#osmComplete table.os_table td.title_cell { width: 100%; padding-bottom: 0; }
	#osmComplete table.os_table td.field_cell { padding-top: 0;  }
}

/* PAGE: osmSubscription Detail -------------------------*/
#osmSubscription .form-row {
padding: 0.625rem;
margin: 0;
}
#osmSubscription .form-group.form-row:nth-child(odd) {
background: rgb(69 133 244 / 8%);	
}
#osmSubscription .form-group .form-control-label {
color: #333 !important;
font-weight: 500;
}
#osmSubscription .form-actions {
text-align: center;
}
/* PAGE: osmProfile -------------------------*/
/* URL: /dashboard/subs ----------------------*/
#osmProfile joomla-tab > joomla-tab-element,
#osmProfile joomla-tab[view="tabs"] > div[role="tablist"] {
background: none;
border: 0;
box-shadow: none;
padding: 1rem 0 0;
}
#osmProfile joomla-tab[view="tabs"] > div[role="tablist"] {
margin-bottom: 1rem;
}
#osmProfile joomla-tab[view="tabs"] > div[role="tablist"] button,
#osmProfile joomla-tab[view="accordion"] > button,
#osmProfile joomla-tab[view="accordion"] > button:focus {
background: transparent !important;
color: #333 !important;
font-weight: 500 !important;
border: 0 !important;
box-shadow: none;
}
#osmProfile joomla-tab[view="tabs"] button:after {
content: "";
opacity: .8;
background-color: rgb(69 133 244 / 35%);
height: 5px;
position: absolute;
bottom: -1px;
left: 0;
right: 0;
}
#osmProfile joomla-tab[view="tabs"] button[aria-expanded="true"]:after {
background-color: #4585f4;
opacity: 1;
}
/* on repsonive views */
#osmProfile joomla-tab[view="accordion"] {
box-shadow: inset 0 0 #fff, 0 0 0 #0000000a;
}
#osmProfile joomla-tab[view="accordion"] button {
border-bottom: 4px solid rgb(69 133 244 / 60%) !important;
box-shadow: inset 0px 0px 2px 1px rgb(69 133 244 / 35%);
}
#osmProfile joomla-tab[view="accordion"] > button[aria-expanded="true"],
#osmProfile joomla-tab[view="accordion"] > button[aria-expanded="true"]:focus {
background-color: rgb(69 133 244 / 35%) !important;
border-color: #4585f4 !important;
color: #fff !important;
}
#osmProfile joomla-tab[view="accordion"] button[aria-expanded="true"]:after {
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
display: none;
}

/* edit profile */
#osmProfile .form-group.form-row {
display: flex;
align-items: center;
margin-bottom: 6px;
}
#osmProfile joomla-tab-element .form-control-label {
font-weight: 500;
}
#osmProfile joomla-tab-element .eb-form-control input {
box-shadow: none;
}
#osmProfile joomla-tab-element#profile-page .form-actions {
margin: 1.875rem 0 1rem;
text-align: center;
}
#osmProfile joomla-tab-element#profile-page .form-actions .btn-primary {
box-shadow: none;
margin-right: 1.0rem !important;
}
@media (max-width: 575.98px) {
	#osmProfile joomla-tab-element#profile-page .form-actions { display: grid; }
	#osmProfile joomla-tab-element#profile-page .form-actions .btn-primary { margin: 0 0 0.5rem !important; }
}

/* my subscriptions & subscription history */
joomla-tab-element#my-subscriptions-page table,
joomla-tab-element#subscription-history-page table {
font-size: 0.875rem;
line-height: normal;
vertical-align: middle;
text-align: center;
}
joomla-tab-element#my-subscriptions-page table tr th,
joomla-tab-element#subscription-history-page table tr th {
padding: 1rem 0.5rem;
}
joomla-tab-element#my-subscriptions-page table tr th:first-child, joomla-tab-element#my-subscriptions-page table tr td:first-child,
joomla-tab-element#subscription-history-page table tr th:first-child, joomla-tab-element#subscription-history-page table tr td:first-child {
text-align: left !important;
}
joomla-tab-element#my-subscriptions-page table tr th:nth-child(2) {
width: 30% !important;
}
joomla-tab-element#subscription-history-page table tr th:nth-child(4),
joomla-tab-element#subscription-history-page table tr td:nth-child(4) {
text-align: center !important;
}
joomla-tab-element#subscription-history-page table a.btn {
font-size: 0.813rem !important;
font-size: 0.75rem !important;
letter-spacing: 0.04em !important;
padding: 0.6rem 1rem !important;
box-shadow: none !important;
margin-top: 6px;
width: 100%;
}