/*company login page*/
section.company-login-page {
    background-size: cover;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
section.company-login-page .forgot-popup-link, section.company-login-page .support-link{
    color: #437c07;
    font-weight: 600;
}


.company-login-form {
    background-color: rgb(255 255 255 / 58%);
    padding: 2em;
    box-shadow: 0 10px 60px 0 rgb(31 34 120 / 10%);
    color: #000;
}
.login-form  .custom-input{
    height: 45px;
    border-radius: 35px;
}

.company-intro img{
    width: 34%;
    margin-top: 3rem !important;
}
.company-intro h6 {
    font-size: 18px;
    font-weight: 600;
}

.company-sidebar .heading-2 li.active, .company-sidebar .heading-2 li:hover{
    background: #0f0f7a;
}

.company-sidebar .heading-2 li.active a, .company-sidebar .heading-2 li:hover a{
    color: #fff;
}
 
.heading-2 li {
    list-style: none;
    justify-content: center;
    
    margin-top: 32px;
    text-align: left;
    font-size: 17px;
}
.heading-2 li a{
    text-decoration: none;
    color: rgb(30, 30, 167);
    font-size: 16px;
}
.tpt-company-dashboard {
    margin: 5em 0 5em;
}

 /*-------------------------subclass for all color text-------------------*/

.bg-purple {
    background-color: rgb(88, 24, 156);
    margin-top: 24px;
}
.bg-blue{
    background-color: rgb(75, 157, 184);
    margin-top: 24px;
}
.bg-orange{
    background-color: rgb(227, 102, 35);
    margin-top: 24px;
}
/*--------------------Div-9 Content Section Start From here-----------------------------*/

#opensidebar, #closesidebar{
    font-size: 30px;
    margin: 10px;
    display: none;
    
}
.t-heading{
    font-size: 22px;
    font-weight: 600;
}
.check{
    margin-top: 10px;
}
.search{
    height: 35px;
    background-color:rgb(97 92 92 / 36%);
    text-align: center;
}
.threebox{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: space-between;
}

.images{
    display: flex;
}
.images img{
    width: 15%;
    border-radius: 86%;
}
.images i {
    
    padding-left: 64px;
     
    font-size: 24px;
     
    margin: auto;
    text-align: right;
    justify-content: right;
}
.line {
    
    margin-bottom: 18px;
    height: 7px;
}
/* -----------------------Task for Today Section Start From Here------------------- */
.boder {
    border: 1px solid black;
    margin: 20px;
}
/* -------------- Statistics section start from here------------- */
/*.card-body i {
    font-size: 23px;
    margin-bottom: 10px;
}*/
.smallbox{
    justify-content: space-around;
}

/* ------------------------Task list page styling start from here------------------------ */
.scrollbar {
    height: 80vh;
    overflow: scroll;
}


.company-sidebar{
    background-color: #fff;
    margin-right: 2em;
}
.company-dashboard-content{
    background-color: #fff;
    padding: 20px 15px;
}

.company-dashboard-content .table td, .company-dashboard-content .table th{
    border: none;
}

/* ------------media query start from here------------------ */
@media only screen and (max-width: 767px){
    .company-sidebar{
        display: none;
        width: 100%;
    }
    #menu-icons, #close-icons{
        display: block;
        position: sticky;
        
    }
    .images i {
        
        padding-left: 100px;
        font-size: 36px;
        
    }
}


/*------------------------Bootstrap Classes Edit Some !important------------------*/
.sideborder1 {
    margin-top: 10px;
    border-left: 7px solid rgb(88, 24, 156);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}


.tpt-box {
    padding: 15px;
}
.tpt-box h3{
    color: #fff;
    font-size: 18px;
}
.tpt-box .lead-count{
    font-size: 22px;
}
.company-title{
    font-size: 30px;
    font-weight: bold;
    color: #1d1e34;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.login-cta{
    padding:15px 0px;
}

.lead-filter{
    background-color: #a0d1a4;
    margin-bottom: 15px;
    padding-top: 5px;
}


.total-credits {
    background-color: #0b187d;
    padding: 20px;
    width: 50%;
    display: inline-block;
}


.total-credits h3, .total-credits h5 {
color: #fff;
}


.buy-lead-hide{
    height: 18px;
    width: 150px;
    background-color: #a39c94;
    display: block; 
    opacity: 0.1;
}

.notification-icon {
    position: relative;
    display: inline-block;
}

.notification-icon .badge {
    position: absolute;
    bottom: 7px;
    right: -16px;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 0.3em 0.6em;
}


.api-key-block{
    padding: 20px;
    background-color: aliceblue;
}

.api-key-block p{
    margin: 20px 0;
}