/*
Theme Name:   Twenty Twenty-Four Child
 Description:  Twenty Twenty-Four Child Theme
 Author:       LS Web
 Author URI:   https://dokitpg.com/
 Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website.
 Template:     twentytwentyfour
 Requires at least: 6.4
 Tested up to: 6.4
 Requires PHP: 7.0
 Version: 1.0 License: GNU General Public License v2 or later
 Text Domain:  twentytwentyfourchild
*/

/* Dashboard Layout */
/* Dashbord Style */
.dashbord #user-registration.vertical .user-registration-MyAccount-navigation--wrapper{background: #f5f5f5;}
.dashbord #user-registration.vertical .user-registration-MyAccount-navigation--wrapper ul .user-registration-MyAccount-navigation-link:hover a{background: #eaeaea; color: #000; text-decoration: underline;}
.dashbord #user-registration.vertical .user-registration-MyAccount-content__header, .dashbord #user-registration.horizontal .user-registration-MyAccount-content__header{border-bottom-color: #000;}
.dashbord #user-registration.vertical .user-registration-MyAccount-content__header-buttons .user-registration-Button, .dashbord #user-registration.horizontal .user-registration-MyAccount-content__header-buttons .user-registration-Button{min-height: 38px;}
.dashbord #user-registration.horizontal .user-registration-MyAccount-content__header-buttons .user-registration-Button.urm-profile-action-toggle, .dashbord #user-registration.vertical .user-registration-MyAccount-content__header-buttons .user-registration-Button.urm-profile-action-toggle, .dashbord #user-registration.vertical .user-registration-MyAccount-content__header-buttons .user-registration-Button.urm-profile-change-password-btn:hover{background: #000 !important; border-color: #000 !important; color: #fff;}
.dashbord #user-registration.vertical .user-registration-MyAccount-content__header-buttons .user-registration-Button.urm-profile-change-password-btn{border-color: #000 !important; color: #000;}
.dashbord #user-registration .user-registration-MyAccount-content .user-registration-profile-fields__field-wrapper{margin: 0;}
.dashbord #user-registration.vertical .user-registration-MyAccount-navigation--wrapper ul .user-registration-MyAccount-navigation-link.is-active a{border-color: #000; background: #eaeaea; color: #000; text-decoration: underline;}
.dashbord #user-registration .ur-account-content .nav-tabs{gap: 15px;}
.dashbord #user-registration .ur-account-content .nav-tabs li a.active,.dashbord #user-registration .ur-account-content .nav-tabs li a:hover{background-color: #000 !important; border: 1px solid #000;}
.dashbord #user-registration .ur-account-content .nav-tabs li a{border: 1px solid #000;}
.dashbord #user-registration .wcf-wrapper .btn-info{background-color: #000; border-color: #000; padding: 8px 24px;}
.dashbord #user-registration .wcf-wrapper .form-control:focus, .dashbord #user-registration .wcf-wrapper .form-control:hover{border-color: #000;}
.dashbord #user-registration.horizontal .user-registration-MyAccount-content__header-content .urm-back-button:hover, .dashbord #user-registration.vertical .user-registration-MyAccount-content__header-content .urm-back-button:hover{color: #000;}
.dashbord #user-registration.horizontal .user-registration-MyAccount-content__body .ur-form-grid p .user-registration-Button, .dashbord #user-registration.vertical .user-registration-MyAccount-content__body .ur-form-grid p .user-registration-Button{background-color: #000 !important; border-color: #000 !important; color: #fff;}
.dashbord #user-registration.user-registration .ur-frontend-form .user-registration-Input:focus, .dashbord #user-registration.user-registration .ur-frontend-form input:focus{border-color: #000 !important;}
.dashbord #user-registration .ur-frontend-form .ur-form-row{gap: 15px;}
.dashbord #user-registration.vertical .user-registration-MyAccount-content { overflow: hidden !important;}
@media screen and (max-width: 767px){
	.dashbord #user-registration .ur-frontend-form .ur-form-row{margin-bottom: 0;}
	.dashbord #user-registration .ur-frontend-form .ur-form-row{gap: 0;}
}

/* Dashboard Styling */
.log_form #user-registration, .lost_form #user-registration, .reg_form #user-registration{ margin: 0 !important; border: 0 !important; max-width: 100% !important;}
.log_form #user-registration, .lost_form #user-registration, .reg_form #ur_register_pre_form_message { padding: 30px;margin: 0 !important; background-color: transparent !important;}
.log_form #user-registration .lost_form #user-registration { border-radius: 0 !important; background-color: transparent !important;}
.reg_form .ur-frontend-form.register_form { box-shadow: none !important; background-color: transparent !important;}
#user-registration > a, #ur_register_pre_form_message > a { color: #000000 !important}
#user-registration.vertical .user-registration-MyAccount-navigation a {	text-align: left !important }
#user-registration.user-registration-MyAccount { border-radius: 0 !important; box-shadow: none !important; height: 100% !important; min-height: 100vh; max-width: 100% !important;margin:0 !important}
.ur-frontend-form.login { padding: 0 !important; box-shadow: none !important; background-color: transparent !important;}
.ur-frontend-form.login .ur-form-grid { padding: 0 !important; margin: 0 !important; }
.ur-frontend-form.login .user-registration-register a { font-size: 14px !important;}
.log_form form button, .reg_form form button, .lost_form form .button { background-color : #000000 !important; width:100% !important; border-color: #000000 !important }
.log_form form .ur-button-container, .reg_form form .ur-button-container{ width: 100% !important } 
.log_form form input:focus, .reg_form form input:focus, .lost_form form input:focus { border-color: #000000 !important }
.lost_form form #user_login { padding: 0 12px !important;}
.account_parent  #user-registration .user-registration-MyAccount-content__body p a, .log_form form a, .reg_form form a { color: #000000 !important }
.account_parent #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active li > a,
.account_parent #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link li:hover > a{ color: #000000 !important; border-color: #000000 !important; background-color: #ffc30017 !important }
.account_parent .user-registration-message {margin: 10px; max-height: 50px !important }
.gravity-form-ac select, .gravity-form-ac input {width: 100% !important;}
.gravity-form-ac .form-check-input { width: auto !important;}
.gravity-form-ac input.gform_button.button {max-width: 100px;}

/* Dashboard Styling */
.user-registration-MyAccount-navigation-link.user-registration-MyAccount-navigation-link--urm-payments,
.user-registration-MyAccount-navigation-link.user-registration-MyAccount-navigation-link--ur-membership {
    display: none !important;
}

/* Data table */
.dataTables_wrapper .dataTables_filter { float: right }
.dataTables_wrapper .dataTables_filter label { display: flex; align-items: center; gap: 10px }
.dataTables_wrapper .dataTables_filter input { display: block; }
.dataTables_wrapper .dataTables_length { float: left }