.cp-udb-list-item-fav-checkbox{
    display: none;
}
.cp-udb-list-item-fav-label svg{
    width: 20px;
    height: 20px;
    fill: #bbbbbb;
}
.cp-udb-list-item-fav-checkbox:checked + .cp-udb-list-item-fav-label svg{
    fill: #DA2F69;
}
.cp-udb-filter-val{
    display: inline-flex;
    width: auto;
    margin-right: 10px;
}
.cp-udb-filter-select{
    display: inline-block;
    width: 100%;
    margin-right: 10px;
    margin-bottom: 10px;
    outline: none;
}
select.cp-udb-filter-select{
    width: 100%;
}
.udb-lists-tablecont{
    display: none;
    max-width: 100%;
    padding: 0px 20px 60px 20px;
    /* overflow: auto; */
}
.open{
    display: block;
}
.udb-filters-count{
    display: inline-block;
    margin-left: 10px;
}
#cp_create_users_db_list_form .cp-input,
#cp_create_companies_db_list_form .cp-input, 
.udb-lists{
    margin-right: 10px;
}
.udb-list-head{
    /* display: flex; */
    display: grid;
    grid-template-columns: 25% 20% 20% 20% 15%;
    cursor: pointer;
    padding: 20px 10px;
}
.udb-list-head-item{
    display: inline-block;
    /* width: 270px; */
    width: 100%;
    color: #2E5599;
    font-weight: 600;
    margin-bottom: 0!important;
}
.udb-list-head-item:not(:last-child){
    padding-right: 5px;
}
.udb-list-head-item:last-child{
    text-align: right;
}
.udb-lists-innercont, .cp-mail-temps-list-item{
    border-radius: 10px!important;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%)!important;
    background: #fff!important;
    margin-bottom: 10px!important;
    width: 100%!important;
}
#udb-lists-cont{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    overflow: auto;
    padding-left: 20px;
    padding-right: 20px;
}
#udb-lists-cont-head{
    /* display: flex; */
    /* flex-wrap: wrap; */
    display: grid;
    grid-template-columns: 25% 20% 20% 20% 15%;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}
/* .udb-list-head-item.short-head{
    width: 200px;
} */
/* .udb-list-head-item:last-child{
    margin-left: auto;
    text-align: right;
    margin-right: 5px; 
} */
.udb-list-head .cpkj-fav{
    /* width: 190px; */
    text-align: right;
}
.udb-lists-innercont td{
    text-align: left;
}
.cp-delete-udb-list{
    margin-right: 0;
}
#cp_create_companies_db_list_form .cp-input{
    width: 50%;
}
.cp-db-name-col{
    text-align: left!important;
}
.cp-db-name-head,
.cp-db-name-col{
    position: sticky;
    left: 0px;
    top: 0px;
}
.cp-db-fav-col{
    text-align: center!important;
}
.cp-db-checkrow{
    display: flex;
    flex-wrap: wrap;
}
.cp-db-checkrow .cpkj-checkcont{
    display: flex;
    width: 100%;
}
.cp-db-checkrow .cpkj-checkcont .cp-input{
    width: auto!important;
}
#companies-db-filters-cont{
    display: flex;
    flex-flow: column;
    width: fit-content;
    margin-top: 20px;
}
#companies-db-filters-cont .cp-full-label-row{
    display: inline-block;
    width: 100%;
}
#companies-db-filters-cont .cp-full-label-row .cp-input{
    width: calc(50% - 7px)!important;
    margin-right: 0;
}
#companies-db-filters-cont .cp-full-label-row span{
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
}
.cp-db-count{
    font-weight: 600;
}
.cp-db-count span{
    background-color: #76FF03;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    border-radius: 10px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    width: 110px;
    justify-content: center;
    box-shadow: 0 0px 4px 0 rgb(0 0 0 / 33%);
}
#cp_create_companies_db_list_form{
    /* padding-top: 20px; */
    margin-bottom: 20px;
    width: 100%;
}
#companies-db-filters-form{
    position: sticky;
    top: 45px;
    width: 100%;
    max-width: 30%;
    padding: 10px;
    margin-top: 0;
    z-index: 1;
    height: fit-content;
    max-height: 90vh;
    overflow: auto;
}
/* #cp_create_companies_db_list_form{
    margin-top: 40px;
} */
.create-list-btn{
    margin-left: 0;
    display: block;
}
.no-list{
    width: 100%;
}
.cp-mail-temps-list-item{
    /* display: flex;
    padding-left: 20px; */
    display: grid;
    grid-template-columns: 25% 20% 20% 20% 15%;
}
.cp-mail-temps-list-item-head{
    width: 100%;
    margin-bottom: 0;
}
.cp-mail-temps-list-item-head:not(div){
    padding-right: 5px;
}
.cp-mail-temps-list-item-head:not(:first-child),
.cp-mail-list-head .udb-list-head-item:not(:first-child){
    text-align: left;
}
/* .cp-mail-temps-list-item-head.short-head{
    width: 200px;
} */
.create-temp-btn{
    margin-bottom: 40px;
}
.send-msg{
    margin-top: 20px;
}
.mail_preview{
    margin-right: 5px;
}
.cp-mail-temps-list-item-head .cp-item-edit{
    position: static;
    margin-right: 5px;
}
.cp-cj-highlight-data .cp-item-edit{
    margin-right: 0;
}
div.cp-mail-temps-list-item-head{
    display: flex;
    justify-content: end;
}
.cp-mail-temps-list-item .cpkj-del-list{ 
    margin-right: 0;
    /* position: absolute;
    right: 0px;
    top: 10px; */
}
.teaor-cont,
.teaor-sub{
    display: flex;
    flex-direction: column;
}
.teaor-sub{
    padding-left: 40px;
    position: relative;
    background-color: #FFFFFF;
}
.sub-sub:last-child{
    padding-left: 80px;
    left: -40px
}
.teaor-sub:before{
    content: '';
    position: absolute;
    left: 7px;
    top: -4px;
    height: calc( 100% - 8px );
    border-left: 1px solid;
}
.sub-sub:last-child:before{
    left: 47px;  
}
.sub-sub:last-child:after{
content: '';
    width: 1px;
    height: 100%;
    background-color: #FFFFFF;
    left: 7px;
    top: -11px;
    position: absolute;
}
.teaor-sub .teaor-trig-cont:before{
    content: '';
    position: absolute;
    left: -33px;
    top: 12px;
    height: 1px;
    width: 54px;
    border-top: 1px solid;
}
.teaor-sub .teaor-trig-cont.last-sub:before{
    content: '';
    position: absolute;
    left: -33px;
    height: 1px;
    width: 47px;
    border-top: 1px solid;
}
.teaor-trig-cont{
    position: relative;
    display: flex;
    flex-flow: row;
    align-items: flex-start;
    cursor: pointer;
}
.teaor-trig{
    border: 1px solid;
    padding: 2px;
    height: 16px;
    width: 16px;
    font-size: 11px;
    line-height: 1;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    z-index: 1;
    background-color: #fff;
    margin-top: 5px;
}
.teaor-empty-trig{
    display: flex;
    height: 16px;
    width: 16px;
    margin-right: 5px;
}
.teaor-trig-cont p{
    margin-bottom: 0;
    max-width: 100%;
    font-size: 13px;
}
.add-filter-inp{
    display: flex;
    position: relative;
    border: 1px solid;
    padding: 2px;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    z-index: 1;
    background-color: #fff;
    margin-top: 5px;
}
.add-filter-inp > input[type="checkbox"]{
    display: none;
}
.add-filter-inp.checked:after{
    content: '';
    display: block;
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #DA2F69;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.teaor-cont{
    max-width: unset;
    width: 960px;
}
.teaor-cont .cp-popup-close-btn{
    position: unset;
}
.cp-filter-opts-main,
.teaor-btn-row{
    width: 100%;
    display: inline-block;
}
.cp-filter-opts-main{
    margin-bottom: 10px;
}
.cp-filter-opts:not(.no-margin-top){
    margin-top: 20px;
}
.cp-filter-opts:not(.hidden):not(.no-margin-bottom){
    margin-bottom: 20px;
}
.no-margin-bottom .cp-cj-inner-row:nth-child(2){
    margin-bottom: 0;
}
.cp-filter-opts-no-btn{
    margin-top: 20px;
    margin-bottom: 0;
}
.cp-filter-opts-no-btn .cp-cj-inner-row:nth-child(2){
    margin-bottom: 0;
}
.cp-filter-opts-no-btn label,
.cp-filter-opts label{
    width: 100%;
}
.cp-filter-opts-no-btn label input,
.cp-filter-opts label input{
    margin-right: 5px;
}
.show-filter-opts,
.filter-pop-trig,
.county-pop-trig,
.city-pop-trig,
.ctype-pop-trig,
.teaor-pop-trig{
    width: 100%;
    border: 1px solid #2E5599;
    /* margin-top: 21px; */
    height: 42px;
    font-size: 15px!important;
}
.show-filter-opts.has-checked,
.filter-pop-trig.has-checked,
.ctype-pop-trig.has-checked,
.county-pop-trig.has-checked,
.city-pop-trig.has-checked,
.teaor-pop-trig.has-checked{
    border: 1px solid #76FF03;
    background-color: #76FF03;
}
.highlighted td,
.highlighted td:hover,
.highlighted:hover td{
    background-color: #cfcfcf!important;
}
.county-columns{
    columns: 2;
}
.city-columns{
    columns: 4;
}
.city-cont:not(.hidden){
    min-height: 504px;
}
.county-columns label,
.city-columns label{
    display: block;
    line-height: 17px;
    font-weight: normal!important;
    text-transform: none!important;
}
.county-columns label input,
.city-columns label input{
    margin-right: 5px;
}
.filter-cont,
.county-cont,
.city-cont,
.teaor-cont{
    padding-bottom: 50px;
}
.cp-abc-list{
    display: flex;
    flex-flow: row;
    list-style: none;
    justify-content: space-between;
    padding-left: 0;
    margin-bottom: 20px;
}
.cp-abc-list li{
    text-decoration: underline;
    color: #2E5599;
    cursor: pointer;
    font-weight: 600;
}
.cp-company-search-main{
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
}
#usdb-filters-res{
    width: 100%;
    max-width: calc(70% - 20px);
    margin-left: auto;
}
#usdb-filters-res .cp-table-cont{
    margin-top: 0;
}
#usdb-filters-head{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
}
.flex-row label{
    width: max-content;
}
.flex-row select{
    width: auto;
    margin-left: 10px;
}
#usdb-filters-body{
    margin-top: 20px;
}
.cp-company-search-res{
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
}
.cp-company-search-res-title{
    margin-left: 20px;
    max-width: 60%;
}
.cp-company-search-res-title a{
    display: block;
    font-size: 21px;
    line-height: 1.5rem;
    font-weight: 700!important;
    margin-bottom: 5px;
}
.cp-company-search-res-title p{
    font-size: 16px;
    font-weight: 600;
}
button[form="companies-db-filters-form"]{
    border: none;
}
.cp-abc-list li.current{
    color: #000000!important;
}
.cp-popup-close-btn{
    background-color: #000000!important;
    color: #FFFFFF!important;
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 5px 7px;
    border-radius: 5px;
}