table.dataTable { width: 100% !important; }

/* Data points */
.project-info { margin-top: 10px; margin-bottom: 10px; font-size: 12px; }
.project-info-bit { font-weight: 600; margin-bottom: 0px; }
.project-info-title { color: #949596; margin-bottom: 0px; }
.project-block { display: inline-block; margin: 10px; }

/* profile*/
.profile-user-icon { margin-bottom: 10px; }
.profile-user-role { position: absolute; top: 5px; right: 20px; }
.profile-online { color: #36c90f; font-weight: 600; }
.profile-offline { color: #acacac; font-weight: 600; }
.profile-p { margin-bottom: 2px; }
.profile-heading { margin: 0px; font-weight: 600; color: #808080; padding-bottom: 2px; border-bottom: 1px solid #808080; margin-bottom: 10px; font-size: 16px;}
.borderless td, .borderless th {
    border: none !important;
}
.profile-info-content { font-weight: 500; }
.profile-big-text { font-size: 14px; }

.user_role_button { border: 1px solid #1e8ed0; font-weight: 600; border-radius: 4px; padding: 5px; font-size: 11px; margin: 1px; margin-bottom: 2px; vertical-align: top; display: inline-block; cursor: pointer;}
.user_role_button:hover { background: #e3efff; }
.user_role_button.admin { border: 1px solid #1bbc42 !important; color: #1bbc42; }
.user_role_button.project { border: 1px solid #1e8ed0 !important; color: #1e8ed0; }
.user_role_button.client { border: 1px solid #e46825 !important; color: #e46825;}
.user_role_button.banned { border: 1px solid #e46825 !important; color: #eb271c;}

/*user box*/
.user-box-name { display: inline-block; font-size: 12px; line-height: 6px; vertical-align: middle;}
.user-box-name p { margin-bottom: 0px; margin-top: 5px; margin-left: 0px; margin-right: 0px; }
.user-box-username { font-size: 11px; color: #8c8c8c; line-height: 10px; margin-top: 7px; }


.user-icon { border-radius: 18px; width: 25px !important; height: 25px !important; }

.user_bit ul li a { color: #000 !important; margin: 0px; height: auto !important; }
.user_bit ul li a:hover { color: #FFF !important; margin: 0px; height: auto !important; }

.form-error { margin-top: 10px; margin-bottom: 10px; border: 1px solid #fc1b00; padding: 5px; background: #fcf5f0; color: #864143;}
.form-error-no-margin { border: 1px solid #fc1b00; padding: 5px; background: #fcf5f0; color: #864143;}
.errorField { border: 1px solid #fc1b00 !important; }

.form-success { margin-top: 10px; margin-bottom: 10px; border: 1px solid #02471b; padding: 5px; background: #f2faf4; color: #407a47;}

.form-info { margin-top: 10px; margin-bottom: 10px; border: 1px solid #966a02; padding: 5px; background: #fffdba; color: #6e5800;}

@media (max-width:768px){
    #cookie-consent {
        height: 160px !important;
    }
    .consent-button { margin-bottom: 20px !important;}
    .cookie-close-box { float: none !important; margin: auto !important; }
}

#cookie-consent { position: fixed; bottom: 0px; z-index: 9999; background: rgba(0, 0, 0, 0.50); color: #fff; width: 100%; padding-top: 15px; text-align: center; height: 60px; font-size: 16px;}
.cookie-close-box { float: right; margin-right: 20px; }
.consent-button {  border: 1px solid #FFF; font-weight: 600; border-radius: 4px; padding: 5px; font-size: 11px; margin: 1px; margin-bottom: 2px; vertical-align: top; display: inline-block; cursor: pointer; color: #FFF;background: #142c50;   }

/* New Premium Plans CSS */
.content-wrapper { margin-top: 20px; margin-bottom: 20px; display: flex;
  justify-content: center;
  align-items: center; font-family: verdana; }
.plan-wrapper { position: relative; background: #FFF; border-radius: 8px; padding: 0px; width: 250px; min-height: 550px; padding-top: 20px; display: inline-block; margin-right: 10px; border: 1px solid #DDD; vertical-align: top;}
.n-plan-title { background: #77e05a; padding: 10px; color: #FFF; text-align: center; font-size: 22px; }
.n-plan-content { padding: 10px; color: #797b79; }
.n-plan-pricing { padding: 10px; text-align: center; font-size: 33px; }
.n-plan-content ul { list-style: none; margin: 0px; padding: 0px; padding-left: 10px; margin-bottom: 30px; }
.n-plan-content ul li { margin-top: 10px; }
.n-plan-button { background: #FFF; border: 2px solid #000; color: #000; text-transform: uppercase; }