.user_group_table{
    border-collapse: collapse;
    width: 100%;
    /* max-height:400px; */
    text-align:left;
    border: 1px solid #ccd0d4;
    background-color:white;
    font-size:13px;                
}

.user_group_table th{
    position:sticky;
    top:-2px;
    padding: 5px;
    padding-left:15px;
    padding-right:15px;
    border-bottom: 1px solid #ccd0d4;
    background: white;
    
}

.user_group_table th:active, .user_group_table th:focus{
    border: 1px solid #ccd0d4;
}

.user_group_table tbody tr:nth-child(odd){
    background-color: #f9f9f9;
}          
.user_group_table tbody td{              
    padding: 15px;
    max-width: 300px;
    word-wrap: break-word;
}

.user_group_table tbody{
    margin-bottom: 0;
    padding-bottom: 0;
}

.shop_access_field{
    display: block;
    padding: 0;
}

.add_domain_btn{
    display:block;
    color: #0073aa;
    border: 0px;
    background: none;
    text-decoration: underline;
    padding:0;
}

.add_domain_btn:hover{
    cursor: pointer;
    color: #58ACFA;
}

.scrollable{
    width: 100%;
    max-height: 300px;
    overflow:scroll;          
}

.user_group_box{
    display: inline-block;
    text-align:left;
    background-color:white;
    border: 1px solid #ccd0d4;
    padding: 20px;
    padding-top: 15px;
    font-size: 13px;
}

.table_spacing{
    width:100%;
    border-collapse: collapse;
    text-align:left;
    font-size:13px;
    line-height: 3.5;          
}

.table_spacing th{
    padding-right: 10px;
}

.add_role_btn{
    float:right;
    margin-top: 15px;
}

.admin_user_group_container h1{
    font-weight: 400;
    margin-bottom: 50px;
}

.user_group{
    max-height: 400px;
    margin-right: 20px;
    overflow: scroll;
}

.edit_btn{
    padding:0;
    margin:0;
    border:0;
    color: #0073aa;
    background:none;
    padding-right: 10px;
    outline: none;
}

.edit_btn:hover{
    cursor: pointer;
    color: #58ACFA;
}

.delete_btn{
    padding:0;
    margin:0;
    border:0;
    color: #a00;
    background:none;
    padding-left: 10px;
    outline: none;
}

.delete_btn:hover{
    cursor: pointer;
    color: red;
}

.shop_access_true{
    color: green;
    font-size: 16px;
}

.shop_access_false{
    color: red;
    font-size: 19px;
}

.eg_container{
    width:100%;
    max-height:200px;
    overflow: scroll;
    margin-top: 5px;
}

.eg_table{
    width: 100%;
    border: 1px solid #ccd0d4;
    padding: 10px;
    line-height: 0.1;
}

.eg_table tr td{
    float:right;
}

.eg_table label{
    position:sticky;
    font-size:13px;
    /*line-height: 2.5;*/            
}

#shop_access{
    width:100%;
}

#eg_form{
    margin-bottom: 5px;
}

#update_terms{
    line-height:0.1;
}

/* .ug_checkbox_container{
    display:flex;
    flex-wrap: wrap;
    max-width: 500px;
    padding: 5px;
} */
.ug_edit_u_checkboxes{
    background-color: #fff;
    border:1px solid #7e8993;
    border-radius:4px;
    padding-left: 10px;
    padding-right:10px;
    padding-bottom:5px;
    max-height:250px;
    overflow:auto;
    width: auto;
}

.edit_ug_cb_table{
    width:auto !important;
}

.ug_disable th{
    color: gainsboro;
}

.ug_disable td input{
    background-color:#E6E6E6;
    border-color: gray;
}

.ug_checkbox_container{
    padding-left: 20px;
}

.ug_edit_u_checkboxes .ug_clamp_name{
    padding-left:2px;
}


.add_domain_btn:active, .add_domain_btn:focus, .delete_btn:focus, .delete_btn:active, .edit-btn:focus, .edit_btn:active{
    outline: none;
}

.add-clamp-btn{
    float: right;
    margin-top: 15px !important;
}

.delete_domain_btn{
    float: right;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 15px;
}

#ug_checkboxes{
    padding: 2px;
    padding-top:0;
    max-height: 200px;
    overflow: auto;
}

.inside hr{
    margin:0;
}

.ug_clamp_name{
    margin-top: 10px;
    margin-bottom: 5px;
}

.check-all-ugs{
    padding-left: 1.5px;
}

.ug-checkboxes{
    margin-left:15px;
    margin-top: 0;
    margin-bottom: 0;
}

.ug_lanes_field{
    width: 100%;
}

.ug_lanes{
    display: inline;
    width: auto;
    background-color: white;
}

.icon-btn{
    background-color:none; /* Blue background */
    border: none; /* Remove borders */
    color: white; /* White text */
    padding: 12px 16px; /* Some padding */
    font-size: 16px; /* Set a font size */
    cursor: pointer; /* Mouse pointer on hover */
}

.lane-form tr{
    padding: 10px;
}

.delete_btn_lane{
    padding:0;
    margin:0;
    border:0;
    color: #a00;
    background:none;
    outline: none;
}

.delete_btn_lane:hover{
    cursor: pointer;
    color: red;
}

.tooltip {
    font-size: 16px;
    position: relative;
    display: inline-block;
    color: gray;
}

.tooltip .tooltiptext {
    
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
  
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
  
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
  }

  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }

  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }

@media only screen and (max-width: 600px) {
    .create_user_ug_table td, .create_user_ug_table th {
        display:block;
        width: 100%;
    }
}  


/* #Saarland-grid article{
    width: 25%;
}


@media (max-width: 980px){
    #Saarland-grid article{
        width: 50%;
    }
}

@media (max-width: 770px){
    #Saarland-grid article{
        width: 100%;
    }
} 

#Saarland-grid article:nth-child(1n+9){
    display: none;
} */