#the-list .loginpress-unapproved-user-row {
    background-color: rgba(255, 124, 0, 0.04);
}

#the-list .loginpress-unapproved-user-row .role.column-role {
    color: #ff0000; 
    font-weight: 500;
}

.loginpress-settings input[type=button] {
    margin: 0 !important;
}

/* Table Styling */
.toplevel_page_loginpress-settings .dataTable{
    padding-top: 20px;
}

.dataTable thead tr th{
    border-top: none !important;
    text-align: center;
}

.toplevel_page_loginpress-settings .dataTable thead tr th{
    border: none;
    border-bottom: 1px solid #DEE5F2 !important;
    background-color: #DEE5F2 !important;
    font-size: 16px;
    line-height: 24px;
    color: #516885;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    border-bottom: none !important;
    text-align: center;
}
.toplevel_page_loginpress-settings .dataTable thead tr th:first-child{
    white-space: nowrap;
    border-radius: 10px 0px 0px 0px;
}
.loginpress-user-redirects-update,
.loginpress-user-redirects-delete{
    position: relative;
}
.ui-tooltip, .arrow:after {
    background: #516885;
  }
  .ui-tooltip {
    position: fixed;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    color: #fff;
    padding: 7px 8px 9px;
    border-radius: 0px;
    z-index: 99;
    background-color: #516885;
    clip-path: polygon( 0 0, 100% 0, 100% calc(100% - var(--tooltip-arrow-size)), calc(50% + var(--tooltip-arrow-size)) calc(100% - var(--tooltip-arrow-size)), 50% 100%, calc(50% - var(--tooltip-arrow-size)) calc(100% - var(--tooltip-arrow-size)), 0 calc(100% - var(--tooltip-arrow-size)));
  }
  .arrow {
    width: 35px;
    height: 8px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    bottom: -8px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 7px;
    top: -24px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  table.dataTable tbody tr:hover{
    z-index: 10;
    position: relative;
  }
  table.dataTable tbody tr.sticky-active{
    z-index: 11;
    position: relative;
  }
table.dataTable tbody tr:first-child .loginpress-user-redirects-update:after,
table.dataTable tbody tr:first-child .loginpress-user-redirects-delete:after{
    top: auto;
    bottom: -35px;
    padding: 14px 8px 7px;
    clip-path: polygon(0px 4px, calc(50% - var(--tooltip-arrow-size)) 4px, 50% 0px,  calc(50% + var(--tooltip-arrow-size)) 4px, 100% 4px, 100% 100%, 0% 100%);

}

.toplevel_page_loginpress-settings .dataTable thead tr th:last-child{
    border-radius: 0px 10px 0px 0px;
    position: sticky;
    right: 0;
}

.toplevel_page_loginpress-settings .dataTable tbody tr:nth-child(odd) td, 
.toplevel_page_loginpress-settings .dataTable tbody tr:nth-child(odd) th{
    background-color: #ffffff !important;
}

.toplevel_page_loginpress-settings .dataTable tbody tr:nth-child(even) td, 
.toplevel_page_loginpress-settings .dataTable tbody tr:nth-child(even) th{
    background-color: #F6F9FF !important;
} 

.loginpress_autologin_users tr td{
    text-align: left;
}

.toplevel_page_loginpress-settings .dataTable tbody tr th{
    font-weight: 700;
}

.toplevel_page_loginpress-settings .dataTable tbody tr th, 
.toplevel_page_loginpress-settings .dataTable tbody tr td{
    border-left: 1px solid #D2DDF2 !important;
    border-right: none !important;
    font-size: 14px;
    line-height: 24px;
    color: #5C7697 !important;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    padding: 0;
    vertical-align: middle;
    border-top: none !important;
}

.toplevel_page_loginpress-settings .dataTable tbody tr th .lp-tbody-cell, 
.toplevel_page_loginpress-settings .dataTable tbody tr td .lp-tbody-cell{
    padding: 15px 15px;
}

.toplevel_page_loginpress-settings .dataTable tbody tr td:last-child{
    border-right: 1px solid #D2DDF2 !important;
}

.toplevel_page_loginpress-settings .dataTable tbody tr:last-child td{
    border-bottom: 1px solid #D2DDF2 !important;
}

.toplevel_page_loginpress-settings .dataTable tfoot{
    display: none;
}

table.dataTable thead th:first-child{
    position: sticky;
    left: 0;
}
table.dataTable tbody td:first-child{
    position: sticky;
    left: 0;
    border-right: 1px solid #D2DDF2 !important;
}
table.dataTable tbody td:first-child + td{
    border-left: 0 !important;
}
table.dataTable tbody td:last-child{
    position: sticky;
    right: 0;
}
.toplevel_page_loginpress-settings .dataTables_info{
    font-size: 14px;
    line-height: 24px;
    color: #5C7697 !important;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    padding-top: 25px !important; 
    padding-bottom: 1px !important; 
}



html .toplevel_page_loginpress-settings .dataTables_paginate .paginate_button.next:hover,
html .toplevel_page_loginpress-settings .dataTables_paginate .paginate_button.previous:hover{
	background-color: #d3ddf1 !important;
	background-position: center center !important;
}

html .toplevel_page_loginpress-settings .dataTables_paginate .paginate_button.disabled{
	cursor: default !important;
}

html .toplevel_page_loginpress-settings .dataTables_paginate .paginate_button.disabled:hover{
    background-color: transparent !important;
}

/* Black and White List button */

.add_black_list, 
.loginpress-attempts-blacklist{
	background-color: #000 !important;
	color: #fff !important;
	border: 1px solid #000;
	cursor: pointer;
	border: none !important;
  	box-shadow: none;
	border-radius: 5px !important;
    padding: 12px 20px 10px !important;
    font-size: 14px;
    line-height: 21px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    transition: all 0.3s;
}

.add_black_list:hover, 
.loginpress-attempts-blacklist:hover{
    background-color: #555 !important;
}

.add_white_list, 
.loginpress-attempts-whitelist{
	background-color: #7FC22B !important;
	color: #fff !important;
	border: 1px solid #000;
	cursor: pointer;
	border: none !important;
  	box-shadow: none;
	border-radius: 5px !important;
    padding: 12px 20px 10px !important;
    font-size: 14px;
    line-height: 21px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    transition: all 0.3s;
}

.add_white_list:hover, 
.loginpress-attempts-whitelist:hover{
    background-color: #558a13 !important;
}

.add_white_list:before, 
.add_black_list:before{
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 10px;
    background: url(../img/whitelist-icon.svg) center center no-repeat;
    background-size: contain;
    vertical-align: middle;
}

 .add_black_list:before{
    background: url(../img/backlist-icon.svg) center center no-repeat;
    background-size: contain;
}

#loginpress_pro_license-tab{
	pointer-events: none;
}
#loginpress_limit_bulk_blacklist{
    display: none;
}
.bulk_option{
    display: flex;
    flex-wrap: wrap;
    width: 350px;
}
.bulk_clear{
    margin-left: auto;
    display: flex;
    flex-direction: column;
}
.bulk_option_wrapper #loginpress_limit_bulk_blacklist_submit,
.bulk_option_wrapper #loginpress_limit_bulk_attempts_submit,
.bulk_option_wrapper #loginpress_limit_bulk_blacklists_submit,
.bulk_option_wrapper #loginpress_limit_bulk_whitelists_submit {
    border: none;
    background-color: #5C7697;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: #fff;
    font-family: "Poppins", sans-serif;
    transition: all 0.3s;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    max-width: 100%;
    display: inline-block;
    text-align: center;
    outline: none;
    text-transform: capitalize;
}
.bulk_option_wrapper #loginpress_limit_bulk_attempts_submit:hover,
.bulk_option_wrapper #loginpress_limit_bulk_blacklist_submit:hover,
.bulk_option_wrapper #loginpress_limit_bulk_blacklists_submit:hover,
.bulk_option_wrapper #loginpress_limit_bulk_whitelists_submit:hover{
    background-color: #2B3D54;
}

.bulk_option_wrapper .select{
	max-width: 200px;
	width: calc(100% - 110px);
	margin-right: 10px;
}



.toplevel_page_loginpress-settings .dataTable tbody .child{
    border-top: 1px solid #d3ddf1 !important;
    border-bottom: 1px solid #d3ddf1;
}

.toplevel_page_loginpress-settings .dataTable tbody .child .dtr-details{
    width: 100%;
}

.toplevel_page_loginpress-settings .dataTable tbody .child .dtr-details li {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #d3ddf1;
}

.toplevel_page_loginpress-settings .dataTable tbody .child .dtr-details li .dtr-title{
    width: 200px;
    text-align: left;
}

.toplevel_page_loginpress-settings .dataTable tbody .child .dtr-details li .dtr-data{
    width: calc(100% - 200px)
}

.toplevel_page_loginpress-settings .dataTable tbody .child .dtr-details li span{
    padding: 15px 20px;
}

.toplevel_page_loginpress-settings .dataTable tbody .child .dtr-details li span .lp-tbody-cell{
    padding: 0;
    word-break: break-word;
    display: block;
    white-space: normal !important;
    text-align: left;
}

.dataTables_length{
    display: none;
}
.dtfc-fixed-right{
    position: sticky;
}
.dataTables_empty {
    padding: 20px !important;
    text-align: center !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}
.selectbox select{
    display: none !important;
}
.toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings, .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting > .loginpress-settings{
	padding: 20px;
}
body[class*="loginpress_page_loginpress"] #wpbody-content{
	display: flex;
	flex-direction: column;
}
body[class*="loginpress_page_loginpress"] .loginpress-header-wrapper{
    order: -1;
}
@media screen and (min-width: 1321px) {
	[id*="loginpress"] form > h3, 
	[id*="loginpress"] form .inside p{
		width: calc(100% - 300px);
	}
}
@media screen and (max-width: 1320px){
   .toplevel_page_loginpress-settings #wpbody-content .inside [class*="tab-wrapper"] [class*="tab"] {
        font-size: 14px;
        line-height: 20px;
        padding: 12px 9px;
        margin: 0 2px 0 0;
    } 

    #wpcontent .add_white_list, .loginpress-attempts-whitelist, 
    #wpcontent .add_black_list, .loginpress-attempts-blacklist{
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    /* .toplevel_page_loginpress-settings .dataTables_wrapper .dataTables_filter label input{
        max-width: 170px;
    } */

	#loginpress_limit_login_whitelist_wrapper2 .loginpress-llla-bulk-no-item,
	#loginpress_limit_login_blacklist_wrapper2 .loginpress-llla-bulk-no-item  {
		white-space: pre-wrap;
		max-width: 220px;
	}

	#loginpress_limit_login_whitelist_filter,
	#loginpress_limit_login_blacklist_filter{
	float: none;
	}

	#loginpress_limit_login_whitelist_wrapper2 .row-per-page,
	#loginpress_limit_login_blacklist_wrapper2 .row-per-page{
		margin-bottom: 0 !important;
		width: 500px;
	}
	#loginpress_limit_login_whitelist_filter,
	#loginpress_limit_login_blacklist_filter{
		display: inline-block;
	}
}

@media screen and (max-width: 782px){
	#loginpress_limit_login_whitelist_wrapper2 .loginpress-llla-bulk-no-item,
	#loginpress_limit_login_blacklist_wrapper2 .loginpress-llla-bulk-no-item  {
		white-space: pre-wrap;
		max-width: 150px;
	}

    .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .form-table tr th{
        padding-bottom: 5px;
    }
}




