.carousel-item {
    color: #000;
}

.payment-prev,
.payment-next {
    display: inline-block;
}

.main-menu-show {
    display: flex;
    margin-right: -15px;
}

.icon-div {
    position: absolute;
    top: 13px;
}

.navbar-icon-top.navbar-expand-md .navbar-nav li:last-child .nav-link {
    padding-right: 1.2rem !important;
}


/* .title p {
    display: block;
} */


/* Menu */

.fixed-left .left-sticky {
    position: sticky;
    top: 96px;
    top: 124px;
    animation: smoothScroll 1s forwards;
}

.dash-action {
    margin-top: 6px;
}

.dashboard {
    padding-bottom: 0px;
}

.left-sidebar {
    padding-top: 25px;
    box-shadow: 3px 3px 6px rgba(206, 206, 206, 0.5);
}

.right-sidebar {
    padding: 12px;
    padding-top: 25px;
    border-left: 2px solid rgba(0, 0, 0, 0.1);
}

.dashboard-content {
    /* padding: 0; */
    padding-top: 25px;
    min-height: 650px;
    padding-bottom: 80px;
	background: #F8F8F8;
}

.profile-title {
    width: 73px;
    height: 73px;
    background-color: #9C27B0;
    color: #fff;
    text-align: center;
    font-size: 3rem;
    font-weight: 800;
    margin: 0 auto;
}

.dashboard-name {
    font-size: 0.9rem;
    margin-top: 0;
    padding: 15px;
    margin-bottom: 25px;
    text-align: center;
    font-weight: 700;
}

.dash-heading {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 35px;
}


/* dashboard-link */

.dashboard-link ul {
    list-style: none;
    padding: 0;
    padding-left: 20px;
}

.dashboard-link li {
    margin-bottom: 15px;
}

.dashboard-link a img {
    max-width: 18px;
	height: auto;
    margin-right: 8px;
}

.dashboard-link a {
    font-size: 0.9rem;
    color: rgba(0, 0, 0, 0.66);
    display: flex;
}

.dashboard-link a.active {
    font-size: 0.9rem;
    color: rgb(0, 0, 0);
}


/* useful */

.useful h3 {
    font-size: 0.9rem;
    color: rgba(0, 0, 0, 0.9);
}

.useful ul {
    list-style: none;
    padding: 0;
}

.useful li a {
    color: rgb(13, 85, 207);
    font-size: 0.9rem;
    text-decoration: none;
}


/* YOUR Status  */

.your-status,
.your-payments {
    margin-top: 25px;
}

.your-status .col-md-12,
.your-payments .col-md-12 {
    padding: 0;
}

.your-status h3 {
    font-size: 0.9rem;
    color: rgba(0, 0, 0, 0.85);
}

.your-status .carousel-item {
    font-size: 0.8rem;
    color: rgba(0, 0, 0, 0.5);
}

.your-status .carousel-item {
    font-size: 0.8rem;
    color: rgba(0, 0, 0, 0.5);
}


/* your-payments */

.your-payments h3 {
    font-size: 0.9rem;
    color: rgb(237, 39, 39);
}

.your-payments .carousel-item {
    font-size: 0.8rem;
    color: rgb(237, 39, 39);
}

.your-payments .carousel-item {
    font-size: 0.8rem;
    color: rgb(237, 39, 39);
}

.payment-prev {
    width: 18px;
}

.payment-prev img,
.payment-next img {
    width: 10px;
}

.right-sidebar .carousel-inner .carousel-item p {
    margin-bottom: 0;
}

.right-sidebar h3 {
    margin-bottom: 20px;
}


/* Resume Course */

.dash-image {
    margin-bottom: 20px;
    min-height: 60px;
}

.dash-course-icon {
    /* width: 60px !important;
    height: 60px !important;
    border: 1px solid rgb(151, 151, 151);
    border-radius: 10px;
    overflow: hidden;

     */
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: 60px 60px !important;
    width: 60px !important;
    height: 60px !important;
    position: absolute;
    /* margin-bottom: 50px; */
    border: 1px solid rgb(151, 151, 151);
    border-radius: 5px;
}

.dash-angle-icon {
    margin-top: 25px;
    width: 22px !important;
    margin-right: 22px;
}

.resume-course .card,
.master-course .card,
.individual-course .card {
    border-color: transparent;
    padding: 20px;
}

.resume-course .card:hover,
.master-course .card:hover,
.individual-course .card:hover {
    box-shadow: 0 2px 4px rgba(159, 159, 159, 0.5)
}

.resume-course,
.master-course,
.individual-course {
    display: flex;
    flex-wrap: wrap;
}

.resume-course .owl-stage,
.master-course .owl-stage,
.individual-course .owl-stage {
    padding-left: 0px !important;
}

.resume-course .item,
.master-course .item,
.individual-course .item {
    margin: 1%;
}

.resume-course>.item {
    max-width: 28.3333%;
    float: left;
}

.resume-course .owl-stage .owl-item>.item {
    width: auto;
}

.dash-title {
    font-size: 1.1rem;
    font-weight: 800;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 51px;
}

.sub-dash-text {
    margin-bottom: 10px;
}

.sub-dash-text p {
    color: rgba(0, 0, 0, 0.55);
    font-size: 12px;
    margin-bottom: 0;
}

.dashresumecourse .progress,
.dashmastercourse .progress,
.dashindcourse .progress {
    display: -ms-flexbox;
    display: flex;
    height: 5px;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: rgb(216, 216, 216);
    border-radius: 0.25rem;
    margin-top: 5px;
}

.dash-action a {
    color: rgb(0, 145, 255);
    font-size: 12px;
   margin-right: 20px;   
}

.progress-bar.green {
    background: rgb(109, 212, 0);
}

.progress-bar.orange {
    background: rgb(250, 100, 0);
}


/* Video Page  */

.payment-alert {
    background-color: rgb(245, 150, 150);
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 8px;
}

.dash-video {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 25px;
    margin-bottom: 20px;
}

.dash-video ul {
    list-style: none;
    padding: 0;
}

.dash-video ul li {
    margin-bottom: 10px;
}

.dash-video ul li a {
    font-size: 12px;
    color: rgb(13, 85, 207);
    font-weight: 900;
    text-decoration: none;
}

.dash-video ul li img {
    margin-right: 10px;
}

.list-group .list-group-item {
    border-radius: 0;
    padding: 1.25rem 1.25rem;
}

.video-left {
    padding: 0;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: rgb(13, 85, 207);
    border-color: rgb(13, 85, 207);
}

.list-group-item.active h3 {
    color: #fff;
}

.list-group-item h3 {
    font-size: 14px;
    font-weight: 800;
    color: rgba(0, 0, 0, 0.6)
}

.list-group-item p {
    font-size: 12px;
    font-weight: 800;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-group-item span {
    font-size: 8px;
   
    bottom: 25px;
    right: 80px;
    font-weight: 800;
    text-transform: uppercase;
}

.list-group-item a.btn-start {
    font-size: 10px;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid #495057;
    text-decoration: none;
    padding: 2px 0px;
    color: #495057;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    min-width: 58px;
    text-align: center;
}

.list-group-item a.btn-start:hover,
.list-group-item a.btn-start:focus {
    font-size: 10px;
    background-color: #fff;
    border: 1px solid #495057;
    text-decoration: none;
    color: #0D55CF;
}

.list-group-item.active a.btn-start {
    font-size: 10px;
    background-color: #fff;
    border: 1px solid #000;
    text-decoration: none;
    display: inline-block;
    min-width: 58px;
    text-align: center;
    padding: 2px 0px;
    color: rgb(13, 85, 207);
}

.list-group-item.active a.btn-start:hover,
.list-group-item.active a.btn-start:focus {
    font-size: 10px;
    background-color: #fff;
    border: 1px solid #000;
    text-decoration: none;
}

.list-group-item {
    color: rgba(0, 0, 0, 0.5)
}

.orange {
    color: rgb(250, 100, 0);
}

.list-group-item.active .orange {
    color: rgb(255, 255, 255);
}

.video-panel img {
    width: 100%;
}

.video-panel {
    margin-top: 0px;
}

.video-details {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.85);
    padding: 40px 0 10px;
}

.challage-panel {
    padding: 0px 0;
}

.challage-panel .card {
    border: 0;
    border-bottom: 1px solid rgba(151, 151, 151, 0.38);
    border-radius: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.challage-panel .card h3 {
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 20px;
}

.challage-panel .card p {
    color: rgba(0, 0, 0, 0.47);
    font-size: 12px;
    margin-bottom: 9px;
}

.btn-challange {
    color: rgb(0, 145, 255);
    font-size: 12px;
    text-decoration: none;
}

.btn-challange:hover,
.btn-challange:focus {
    text-decoration: none;
}

.red-hour {
    color: rgb(224, 32, 32)
}

.video-status {
    margin: 25px auto 0;
    text-align: center;
}

.video-status a {
    padding: 15px;
    display: inline-block;
    text-align: center;
    width: 96px;
    font-size: 10px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

.video-status a:hover {
    color: rgb(0, 145, 255);
}

.video-status a img {
    width: 28px;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}

.video-status a:after {
    content: "";
    position: absolute;
    width: 1px;
    background: #000;
    height: 38px;
    top: 8px;
    right: 1px;
}

.video-status a:last-child:after {
    width: 0px;
}

.get-help {
    font-weight: 700;
    color: #000 !important;
}

.get-help:hover,
.get-help:focus {
    font-weight: 700;
    color: rgb(236, 9, 9) !important;
}

.black-hour {
    color: rgb(0, 0, 0);
}


/*  */

.payment-alert.fixed-top {
    top: 80px;
}

.list-group.video-list {
    /* max-height: 500px; */
    overflow-y: scroll;
}

.list-group.video-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.list-group.video-list::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.list-group.video-list::-webkit-scrollbar-thumb {
    background-color: #000000;
}


/* palyList */

#palyList .mobile-tabs .slick-slide {
    width: 110px !important;
    padding: 10px 0;
    font-size: 0.8rem;
    text-transform: uppercase;
}

#palyList .mobile-tabs .slick-slide img {
    display: inline-block;
    width: 20px;
    margin-left: -7px;
    margin-right: 5px;
}

ul.video-ul li span {
    font-size: 1rem;
    position: absolute;
    left: 0px;
    border-left: 4px solid transparent;
    padding-left: 5px;
    font-weight: 900;
}

ul.video-ul li {
    padding-left: 45px;
    position: relative;
    margin-bottom: 30px;
    line-height: 18px;
}

ul.video-ul li a {
    font-size: 0.9rem;
    text-decoration: none;
}

ul.video-ul li.active a {
    color: rgb(13, 85, 207);
    text-transform: capitalize;
    text-decoration: none;
}

ul.video-ul li.active span {
    color: rgb(13, 85, 207);
    border-left: 4px solid rgb(13, 85, 207);
}

.video-ul .orange {
    font-size: 0.5rem;
    text-transform: uppercase;
}

.video-top {
    /* margin-top: 250px; */
    transition: 3s;
}

.right-sidebar.right-top {
    /* padding-top: 270px; */
    transition: 3s;
}

.btn-green {
    background: rgb(109, 212, 0);
    color: #fff;
    border-radius: 0;
    padding: 5px 25px;
    font-size: 12px;
    font-weight: 700;
}

.btn-green:hover {
    background: rgb(109, 212, 0);
    color: #fff;
}

.btn-preview {
    background: #fff;
    color: rgb(0, 145, 255);
    border-radius: 0;
    padding: 5px 25px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid rgb(0, 145, 255);
    margin-right: 20px;
}

.btn-preview:hover {
    background: rgb(0, 145, 255);
    color: #fff;
}

.btn-saved {
    background: #fff;
    color: rgb(13, 85, 207);
    border-radius: 0;
    padding: 5px 25px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid rgb(13, 85, 207);
}

.btn-saved:hover {
    background: rgb(13, 85, 207);
    color: #fff;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0;
    margin-top: 45px;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .77rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #fff;
    content: "Browse";
    background-color: rgba(0, 0, 0, 0.25);
    border-left: 0;
    border-radius: 0;
}

.challange-menu {
    list-style-type: none;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 30px;
}

.challange-menu li {
    display: inline-block;
}

.challange-menu li:first-child a {
    margin-left: 0px;
}

.challange-menu li a {
    color: rgba(0, 0, 0, 0.5);
    border-left: 4px solid rgba(0, 0, 0, 0.5);
    padding-left: 10px;
    margin-left: 35px;
    text-decoration: none;
    font-size: 1rem;
}

.challange-menu li a:hover {
    color: rgb(13, 85, 207);
    border-left: 4px solid rgb(13, 85, 207);
}

.challange-menu li a.active {
    color: rgb(13, 85, 207);
    border-left: 4px solid rgb(13, 85, 207);
}

.alpha {
    list-style-type: lower-alpha;
    margin-left: 20px;
}

.challange-content {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.5)
}

.btn-blocked {
    margin-bottom: 150px;
}


/*  */

.challage-panel.video-challange .card h3 {
    min-height: 36px;
    margin-bottom: 10px;
}

.challage-panel.video-challange .card {
    min-height: auto;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.challage-panel.video-challange .card p.challange-title {
    font-size: 16px !important;
    margin-top: 10px;
    font-weight: 600;
    color: #151515;
}

.challage-panel.video-challange .card p i {
    margin-right: 5px;
}

.challage-panel.video-challange .card .btn {
    max-width: 100px;
    margin-top: 10px;
    margin-bottom: 30;
}


/* 
.challange-content h4 {
    text-transform: uppercase;
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 1.4rem;
    display: inline-flex;
} */

.challange-content {
    padding-top: 10px;
}

.finish-time {
    color: rgb(245, 150, 150);
    min-width: 279px;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
}

.grade-table .table-hover tbody tr:hover {
    color: rgb(13, 85, 207);
    background-color: rgba(0, 0, 0, .04);
    cursor: pointer;
}

.grade-table .table thead th {
    background-color: #e2eeff;
}

.text-mute .card h3,
.text-mute .card p {
    color: #c2c0c0 !important;
}

.timer-img {
    width: 18px;
}

.alpha a {
    color: rgb(13, 85, 207);
    text-decoration: none;
}

.alpha a:hover {
    color: rgb(15, 56, 128);
    text-decoration: none;
}

.common-btn a.btn-syllabus {
    color: #fff;
}

.common-btn a.btn-syllabus:hover {
    color: rgb(0, 145, 255);
}

.correct-anwser {
    color: #10b759;
    padding-left: 40px;
}

.your-answer {
    color: #dc3545;
    padding-left: 40px;
}

.invoice {
    position: relative;
    background: #fff;
    border: 1px solid #f4f4f4;
    padding: 20px;
    margin: 10px 25px;
}

.page-header {
    margin: 10px 0 20px 0;
    font-size: 22px;
}


/* Invoice Taable  */

.invoices-table {
    margin-top: 20px;
}

.invoices-table table {
    border-collapse: collapse;
    background: rgba(0, 0, 0, 0.1);
}

.invoices-table thead {
    background-color: rgba(96, 101, 111, 0.75);
    color: rgb(255, 255, 255);
    font-weight: 400;
    text-shadow: 1px 1px 0px rgba(96, 101, 111, 0.75);
}

.invoices-table th {
    padding: 5px 30px 5px 30px;
    border: 1px solid rgb(96, 101, 111);
    font-size: 16px;
}

.invoices-table td {
    padding: 5px 20px 5px 5px;
    border: 1px solid rgba(96, 101, 111, 0.4);
    font-size: 14px;
}

.invoices-table ul.flextable-list {
    width: 100%;
    list-style-type: none;
    padding-left: 0px;
}

.invoices-table ul.flextable-list li.flextable-head {
    padding: 5px;
    background-color: rgba(96, 101, 111, 0.75);
    color: rgb(255, 255, 255);
}

.invoices-table ul.flextable-list li.flextable-data {
    padding: 5px;
    color: rgb(96, 101, 111);
}

.invoices-table ul.flextable-list li.flextable-row {
    clear: both;
    float: none;
    border-bottom: 1px solid rgb(255, 255, 255);
}

.invoices-table ul.flextable-list li.flextable-row ul.flextable-set {
    list-style-type: none;
    padding-left: 0px;
}

.invoices-table ul.flextable-list li.flextable-row ul.flextable-set li.flextable-head {
    width: 33%;
    padding: 5px;
    margin-right: 2%;
    background-color: rgba(96, 101, 111, 0.75);
    color: rgb(255, 255, 255);
    float: left;
}

.invoices-table ul.flextable-list li.flextable-row ul.flextable-set li.flextable-data {
    width: 65%;
    padding: 5px;
    color: rgb(96, 101, 111);
}

.invoices-table table#options {
    background: rgb(255, 255, 255);
}

.invoices-table table#options th {
    padding: 5px 5px 5px;
}

.invoices-table table#options td {
    padding: 5px 5px 5px;
}

.invoices-table table#options td pre {
    margin: 0px;
}

.invoices-table table#options td strong {
    font-weight: 600;
}


/* css Table */

.invoices-table {
    margin-top: 20px;
}

.tb-mobile table {
    border-collapse: collapse;
    background: rgba(0, 0, 0, 0.1);
}

.tb-mobile thead {
    background-color: rgba(96, 101, 111, 0.75);
    color: rgb(255, 255, 255);
    font-weight: 400;
    text-shadow: 1px 1px 0px rgba(96, 101, 111, 0.75);
}

.tb-mobile th {
    padding: 5px 30px 5px 30px;
    border: 1px solid rgb(96, 101, 111);
}

.tb-mobile td {
    padding: 5px 20px 5px 5px;
    border: 1px solid rgba(96, 101, 111, 0.4);
    font-size: 14px;
}


/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    .tb-mobile table,
    .tb-mobile thead,
    .tb-mobile tbody,
    .tb-mobile th,
    .tb-mobile td,
    .tb-mobile tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .tb-mobile thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .tb-mobile tr {
        margin: 0 0 1rem 0;
    }
    .tb-mobile tr:nth-child(odd) {
        background: #ccc;
    }
    .tb-mobile td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }
    .tb-mobile td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 0;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
    }
    /* Table Header List */
    .tb-support td:nth-of-type(1):before {
        content: "S.No";
    }
    .tb-support td:nth-of-type(2):before {
        content: "Day of the Week";
    }
    .tb-support td:nth-of-type(3):before {
        content: "Timing";
    }
    .tb-support td:nth-of-type(4):before {
        content: "Handled By";
    }
    .tb-grade td:nth-of-type(1):before {
        content: "S.No";
    }
    .tb-grade td:nth-of-type(2):before {
        content: "Requirements";
    }
    .tb-grade td:nth-of-type(3):before {
        content: "Explanations";
    }
    .tb-grade td:nth-of-type(4):before {
        content: "Maximum Marks";
    }
    .tb-education td:nth-of-type(1):before {
        content: "Qualification";
    }
    .tb-education td:nth-of-type(2):before {
        content: "Institution Name";
    }
    .tb-education td:nth-of-type(3):before {
        content: "Percentge / CGPA";
    }
    .tb-education td:nth-of-type(4):before {
        content: "Completed Year";
    }
    .tb-education td:nth-of-type(5):before {
        content: "Delete";
    }
    .tb-professional td:nth-of-type(1):before {
        content: "Role / Designation";
    }
    .tb-professional td:nth-of-type(2):before {
        content: "Company Name";
    }
    .tb-professional td:nth-of-type(3):before {
        content: "Start Month and Year";
    }
    .tb-professional td:nth-of-type(4):before {
        content: "End Month and Year";
    }
    .tb-professional td:nth-of-type(5):before {
        content: "Currently working here";
    }
    .tb-professional td:nth-of-type(6):before {
        content: "Delete";
    }
}


/* Bill and Invoice */

.btn-payment {
    background: linear-gradient(90deg, rgb(90, 158, 18) 0%, rgb(114, 214, 7) 100%);
    font-size: 18px;
    color: #fff;
    border-radius: 0;
    font-size: 12px;
    border: 1px solid rgb(117, 206, 22);
    text-transform: uppercase;
}

.btn-payment:hover,
.btn-payment:focus {
    background: linear-gradient(90deg, rgb(114, 214, 7) 0%, rgb(90, 158, 18) 100%);
    border: 1px solid rgb(90, 158, 18);
    color: rgb(255, 255, 255);
}

.invoices {
    margin-top: 40px;
    margin-bottom: 40px;
}

.invoices .card {
    padding: 15px;
}

.invoices .card:hover {
    border-color: #d3d5df;
    box-shadow: 0px -1px 7px 6px rgba(218, 220, 230, .6);
}

.invoices .card .card-title {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 38px;
}

.invoices .card .card-text {
    color: rgba(0, 0, 0, 0.47);
    font-size: 0.8rem;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.invoice-list {
    list-style: none;
    padding-left: 10px;
}

.invoice-list li {
    color: rgba(0, 0, 0, 0.47);
    font-size: 0.8rem;
    margin-top: 5px
}

.invoice-list li span {
    color: rgba(0, 0, 0, 0.67);
    font-weight: 700;
    font-size: 0.85rem;
}


/* Profile page */


/* Profile container */

.profile {
    margin: 20px 0;
}


/* Profile sidebar */

.profile-sidebar {
    padding: 30px 0 10px 0;
    background: #fff;
}

.profile-userpic img {
    float: none;
    display: block;
    margin: auto;
    width: 50%;
    height: 50%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.profile-usertitle {
    text-align: left;
    margin-top: 20px;
    margin-left: 0px;
}

.profile-usertitle-name {
    color: #5a7391;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
}

.profile-usertitle-job {
    text-transform: uppercase;
    color: #5b9bd1;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
}

.profile-userbuttons {
    text-align: center;
    margin-top: 10px;
}

.profile-userbuttons .btn {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    padding: 6px 15px;
    margin-right: 5px;
}

.profile-userbuttons .btn:last-child {
    margin-right: 0px;
}


/* Profile Content */

.profile-content {
    padding: 20px !important;
    background: #fff;
    min-height: 460px;
}

.profile-content .table .tr-header {
    background-color: rgba(96, 101, 111, 0.75);
    color: rgb(255, 255, 255);
    font-weight: 400;
    text-shadow: 1px 1px 0px rgba(96, 101, 111, 0.75);
}

.profile-content .table .tr-header a {
    color: #fff;
    text-decoration: none;
}

.nav>li {
    position: relative;
    display: block;
}

.profile-content .custom-control.custom-radio {
    display: inline;
    margin-left: 15px;
    /* margin-top: -3px; */
}

#profile-upload {
    background-image: url('');
    background-size: cover;
    background-position: center;
    height: 120px;
    width: 120px;
    border: 1px solid #bbb;
    position: relative;
    border-radius: 120px;
    overflow: hidden;
    margin: 0;
}

#profile-upload:hover input.upload {
    display: block;
}

#profile-upload:hover .hvr-profile-img {
    display: inline-block;
}

#profile-upload .fa {
    margin: auto;
    position: absolute;
    bottom: -4px;
    left: 0;
    text-align: center;
    right: 0;
    padding: 6px;
    opacity: 1;
    transition: opacity 1s linear;
    -webkit-transform: scale(.75);
    color: rgb(216, 216, 216);
}

#profile-upload:hover .fa {
    opacity: 1;
    -webkit-transform: scale(1);
}

#profile-upload input.upload {
    z-index: 1;
    left: 0;
    margin: 0;
    bottom: 0;
    top: 0;
    padding: 0;
    opacity: 0;
    outline: none;
    cursor: pointer;
    position: absolute;
    background: #ccc;
    width: 100%;
    display: none;
}

#profile-upload .hvr-profile-img {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    vertical-align: middle;
    position: relative;
    background: transparent;
}

#profile-upload .fa:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
    background: rgba(255, 255, 255, 0.3);
    z-index: -1;
    transition: height 0.3s;
}

#profile-upload:hover .fa:after {
    height: 100%;
}

.project-course {
    margin-top: 30px;
}

.project-course .card {
    padding: 10px;
    margin-bottom: 30px;
}

.project-course .card .dash-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 150px;
    margin-bottom: 10px;
}

.invoices .card .course-img {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 150px;
    margin-bottom: 10px;
}


}
.create-project {
    position: absolute;
    top: 0;
    right: -4px;
}
.dash-course-icon {
    /* width: 60px !important;
    height: 60px !important;
    border: 1px solid rgb(151, 151, 151);
    border-radius: 10px;
    overflow: hidden;

     */
    
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat;
    /* background-size: 60px 60px  !important; */
    
    width: 60px !important;
    height: 60px !important;
    position: absolute;
    /* margin-bottom: 50px; */
    
    border: 1px solid rgb(151, 151, 151);
    border-radius: 5px;
}
.post-profile {
    margin-bottom: 0px;
    padding-bottom: 0;
}
.filename-list .list-group .list-group-item {
    border-radius: 0;
    padding: 0.75rem;
}
p.delete-icon {
    display: inline-block;
    float: right;
    margin-bottom: 0;
    font-size: 18px;
    color: #e91616;
}
#pop-project .item .card {
    border-color: transparent;
    padding: 20px;
}
#pop-project .item .card:hover {
    box-shadow: 0px -1px 7px 6px rgb(218 220 230 / 60%);
	cursor: pointer;
}
.new-project {
    position: absolute;
    top: 0;
    right: 0;
}
.navbar-icon-top.navbar-expand-md .navbar-nav .nav-link {
    padding-left: 1.2rem;
    padding-right: 1.2rem !important;
}
#listofprojects {
    margin-top: 15px;
}
.myproj-desc {
    font-size: 0.8rem;
    margin-bottom: 10px;
    min-height: 42px;
}

.dashindcourse, .dashresumecourse, .dashmastercourse {
	padding-right:15px;
	padding-left:15px;
}

.dashindcourse .card,
.dashresumecourse .card,
.dashmastercourse .card {
    border-color: transparent;
    padding: 20px;
}

.dashindcourse .card:hover,
.dashresumecourse .card:hover,
.dashmastercourse .card:hover {
   box-shadow: 0px -1px 7px 6px rgb(218 220 230 / 60%);
   cursor: pointer;
}

.dashresumecourse .item , .dashindcourse .item , .dashmastercourse .item {
	margin-top: 15px;
    margin-bottom: 15px;

}
#listoftickets > div {
	margin-top: 15px !important;
    margin-bottom: 15px !important;
}
#dashboard-breadcrumb{
	padding: 5px 10px 5px 10px!important;
}

.video-tab-content .video-panel img {
    width: auto !important;
}

/*rm card details show*/

.img-rm{
    padding: 0 20px;
    font-size: 24px;
    color: #515151;
    border-right:1px solid #eaeaea;   
}
.tx-semi{font-weight:500;}
.rm_pad {
    padding-top:25px;
}
.tx-10{
    font-size: 10px;
}
.rm-deti p{
    font-size: 10px;
    margin-bottom: 5px; 
}
.rm-deti-mob{padding: 10px 25px;}
.rm-deti-mob p{
    font-size: 10px;
    margin-bottom: 5px; 
}
.rm-deti-mob img{
    width: 20px !important;
}
.rm_shadow {
    box-shadow: 2px 2px 20px 0 #ccc;
}
.imgsize{
    width:30%;
    border-radius: 50%; color: #fff; 
    background: #000; 
    font-size: 16px; 
    padding-top: 2px; 
    padding-bottom: 2px; 
    padding-left: 8px; 
    padding-right: 8px;
    font-weight:700;
}
.nav_profile img {
    width: 35px;
}
.dropdown-toggle::after {
    display:none;
}
.nav_profile .dropdown-menu {
    right:20px !important;
    left: inherit;
}
.right-sidebar h3{
	text-align:center;
}