.label_status_filter {

    width     : 100px;
    text-align: left;
}

.label_status {

    /*padding-top:2px;
    padding-bottom:2px;*/

    /*padding-left: 0px !important;
    padding-right: 0px !important;*/
    /*letter-spacing: 1px;*/
    font-size: 0.8rem !important;


    /*color           : #1c2833 !important;*/
    color: #212121 !important;

    font-weight: 300 !important;
    /*border   : 1px solid #212529 !important;*/


    /* aed581 */
}

/** status / network type labels **/
.label_status_development {

    background: linear-gradient(to right, #e0e0e0, #fff 30%);
    color     : #212121 !important;
}

.label_status_polkadot_development {

    background: linear-gradient(to right, #ffa2d3, #fff 30%);
    color     : #212121 !important;
}

.label_status_kusama_development {

    background: linear-gradient(to right, #bdbdbd, #fff 30%);
    color     : #212121 !important;
}

/* #bbdefb*/
.label_status_testnet {

    background: linear-gradient(to right, #e0e0e0, #fff 40%);
    color     : #212121 !important;
}

.label_status_polkadot_testnet {

    background: linear-gradient(to right, #ffa2d3, #fff 40%);
    color     : #212121 !important;
}

.label_status_kusama_testnet {

    background: linear-gradient(to right, #bdbdbd, #fff 40%);
    color     : #212121 !important;
}



.label_status_rococo,
.label_status_rococo:after {
    background: linear-gradient(to right, #e0e0e0, #fff 40%);
    color     : #212121 !important;


}

.label_status_polkadot_rococo {

    background: linear-gradient(to right, #ffa2d3, #fff 40%);
    color     : #212121 !important;
}

.label_status_kusama_rococo {

    background: linear-gradient(to right, #bdbdbd, #fff 40%);
    color     : #212121 !important;
}


.label_status_parathread,
.label_status_parathread:after {
    background: linear-gradient(to right, #e0e0e0, #fff 60%);
    color     : #212121 !important;

}

.label_status_polkadot_parathread {

    background: linear-gradient(to right, #ffa2d3, #fff 60%);
    color     : #212121 !important;
}

.label_status_kusama_parathread {

    background: linear-gradient(to right, #bdbdbd, #fff 60%);
    color     : #212121 !important;
}



.label_status_auction,
.label_status_auction:after {
    background: linear-gradient(to right, #e0e0e0, #fff 80%);
    color     : #212121 !important;


}


.label_status_polkadot_auction {

    background: linear-gradient(to right, #ffa2d3, #fff 80%);
    color     : #212121 !important;
}

.label_status_kusama_auction {

    background: linear-gradient(to right, #bdbdbd, #fff 80%);
    color     : #212121 !important;
}


/*
.label_status_mainnet,
.label_status_mainnet:after {
    
    background: linear-gradient(to right, #bdbdbd  ,   #f5f5f5 140%);
    color           : #34515e !important;
}*/


.label_status_parachain,
.label_status_parachain:after {
    /*background-color: rgba(33, 150, 243, 0.7);*/
    /*background-color:  #bdbdbd ;*/
    background  : linear-gradient(to right, #e0e0e0, #fff 200%);
    color       : #212121 !important;
    /*background: linear-gradient(to right, #8bc34a ,   #f5f5f5 100%);*/
}

.label_status_polkadot_parachain {

    background: #E6007A;
    color     : #fff !important;
}

.label_status_kusama_parachain {

    background: #000;
    color     : #fff !important;
}


.label_status_presale,
.label_status_presale:after {
    /*background-color: rgba(33, 150, 243, 0.7);*/
    /*background-color: #bdbdbd ;*/
    background-color: #bdbdbd;

    color: #fff;
}



.label_network_kusama {
    background-color: #212529 !important;
    color           : #fff !important;
}

.label_network_polkadot {
    background-color: #E6007A !important;
    color           : #fff !important;
}




.badge {
    display       : inline-block;
    padding       : .35em .65em;
    font-size     : .75em;
    font-weight   : 700;
    line-height   : 1;
    color         : #fff;
    text-align    : left;
    white-space   : nowrap;
    vertical-align: baseline;
    border-radius : .25rem;

    box-shadow: unset !important;
}

.badge-small {

    padding  : .15em .4em !important;
    font-size: .7rem !important;

}


.rounded-pill {
    border-radius: 50rem !important;
}






.label_bounty {

    background-color  : #007E33 !important;
    /*background-color: #9e9e9e !important;*/
    color             : #fff !important;
    letter-spacing    : 1px;
}


.label_category_tag {
    background-color: #512DA8 !important;

    /*background-color: #A60BE6 !important;*/


}

.label_waitlist_tag {
    background-color: #CD7D36 !important;
    color           : #fff;

    /*background-color: #A60BE6 !important;*/


}



.card-body .form-group.submit_input {

    max-width: 25rem;
}


.lcontent {
    width             : 100%;
    height            : 100vh;
    /*background-color: #171f30;*/
    display           : flex;
    justify-content   : center;
    align-items       : top;
}

.lcontent .loading {
    width   : 80px;
    height  : 50px;
    position: relative;
}

.lcontent .loading p {
    top           : 0;
    padding       : 0;
    margin        : 0;
    color         : #5389a6;
    font-family   : "Oxygen", sans-serif;
    animation     : text 3.5s ease both infinite;
    font-size     : 12px;
    letter-spacing: 1px;
}

@keyframes text {
    0% {
        letter-spacing: 1px;
        transform     : translateX(0px);
    }

    40% {
        letter-spacing: 2px;
        transform     : translateX(26px);
    }

    80% {
        letter-spacing: 1px;
        transform     : translateX(32px);
    }

    90% {
        letter-spacing: 2px;
        transform     : translateX(0px);
    }

    100% {
        letter-spacing: 1px;
        transform     : translateX(0px);
    }
}

.lcontent .loading span {
    background-color: #5389a6;
    border-radius   : 50px;
    display         : block;
    height          : 16px;
    width           : 16px;
    bottom          : 0;
    position        : absolute;
    transform       : translateX(64px);
    animation       : loading 3.5s ease both infinite;
}

.lcontent .loading span:before {
    position        : absolute;
    content         : "";
    width           : 100%;
    height          : 100%;
    background-color: #a6dcee;
    border-radius   : inherit;
    animation       : loading2 3.5s ease both infinite;
}

@keyframes loading {
    0% {
        width    : 16px;
        transform: translateX(0px);
    }

    40% {
        width    : 100%;
        transform: translateX(0px);
    }

    80% {
        width    : 16px;
        transform: translateX(64px);
    }

    90% {
        width    : 100%;
        transform: translateX(0px);
    }

    100% {
        width    : 16px;
        transform: translateX(0px);
    }
}

@keyframes loading2 {
    0% {
        transform: translateX(0px);
        width    : 16px;
    }

    40% {
        transform: translateX(0%);
        width    : 80%;
    }

    80% {
        width    : 100%;
        transform: translateX(0px);
    }

    90% {
        width    : 80%;
        transform: translateX(15px);
    }

    100% {
        transform: translateX(0px);
        width    : 16px;
    }
}



table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {

    bottom: 0.6rem !important;

}






.label_rating_very_high {

    background: #2e7d32;
    color     : #fff;
}

.label_rating_high {

    background: #43a047;
    color     : #fff;
}

.label_rating_medium {

    background: #ffeb3b;
    color     : #000;
}

.label_rating_low {

    background: #e65100;
    color     : #fff;
}


/******************************** started github related ***************************/

.github_activity_circle {
    display    : inline-block;
    width      : 2rem;
    height     : 2rem;
    color      : white !important;
    line-height: 2rem
}

.point-color-0 {

    color: #c62828 !important;
}

.point-color-1 {

    /*background: #e53935   !important;*/
    /*    color     : #212529 !important;
    background: #E2E2E2 !important;*/
    color: #e53935 !important;
}

.point-color-2 {



    /*color: #212529 !important;*/
    /*color       : #212529 !important;
    background  : #E2E2E2 !important;*/
    /*background: #ff6d00  !important;*/
    color: #ff6d00 !important;

}

.point-color-3 {
    /* background: #ffab00      !important;*/
    /*color     : #212529 !important;
    background: #E2E2E2 !important;*/

    color: #ffab00 !important;


}

.point-color-4 {

    /*background      : #000 !important;*/
    color: #008000 !important;
}

.point-color-5 {

    /*background  : #000 !important;*/
    color: #008000 !important;
}


.point-color-5 {

    /*background  : #000 !important;*/
    color: #171515 !important;
}


.point-color-4 {

    /*background  : #000 !important;*/
    color: #171515 !important;
}



.point-color-3 {

    /*background  : #000 !important;*/
    color: #5c5b5b !important;
}


.point-color-2 {

    /*background  : #000 !important;*/
    color: #8b8a8a !important;
}


.point-color-1 {

    /*background  : #000 !important;*/
    color: #b9b8b8 !important;
}


.point-color-0 {

    /*background  : #000 !important;*/
    color: #e7e7e7 !important;
}



/******************************** end github related ***************************/

.investor_cell {
    display    : flex;
    flex-flow  : row nowrap;
    align-items: center;
    padding    : 0.5rem;
}


.investor_cell img {
    max-height: 25px;
    max-width : 100px !important;
}


.investor_img,
.partner_img {
    -webkit-filter: grayscale(1);
    /* Webkit */
    filter        : gray;
    /* IE6-9 */
    filter        : grayscale(1);
    /* W3C */
}

.investor_img:hover,
.partner_img:hover {
    -webkit-filter: unset;
    /* Webkit */
    filter        : unset;
    /* IE6-9 */
    filter        : unset;
    /* W3C */
}



/***************** for mobiles *****************/

.dropdown-menu-item {
    width        : 25rem;
    overflow     : hidden;
    text-overflow: ellipsis;
}

@media (max-width: 575px) {

    .details_page_contacts {

        font-size    : 1rem;
        padding-right: 16px;
        padding-top  : 16px;
        display      : inline-block;
    }


    .contact_div_cell .fa-lg {
        font-size: 1.1em !important;
    }

    .contact_div_cell {

        margin-right: 8px !important;
    }

    .dropdown-menu-right {
        right: auto !important;
        left : 0 !important;
    }

    .dropdown-menu-right-admin {
        right: auto !important;
        left : -200px !important;
    }

    .dropdown-menu-item {
        font-size    : 0.8rem !important;
        width        : 18rem;
        overflow     : hidden;
        text-overflow: ellipsis;
    }
}

/** for seach highlighter **/
.highlight_search {
    background: yellow;
    color     : black;
}


.multiple-select-dropdown {

    max-height: 320px !important;
}


.contact_div_cell {
    display     : inline-block;
    margin-right: 16px;
}

.contact_div_cell .fa-lg {

    font-size: 1.2em;

}

.contact_div_cell a {
    /*color  : #6699cc;*/


    color  : #212529;
    /*color: #8d99a5;*/
}


.with-border {

    -webkit-box-shadow: none !important;
    box-shadow        : none !important;
    border            : 1px solid #dee2e6 !important;

}

.no-border {

    -webkit-box-shadow: none !important;
    box-shadow        : none !important;
    border            : 0px !important;

}



.red_dot {

    height            : 8px;
    width             : 8px;
    margin-right      : 4px;
    margin-bottom     : 1px;
    /*background-color: #F70000;*/
    border-radius     : 50%;
    /*border          : 1px solid #000;*/
    display           : inline-block;

    background  : rgba(255, 82, 82, 1);
    box-shadow  : 0 0 0 0 rgba(255, 82, 82, 1);
    /*animation : pulse-red 2s infinite;*/
}


@keyframes pulse-red {
    0% {
        transform : scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);

    }

    70% {
        transform : scale(1);
        box-shadow: 0 0 0 6px rgba(255, 82, 82, 0);

    }

    100% {
        transform : scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);

    }
}



.contact_img {

    height        : 1.23em;
    max-width     : 1.23em;
    -webkit-filter: saturate(0%) grayscale(100%) brightness(69%) contrast(1000%);
    /* Webkit */
    filter        : black;
    /* IE6-9 */
    filter        : saturate(0%) grayscale(100%) brightness(69%) contrast(1000%);
    /* W3C */
    margin-bottom : 3px;
}

.contact_img:hover {

    -webkit-filter: unset;
    /* Webkit */
    filter        : unset;
    /* IE6-9 */
    filter        : unset;
    /* W3C */
    /* W3C */
}



.footer_img {

    height        : 1.23em;
    max-width     : 1.23em;
    -webkit-filter: brightness(0) invert(1);
    ;
    /* Webkit */
    filter: black;
    /* IE6-9 */
    filter: brightness(0) invert(1);
    ;
    /* W3C */
    margin-bottom: 3px;
}

.footer_img:hover {}


.project_approved {

    position               : absolute;
    right                  : 1rem;
    top                    : 0px;
    width                  : 2rem;
    height                 : 2rem;
    z-index                : 5;
    background-image       : url(/images/approved_by_project_creators_polkadot.png);
    background-repeat      : no-repeat;
    -ms-background-size    : cover;
    -o-background-size     : cover;
    -moz-background-size   : cover;
    -webkit-background-size: cover;
    background-size        : cover;
}


.image16 {
    width: 16px;
}

.image1rem {
    height: 1.3rem;
}

.image2rem {
    height: 2rem;
}


.utc_badge {

    font-weight : 300 !important;
    font-size   : 0.7rem !important;
    top         : 0px;
    background  : #fff !important;
    padding-left: 0px;
}


.investors_add_select {

    width: 20rem;
}


/*

.news_tag_all:hover {
    background-color: #616161 !important;
    color           : white;
}

.news_tag_news:hover {
    background-color: #3f729b !important;
    color           : white;
}

.news_tag_article:hover {
    background-color: #007E33 !important;
    color           : white;
}

.news_tag_video:hover {
    background-color: #f44336 !important;
    color           : white;
}


.news_tag_parachains:hover {
    background-color: #E6007A !important;
    color           : white;
}
*/


/******* first way ************************/
/*
.news_tag_all.active, .news_tag_all:hover {
    background-color: #4A545D !important;
    color           : white;
}

.news_tag_news.active, .news_tag_news:hover {
    background-color: #57896A !important;
    color           : white;
}

.news_tag_articles.active, .news_tag_articles:hover {
    background-color: #DDC077 !important;
    color           : white;
}

.news_tag_video.active,.news_tag_video:hover {
    background-color: #DC7726 !important;
    color           : white;
}

*/

.news_tag_all.active,
.news_tag_all:hover {
    background-color: #4A545D !important;
    color           : white;
}

.news_tag_news.active,
.news_tag_news:hover {
    background-color: #135390 !important;
    color           : white;
}

.news_tag_articles.active,
.news_tag_articles:hover {
    background-color: #D1913E !important;
    color           : white;
}

.news_tag_videos.active,
.news_tag_videos:hover {
    background-color: #A92420 !important;
    color           : white;
}


.wow {
    visibility       : visible !important;
    -webkit-animation: none !important;
    -moz-animation   : none !important;
    -o-animation     : none !important;
    -ms-animation    : none !important;
    animation        : none !important;
}

.wow-disable {
    -o-transition-property     : none !important;
    -moz-transition-property   : none !important;
    -ms-transition-property    : none !important;
    -webkit-transition-property: none !important;
    transition-property        : none !important;
    -o-transform               : none !important;
    -moz-transform             : none !important;
    -ms-transform              : none !important;
    -webkit-transform          : none !important;
    transform                  : none !important;
    -webkit-animation          : none !important;
    -moz-animation             : none !important;
    -o-animation               : none !important;
    -ms-animation              : none !important;
    animation                  : none !important;
}

.bg-polkadot {
    background-color: #E6007A !important;
}

.text-polkadot {
    color: #E6007A !important;
}

.bg-kusama {
    background-color: #212529 !important;
}

.bg-kusama-tab {
    background-color: #4a4b4c !important;
}

.text-kusama {
    color: #212559 !important;
}




.text-success-dark {
    color: #28a745 !important;
}

.text-danger-dark {
    color: #dc3545 !important;

}


.chip-small {

    padding-left  : 0.2rem !important;
    padding-right : 0.2rem !important;
    padding-top   : 0.1rem !important;
    padding-bottom: 0.1rem !important;

}


.pagination .page-item.active .page-link {
    color           : #fff !important;
    background-color: #E6007A !important;
}

.pagination .page-item.active .page-link:hover {
    /*background-color: #b80062 !important;*/
    background-color: #ff007c !important;

}

.pagination .page-item .page-link:focus {
    background-color: #E6007A !important;
    color           : #fff !important;
}


.copy_to_cb {

    position: relative;
}

.copy_to_cb:hover {



    cursor: pointer;

}

.copy_to_cb_btn {

    position : absolute;
    top      : 0;
    right    : -1.5rem;
    font-size: 0.8rem;

}


.white_url {

    color          : #fff !important;
    text-decoration: underline !important;
}