.agreements_app{
    background-color: rgb(37,74,93);
    font-family: "Open Sans", "helvetica neue", helvetica, arial, sans-serif;
    display: flex;
    justify-content: center;

}

.tbl{

    display: flex;
    flex-direction: column;

}

.tbl-num{

    min-width: 60px;
}

.tbl-row{

    
    display: flex;
    justify-content: left;
    margin-bottom: 15px;
}



.bullet-indent{

    margin-left: 80px !important;
}

ul.no-bullets {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */


}

ul.no-bullets li{
   
    margin-top: 10px;
    display: flex;
}

ol li{
    margin-top: 5px;
}

ol.roman {list-style-type: lower-roman;}

ol.numbered > li{

    margin-top: 20px;

}

ol.numbered  > li::marker{
    font-weight: bold;
}

ol.numbered{
    
}

.ii{
   
    min-width: 30px;

}

table.agreement-table > tr, th, td{
    border: 1px solid black;
    border-collapse: collapse;
    padding: 5px;

}

.tab-ingress{

    margin-left: 20px;
}


#navToggle{
    display: none;
}

.agreement-link{

    color: rgb(37,74,93);
}

.non-unique{
    color: rgb(215,98,98) !important;
    pointer-events: none;
}

.version-domain{

    color: white;
    margin-top: 10px;
    font-size: 10px;
    opacity: 0;
}

table{

    border-spacing: 0;
    border-collapse: collapse;
}

td{
    padding: 4px;
}

tr{
     border-bottom: 1px solid white;
    border-top: 1px solid white;
}
tr:not(:first-child):hover {

    cursor:pointer ;
    border-bottom: 1px solid rgb(232,232,232);
    border-top: 1px solid rgb(232,232,232);
    
}

.show_wrapper{

    width: 100%;
}

.set_button{

    padding: calc(8 * 1px) calc(8 * 2px) !important;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    color: white;
    background: rgb(99,189,148);
    text-align: center;
}

.grey_button{
   
    padding: calc(8 * 1px) calc(8 * 2px) !important;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    color: white;
    background: #828282;
    width:100%;
    text-align: center;

}

.green_button{

    background: rgb(99,189,148);
    padding: calc(8 * 1px) calc(8 * 2px) !important;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    color: white;
    width:100%;
    text-align: center;
}

.current_content{


    border: 1px solid rgb(232,232,232);
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;

}

.activated_slot{
    background : rgb(215,98,98) !important;
    padding: calc(8 * 1px) calc(8 * 2px) !important;
    border-radius: 8px;
    font-weight: 600;
    white-space: nowrap;
    color: black;
    text-align: center;
    cursor: pointer;
}

.approve_wrapper{

   
    max-width: 700px;
    margin: 20px;
}

.agreement_content_wrapper{

    padding: 10px;
    background:white;
    overflow: hidden;
    overflow: auto;
    max-height: 60vh;
    border-radius: 2px;
}

.i_understand_wrapper{

    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    display: flex;
}

.check_and_title{

    width:50%;
    display: flex;

}

.check_title{

    margin-top: 8px;
    color:white;
}

.save_button_wrapper{
    width:50%;
    display: flex;
    justify-content: flex-end;

}

.approve_check{

    margin-left: 10px;
}

.button_to_left{

    max-width: 100px;
    float: left;
}

.err_text{
    color:red;
}

.topper{
 
    background-color: rgb(37,74,93);
    padding-top: 10px;
    display: flex;
    justify-content: center;
   

}

.explanation{

    width: 100%;
    color:white;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size:26px;

}

.topper > img{

    width: 100px;

}