/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
#tableInvoicesList{
    margin:0;
    padding:0;
    background:#fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}
#tableInvoicesList tr td {
    padding:15px 0;
    text-align:center;
}
#list-invoices{
    margin:0;
    padding:0;
    
}

.dataTables_wrapper .dataTables_info{
    background:transparent;
    color:#000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}
.status-unpaid{
    background: #E82931;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color:#ffffff;
    cursor: pointer;
    border:0;
    padding:10px!important;
    border-radius: 5px!important;
}

.status-paid{
    background: #39C13B;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color:#ffffff;
    border:0;
    border-radius: 5px!important;
    padding:10px!important;
}

#invoices-header  {
    margin:0;
    padding:10px 0;
}
#invoices-header h1{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    padding:10px 0;
    margin:0;
}
div.dataTables_wrapper div.dataTables_info{
    padding:0!important;
    margin:0;
    float:left;
}
.due-invoice{
    background:#ffffff;
}
.invoice-sidebar {
    background:#ffffff;
    padding:15px;
    margin-bottom:10px;
}
.invoice-sidebar .card-title{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #000000;
}

.invoice-sidebar ul{
    margin:0;
    padding:0;
    list-style: none;
}
.invoice-sidebar ul li a{
    color: #000000;
    display:block;
    font-family: 'Montserrat', sans-serif;
}
.invoice-sidebar a#paynow{
    color:#C02026;
}
.d-none{
    display:none;
}
.logincontainer h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size:36px;
}

.logincontainer label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #000000;

}
.logincontainer #login-form{
    background: #fff;
    padding:0;
    border: 1px solid #CACACA;
    border-radius: 10px;
}
.logincontainer #login-form .login-form{
    padding: 20px;
}
.logincontainer #login-form hr{
    border:1px solid #cacaca;
}
.logincontainer #login-form  p{
    padding:0 15px;

}
.logincontainer #login-form  p a{
    color:#C02026;
}

.logincontainer .login-form #login{
    background: #C02026;
    border-radius: 5px;
    border: 0;
}
.logincontainer .login-form a.forgot-password {
    color: #C02026!important;
}

#registration{
    background:#ffffff;
    border:1px solid #cacaca;
    width:80%;
    margin:auto;

}

#registration h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color:#000000;

}
#registration .sub-heading{
    border-top:0!important;
}

#registration #containerNewUserSignup{
    padding:30px;
}
#registration .sub-heading span{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #000000;
    text-align: left!important;
    float: left;
    width: 100%;
    padding: 0;
}

#registration #containerNewUserSecurity {
    padding:30px;
}

#registration h1{
    padding:0 30px;
}
#registration p {
    padding:0 30px;
} 
#registration #register-btn{
    font-family: 'Montserrat', sans-serif;
    background: #C02026;
    float:left;
    font-style: normal;
    font-size: 14px;
}
#dsaffilates .ds-col{
    width:50%;
    float:left;

}

#dsaffilates .affiliate-stat{
    overflow:auto;
}