/*
=========== Custom CSS =============
Project Name: Connectutor 
CSS For: Contributor & Admin
Assigned To: Arun & Subhadrashri
Year: 2019
==================================
*/


/*
=============== Start Index =================
01. Font Face & Font Face Call
02. Common CSS
03. Margin and Padding
04. Header
05. File Upload Button
06. Checkbox
07. Radio
08. Form Required
09. Data Table
10. Category
11. Create Course
12. Floating Preview Course Button
13. Cerificates
14. Courses
15. Reviews
16. Course Review
17. Exam Results
18. Settings
19. Forum
20. Country Master
=============== End Index ===================
*/


/*Font Face*/

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Regular.woff2') format('woff2'), url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-Light.eot');
    src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Light.woff2') format('woff2'), url('../fonts/ProximaNova-Light.woff') format('woff'), url('../fonts/ProximaNova-Light.ttf') format('truetype'), url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Bd';
    src: url('../fonts/ProximaNova-Bold.eot');
    src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Bold.woff2') format('woff2'), url('../fonts/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova-Bold.ttf') format('truetype'), url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Sb';
    src: url('../fonts/ProximaNova-Semibold.eot');
    src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Semibold.woff2') format('woff2'), url('../fonts/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}


/*Font Call*/

.f-regular {
    font-family: 'Proxima Nova Rg';
}

.f-light {
    font-family: 'Proxima Nova Lt';
}

.f-semibold {
    font-family: 'Proxima Nova Sb';
}

.f-bold {
    font-family: 'Proxima Nova Bd';
}


/*Common CSS*/

body {
    font-family: 'Proxima Nova Rg' !important;
}

a {
    cursor: pointer;
}

h4 {
    color: #2D76B2;
    font-family: 'Proxima Nova Sb';
}

hr {
    margin-top: 10px;
    margin-bottom: 25px;
    border: 0;
    border-top: 1px solid #000;
}

.marker {
    background: yellow;
}

.label-info {
    background-color: #2d76b2;
}

.d-block {
    display: block;
}

.block-header a {
    color: #434343;
}

.block-header span {
    color: #2D76B2;
}

.form-control {
    /*    color: #808080;*/
}

.bg-light-grey {
    background: #efefef;
}

.btn-lg,
.btn-group-lg > .btn {
    padding: 12px 25px;
    font-size: 15px !important;
    text-transform: capitalize;
}

button.btn.dropdown-toggle.btn-default {
    padding-left: 0;
    padding-right: 0;
}

.bootstrap-select {
    height: 34px;
}

.input-daterange {
/*    line-height: 0;*/
}

.modal {
    z-index: 9999;
}

.theme-blue .nav > li > a:hover {
    cursor: pointer;
}

.dropdown-menu {
    z-index: 10;
}

.pull-right a:hover,
.pull-right a:focus {
    text-decoration: none;
}


/*Margin and Padding*/

.m-0 {
    margin: 0;
}

.ml-0 {
    margin-left: 0px;
}

.mr-0 {
    margin-right: 0px;
}

.mt-0 {
    margin-top: 0px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb-5 {
    margin-bottom: 5px;
}

.m-10 {
    margin: 10px;
}

.ml-10 {
    margin-left: 10px;
}

.mr-10 {
    margin-right: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px !important;
}

.m-20 {
    margin: 20px;
}

.ml-20 {
    margin-left: 20px;
}

.mr-20 {
    margin-right: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.m-30 {
    margin: 30px;
}

.ml-30 {
    margin-left: 30px;
}

.mr-30 {
    margin-right: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mb30 {
    margin-bottom: 30px;
}

.m-40 {
    margin: 40px;
}

.ml-40 {
    margin-left: 40px;
}

.mr-40 {
    margin-right: 40px;
}

.mt-40 {
    margin-top: 40px;
}

.mb40 {
    margin-bottom: 40px;
}

.m-60 {
    margin: 60px;
}

.ml-60 {
    margin-left: 60px;
}

.mr-60 {
    margin-right: 60px;
}

.mt-60 {
    margin-top: 60px;
}

.mb60 {
    margin-bottom: 60px;
}

.mt-80 {
    margin-top: 80px;
}

.p-0 {
    padding: 0;
}

.pl-0 {
    padding-left: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.pt-0 {
    padding-top: 0px;
}

.pb-0 {
    padding-bottom: 0px;
}

.p-5 {
    padding: 5px;
}

.pl-5 {
    padding-left: 5px;
}

.pr-5 {
    padding-right: 5px;
}

.pt-5 {
    padding-top: 5px;
}

.pb-5 {
    padding-bottom: 5px;
}

.p-20 {
    padding: 20px;
}

.pl-20 {
    padding-left: 20px;
}

.pr-20 {
    padding-right: 20px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.p-30 {
    padding: 30px;
}

.pl-30 {
    padding-left: 30px;
}

.pr-30 {
    padding-right: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.p-40 {
    padding: 40px;
}

.pl-40 {
    padding-left: 40px;
}

.pr-40 {
    padding-right: 40px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.p-50 {
    padding: 50px;
}

.pl-50 {
    padding-left: 50px;
}

.pr-50 {
    padding-right: 50px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.p-60 {
    padding: 60px;
}

.pl-60 {
    padding-left: 60px;
}

.pr-60 {
    padding-right: 60px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.p-100 {
    padding: 100px;
}

.pl-100 {
    padding-left: 100px;
}

.pr-100 {
    padding-right: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.p-120 {
    padding: 120px;
}

.pl-120 {
    padding-left: 120px;
}

.pr-120 {
    padding-right: 120px;
}

.pt-120 {
    padding-top: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}


/*Header*/

.header {
    text-transform: uppercase;
    font-family: 'Proxima Nova Sb';
}

.user-dropdown h4 {
    margin-bottom: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
}

.user-dropdown hr {
    margin-top: 10px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.user-dropdown button {
    background: transparent;
    border: none;
    margin-top: 18px;
}

.user-dropdown .dropdown-menu.dropdown-menu-right {
    top: 110px;
    width: 180px;
    margin: 13px 0;
    padding: 20px;
    z-index: 0;
    white-space: nowrap;
    border: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.20)
}

.user-avatar {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    margin-left: 10px;
}

.user-dropdown .dropdown-toggle a {
    color: #fff;
    text-decoration: none;
}

.user-dropdown li a {
    display: inline-flex;
    color: #000;
}

.user-dropdown li a:hover {
    text-decoration: none;
}

.user-dropdown li a i {
    font-size: 22px;
    margin-right: 8px;
    margin-top: -2px;
    color: #747474;
}

.user-avatar-detail {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    box-shadow: 0 0 10px 5px #1e1e1e29;
    margin: 8px 0;
}


/*File Upload Button*/

.bootstrap-filestyle.input-group {
    margin-bottom: 0;
}

.bootstrap-filestyle.input-group .btn:not(.btn-link):not(.btn-circle) span {
    top: -0;
    margin-right: 5px;
}


/* Checkbox */

.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-right: 10px;
    /* margin-bottom: 12px; */
    margin-bottom: 0px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #ddd;
    border-radius: 3px;
}

.checkbox input:checked ~ .checkmark {
    background-color: #2d76b2;
    border-color: #2d76b2;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox input:checked ~ .checkmark:after {
    display: block;
}

.checkbox .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.agree input[type=checkbox] + label.error {
    /*    display: none !important;*/
    display: block;
    padding-left: 0;
}

.checkbox.radio input[type=radio] + label.error,
.checkbox.checkbox input[type=checkbox] + label.error {
    display: none !important;
}

.error + .checkmark,
.checkbox.radio .error + .checkmark {
    border: 2px solid red;
}

.course-review-qstns-items .error + .checkmark:after,
.course-review-qstns-items .error + .checkmark {
    background: red !important;
}

.checkbox.radio .valid + .error + .checkmark {
    border-color: #ddd;
}

.checkbox.radio input.valid:checked + .error + .checkmark {
    border-color: #2d76b2;
}

.checkbox.mb-0 {
    position: relative;
    padding-left: 30px;
}

.checkbox.radio .checkmark {
    border: 2px solid #ddd;
    border-radius: 30px;
}

.checkbox.radio .checkmark:after {
    left: 1px;
    top: 1px;
    border: 3px solid #ffffff;
    border-radius: 30px;
    background: #2d76b2;
    height: 14px;
    width: 14px;
}


/* Radio */

.radio-tile-group {
    display: inline-flex;
}

.radio-tile-group .input-container {
    position: relative;
    height: 110px;
    width: 130px;
    margin: 0px 15px 0 0px;
}

.radio-tile-group .input-container .radio-button {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.radio-tile-group .input-container .radio-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 2px solid #ddd;
    border-radius: 5px;
    padding: 1rem;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
}

.radio-tile-group .input-container .icon svg {
    fill: rgba(128, 128, 128, 0.4);
    width: 40px;
    height: auto;
}

.radio-tile-group .input-container .radio-tile-label {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(128, 128, 128, 0.4);
    margin: 10px 0 0 0;
}

.radio-tile-group .input-container .radio-button:checked + .radio-tile {
    background-color: #ffffff;
    border: 2px solid #2d76b2;
    color: #fff;
}

.radio-tile-group .input-container .radio-button:checked + .radio-tile .icon svg {
    fill: #2d76b2;
    background-color: #ffffff;
}

.radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {
    color: #2d76b2;
    background-color: #ffffff;
}


/*Form Required*/

input[type=file] + label.error {
    margin-top: 38px;
}

span.error {
    display: block;
}

.error {
    color: red;
}

.required {
    color: red;
    font-family: georgia;
    font-size: 14px;
}


/*
label.error {
    display: none !important;
}
*/


/*input.form-control.error,*/


/*input.form-control + .error + .bootstrap-filestyle,*/


/*
.form-line + label.error {
    border-bottom: 1px solid red;
}
*/


/*
.bootstrap-select select.form-control.error{
    border-bottom: 1px solid red;
}
*/


/*
.form-line.error {
    border-bottom: 1px solid red !important;
}
*/

form [class*="col-"] {
    margin-bottom: 10px !important;
}


/*Datatable*/

td.dataTables_empty {
    text-align: center;
}

.action-links {
    display: inline-flex;
    margin: 0 5px;
    color: #434343;
}

.action-links:hover {
    color: #434343;
    text-decoration: none;
}

.action-links .material-icons {
    margin-right: 5px;
    font-size: 22px;
    line-height: 18px;
    text-decoration: none;
}

.action-links .material-icons:hover {
    border: none;
    text-decoration: none;
}

a:hover .material-icons {
    text-decoration: none;
}

.action-icon {
    margin: 3px;
}

.dataTables_filter,
.dataTables_paginate {
    float: right;
}

.dataTables_paginate ul {
    margin: 0;
}

.table {
    margin-bottom: 0;
}

.table-responsive .row {
    margin: 0;
}

.table-responsive .btn-group.bootstrap-select.form-control.input-sm {
    width: 70px;
}

.table-responsive .dataTables_length label {
    display: inline-flex;
    line-height: 35px;
}

table .btn {
    padding: 5px 10px;
}

.table-responsive .bootstrap-select > .dropdown-toggle {
    padding-right: 5px;
}

.table-responsive button.btn.dropdown-toggle.btn-default {
    padding-left: 10px;
    padding-right: 10px;
}

.table-responsive span.filter-option,
.dataTables_length select {
    border: 1px solid #d4d4d4;
}

.dataTables_length select.input-sm {
    height: 32px;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 500;
}

.dataTables_wrapper input[type="search"] {
    font-size: 14px;
    font-weight: 500;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: 200px !important;
}


/*Category*/

.category table td:nth-child(3) span:not(:last-of-type)::after {
    content: ", ";
}

.img-preview {
    width: 100%;
    height: 285px;
    margin-top: 5px;
    border: 1px solid #efefef;
    object-fit: cover;
}

.cat-img,
.course-img {
    max-width: 100px;
    border: 1px solid #efefef;
}

#cke_2_contents {
    height: 135px !important;
}


/*Create Course*/

.session .lesson li:nth-child(1) .rem-btns {
    display: none;
}

.create-course .input-group .input-group-addon {
    padding-left: 12px;
}

.create-course .input-group .form-line {
    margin-bottom: 5px;
}


/*Floating Preview Course Button*/

.float {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 10px;
    right: 30px;
    background: #434343;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 3;
}

.float:hover,
.float:focus,
.float:active {
    background: #262626;
    color: #fff;
}

.add-lesson {
    bottom: 70px;
    background: #2d76b2;
}

.add-lesson:hover,
.add-lesson:focus,
.add-lesson:active {
    background: #21669e;
    color: #fff;
}

.my-float {
    margin-top: 14px;
}

.create-course .m-b-0 {
    margin-bottom: 0 !important;
}

.lesson {
    padding: 20px;
}


/*Certificates*/

.form-group.m-b-0 {
    margin-bottom: 0;
}


/*Courses*/

.float-price {
    /*
    background: #2d76b2;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    position: absolute;
    float: right;
    right: 10px;
    top: 130px;
    padding-top: 22px;
    font-size: 14px;
    z-index: 1;
*/
    background: #2d76b2;
    height: 30px;
    width: 92%;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    position: absolute;
    float: right;
    right: 10px;
    top: 145px;
    font-size: 14px;
    z-index: 1;
    padding: 5px;
}

.course-item-img img {
    object-fit: cover;
    height: 160px;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.course-item-detail .course-top span {
    display: inline-flex;
    padding: 10px 0;
}

.course-item-detail .course-top h4 {
    line-height: 1.3;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
}

.course-item-detail .course-top .material-icons {
    font-size: 22px;
}

.course-item-detail .course-top span i {
    margin-top: -2px;
    margin-right: 5px;
}

.course-top {
    padding: 35px 12px 12px 12px;
}

.course-item {
    background: #fff;
    /* min-height: 50px;*/
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    position: relative;
    /* margin-bottom: 30px;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.course-btm {
    padding: 0 12px 20px 12px;
}

h5.course-cat-detail {
    position: absolute;
    margin-top: -25px;
    padding-left: 10px;
    display: block;
    display: -webkit-box;
    max-width: 90%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    text-shadow: 1px 1px 0px #000000;
    z-index: 1;
}

#img-linear-gradient {
    position: absolute;
    height: 60px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    width: 100%;
    float: left;
    top: 100px;
}


/*Reviews*/

.starrr span {
    margin-right: 4px;
    font-size: 15px;
    color: orange;
}


/*Course Review*/

.course-review-wbt table span,
.course-review-ipt table span,
.course-review-sct table span {
    font-size: 15px;
    font-weight: 500;
    vertical-align: top;
    line-height: 1.3;
    padding-bottom: 3px;
}

.course-review-wbt table span i,
.course-review-ipt table span i,
.course-review-sct table span i {
    font-size: 16px;
}

.course-review-qstns {
    pointer-events: none;
}

.reviews td:nth-child(5) span {
    vertical-align: middle;
}

.reviews td:nth-child(5) span i {
    padding-right: 5px;
    vertical-align: bottom;
}


/*Courses SCT*/

.course-item-detail .course-top .sct-info .material-icons {
    font-size: 17px;
    margin-top: 0px;
}


/*Courses IPT*/

.course-item-detail .course-top .ipt-info .material-icons {
    font-size: 17px;
    margin-top: 0px;
}


/*Exam Results*/


/*WBT*/

.exams-wbt table span {
    font-size: 15px;
    font-weight: 500;
    vertical-align: top;
    line-height: 1.3;
    padding-bottom: 3px;
}

.exams-wbt table span i {
    font-size: 16px;
    vertical-align: middle;
}

span.label {
    border-radius: 15px;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 3px;
  /*  margin-left: 10px;*/
}

.progress {
    background: #c1c1c1;
}

.progress span {
    font-size: 12px;
    line-height: 1.8;
    vertical-align: text-bottom;
    padding: 0 5px;
    display: inline-block;
}


/*IPT*/

.exams-ipt table span {
    font-size: 15px;
    font-weight: 500;
    vertical-align: top;
    line-height: 1.2;
}

.exams-ipt table span i {
    font-size: 16px;
}


/*SCT*/

.exams-sct table span {
    font-size: 15px;
    font-weight: 500;
    vertical-align: top;
    line-height: 1.2;
    padding-bottom: 3px;
}

.exams-sct table span i {
    font-size: 16px;
}


/*Announcements*/

.modal h5.card-inside-title {
    margin-bottom: 2px;
}

.modal img {
    width: 100% !important;
}


/*Settings*/

.view-course-review-wbt .course-review-qstns .course-review-qstns-items li,
.view-course-review-ipt .course-review-qstns .course-review-qstns-items li,
.view-course-review-sct .course-review-qstns .course-review-qstns-items li {
    margin-bottom: 15px;
}

.view-course-review-wbt .progress,
.view-course-review-ipt .progress,
.view-course-review-sct .progress {
    width: 150px;
    margin-bottom: 10px;
}

.course-review-qstns-items .input-group {
    margin-bottom: 5px;
}


/*Forum*/

.course-details-reviews-comment .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.course-details-reviews-comment .review-comment .review-text {
    margin-left: 20px;
}

.course-details-reviews-comment h3 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;
}

.course-details-reviews-comment .review-comment ul li {
    display: inline-block;
    margin: 5px 1px;
    color: #FFCC36;
}

.course-details-reviews-comment .review-comment p {
    font-size: 15px;
}

.course-details-reviews-comment .review-img img {
    width: 120px;
}

.rating-widget .list-inline li {
    display: inline-block;
    color: #ccc;
}

.course-after-purchase {
    background: #f2b827;
    text-align: center;
    padding: 7px;
}

.course-overview .progress-bar {
    background-color: #f2b827;
}

.course-overview div p {
    font-size: 16px;
    margin-bottom: 0px;
}

.course-details-overview .course-details-side-bar {
    margin-bottom: 20px;
}

.course-overview-content ul li {
    line-height: 28px;
}

.course-overview-part h3,
.course-overview-part p {
    margin-bottom: 20px;
}

.course-overview-part h4 {
    margin-bottom: 10px;
}

.tab-content {
    width: 100%;
}

.card-link.completed span {
    background: #39b54a;
    color: #fff;
    font-size: 13px;
    padding: 5px;
    border-radius: 4px;
}

.forum-content h3 {
    margin-bottom: 0;
    font-size: 15px;
}

.forum-content .review-comment small {
    color: #808080;
}

.forum-content .review-img img {
    width: 40px;
    height: 40px;
    margin-right: 15px;
    border-radius: 50%;
}

.forum-content h4 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Proxima Nova Lt';
}

.forum-reply-qus {
    margin-bottom: 30px;
}

.review-img {
    float: left;
}


/*Country Master*/

.country-master .ms-selectable:before {
    content: 'Country List';
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
}

.country-master .ms-selection:before {
    content: 'Restricted Countries';
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
}


/*Sweet Alert*/

.sweet-alert button {
    margin: 15px 5px 0 5px;
}


/*Not Found*/

.icon-img img {
    width: 100px;
}


/*Clear Both*/

.clearfix-md {
    clear: both;
}


/*Under Development*/

.under-development img {
    width: 100%;
}

.under-development {
    padding: 0 30px;
}

.center-block {
    margin: auto;
    float: none;
}


/*Create Exam*/

.exam-qstns [class*="col-"] {
    margin-bottom: 0 !important;
}

.options_sections .form-group {
    margin-bottom: 20px;
}

.exam-settings .m-b-0 {
    margin-bottom: 0 !important;
}

.exam-qstns-items .input-group-addon,
.exam-qstns-items .input-group-btn {
    vertical-align: text-top;
}

.exam-qstns-items .m-b-10 {
    margin-bottom: 10px !important;
}


/*Edit Profile*/

.profile-img {
    text-align: center;
}

.profile-img img {
    border: 1px solid #efefef;
    height: 200px;
    width: 200px;
    border-radius: 50%;
}

.edit-profile {
    background: #333;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    font-size: 15px;
    margin-left: 55%;
    top: 13%;
    position: absolute;
    color: #fff;
}

.edit-profile i {
    margin-top: 7px;
}

.edit-profile > input {
    display: none;
}

.sub-heading [class*="col-"] {
    margin-bottom: 0 !important;
}

.view-student-detail-wbt .course-btm p {
    display: inline-flex;
}

.view-student-detail-wbt .course-btm p i {
    font-size: 22px;
    padding-right: 5px;
    margin-top: -1px;
}

.card .body,
.modal {
    /*    word-break: break-word;*/
    word-wrap: break-word;
}


/*Custom Scroll*/

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    background-color: #F5F5F5;
}

body::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px #2D76B2;
    background-color: #2D76B2;
}


/*Course Preview*/

.course-preview-session li a {
    font-size: 16px;
}

.course-preview-session li {
    color: #337ab7;
    list-style-type: decimal;
    line-height: 30px;
    cursor: pointer;
}

.course-session-content .card {
    background: none;
    border: 1px solid #ddd;
    cursor: pointer;
    display: inherit;
    box-shadow: none;
    min-height: initial;
    margin-bottom: 15px;
}

.course-session-content {
    margin-top: 20px;
}

.course-session-content .course-content .card {
    margin-bottom: 10px;
}

.course-session-content .card-header a {
    color: #808080;
    width: 100%;
    line-height: 36px;
}

.course-session-content .card-header p {
    line-height: 36px;
}

.course-session-content .card-header {
    padding: 7px 14px;
}

.course-session-content .card-link i {
    padding-right: 5px;
    width: 22px;
}

.course-session-content .card-body {
    padding: 0 20px 20px 20px;
}

.course-preview-session {
    padding: 20px 20px 20px 35px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 400px;
    background: #f5f7ff;
    border: 1px dashed #2d76b2;
    border-radius: 5px;
}

.img-bdr {
    border: 1px solid #c5c5c5;
    border-radius: 5px;
}

i.fa.fa-caret-down {
    padding-left: 10px;
}

.course-preview .img-bdr {
    width: 100%;
}

#tags span {
    background: #f5f7ff;
    padding: 3px 10px;
    border: 1px solid #2d76b2;
    border-radius: 20px;
    margin-right: 4px;
    margin-bottom: 5px;
    display: inline-block;
}

.float-add {
    height: 0px;
    width: 75px;
    position: fixed;
    right: 20px;
    bottom: 50%;
    z-index: 1000;
}

.float-add a {
    cursor: pointer;
    display: block;
    background: #2b982b;
    height: 40px;
    padding-top: 10px;
    width: 150px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-transform: uppercase;
}

.bootstrap-tagsinput,
.bootstrap-tagsinput input {
    width: 100%;
    max-width: 100%;
}

.explaination {
    background: #f0ffdf;
    padding: 15px;
    border: 1px solid #b1cc93;
    border-radius: 5px;
}

.dtp table.dtp-picker-days tr td a.selected {
    background: #2c6492;
}

.dtp table.dtp-picker-days tr > td > a,
.dtp .dtp-picker-time > a {
    padding: 0.6em 0.5em 0.5em 0.6em;
}

.user-img-preview {
    width: 160px;
    height: 160px;
}

.pagination {
    margin: 20px 0 0 0;
}

.c-type {
    background: #F44336;
    padding: 0 8px;
    border-radius: 4px;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 10px;
}

a.navbar-brand {
    padding: 0 0 0 15px;
}


/*Ad Banners*/

.middle-wide-banner {
    width: 100%;
}

.footer-banner {
    margin: 0 28px 0 330px;
}

.ls-closed .footer-banner {
    margin-left: 15px;
}


/*Notications*/

.notifications-list {
    background: #2d76b2;
    padding: 10px;
    border-radius: 5px;
    padding-top: 20px;
}

.notifications-list li a {
    color: #fff;
}

.notifications-list li:hover a {
    text-decoration: none;
}

.notification-count span {
    margin-top: -40px;
    margin-left: -15px;
    background: #F44336;
}


/*Chat*/

.wrapper {
    position: relative;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.chat-room-widget {
    position: relative;
    top: 30%;
    left: 50%;
    width: 100%;
    height: 75%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.chat-room-widget .left {
    float: left;
    width: 25%;
    border: 1px solid #fff;
    background-color: #fff;
}

.chat-room-widget .left .top {
    position: relative;
    width: 100%;
    height: 96px;
    padding: 10px;
}

.chat-room-widget .left .top:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 80%;
    height: 1px;
    content: '';
    background-color: #fff;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.chat-room-widget .left input {
    float: left;
    width: 188px;
    height: 42px;
    padding: 0 15px;
    border: 1px solid #fff;
    background-color: #eceff1;
    border-radius: 21px;
    font-weight: 400;
}

.chat-room-widget .left input:focus {
    outline: none;
}

.chat-room-widget .left a.search {
    display: block;
    float: left;
    width: 42px;
    height: 42px;
    margin-left: 10px;
    border: 1px solid #fff;
    background-color: #000;
    /*    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/name-type.png");*/
    background-repeat: no-repeat;
    background-position: top 12px left 14px;
    border-radius: 50%;
}

.chat-room-widget .left .people {
    margin-left: -1px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    width: calc(100% + 2px);
    padding-left: 0;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    height: 600px;
    /* justify-content: flex-start; */
    /* flex-direction: column; */
    /* display: flex; */
    vertical-align: text-top;
    overflow-y: scroll;
}

.chat-room-widget .left .people::-webkit-scrollbar {
    display: none;
}

.chat-room-widget .left .people .person {
    position: relative;
    width: 100%;
    padding: 10px 10px 17px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
}

.chat-room-widget .left .people .person:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 80%;
    height: 1px;
    content: '';
    background-color: #fff;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.chat-room-widget .left .people .person img {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    border-radius: 50%;
}

.chat-room-widget .left .people .person .name {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    font-weight: 600;
    display: inline-block;
    padding-top: 10px;
}

.chat-room-widget .left .people .person .time {
    font-size: 14px;
    position: absolute;
    top: 16px;
    right: 10%;
    padding: 0 0 5px 5px;
    color: #000;
}

.chat-room-widget .left .people .person .preview {
    font-size: 14px;
    display: inline-block;
    overflow: hidden !important;
    width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
    margin-bottom: 0;
}


/*.chat-room-widget .left .people .person.active,
.chat-room-widget .left .people .person:hover {
    margin-top: -1px; 
    margin-left: -1px; 
     padding-top: 13px; 
    border: 0;
    background-color:transparent;
       /* width: calc(100% + 2px); */


/* padding-left: calc(10% + 1px); 
}*/

.chat-room-widget .left .people .person.active span,
.chat-room-widget .left .people .person:hover span {
    /*   color: inherit;
    background: transparent; */
}

.chat-room-widget .left .people .person.active:after,
.chat-room-widget .left .people .person:hover:after {
    display: none;
}

.chat-room-widget .left .people .person a {
    float: right;
    margin-top: 10px;
}

.chat-room-widget .left .people .person a span {
    font-size: 13px;
}

.chat-room-widget .left .people .person a:hover,
.chat-room-widget .left .people .person a span:hover,
.chat-room-widget .left .people .person a span:focus,
.chat-room-widget .left .people .person a:focus {
    color: #fff !important;
    margin-top: 10px;
    text-decoration: none;
}

.chat-room-widget .right {
    position: relative;
    float: left;
    width: 75%;
    height: 100%;
    display: table;
    padding-bottom: 35px;
}

.chat-room-widget .right .top {
    width: 100%;
    padding: 20px;
    background-color: #efefef;
    border-radius: 4px
}

.chat-room-widget .right .top span {
    font-size: 15px;
    color: #000;
}

.chat-room-widget .right .top span .name {
    color: #000;
    font-weight: 600;
}

.chat-room-widget .right .chat {
    position: relative;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #fff;
    height: 500px;
    justify-content: flex-end;
    flex-direction: column;
    display: flex;
    vertical-align: bottom;
    overflow-x: hidden;
    overflow-y: scroll;
}

.chat-room-widget .right .chat.active-chat {
    display: block;
    display: flex;
}

.chat-room-widget .right .chat.active-chat .bubble {
    transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1);
}

.chat-room-widget .right .chat.active-chat .bubble:nth-of-type(1) {
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
}

.chat-room-widget .right .chat.active-chat .bubble:nth-of-type(2) {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

.chat-room-widget .right .chat.active-chat .bubble:nth-of-type(3) {
    -webkit-animation-duration: 0.45s;
    animation-duration: 0.45s;
}

.chat-room-widget .right .chat.active-chat .bubble:nth-of-type(4) {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}

.chat-room-widget .right .chat.active-chat .bubble:nth-of-type(5) {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}

.chat-room-widget .right .chat.active-chat .bubble:nth-of-type(6) {
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
}

.chat-room-widget .right .chat.active-chat .bubble:nth-of-type(7) {
    -webkit-animation-duration: 1.05s;
    animation-duration: 1.05s;
}

.chat-room-widget .right .chat.active-chat .bubble:nth-of-type(8) {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}

.chat-room-widget .right .chat.active-chat .bubble:nth-of-type(9) {
    -webkit-animation-duration: 1.35s;
    animation-duration: 1.35s;
}

.chat-room-widget .right .chat.active-chat .bubble:nth-of-type(10) {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.chat-room-widget .right .write {
    position: absolute;
    height: 42px;
    padding-left: 8px;
    border: 1px solid #efefef;
    background-color: #efefef;
    width: 100%;
    border-radius: 5px;
    display: table-footer-group;
}

.chat-room-widget .right .write input {
    font-size: 16px;
    float: left;
    width: 100%;
    height: 40px;
    padding: 0 40px 0 10px;
    color: #000;
    border: 0;
    outline: none;
    background-color: #efefef;
    font-weight: 400;
}


/*
.chat-room-widget .right .write .write-link.attach:before {
    display: inline-block;
    float: left;
    width: 20px;
    height: 42px;
    content: '';
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/attachment.png");
    background-repeat: no-repeat;
    background-position: center;
}

.chat-room-widget .right .write .write-link.smiley:before {
    display: inline-block;
    float: left;
    width: 20px;
    height: 42px;
    content: '';
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/smiley.png");
    background-repeat: no-repeat;
    background-position: center;
}
*/

.chat-room-widget .right .write .write-link.send:before {
    display: inline-block;
    float: left;
    width: 20px;
    height: 42px;
    margin-left: -30px;
    content: '';
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/send.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
}

.chat-room-widget .right .bubble {
    font-size: 16px;
    position: relative;
    display: inline-block;
    clear: both;
    margin-bottom: 8px;
    padding: 5px 10px;
    vertical-align: top;
    border-radius: 5px;
}

.chat-room-widget .right .bubble:before {
    position: absolute;
    top: 19px;
    display: block;
    width: 8px;
    height: 6px;
    content: '\00a0';
    -webkit-transform: rotate(29deg) skew(-35deg);
    transform: rotate(29deg) skew(-35deg);
}

.chat-room-widget .right .bubble.you {
    float: left;
    color: #000;
    background-color: #dbf1c2;
    align-self: flex-start;
    -webkit-animation-name: slideFromLeft;
    animation-name: slideFromLeft;
}

.chat-room-widget .right .bubble.you:before {
    left: -3px;
    background-color: #dbf1c2;
}

.chat-room-widget .right .bubble.me {
    float: right;
    color: #000;
    background-color: #d4e9fb;
    align-self: flex-end;
    -webkit-animation-name: slideFromRight;
    animation-name: slideFromRight;
}

.chat-room-widget .right .bubble.me:before {
    right: -3px;
    background-color: #d4e9fb;
}

.chat-room-widget .right .conversation-start {
    position: relative;
    width: 100%;
    margin-bottom: 27px;
    text-align: center;
}

.chat-room-widget .right .conversation-start span {
    font-size: 14px;
    display: inline-block;
    color: #efefef;
}

.chat-room-widget .right .conversation-start span:before,
.chat-room-widget .right .conversation-start span:after {
    position: absolute;
    top: 10px;
    display: inline-block;
    width: 30%;
    height: 1px;
    content: '';
    background-color: #fff;
}

.chat-room-widget .right .conversation-start span:before {
    left: 0;
}

.chat-room-widget .right .conversation-start span:after {
    right: 0;
}

@keyframes slideFromLeft {
    0% {
        margin-left: -200px;
        opacity: 0;
    }
    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@-webkit-keyframes slideFromLeft {
    0% {
        margin-left: -200px;
        opacity: 0;
    }
    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@keyframes slideFromRight {
    0% {
        margin-right: -200px;
        opacity: 0;
    }
    100% {
        margin-right: 0;
        opacity: 1;
    }
}

@-webkit-keyframes slideFromRight {
    0% {
        margin-right: -200px;
        opacity: 0;
    }
    100% {
        margin-right: 0;
        opacity: 1;
    }
}

#chat_details,
#grp_chat_details{
    padding: 15px;
    max-height: 500px;
}

.msg-time {
    float: right;
    bottom: -5px;
    position: relative;
    margin-left: 15px;
}

.text-secondary {
    color: #6c757d !important;
}


/*Chat Custom Scroll*/

.chat::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    background-color: #F5F5F5;
}

.chat::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.chat::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px #2D76B2;
    background-color: #2D76B2;
}


/*Courses Sidebar Menu*/

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background: #20527b;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 9999;
}

.sidenav a {
    padding: 10px 25px 7px 25px;
    text-decoration: none;
    display: block;
    transition: 0.3s;
    color: #fff;
}

.sidenav li.active a {
    color: #000;
    background: #fff;
    border-left: 5px solid #cecece;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    font-size: 36px;
    right: 0;
}

#main {
    transition: margin-left .5s;
    cursor: pointer;
}

#main i {
    vertical-align: bottom;
    padding-left: 10px;
}

#main span {
    color: #fff;
}


/*Reviews & Ratings*/

.approve-status {
    display: inline-flex;
}

.approve-status i {
    margin-top: -3px;
    margin-right: 5px;
}


/*Courses Menu*/

.nav-tabs > li > a {
    color: #000 !important;
}

.nav-tabs li.active a {
    color: #2d76b2 !important;
}

.nav-tabs > li > a:before {
    border-bottom: 4px solid #2d76b2;
}

.h-100 .footer-banner {
    display: none;
}


/*Create IPT and SCT*/

.recurring + div + div + div + div + div + div {
    clear: both;
}

.onetime + div + div + div + div + div + div + div {
    clear: both;
}


/*Admin*/

.address-info p {
    font-size: 16px;
}

fieldset {
    padding: 5px 5px 0px 5px !important;
    margin: 0 2px !important;
    border: 1px solid #c0c0c0 !important;
    border-radius: 5px;
}

legend {
    display: block;
    width: inherit;
    margin-bottom: 0;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 0;
    padding: 0 12px;
    margin-left: 5px;
}

.dataTables_wrapper .dt-buttons a.dt-button {
    background-color: #2d76b2;
    line-height: 2.2;
}

.sweet-alert fieldset {
    display: none;
}

#education_list li {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

#education_list li:last-child {
    margin-bottom: 0px;
}


/* 05-06-19 */


/*.ribbon {
   position: absolute;
    right: -31px;
    top: -4px;
    z-index: 1;
    overflow: hidden;
    width: 85px;
    height: 85px;
    text-align: right;
}
.ribbon span {
   font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(28deg);
    width: 100px;
    display: block;
    background: #2d76b2;
    background: linear-gradient(#2d76b2 0%, #2d76b2 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 15px;
    /* left: -21px; */


/*}
.ribbon span::before {
   content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #2d76b2;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #2d76b2;
}

.ribbon span::after {
 content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #2d76b2;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #2d76b2;
}*/


/* 06-06-19 */

.ribbonblk {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -2px;
}

.ribbon1 {
    font-size: 14px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    left: 0px;
    top: 20px;
    width: 110px;
    background-color: #2b982b;
    color: rgb(247, 247, 247);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    padding: 2px 0 0 0;
}

.ribbon1:before,
.ribbon1:after {
    content: "";
    border-top: 3px solid #6e8900;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px;
}

.ribbon1:before {
    left: 0;
}

.ribbon1:after {
    right: 0;
}

.ribbon2 {
    font-size: 14px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    left: 0px;
    top: 20px;
    width: 110px;
    background-color: #ff9800;
    color: rgb(247, 247, 247);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    padding: 2px 0 0 0;
}

.ribbon2:before,
.ribbon2:after {
    content: "";
    border-top: 3px solid #c57500;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px;
}

.ribbon2:before {
    left: 0;
}

.ribbon2:after {
    right: 0;
}

.ribbon3 {
    font-size: 14px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    left: 0px;
    top: 18px;
    width: 110px;
    background-color: #E91E63;
    color: rgb(247, 247, 247);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    padding: 2px 0 0 0;
}

.ribbon3:before,
.ribbon2:after {
    content: "";
    border-top: 3px solid #dd1849;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px;
}

.ribbon3:before {
    left: 0;
}

.ribbon3:after {
    right: 0;
}


/* Dashboard */

.amcharts-chart-div a {
    display: none !important;
}

.sidebar .menu .list .fa-cogs,
.sidebar .menu .list .fa-user-secret,
.sidebar .menu .list .fa-adn {
    font-size: 18px;
    margin-top: 7px !important;
}

.form-group .form-line {
    width: 100%;
    position: relative;
    /* border-bottom: 1px solid #ddd;*/
    /*    margin: 15px 0;*/
}

.btnupdate {
    margin-left: 15px;
}

.clearfix {
    /*    margin: 10px 0;*/
}

.faqblk .succmsg {
    padding: 20px 25px;
    margin-bottom: 0 !important;
}

.faqblk .succmsg .close {
    color: #fff;
    opacity: 1;
}

.faqblk .faqdata {
    padding: 20px;
}

.faqblk .header {
    padding: 0px 30px 0 30px;
}

.faqblk .body {
    font-size: 14px;
    color: #000;
    padding: 0 30px;
}

.faqblk .alert-success {
    text-align: center;
}


/*
.walletsec .info-box {
    display: inline-flex;
}
*/

.marginside {
    margin-left: 0;
    margin-bottom: 15px;
}

.coursesreg h4 {
    display: inline-block;
    margin-right: 15px;
}


/*
.coursesreg {
    padding: 0 16px 30px;
}
*/

.coursesreg button {
    background: none !important;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #ede4e4 !important;
    box-shadow: none;
    padding: 5px 10px !important;
    border-radius: 0;
    /*margin-left: 10px !important;*/
}

.marleft {
    margin-left: 20px;
}

.ads-tbl td:nth-child(3) img {
    width: 200px;
}

.editban .img-preview {
    width: auto;
    height: auto;
    margin: 5px auto;
    border: 1px solid #efefef;
    object-fit: cover;
}

#register_frm .form-group {
    margin-bottom: 0px;
}

#category_table .bg-yellow {
    background-color: #a5a5a5 !important;
}

.reqlist a,
.deptlist a {
    margin: 0 5px;
}

.headerlogo img {
    /*    height:55px;*/
}

.dropbx {
    padding: 10px 15px;
}

.dropbx button,
.dropbx button:hover {
    background: #f1f1f1 !important;
    padding: 10px 15px;
    cursor: pointer;
}

.dropbx button .filter-option {
    padding-left: 10px;
}

.dropbx p,
.dropbx .bootstrap-select {
    display: inline-block;
    margin-right: 5px;
}

.dropbx p {
    vertical-align: sub;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

button.btn.dropdown-toggle.btn-default {
    border: none !important;
}

.ad-banner-preview {
    width: 250px;
    height: 100%;
}

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.alert {
    border-radius: 4px;
    margin: 0;
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.alert-icon {
    width: 30px;
    text-align: center;
    background: #f4a501;
    padding: 5px;
    border-radius: 25px;
    color: #fff;
    margin-right: 10px;
}

.icon-stack {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
}

.alert-icon+div {
    padding-left: .25rem;
}

.alert-warning {
    color: #c18300 !important;
    background-color: #fff8e9 !important;
    border: 1px solid #ffcd65;
}

.d-flex {
    display: -ms-flexbox;
    display: flex;
}

.alert span.h4 {
    line-height: 28px;
}

.alert.premium {
    color: #0a6ebd !important;
    background-color: #e3f2fd;
    border: 1px solid #82c4f8;
}

.alert.premium .alert-icon {
    background: #0a6ebd;
}

.alert.contributor {
    color: #2b982b !important;
    background-color: #e0f9e0;
    border: 1px solid #78ca78;
}

.alert.contributor .alert-icon {
    background: #2b982b;
}


/*Course Preview*/

.course-preview-session li a {
    font-size: 16px;
}

.course-preview-session li {
    color: #337ab7;
    list-style-type: decimal;
    line-height: 30px;
    cursor: pointer;
}

.course-session-content .card {
    background: none;
    border: 1px solid #ddd;
    cursor: pointer;
    display: inherit;
    box-shadow: none;
    min-height: initial;
    margin-bottom: 15px;
}

.course-session-content .course-content .card {
    margin-bottom: 10px;
}

.course-session-content .card-header a {
    color: #808080;
    width: 100%;
    line-height: 36px;
}

.course-session-content .card-header p {
    line-height: 36px;
}

.course-session-content .card-header {
    padding: 7px 14px;
}

.course-session-content .card-link i {
    padding-right: 5px;
    width: 22px;
}

.course-session-content .card-body {
    padding: 0 20px 20px 20px;
}

.course-preview-session {
    padding-left: 30px;
    max-height: 400px;
    overflow-y: scroll;
}

.img-bdr {
    border: 1px solid #c5c5c5;
    border-radius: 5px;
}

i.fa.fa-caret-down {
    padding-left: 10px;
}


/*End Course Preview*/

.checkbox [data-toggle="tooltip"]:hover {
    cursor: help;
}

.msg-time {
    font-size: 12px;
}

.date {
    text-align: center;
    margin: 10px 0;
    padding: 5px 0;
}

.date:before,
.date:after {
    background-color: #dcdcdc;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 45%;
}

.date:before {
    right: 0.5em;
    margin-left: -50%;
}

.date:after {
    left: 0.5em;
    margin-right: -50%;
}

.sidebar .menu img {
    width: 100%;
}

#view_review_detail_modal p#status {
    padding-top: 7px;
}

#displaytofrd .alert {
    height: 100px;
}

.register-form ~ .footer-banner {
    display: none;
}

.course-details textarea#highlight {
    width: 100%;
}

.course-details textarea#desc {
    width: 100%;
    height: 330px;
}

#psection1 .pad0 {
    padding: 0;
}

.license-price label {
    margin-bottom: 10px;
}

.course-license-img {
    width: 140px;
    margin: auto;
}
.thank-you-caption img {
    width: 100px;
}
.hexacorp-logo {
    margin: 15px 20px 15px 0;
}
.withdraw {
/*
    text-align: center;
    display: block;
    padding: 15px 0 0 0;
*/
    text-decoration: underline;
}
div#disclaimer-link {
    line-height: 1.8;
    font-size: 16px;
}

/*Price Tag*/
.price-tag {
  background-color: #9e9e9e;
  -webkit-filter: drop-shadow(0.2em 0.2em 0 #868686);
          filter: drop-shadow(0.2em 0.2em 0 #868686);
  text-align: left;
  height: 2.5em;
  line-height: 2.5em;
  border-top-right-radius: 0.15em;
  border-bottom-right-radius: 0.15em;
  display: inline-block;
  position: relative;
  margin-left: 1.25em;
  margin-right: .25em;
  margin-bottom: .5em;
}
.price-tag::before {
  border-right-color: #9e9e9e;
}
.price-tag::after {
  box-shadow: inset 0.2em 0.2em 0 #868686;
}
.price-tag::before, .price-tag::after {
  content: "";
  position: absolute;
}
.price-tag::before {
  width: 1.875em;
  border-top: 1.25em solid transparent;
  border-bottom: 1.25em solid transparent;
  border-right-style: solid;
  border-right-width: 1.25em;
  top: 0;
  left: -1.875em;
}
.price-tag::after {
  background-color: #fff;
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  top: 50%;
  left: -0.4166666667em;
  margin-top: -0.3em;
}

.tag-label {
  font-weight: 500;
  color: white;
  padding-left: 1em;
  padding-right: 1em;
}

.tag-pink {
  background-color: #e91e63;
  -webkit-filter: drop-shadow(0.2em 0.2em 0 #cc1452);
          filter: drop-shadow(0.2em 0.2em 0 #cc1452);
}
.tag-pink::before {
  border-right-color: #e91e63;
}
.tag-pink::after {
  box-shadow: inset 0.2em 0.2em 0 #cc1452;
}
/*Table Sorting Arrows*/
table.dataTable thead th.sorting:after {
	content: url(../images/sort_both.png);
    float: right;
}
table.dataTable thead th.sorting_asc:after {
	content: url(../images/sort_asc.png);
    float: right;
}
table.dataTable thead th.sorting_desc:after {
	content: url(../images/sort_desc.png);
    float: right;
}
.ui-widget.ui-widget-content {
    z-index: 2 !important;
}