#company_view {
    display:block;
    overflow: auto;
}

#companies_p {
    margin: 0 0 0 121px;
    font-size: 18px;
    color: #4A4A4A;
}

#companies_p span {
    font-weight: 600;
}

#sort_by_container {
    margin: 30px 110px 20px 980px;
    border: 1px solid var(--main-blue-color);
    border-radius: 4px;
    padding: 14px 14px;
    color: var(--main-blue-color)
}

#sort_by_container p {
    display: inline-block;
    font-size: 15px;
}

#sort_by_p1 {
    margin: 0 10px 0 0;
}

#sort_by_p2 {
    margin: 0 10px 0 10px;
}

#sort_by_container button {
    border: none;
    background: none;
    font-size: 15px;
    color: var(--main-blue-color);
    cursor: pointer;
}

#companies_top_buttons {
    margin-bottom: 110px;
}

#entity_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* Align cards to the left */
    gap: 37px; /* Space between cards */
    width: 1249px;
    margin: 120px 0 0 121.3px;
}

#entity_dash0, #entity_dash1 {
    margin: 0 37px 0 0;
}

.Past_list {
    background: black;
    color: white;
    vertical-align:bottom;
/*    margin-top: 10px*/
}

.Past_list .entity_p4_list, .N_A{
    position: relative;
    left: 20px;
}

/*.Past_list div{
   display: inline
}*/

.Past{
    background: black;
    color: white;
}

.Entity {
    border-top: 13px solid var(--color-brand-neutral);
    border-left: 2px solid var(--color-brand-neutral);
    border-right: 2px solid var(--color-brand-neutral);
    border-bottom: 2px solid var(--color-brand-neutral);
    width: 375px;
    /* height: 361px; */ /* Keep it auto to allow varying heights */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 0 48px 0;
    border-radius: 2px;
    font-weight: 600;
    font-family: 'aeonik-bold'!important;
}
#empty_entity_info_area {
    height: 94px;
    margin: 0;
}
.Entity div {
    margin: 25px 0 16.9px 31.1px;
}

.Entity p span {
    padding: 5px;
    border-radius: 10px;
}

.entity_p0 {
    align-self: flex-end;
    margin: 10px 15px 0 0;
    line-height: 25px;
    width: 80px;
    background: red;
    text-align: center;
    color: white;
    border-radius: 4px;
}

.entity_p1 {
    margin: 41.9px 43px 50px 31px;
    font-size: 22px;
    height: 55px;
}
.entity_p1B {
    font-size: 15px;
    margin: 0 0 0 31.1px;
}
.entity_p2 {
    font-size: 15px;
    margin: 20px 0 0 31.1px;
}
.entity_p3 {
    font-size: 15px;
    margin: 20px 0 0 31.1px;
}
.entity_p4 {
    font-size: 15px;
    margin: 20px 0 0 31.1px;
}

.entity_p5 {
    font-size: 15px;
    color: #1C95BB;
    margin: 20px 0 0 31.1px;
}

.entity_p4 i , .entity_p4_list i{
    color: #A2C419;
    padding-right: 5px
}

.StateCompany {
    padding: 20px 40px;
}

.StateCompany span {
    margin-left: 10px
}

.CompanyStatus  span{
    background: rgb(50,205,50);
    padding: 2px 5px;
    border-radius: 5px;
    color: white;
}

.CompanyName {
    color: orange;
    font-size: 40px;
}

.CompanyFiscalYear, .CompanyStatus, .CompanyEIN, .CompanyFileNum {
    display: inline-block;
    width: 400px;
    text-align: right;
}

.CompanyStatus p, .CompanyFileNum p {
    display: inline-block;
    margin:unset;
    width: 150px;
}




.add_services_btn {
    background: none;
    border: none;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight:500;
    color: #A2C419;
    cursor: pointer;
}

.add_services_btn:hover {
    color: #c0e81e;
}

.entity_bttn_space{
    display: inline;
    padding: 0 20px
}

.entity_bttn_space_list {
    display: inline;
    padding: 0 21px
}

.pay_taxes_btn {
    background: none;
    border: none;
    padding: 5px;
    padding-right: 10px;
    margin-top: 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #1C95BB;
    cursor: pointer;
}

.pay_taxes_btn:hover {
    color: #65b9fc;
}

#select_area p {
    display: inline-block;
}

#select_area select {
    display: inline-block;
    width: 300px;
}

#companies_view {
    position: relative;
    margin: 10px 0 0 120px;
    float: left;
}

/*#entity_list0 {
    display: flex !important;
}

#entity_list0 .entity_list_p_container {
    display: flex!important;
    align-items: center;
}*/


#input_switch {
    width: 0;
    height: 0;
    visibility: hidden;
}

/*.Entity_list p, .Entity_list div {
    display: inline-block
}*/

.Entity_list {
    position: relative;
    width: 1211px;
    height: 90px;
}

.entity_list_p_container {
    display: flex;
    justify-content: center;
    align-content:center;
    margin: 5px 0 0 5px;
    padding-top: 30px
}

.entity_list_p_container div {
    text-align: center;
}

.past_container {
    position: absolute;
    display: block;
    top: 15px;
}

.entity_p0_list {
    display: inline;
    position: absolute;
    background: red;
    padding: 1px;
    top: -12px;
    left: 5px;
    border-radius: 3px;
    width: 70px;
}

/*#entity_p0_list_id_0 {
    top: 5px;
}*/

.entity_p1_list {
    font-weight: 600;
    width: 257px;
    padding: 0 15px 0 0;
}

.entity_p1B_list {
    width: 143px
}

.entity_p2_list {
    width: 190px
}

.entity_p3_list {
    width: 120px
}

.entity_p4_list {
    width: 270px
}

/*.Entity_list p:nth-child(3) {
    width: 200px
}

.Entity_list p:nth-child(4) {
    width: 181px
}

.Entity_list p:nth-child(5) {
    width: 270px
}*/

.entity_list_top {
    float: right;
    border-bottom: 5.5px solid var(--color-brand-neutral);
    margin: 0px 38px -1px 0;
    width: 50px;
}

.entity_list_bottom {
/*    float: right;*/
    border-bottom: 2.5px solid var(--color-brand-neutral);
    margin: 0 38px 0 0;
    width: 1212px;
}

#entity_list_line {
    border-bottom: 2.5px solid #808080;
/*    margin: 0 auto;*/
    margin-top: 15.5px;
/*    margin-bottom: 30px;*/
    width: 1212px;
}

.Entity_list_span span {
    margin: unset;
    display: inline-block;
    text-align: left;
    font-weight: 500;
    color: #4A4A4A;
    font-size: 17px;
}

.Entity_list_span span:nth-child(1) {
    padding: 0 190px 0 5px;
}

.Entity_list_span span:nth-child(2) {
    padding: 0 47px 0 0;
}

.Entity_list_span span:nth-child(3) {
    padding: 0 105px 0 0;
}

.Entity_list_span span:nth-child(4) {
    padding: 0 40px 0 0;
}

/*.Entity_list span:nth-child(4) {

}*/

/*#label_switch::after {
    float: right;
    content: "Card";
}
#label_switch::before {
    content: "List";
    float: right
}*/
#label_switch {
    width: 200px;
    height: 50px;
    display: block;
    background-color: var(--main-blue-color);
    border-radius: 100px;
    position: relative;
    cursor: pointer;
    /*transition: 0.5s;*/
}

    #label_switch::after {
        content: "";
        width: 90px;
        height: 40px;
        background-color: #F7F7F7;
        position: absolute;
        border-radius: 70px;
        top: 5px;
        left: 15px;
        /*transition: 0.5s;*/
    }

#input_switch:checked + #label_switch:after {
    left: calc(100% - 5px);
    transform: translateX(-110%);
}

#label_switch + #input_switch:checked {
    background-color: #243d42;
}

/*#label_switch:active:after {
    width: 260px;
}*/

#label_switch span {
    position:relative;
    padding: 13px 20px;
    color: white;
    font-size: 20px;
    font-weight: 600;
}

#label_switch span:first-child{
    float:left;
}

#label_switch span:last-child{
    float:right;
}

#credit_card_select_container {
    position: relative;
    width: 202px;
    float: right;
    margin: 30px 109px 0 0;
}



#companies_select_container {
    position: relative;
    width: 202px;
    float: right;
    margin: 30px 109px 0 0;
}

.selected{
    display:none;
}

.select_selected {
    display: flex;
    align-items: center;
    border: 1px solid var(--main-blue-color);
    border-radius: 4px;
    color: var(--main-blue-color);
    width: 202px;
    height: 47.9px;
    cursor: pointer;
    user-select: none;
}

.select_selected:after {
    position: absolute;
    content: "";
    top: 15px;
    right: 15px;
    width: 10px;
    height: 10px;
    border-bottom: 3px solid var(--main-blue-color);
    border-left: 3px solid var(--main-blue-color);
    border-bottom-left-radius: 3px;
    transform:rotate(-45deg)
}

.select_selected.select-arrow-active:after {
    top: 20px;
    transform: rotate(-225deg)
}

.select_selected p{
    margin-left: 20px;
}

.select-items2 {
    position: absolute;
    display: flex;
    align-items: center;
    border: 1px solid var(--main-blue-color);
    border-radius: 4px;
    color: var(--main-blue-color);
    background: white;
    width: 202px;
    height: 47.9px;
    z-index: 99;
}

.select-items2 .Options{
    background: white;
    width: 182px;
    padding-left: 20px;
    cursor: pointer;
}

.select-items2 .Options:hover {
    color: var(--secondary-black-color);
}

/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: 'Roboto';
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: DodgerBlue;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
/*.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}*/

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

/*.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}*/

/*.pay_taxes_btn {
    display: none
}*/

#error_message a {
    text-decoration: underline !important;
    color: var(--secondary-black-color) !important;
}

@media only screen and (max-width: 400px) {
    #companies_p {
        margin: 0;
    }

    #companies_select_container {
        margin: 30px 13px 0 0;
    }

    #account_company_container {
        justify-content: center;
    }

    #entity_container {
        width: 325px;
        margin: 20px 0 0 0;
        min-height: 150px;
    }

    .Entity {
        width: 320px;
        margin: 0 0 20px 0;
    }

    .entity_p1 {
        margin: 41.9px 0 50px 10px;
    }

    .entity_bttn_space {
        display: inline;
        padding: 0 25px
    }

    #companies_view{
        display: none
    }
}