.themebg {
    background: #3e64de;
    color: #fff;
}
.themebg-hover:hover {
    background: #fff;
    color: #3e64de;
}

.themecolor {
    color: #3e64de;
}
.themecolor-hover:hover {
    color: #fff;
    background: #3e64de !important;
}
html,body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #fafafa;
}
*{font-family:'Poppins', sans-serif}
.m-0{margin: 0;}
.p-0{padding: 0;}
.text-end{text-align: end;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.headtheme{color: #efb443;}
.headtheme-hover:hover{color: #efb443;border: 1px solid;}
header h3 {
    font-size: 32px;
    font-weight: 800;
    font-variant: petite-caps;
}
*[data-role='page']{
	display: none;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: auto;
}
.active[data-role='page'],.active_page[data-role='page'] {
    display: block !important;
    height: calc(100vh - 70px);
}
.white-round {
    background: #fff;
    padding: 8px 12px;
    border-radius: 50%;
}
.d-flex{display: flex;}
.align-center{align-items: center;}
.profile-round {
    font-weight: 700;
    border-radius: 50%;
    text-transform: uppercase;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 45px;
}

.profile-section .title {
    margin-left: 0px;
    font-size: 22px;
}

.profile-section .title1 {
    font-size: 25px;
    font-weight: 700;
}

.navbar-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.navbar-list .tutor-dashboard-menu-item {
    height: 40px;
    font-size: 17px;
    margin-bottom: 5px;
}

.navbar-list .tutor-dashboard-menu-item a {
    color: #262626;
    display: flex;
    align-items: center;
}
.navbar-list .tutor-dashboard-menu-item a .tutor-dashboard-menu-item-icon {
    font-size: 23px;
    padding: 6px;
    color: #3e64de;
}

.navbar-list .tutor-dashboard-menu-item a .tutor-dashboard-menu-item-text {
    padding-left: 8px;
}

.navbar-list .tutor-dashboard-menu-item.active {
    background: #3e64de;
    border-radius: 5px 0px 0px 5px;
    height: 43px;
}

.navbar-list .tutor-dashboard-menu-item.active a .tutor-dashboard-menu-item-text {
    color: #fff;
}

.navbar-list .tutor-dashboard-menu-item.active a .tutor-dashboard-menu-item-icon {
    color: #fff;
}

.navbar-list .tutor-dashboard-menu-item a:hover {
    text-decoration: none;
    
}
.navbar-list .tutor-dashboard-menu-item:not(.active):hover{
    background: #e7ebf8;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }
  #Profile-content {height: calc(100vh - 170px);overflow: hidden auto;padding: 20px 30px;padding-right: 0;}

#Profile-content .tutor-dashboard-content .tutor-fs-5 {
    margin: 15px 0px;
    font-size: 22px;
    font-weight: 600;
}

#Profile-content .tutor-dashboard-content .tutor-row {
    display: flex;
    height: 35px;
}

#Profile-content .tutor-dashboard-content .tutor-row .tutor-col-12 {
    width: 30%;
}

#Profile-content .tutor-dashboard-content .tutor-row .tutor-col-12 .tutor-fs-6 {
    font-size: 16px;
}

#Profile-content .tutor-dashboard-content .tutor-row .tutor-col-12 .tutor-fs-6.tutor-color-black {
    font-weight: 500;
}

#Profile-content .tutor-dashboard-content .tutor-row .tutor-col-12.tutor-col-lg-9 {
    width: 70%;
}
.pr-0{padding-right: 0;}
.hide{display: none;}
#main-content {
    padding: 20px 20px 0px 30px;
    height: calc(100vh - 170px);
    overflow: hidden auto;
}

#main-content .tutor-dashboard-content .tutor-fs-5 {
    margin: 15px 0px;
    font-size: 22px;
    font-weight: 600;
}


.tutor-card {
    background-color: #fff;
    border: 1px solid #ddd;
    position: relative;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    height: 250px;
    justify-content: space-around;
}

.tutor-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 16px 20px;
    border-radius: 5px 5px 0 0
}

.tutor-card-title {
    font-size: 16px;
    font-weight: 500;
    margin: 0
}

.tutor-card-body {
    flex: 1 1 auto;
    padding: 20px
}

.tutor-card-footer {
    padding: 16px 20px;
    border-radius: 0 0 5px 5px
}

.tutor-card-footer:not(.tutor-no-border) {
    border-top: 1px solid #ddd;
}


.tutor-card .tutor-d-flex {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.tutor-card .tutor-d-flex .tutor-round-box {
    width: 60px;
    height: 60px;
    background: #e7ebf8;
    border-radius: 50%;
    font-size: 30px;
    color: #3e64de;
    flex: 1;
    text-align: center;
    padding: 9px 4px;
}

.tutor-card .tutor-d-flex .tutor-fs-3 {
    font-size: 25px;
    font-weight: 500;
    padding-top: 15px;
}

.tutor-card .tutor-d-flex .tutor-fs-7 {font-size: 18px;padding-top: 10px;}
.loader_Wrapper {
    display: block;
    position: absolute;
    z-index: 999999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* background: rgba(255,255,255,0.2); */
    background: rgba(0,0,0,0.2);
}


.spinner {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    z-index: 1055;
}

.spinner>div {
    width: 22px;
    height: 22px;
    /* background-color: #406F18; */
    /* background-color: #fff; */
    background-color: #F04E23;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
.tutor-course-progress-item.tutor-card.tutor-mb-20 img {
    width: 100%;
    height: 100%;
}

#inprogress-content {
    padding: 0px 25px;
}

#inprogress-content .tutor-card-image-left {
    width: 100%;
    border-radius: 10px;
    max-height: 175px;
}

#inprogress-content .tutor-card {
    height: 200px;
    margin-bottom: 20px;
}

#inprogress-content .tutor-col-lg-4 {
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

#inprogress-content .tutor-col-lg-4 .tutor-ratio {
    padding: 10px 25px;
}
#inprogress-content .tutor-card .tutor-d-flex {flex-direction: row;}

.tutor-color-muted {
    color: #8d8d8d;
}

#inprogress-content .tutor-card .tutor-d-flex span.tutor-color-muted {
    padding-right: 10px;
}
#Courses-content {
    padding: 20px 0px 0px 15px;
    height: calc(100vh - 170px);
    overflow: hidden auto;
}


div#Courses-content .course-head {
    margin: 15px 0px;
    font-size: 22px;
    font-weight: 600;
}
.nav-tabs li a {
    border: none;
    background: transparent;
    color: #161616;
    font-size: 18px;
    font-weight: 500;
}

.nav-tabs li.active a {
    border: none;
    border-bottom: 2px solid #3e64de;
    background: transparent;
    color: #3e64de;
    font-size: 18px;
    font-weight: 500;
}

#inprogress-content .tutor-card-body .tutor-row.tutor-align-center {
    display: flex;
}

div#inprogress-content .progress {
    height: 10px;
    margin-top: 7px;
    margin-right: 10px;
}

#Courses-content .tutor-card img {
    height: 100%;
    width: 100%;
    border-radius: 5px 5px 0px 0px;
    max-height: 165px;
}
#Courses-content .tutor-card {
    height: 400px;
    margin: 10px;
}
#Courses-content .tab-content {
    padding-top: 10px;
}
#Courses-content .tutor-course-name {
    height: 60px;
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0px 10px 0px;
    display: flex;
    align-items: center;
}
#Courses-content .tutor-course-progress .tutor-d-flex {
    flex-direction: row;
    justify-content: space-between;
}
#Courses-content .progress {
    height: 10px;
    margin-top: 10px;
}

#Courses-content .list-item-button {
    display: flex;
    justify-content: center;
    border: 1px solid #3e64de;
    padding: 7px;
    border-radius: 5px;
    width: 80%;
}

#Courses-content .list-item-button a {
    color: #3e64de;
    font-size: 14px;
    font-weight: 500;
}

#Courses-content .list-item-button:hover {
    background: #3e64de;
}

#Courses-content .list-item-button:hover a {
    color: #fff;
}
#Courses-content .tutor-course-name a {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
#Courses-content .tutor-mt-24 {
    display: flex;
    justify-content: center;
    position: relative;
    top: -10px;
}
header.tutor-course-details-header {
    margin-top: 20px;
    margin-bottom: 30px;
}

header.tutor-course-details-header .tutor-course-details-title {
    font-size: 22px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    margin: 0;
    border-bottom: 1px solid #ddd;
}
#CourseView-content iframe,#CourseView-content .tutor-video-player img {
    width: 100%;
    height: 400px;
}
div#CourseView-content .tutor-card {
    display: block;
    background: #f4f6f9;
    height: 100%;
}

div#CourseView-content .tutor-card h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0px 10px 0px;
}

div#CourseView-content .tutor-card .tutor-d-flex {
    flex-direction: row;
    justify-content: space-between;
}

div#CourseView-content .tutor-card .tutor-btn-block {
    padding: 8px;
    background: #3e64d4;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #fff;
    border: 2px solid;
    font-weight: 500;
}

div#CourseView-content .tutor-card .tutor-btn-block:hover {
    background: #fff;
    border: 2px solid #3e64d4;
    color: #3e64d4;
    text-decoration: none;
}
div#CourseView-content .tutor-card .progress {
    height: 10px;
    margin: 10px 0;
    margin-bottom: 30px;
}

div#CourseView-content .tutor-card .tutor-d-flex span.tutor-enrolled-info-date {font-size: 14px;font-weight: 600;color: green;}
div#CourseView-content .tutor-card .tutor-d-flex.enrolment-expire-info {
    margin-top: 10px;
}
div#CourseView-content .tutor-card .tutor-d-flex.enrolment-expire-info {
    margin-top: 10px;
}

div#CourseView-content .tutor-card .tutor-card-footer {
    background: #fff;
}

div#CourseView-content .tutor-card .tutor-card-footer .tutor-d-flex {
    justify-content: flex-start;
}
div#CourseView-content .tutor-card .tutor-card-footer ul {
    padding: 0;
}

div#CourseView-content .tutor-card .tutor-card-footer .tutor-d-flex .tutor-color-black {
    padding: 5px 10px 0px 0px;
}
.tutor-course-details-instructors {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    border-radius: 5px;
}

.tutor-course-details-instructors h3 {
    margin: 0;
    font-size: 18px;
    padding: 10px 0px;
}
.tutor-video-player {
    position: relative;
}

.youtube-blocker {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    background: rgb(255,255,255);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    font-weight: 600;
    border: 1px solid #ddd;
    position: absolute;
    top: 0;
    right: 0;
    color: #efb443;
}
ul.nav.nav-tabs li.active a {
    color: #3e64d4;
    border: none;
    border-bottom: 2px solid #3e64d4;
    background: transparent;
}
h2.about-course {
    font-size: 20px;
    font-weight: 600;
}
.tutor-course-details-ratings {
    padding: 0 20px;
}
span.backbutton {
    background: #3e64d4;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    border-radius: 5px;
}
#Lessons-content .header-content-accordian {
    height: calc(100vh - 71px);
    overflow: auto;
    border-right: 1px solid #ddd;
}
#Lessons-content .header-content {
    height: 50px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    font-size: 18px;
    font-weight: 500;
}

#Lessons-content .header-content-accordian .panel-heading {
    background: #eff1f6;
    color: #3e64d4;
    border: none;
    border-color: #eff1f6;
    border-radius: 0 !important;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 10px;
}

#Lessons-content .header-content-accordian .panel-default {
    margin-top: 0;
    background: #eff1f6;
    border: none;
}


#Lessons-content .header-content-accordian .panel-body {
    background: #fff;
    border: none;
    padding: 0;
}
.float-inline-end{
    float: inline-end;
}
#Lessons-content .header-content-accordian .topic-card {
    padding: 10px 30px;
    margin: 0;
    font-weight: 555;
    font-size: 17px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.area-header-actions {
    height: 50px;
    background: #3e64d4;
}

#Lessons-content .header-content-accordian .panel-heading a {
    font-size: 16px;
    font-weight: 700;
}
#Lessons-content .header-content-accordian .topic-card.active {
    background: #eff1f6;
    margin: 10px 0;
    color: #3e64d4;
    align-items: center;
}
#Lessons-content .header-content-accordian .topic-card span:last-child {
    border: 3px solid #b7b7b7;
    padding: 1px 6px;
    border-radius: 50%;
    height: 30px;
    margin-top: 10px;
}


#Lessons-content .header-content-accordian .topic-card.active span:last-child {
    border-color: #3e64d4;
    background: #3e64de;
    color: #fff;
}
.area-header-actions .col-sm-6 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 50px;
}

.area-header-actions .col-sm-6:last-child {
    justify-content: end;
}

.area-header-actions .col-sm-6:first-child span {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
}
span.mark-close {
    background: transparent;
    padding: 7px 10px;
    border-radius: 5px;
    margin-right: 40px;
    border: 3px solid #fff;
    color: #fff;
    font-weight: 500;
}

span.mark-close span {
    border: 1px solid #fff;
    padding: 1px 5px;
    margin-right: 5px;
    border-radius: 50%;
}

span.back-close {
    background: #fff;
    padding: 7px 15px;
    font-weight: 600;
    border-radius: 5px;
}

#Lessons-content .header-content-accordian .topic-card span:last-child i.fa.addclasscheck {
    padding: 7px;
}

#Lessons-content .header-content-accordian .topic-card span:last-child i.fa.fa-check {
    padding: 0;
}
.lesson-body .image-body {display: flex;flex-direction: column;align-items: center;margin-top: 20px;}
.course-about {
    padding: 20px;
    border-top: 1px solid #ddd;
    margin-top: 20px;
}
.course-about .head-about {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0;
}

div.lesson-body , div.topic-body {
    overflow: auto;
    height: calc(100vh - 180px);
}

div.lesson-body:empty , div.topic-body:empty {
    height: 0;
}
.quiz-master {
    width: 100%;
    height: 100%;
}

.quiz-master {}

.quiz-master-head {
    height: 70px;
    padding: 20px 80px;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
}

.quiz-master-footer {
    height: 70px;
}

.quiz-master-body {
    height: calc(100% - 140px);
}
.panel-quiz {
    height: 100%;
}
.panel-quiz .panel-quiz-qus {
    height: 15%;
    padding: 20px 100px;
}

.panel-quiz .panel-quiz-ans-sec {
    height: 70%;
    padding: 20px 100px;
}

.panel-quiz .panel-quiz-footer {
    height: 15%;
    display: flex;
    justify-content: space-around;
}
.panel-quiz .panel-quiz-footer .prev-button , .panel-quiz .panel-quiz-footer .submit-button {
    background: red;
    padding: 10px;
    height: fit-content;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
}

.panel-quiz .panel-quiz-footer .submit-button {
    background: #3e64d4;
    color: #fff;
}

.panel-quiz .panel-quiz-footer .prev-button {
    background: #fff;
    color: #3e64d4;
    border: 1px solid #3e64d4;
}

.submit-button.green-color {
    background: green !important;
}
.panel-quiz .panel-quiz-qus span {
    font-size: 22px;
    font-weight: 600;
}
.addmember {
    padding: 30px;
}


div#addMember-page .main-body {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.addmember .mb-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.addmember .mb-3 label {width: 30%;}

.addmember .mb-3 .form-group {
    width: 70%;
}
#addMember-page .btn{
    float:inline-end;
}
.showpass {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-bottom: 20px;
    font-size: 18px;
}

.showpass span {
    padding: 2px 15px;
    padding-right: 0px;
}
button.actionbtn {
    background: #ddd;
    border: navajowhite;
    padding: 8px 13px;
    border-radius: 5px;
}
div#History-view {
    padding: 20px;
}

div#History-content {
    padding: 20px;
}

table.table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    border: 1px solid #ddd;
}

section.woocommerce-customer-details {
    border: 1px solid #ddd;
    padding: 10px 30px;
}
button.back-blue {
    background: #3e64d4;
    border: none;
    color: #fff;
    padding: 10px 15px;
    font-size: 20px;
    margin-bottom: 20px;
}
div#Members-view {
    padding: 20px;
}

div#Members-view .tutor-fs-5.tutor-fw-medium.tutor-color-black.tutor-mb-24 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}

div#Members-view .tutor-row.tutor-mb-24 .tutot-col-12.tutor-col-sm-5 {
    width: 40%;
}

div#Members-view .tutor-row {
    display: flex;
    font-size: 16px;
    margin: 10px;
}

.tutor-col-12.tutor-col-sm-5.tutor-col-lg-3 {width: 40%;font-weight: 500;}
.memberhead {
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    justify-content: space-between;
    padding: 20px 0;
}
.addmember-btn {
    padding: 6px;
    background: orange;
    font-weight: 500;
    font-size: 14px;
    margin-right: 5%;
    border-radius: 5px;
    text-align: center;
}

.addmember-btn:hover {
    background: #fff;
    border: 1px solid;
    border-color: orange;
    color: orange;
}
.one-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
footer.footer-buttons {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 0px 0px 0px, rgba(14, 30, 37, 0.32) 12px 1px 10px 0px;
}

footer.footer-buttons button {
    padding: 5px;
    width: 100px;
    background: #fff;
    border-radius: 5px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.show-results {
    padding: 30px;
}

.quiz-head {
    font-size: 21px;
    font-weight: 600;
    margin: 20px 0;
}

.quiz-answer .quiz-answer-head {
    font-size: 18px;
    font-weight: 500;
    color: #ff3b3b;
    margin: 10px 0px;
}

.quiz-answer-footer {
    font-size: 16px;
    font-weight: 500;
    color: green;
}

footer.footer-buttons button:first-child {
    background: lightsteelblue;
    margin-right: 20px;
}

footer.footer-buttons button:last-child {
    background: lightsteelblue;
    margin-left: 20px;
}
.actions-view {border: 1px solid #ddd;padding: 10px;display: flex;justify-content: space-between;font-size: 13px;font-weight: 700;align-items: center;}

.actions-view button {
    font-weight: 400;
    font-size: 15px;
    background: #e1e1e1;
    border: 1px solid #ddd;
    border-radius: 5px;
    line-height: 25px;
}

.actions-view:last-child button {
    background: #3e64d4;
    color: #fff;
}

.actions-view div.last-child {
    width: 50%;
    font-weight: 500;
}

.actions-view div.first-child {
    width: 50%;
}

.actions-view div.last-child .progress {
    height: 10px;
    margin-bottom: 0;
}

.selecttypediv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
}

.selecttypediv input {
    margin: 10px;
}
div#changepassword-content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
}

.changepass button {
    background: #3e64d4;
    color: #fff;
    padding: 8px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 5px;
}
div#members_wrapper {
    width: 97%;
}
.certificate-header {
    height: 70px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 80px;
}

.certificate-header div:first-child {
    font-size: 24px;
    font-weight: 500;
}

.certificate-header div:last-child span {
    background: #3e64d4;
    color: #fff;
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 700;
}
.certificate-header div:last-child span:first-child {
    margin-right: 20px;
}
.activity-feed {
    padding: 15px;
    list-style: none;
}
.activity-feed .feed-item {
    position: relative;
    padding-bottom: 20px;
    padding-left: 30px;
    border-left: 2px solid #e4e8eb;
}
.activity-feed .feed-item:last-child {
    border-color: transparent;
}
.activity-feed .feed-item::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -6px;
    width: 10px;
    height: 10px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #f37167;
}
.activity-feed .feed-item .date {
    display: block;
    position: relative;
    top: -5px;
    color: #024499;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
}
.activity-feed .feed-item .text {
    position: relative;
    top: -3px;
    font-weight: 500;
}
.activity-feed .feed-item:nth-child(even)::after {
    background: #c46868;
    border: none;
}

.activity-feed .feed-item:nth-child(odd)::after {
    background: #7070ff;
    border: none;
    
}

table.dataTable thead .sorting_asc:after {
    display: none !important;
}

table.dataTable thead .sorting::after {
    display: none !important;
}
.total-users {
    display: flex;
    justify-content: space-between;
}

.total-users div span:first-child {
    font-weight: 500;
}
span.updatemember-btn {
    padding: 6px;
    background: #eed8ae;
    font-weight: 500;
    font-size: 14px;
    margin-right: 5%;
    border-radius: 5px;
    text-align: center;
}

span.import-btn {
    padding: 6px;
    background: #bec0ff;
    font-weight: 500;
    font-size: 14px;
    margin-right: 5%;
    border-radius: 5px;
    text-align: center;
}
input#formFile {
    padding: 0;
    margin-bottom: 10px;
}
input#formFile::file-selector-button {
    padding: 8px;
    background: #d1d1d1;
    border: none;
    
}

input#formFile:focus-visible {
    outline: none;
}
input#formFile:focus {
    outline: none;
}
.select-tag {
    display: flex;
    justify-content: space-between;
    margin: 10px 0px;
}

.select-tag label {
    font-weight: 500;
}

.memberslist {
    border: 1px solid #ddd;
    padding: 10px 20px;
    height: 65%;
    margin-bottom: 11px;
    overflow: auto;
}

.memberslist label {
    font-weight: 400;
}
div#share-content {
    width: 350px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px;
    margin: 0 auto;
    position: relative;
    top: 20%;
}

div#share-content p {
    font-size: 16px;
    font-weight: 600;
}

div#share-content .field {
    border: 1px solid #ddd;
    padding: 5px;
}

div#share-content .field input {
    border: none;
    width: 74%;
}

div#share-content .field button {
    background: darkviolet;
    color: #fff;
    border: none;
    padding: 6px;
    border-radius: 5px;
}
div#share-content .field input:focus-visible {
    outline: navajowhite;
    user-select: text;
}

.course-title {
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
}
div#menubars.menu {
    display: none;
}

div#menubars.menu.plus {
    display: block;
    position: fixed;
    top: 100px;
    background: #fff;
    z-index: 9;
    height: 100% !IMPORTANT;
    width: 100% !important;
}
div#menubars {
    width: 280px;
}

div#menubars1 {
    width: calc(100% - 280px);
}
.card.card-main {
    display: block;
    width: 30%;
    height: 180px;
    border-radius: 10px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

#main-content .main-body {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 10px;
}



/* Tablet Device Screens */
@media screen and (max-width: 960px){
  .container{
    flex-wrap: wrap;
    justify-content:space-around !important;
  }
  .card{
    width: 48% !important;
    margin: 1% 0;
  }
}

/* Mobile Device Screens */
@media screen and (max-width: 460px){
  .card{
    width: 90% !important;
    margin: 2% 0 !important;
  }
}



.card {
  text-align: center;
  width: 24%;
  padding: 2%;
  border-radius: 10px
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    #inprogress-content .tutor-card{
        height: 420px;
    }
    .col-lg-2.col-md-3.col-sm-4.col-xs-12 {
        height: 435px !important;
    }

    .active_page[data-role='page'] {
        height: auto;
        overflow: hidden;
    }
    #main-content {
        padding: 0;        
    }
    #Profile-content {
        padding: 0;        
    }
    #inprogress-content {
        padding: 0;            
    }
    #Courses-content {
        padding: 0;        
    }
    #Profile-content .tutor-dashboard-content .tutor-row .tutor-col-12{
        width: 40%;
    }
    header h3{
        font-size: 28px;
    }
    div#addMember-page .main-body .addmember {
        margin-top: 35px;
    }
    
    div#addMember-page .main-body span.backbutton {
        right: 0 !important;
        position: fixed !important;
        top: 80px !important;
    }
}
.youtube-blocker1 {
    height: 60px;
    width: 180px;
    border-radius: 5px;
    background: rgb(255,255,255);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    font-weight: 600;
    border: 1px solid #ddd;
    position: absolute;
    left: 0;
    top: 340px;
    color: #efb443;
}
span.share-btn-icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 30px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    padding-top: 3px;
    font-size: 18px;
    padding-right: 3px;
    margin: 5px 5px 0px 0px;
}
.youtube-blocker2 {
    height: 50px;
    width: 130px;
    border-radius: 5px;
    background: rgb(255,255,255);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    font-weight: 600;
    border: 1px solid #ddd;
    position: absolute;
    bottom: 140px;
    right: 0;
    color: #efb443;
}

.youtube-blocker2 img {
    height: 40px !important;
}
div#menubars.menu +div#menubars1 {
    width: 100%;
}
.col-xs-12.card-body-top {
    padding: 0;
}

.col-xs-12.card-body-top span.card-text {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 50px;
}

.col-xs-12.card-body-top .col-xs-8 {
    padding: 0;
}

.col-xs-12.card-body-top .col-xs-4 {
    padding: 0;
}

.col-xs-12.card-body-bottom span {font-size: 22px;font-weight: 500;color: #fff;}
.col-xs-12.card-body-top span {
    font-size: 40px;
    color: #fff;
}


.col-xs-12.card-body-middle span {
    font-size: 45px;
    font-weight: 500;
}

.main-container {
    display: block;
    margin: 0 auto;
    max-width: 30rem;
    padding: 2rem 1rem;
    width: 100%;
  }
  .main-container .current-balance {
    background: #7986cb;
    border: 1px solid #7986cb;
    border-radius: 10px;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 2rem;
    position: relative;
    width: 80%;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  }
  .main-container .current-balance h2 {
    font-size: 36px;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
  }
  .main-container .current-balance h2 span {
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 0.5rem;
    opacity: 0.6;
    text-transform: uppercase;
  }
  .content-container {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgb(119 119 119 / 20%);
    margin-top: -60px;
    padding: 5.5rem 2rem 2rem 2rem;
    position: relative;
    width: 100%;
    z-index: 0;
  /*table*/
    height: fit-content;
    display: flex;
  }
  .content-container .purchase-history {
    border: 1px solid rgba(0,0,0,0.2);
    border-collapse: separate;
    border-radius: 10px;
    padding: 1rem;
    width: 100%;
  }
  .content-container .purchase-history td {
    padding: 1rem 1rem;
  }
  .content-container .purchase-history td:first-child {
    border-radius: 10px 0 0 10px;
  }
  .content-container .purchase-history td:last-child {
    border-radius: 0 10px 10px 0;
  }
  .content-container .purchase-history td.add {
    color: #7986cb;
    font-weight: 600;
  }
  .content-container .purchase-history thead tr {
    background: #e8eaf6;
  }
  .content-container .purchase-history thead td {
    color: #7986cb;
    font-weight: bold;
  }
  .content-container .purchase-history tbody tr:nth-child(even) {
    background: rgba(0,0,0,0.03);
  }
  /* @media (max-width: 600px) {
    body {
      font-size: 14px;
    }
    .main-container {
      padding: 0.5rem;
    }
    .main-container .current-balance {
      border-radius: 0;
      box-shadow: none;
      width: 100%;
    }
    .content-container {
      border-radius: 0;
      box-shadow: none;
      margin-top: 0;
      padding: 1rem;

    }
    .content-container .purchase-history {
      border-radius: 0;
      display: flex;
      flex-direction: column;
    }
    .content-container .purchase-history thead tr,
    .content-container .purchase-history tbody tr {
      display: flex;
      justify-content: space-between;
    }
  } */
  .plus,.credit{
    color: green;
    font-weight: 600;
  }
  .minus,.debit{
    color: red;
    font-weight: 600;
  }
  .purchase-history tr {
    display: table-row !important;
}
@media (max-width: 600px) {
    div#menubars1 {
        overflow: auto;
    }
    div#menubars1 .col-xs-6{
        width: 100%;
    }
}
table.table.statustable td {
    text-align: center;
}
/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
  }
  
  /* Style the buttons inside the tab */
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
  }
  
  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
    background-color: #7986cb;
    color: #fff;
  }
  
  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
  }
  
html,body{
	position: relative;
	width: 100%;
	height: 100%;
}
body.ios{
	font-family: Arial, Helvetica, sans-serif !important;
}
.toastbar-container{
	transition: all 500ms ease;
    transition-property: top, right, bottom, left, opacity;
    font-size: 15px;
    min-height: 15px;
	text-align: center;
    position: fixed;
    display: flex;
	width: 100%;
    justify-content: space-between;
    align-items: center;    
    bottom: 50px;    
    opacity: 1;
    z-index: 9999;
}

.toastbar-container span{
	transition: all 500ms ease;
    transition-property: width;
	width: auto;
    padding: 14px 25px;
	font-size: 15px;
    text-align: center;
    color: #fff;
    margin: auto;
    max-width: calc(100% - 60px);
	background: rgba(0,0,0,0.7);
    border-radius: 50px;
}

.pointer{
	cursor: pointer;
	background-color: inherit;
    /*transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;*/
}

.pointer:active {
    background: rgba(0,0,0,0.1);
}

.pointer_invert{
	cursor: pointer;
	/* background-color: inherit; */
}

.pointer_invert:active {
    background: rgba(255,255,255,0.4);
}

/*ios collapse handling */
[data-toggle~="collapse"] {
    cursor: pointer;
}

.bold{
	font-weight: bold;
}

.normal-weight{
	font-weight: normal;
}
.bold-500{
	font-weight: 500;
}
.bold-600{
	font-weight: 600;
}
.uppercase{
	text-transform: uppercase;
}

.capitalize{
	text-transform: capitalize;
}

.password{
	-webkit-text-security: disc;	
}


/*font size*/

.font-1x{ font-size: 1.1em; line-height: 0.75em; vertical-align: -15%; }
.font-1xx{ font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; }
.font-1xxx{ font-size: 1.5em; line-height: 0.75em; vertical-align: -15%; }
.font-1xxxx{ font-size: 1.75em; line-height: 0.75em; vertical-align: -15%; }
.font-2x{ font-size: 2em; line-height: 0.75em; vertical-align: -15%; }
.font-2xx{ font-size: 2.25em; line-height: 0.75em; vertical-align: -15%; }
.font-2xxx{ font-size: 2.5em; line-height: 0.75em; vertical-align: -15%; }
.font-2xxxx{ font-size: 2.75em; line-height: 0.75em; vertical-align: -15%; }
.font-3x{ font-size: 3em; line-height: 0.75em; vertical-align: -15%; }
.font-3xx{ font-size: 3.25em; line-height: 0.75em; vertical-align: -15%; }
.font-3xxx{ font-size: 3.50em; line-height: 0.75em; vertical-align: -15%; }
.font-3xxxx{ font-size: 3.75em; line-height: 0.75em; vertical-align: -15%; }
.font-4x{ font-size: 4em; line-height: 0.75em; vertical-align: -15%; }

.fx-0x{ font-size: 0.75em;  }
.fx-0xx{ font-size: 1em;  }
.fx-1x{ font-size: 1.175em;  }
.fx-1xx{ font-size: 1.33333333em;  }
.fx-1xxx{ font-size: 1.5em;  }
.fx-1xxxx{ font-size: 1.75em;  }
.fx-2x{ font-size: 2em;  }
.fx-2xx{ font-size: 2.25em;  }
.fx-2xxx{ font-size: 2.5em;  }
.fx-2xxxx{ font-size: 2.75em;  }
.fx-3x{ font-size: 3em;  }
.fx-3xx{ font-size: 3.25em;  }
.fx-3xxx{ font-size: 3.50em;  }
.fx-3xxxx{ font-size: 3.75em;  }
.fx-4x{ font-size: 4em;  }


.font-45{
	font-size:45px;
}
.font-40{
	font-size:40px;
}
.font-30{
	font-size:30px;
}
.font-24{
	font-size:24px;
}
.font-22{
	font-size:22px;
}
.font-20{
	font-size:20px;
}
.font-18{
	font-size:18px;
}
.font-16{
	font-size:16px;
}
.font-14{
	font-size:14px;
}
.font-13{
	font-size:13px;
}
.font-12{
	font-size:12px !important;
}
.font-11{
	font-size:11px !important;
}
.font-10{
	font-size:10px;
}
.font-9{
	font-size:9px;
}

/*bolder-radius*/

.img-all-border-radius-3{
	border-radius: 3px;
}

.border-radius-0{
	border-radius: 0px;
}
.border-radius-2{
	border-radius: 2px;
}
.border-radius-3{
	border-radius: 3px;
}
.border-radius-5{
	border-radius: 5px;
}
.border-radius-100{
	border-radius: 100%;
}

.border-radius-10{
	border-radius: 10px;
}
.border-radius-15{
	border-radius: 15px;
}
.border-radius-20{
	border-radius: 20px;
}
.border-radius-25{
	border-radius: 25px;
}
.border-radius-30{
	border-radius: 30px;
}


/*font-color*/

.color-fff{ color: #fff !important; }
.color-000{ color: #000; }
.color-eee{ color: #eee; }
.color-ccc{ color: #ccc; }
.color-999{ color: #999; }
.color-666{ color: #666; }
.color-333{ color: #333; }
.color-red{ color: #f00; }
.color-717171{
	color:#717171;
}

.color-green{ color: #689f38; }
.color-drak-green{ color: #448389; }
.color-yellow{ color: #ffb225; fill:#ffb225;}

.color-light-green{ color: #4758a6;; }
.color-orange{color:#f9aa50}

/*background-color*/
.background-none{ background-color: transparent; }
.background-fff{ background-color: #fff; }
.background-f4f4f4{ background-color: #f4f4f4; }
.background-f9f9f9{ background-color: #f9f9f9; }
.background-eee{ background-color: #eee; }
.background-ddd{ background-color: #ddd; }
.background-ccc{ background-color: #ccc; }
.background-333{ background-color: #333; }
.background-000{ background-color: #000; }
.background-727{ background-color: #727272; }
.background-red,.background-f00{ background: #f00; }
.color-gray-light{ color: #545554; }

.background-f7{ background: #f7f7f7; }
.background-green{ background-color: #689f38; }
.background-red{ background-color: #f00; }
.background-drak-green{ background-color: #448389; }
.background-gray{background: #edeced;}
.background-light-green{ background-color: #689f38 !important; }
.background-474747 {
    background: #474747;
}



/*list-style*/

.list-style-none{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


/*margin*/


.margin-center{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.margin0,.margin-0{
	margin: 0px;
}

.margin0auto{
	margin: 0px auto;
}
.margin-5{
	margin: 5px;
}
.margin-10{
	margin: 10px;
}
.margin-15{
	margin: 15px;
}

.margin-tb-0{
	margin-top: 0px;
	margin-bottom: 0px;
}

.margin-tb-2{
	margin-top: 2px;
	margin-bottom: 2px;
}

.margin-tb-5{
	margin-top: 5px;
	margin-bottom: 5px;
}

.margin-tb-8{
	margin-top: 8px;
	margin-bottom: 8px;
}

.margin-tb-10{
	margin-top: 10px;
	margin-bottom: 10px;
}

.margin-tb-15{
	margin-top: 15px;
	margin-bottom: 15px;
}

.margin-tb-20{
	margin-top: 20px;
	margin-bottom: 20px;
}

.margin-LR-5{
	margin-left: 5px;
	margin-right: 5px;
}

.margin-LR-10{
	margin-left: 10px;
	margin-right: 10px;
}


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

.margin-top-2{
	margin-top: 2px;
}

.margin-top-3{
	margin-top: 3px;
}

.margin-top-5{
	margin-top: 5px !important;
}

.margin-top-8{
	margin-top: 8px;
}

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

.margin-top-15{
	margin-top: 15px;
}

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

.margin-top-25{
	margin-top: 25px;
}

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

.margin-top-50{
	margin-top: 50px;
}

.margin-top-70{
	margin-top: 70px;
}

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

.margin-bottom-10{
	margin-bottom: 10px;
}

.margin-bottom-15{
	margin-bottom: 15px;
}

.margin-bottom-20{
	margin-bottom: 20px;
}

.margin-bottom-30{
	margin-bottom: 30px;
}

.margin-bottom-50{
	margin-bottom: 50px;
}
.margin-b-m-3{
	margin-bottom: -3px;
}
.margin-b-m-2{
	margin-bottom: -2px;
}
.margin-tb-5-2{
	margin-top: 5px;
	margin-bottom: 2px;
}

.margin-tb-2-5{
	margin-top: 2px;
	margin-bottom: 5px;
}

.margin-tb-10-2{
	margin-top: 10px;
	margin-bottom: 2px;
}

.margin-tb-2-10{
	margin-top: 2px;
	margin-bottom: 10px;
}

.margin-tb-10-5{
	margin-top: 10px;
	margin-bottom: 5px;
}

.margin-tb-5-10{
	margin-top: 5px;
	margin-bottom: 10px;
}
.margin-tb-3 { margin-top:3px !important; margin-bottom:3px !important;}
.margin-tb-8{margin-top: 8px;margin-bottom: 8px;}
.margin-tb-30{margin-top: 30px;margin-bottom: 30px;}

/*padding*/
.padding-0, .padding0 { padding:0px !important;}
.padding-5, .padding5 { padding:5px !important;}
.padding-8, .padding8 { padding:8px !important;}
.padding-10, .padding10 { padding:10px !important;}
.padding-15 { padding:15px !important;}
.padding-20 { padding:20px !important;}
.padding-25 { padding:25px !important;}
.padding-tb-2{
	padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.padding-tb-3{
	padding-top: 3px !important;
    padding-bottom: 3px !important;
}
.padding-tb-4{
	padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.padding-tb-5{
	padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.padding-tb-6{
	padding-top: 6px !important;
    padding-bottom: 6px !important;
}
.padding-tb-8{
	padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.padding-tb-10{
	padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.padding-tb-12{
	padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.padding-tb-15{
	padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.padding-tb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.padding-tb-35 {
    padding: 35px 0px !important;
}
.padding-LR-0{
	padding-left: 0px !important;
    padding-right: 0px !important;
}
.padding-LR-5{
	padding-left: 5px !important;
    padding-right: 5px !important;
}
.padding-LR-6{
	padding-left: 6px !important;
    padding-right: 6px !important;
}
.padding-LR-1{
	padding-left: 1px !important;
    padding-right: 1px !important;
}
.padding-LR-2{
	padding-left: 2px !important;
    padding-right: 2px !important;
}
.padding-LR-8{
	padding-left: 8px !important;
    padding-right: 8px !important;
}
.padding-LR-10{
	padding-left: 10px !important;
    padding-right: 10px !important;
}
.padding-LR-15{
	padding-left: 15px !important;
    padding-right: 15px !important;
}
.padding-LR-20{
	padding-left: 20px !important;
    padding-right: 20px !important;
}
.padding-LR-25{
	padding-left: 25px !important;
    padding-right: 25px !important;
}

.padding-LR-30{
	padding-left: 30px !important;
    padding-right: 30px !important;
}

.padding-top-10{
	padding-top:10px !important;
}


.padding-right-0{
	padding-right:0px !important;
}
.padding-bottom-24,.padding-b-24 {
    padding-bottom: 24px !important;
}
.padding-bottom-56{
	padding-bottom: 56px;	
}
.padding-bottom-50{
	padding-bottom: 50px;
}
.padding-bottom-5{
	padding-bottom: 5px;
}
.padding-bottom-10{
	padding-bottom: 10px;
}
.padding-left-20{
	padding-left:20px !important;
}

.padding-LR-3 { padding-left:3px !important; padding-right:3px !important;}

/*opacity*/



.opacity-0{
	opacity: 0;
}

.opacity-50{
	opacity: 0.5;
}

.opacity-70{
	opacity: 0.7;
}


/*ellipsis*/


.single_elipsis{
	
	text-overflow: ellipsis;
    white-space: nowrap;
    /* width: 100%; */
    overflow: hidden;
}
.ellipsis{
	display: block;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-clamp-2{
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
}

.ellipsis-clamp-3{
	-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
}


/*overflow*/
.overflow-hidden{
	overflow: hidden;
}
/*
.overflow-auto{
	overflow: auto;
    overscroll-behavior-y: contain;
}
*/

/*border*/
.border-top-1{
	border-top: 1px solid #c9c9c9;
}
 
.border-bottom-1{
	border-bottom: 1px solid #c9c9c9;
}

.border-bottom-2{
	border-bottom: 2px solid #ccc;
}

.border-fff {
    border: white 1px solid;
}
.border-fff-2 {
    border: solid 2px #fff !important;
}

.border-ccc-1{
	border: 1px solid #ccc;
}
/*height*/
.min-height-56{
	min-height:56px;
}
.min-height-15{
	min-height:15px !important;
}
.min-height-90{
	min-height:90px;
}
.min-height-100{
	min-height:100% !important;
}
.height-full{
	height: 100%;
}

.height-25{
	height: 25px;
}
.height-30{
	height: 30px;
}
.height-40{
	height: 40px;
}
.height-44{
	height: 44px;
}
.height-48{
	height: 48px;
}
.height-45{
	height: 45px;
}
.height-50{
	height: 50px;
}
.height-54{
	height: 54px;
}
.height-56{
	height: 56px;
}
.height-60{
	height: 60px;
}
.height-65{
	height: 65px;
}
.height-70{
	height: 70px;
}
.height-80{
	height: 80px;
}
.height-90{
	height: 90px;
}
.height-96{
	height: 96px;
}
.height-105{
	height: 105px;
}
.height-150{
	height: 150px;
}
.height-120{
	height: 120px;
}
.height-180{
	height:180px;
}


/*width*/
.width-full{
	width: 100%;
}

.width-50{
	width: 50% !important;
}


/* width */
.width-100{
	width:100%;
}

.width-80{
	width:80px;
}
.width-54{
	width:54px !important;
}
.width-48{
	width:48px;
}
.width-14{
	width:14px;
}

.width-42{
	width:42px;
}
.width-44{
	width:44px;
}
.min-width-100{
	min-width:100% !important;
}

/*line-height*/

.line-height-10{
	line-height:10px;
}
.line-height-12{
	line-height:12px;
}
.line-height-15{
	line-height:15px;
}
.line-height-18{
	line-height:18px;
}
.line-height-20{
	line-height: 20px;
}
.line-height-25{
	line-height: 25px;
}
.line-height-30{
	line-height: 30px;
}
.line-height-40{
	line-height: 40px;
}
.line-height-45{
	line-height: 45px;
}
.line-height-48{
	line-height: 48px;
}
.line-height-50{
	line-height: 50px;
}
.line-height-55{
	line-height: 55px;
}
.line-height-56{
	line-height: 56px;
}
.line-height-60{
	line-height: 60px;
}
.line-height-70{
	line-height: 70px;
}
.line-height-90{
	line-height: 90px !important;
}
.line-height-42{
	line-height: 42px;
}
.line-height-35{
	line-height: 35px;
}


/*text-align*/
.text-left{ text-align: left !important; }



/*box-shadow*/
.box-shadow-none{
	box-shadow: none;
}

.all-shadow{
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.12);
	-moz-box-shadow:    0px 0px 10px 3px rgba(0, 0, 0, 0.12);
	box-shadow:         0px 0px 10px 3px rgba(0, 0, 0, 0.12);
}

.bottom-shadow{
	/*-webkit-box-shadow: 0px 0px 6px 1px #999;
    -moz-box-shadow: 0px 0px 6px 1px #999;
    box-shadow: 0px 0px 6px 1px #999;*/
	
	-webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
}

.box-shadow{
	/* -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); */
	
	-webkit-box-shadow: 0px 0px 5px 0px #666;
	-moz-box-shadow: 0px 0px 5px 0px #666;
	box-shadow: 0px 0px 5px 0px #666;	
}

/* .box-shadow-top-inset{
	-webkit-box-shadow: inset 0 16px 16px -18px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 16px 16px -18px rgba(0,0,0,0.8);
    box-shadow: inset 0 16px 16px -18px rgba(0,0,0,0.8);
} */




/*container*/
.container{
	width: 100%;
	max-width: 950px;
	/* max-width: 750px; */
	background: transparent;	
}


.mobile-container{
	padding-left: 5px;
	padding-right: 5px;
    margin-right: auto;
    margin-left: auto;
}

.mobile-container .row{
	margin-right: -5px;
    margin-left: -5px;
}

.mobile-container .col-lg-1, .mobile-container .col-lg-10, .mobile-container .col-lg-11, .mobile-container .col-lg-12, .mobile-container .col-lg-2, .mobile-container .col-lg-3, .mobile-container .col-lg-4, .mobile-container .col-lg-5, .mobile-container .col-lg-6, .mobile-container .col-lg-7, .mobile-container .col-lg-8, .mobile-container .col-lg-9, .mobile-container .col-md-1, .mobile-container .col-md-10, .mobile-container .col-md-11, .mobile-container .col-md-12, .mobile-container .col-md-2, .mobile-container .col-md-3, .mobile-container .col-md-4, .mobile-container .col-md-5, .mobile-container .col-md-6, .mobile-container .col-md-7, .mobile-container .col-md-8, .mobile-container .col-md-9, .mobile-container .col-sm-1, .mobile-container .col-sm-10, .mobile-container .col-sm-11, .mobile-container .col-sm-12, .mobile-container .col-sm-2, .mobile-container .col-sm-3, .mobile-container .col-sm-4, .mobile-container .col-sm-5, .mobile-container .col-sm-6, .mobile-container .col-sm-7, .mobile-container .col-sm-8, .mobile-container .col-sm-9, .mobile-container .col-xs-1, .mobile-container .col-xs-10, .mobile-container .col-xs-11, .mobile-container .col-xs-12, .mobile-container .col-xs-2, .mobile-container .col-xs-3, .mobile-container .col-xs-4, .mobile-container .col-xs-5, .mobile-container .col-xs-6, .mobile-container .col-xs-7, .mobile-container .col-xs-8, .mobile-container .col-xs-9{
	padding-left: 5px;
	padding-right: 5px;
}

.tab-container{
	padding-left: 10px;
	padding-right: 10px;
    margin-right: auto;
    margin-left: auto;
}

.tab-container .row{
	margin-right: -10px;
    margin-left: -10px;
}

.tab-container .col-lg-1, .tab-container .col-lg-10, .tab-container .col-lg-11, .tab-container .col-lg-12, .tab-container .col-lg-2, .tab-container .col-lg-3, .tab-container .col-lg-4, .tab-container .col-lg-5, .tab-container .col-lg-6, .tab-container .col-lg-7, .tab-container .col-lg-8, .tab-container .col-lg-9, .tab-container .col-md-1, .tab-container .col-md-10, .tab-container .col-md-11, .tab-container .col-md-12, .tab-container .col-md-2, .tab-container .col-md-3, .tab-container .col-md-4, .tab-container .col-md-5, .tab-container .col-md-6, .tab-container .col-md-7, .tab-container .col-md-8, .tab-container .col-md-9, .tab-container .col-sm-1, .tab-container .col-sm-10, .tab-container .col-sm-11, .tab-container .col-sm-12, .tab-container .col-sm-2, .tab-container .col-sm-3, .tab-container .col-sm-4, .tab-container .col-sm-5, .tab-container .col-sm-6, .tab-container .col-sm-7, .tab-container .col-sm-8, .tab-container .col-sm-9, .tab-container .col-xs-1, .tab-container .col-xs-10, .tab-container .col-xs-11, .tab-container .col-xs-12, .tab-container .col-xs-2, .tab-container .col-xs-3, .tab-container .col-xs-4, .tab-container .col-xs-5, .tab-container .col-xs-6, .tab-container .col-xs-7, .tab-container .col-xs-8, .tab-container .col-xs-9{
	padding-left: 10px;
	padding-right: 10px;
}

*[data-role='page']{
	display: none;
	position: relative;
	width: 100%;
	height: 100%;
	/* max-width: 768px; */
	margin: 0 auto;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}

.active_page{
	display: block !important;
}


.block{
	display: block;
}

.filter-blur{
	filter: blur(1px);
}

/* modal direction animation start #####*/
.modal.fade:not(.in).left .modal-dialog {
	-webkit-transform: translate3d(-25%, 0, 0);
	transform: translate3d(-25%, 0, 0);
}
.modal.fade:not(.in).right .modal-dialog {
	-webkit-transform: translate3d(25%, 0, 0);
	transform: translate3d(25%, 0, 0);
}
.modal.fade:not(.in).bottom .modal-dialog {
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}
/* Alternative Angles */
.modal.fade:not(.in).top-left .modal-dialog {
	-webkit-transform: translate3d(-25%, -25%, 0);
	transform: translate3d(-25%, -25%, 0);
}
.modal.fade:not(.in).top-right .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}
.modal.fade:not(.in).bottom-left .modal-dialog {
	-webkit-transform: translate3d(-25%, 25%, 0);
	transform: translate3d(-25%, 25%, 0);
}
.modal.fade:not(.in).bottom-right .modal-dialog {
	-webkit-transform: translate3d(25%, 25%, 0);
	transform: translate3d(25%, 25%, 0);
}

/* modal direction animation end #####*/





/*animate css*/

.animated_half_sec {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated_one_half_sec {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated_two_sec {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated_three_sec {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.vertical-middle{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


.overflow-hidden{
	overflow: hidden;
}

.overflow-auto{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}

.overflow-scroll{
	overflow-y: scroll !important;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}
.word-wrap {
	word-wrap: break-word;
}

.preline{
	white-space: pre-line;
}
.overflow-scroll-y{
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}


[featurehidden]{
	display: none !important;
}

[featureshown]{
	display: block !important;
}


.inputhidearrow[type="number"]::-webkit-outer-spin-button, 
.inputhidearrow[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* countdown  */
.setters {
  position: absolute;
  left: 85px;
  top: 75px;
}

.seconds-set { float: right; }

.controlls {
    position: absolute;
    left: 0px;
    top: 98px;
    text-align: center;
     width: 100%;
}
.display-remain-time {
  font-weight: bold;
  font-size: 65px;
}


.controlls_2 {
     position: absolute;
    left: 0px;
    top: 15px;
    text-align: center;
    /* margin: auto; */
    width: 100%;
}
.display-remain-time_2 {
  font-weight: 400;
  font-size: 15px;
  color:#fff;
}



.e-c-base {
  fill: none;
  stroke: #B6B6B6;
  stroke-width: 4px
}

.e-c-progress {
  fill: none;
  stroke: #bf360c;
  stroke-width: 4px;
  transition: stroke-dashoffset 0.7s;
}

.e-c-base_1 {
  fill: none;
  stroke: #B6B6B6;
  stroke-width: 2px
}

.e-c-progress_1 {
  fill: none;
  stroke: #fff;
  stroke-width: 2px;
  transition: stroke-dashoffset 0.7s;
}

.e-c-pointer_1 {
  fill: #FFF;
  stroke: #fff;
  stroke-width: 1px;
}
.e-c-pointer {
  fill: #FFF;
  stroke: #bf360c;
  stroke-width: 2px;
}
#appRestartCountDown-Div{
    width: 52px;
    height: 52px;
    position: fixed;
    top: 90px;
    background: rgba(51, 51, 51, 0.72);
    z-index: 10;
    border-radius: 100%;
}
#e-pointer { transition: transform 0.7s; }

.word-break-all{
	word-break: break-all !important;
}

@media only screen and (min-width: 320px) {
    .modal.modal-center  {
      text-align: center;
    }
    .modal-center.modal:before  {
      display: inline-block;
      vertical-align: middle;
      content: " ";
      height: 100%;
    }
    .modal.modal-center .modal-dialog {
      display: inline-block;
      text-align: left;
      vertical-align: middle;
    }
    .modal.modal-center.fade .modal-dialog {
      -webkit-transform: scale(0.9);
      -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    .modal.modal-center.fade.in .modal-dialog {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transform: translate3d(0, -300px, 0);
      transform: translate3d(0, -300px, 0);
      opacity: 1;
    }
}

.scroll_option {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    max-height: 60.5vh;
    overflow-y: auto;
	    /* overflow: auto; */
    -webkit-overflow-scrolling: touch;
}

#account-Modal.modal.left .modal-dialog {
	width: 80%;
	max-width: 320px;
	height: 100%;
	margin: auto auto auto 0px;
}

#account-Modal.modal.left .modal-content{
	border-radius: 0px;
	height: 100%;
}


#account-Modal .app_title_icon_down:after { font-family: 'icomoon' !important;font-size: 24px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\e91e"; float: right; margin-top: 0px; }
#account-Modal .app_title_icon_up:after { font-family: 'icomoon' !important;font-size: 24px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\e91d"; float: right; margin-top: 0px; }

#account-Modal .drawer_sublist{
	display: none;
}

#account-Modal .drawer_open .drawer_sublist{
	display: block;
}
#account-Modal .card_layout_1 {
    margin: 0px -2px 0px -2px !important;
    border-radius: 3px;
    overflow: hidden;
    /* border: 1px solid #ccc; */
    border-bottom: 1px solid #eaeaea;
}
#account-Modal  .modal-content::-webkit-scrollbar {
	width: 0px;
	height: 4px;
}
.editprofile{
	position: absolute;
    top: 2px;
    right: calc(50% - 31px);
    text-shadow: 1px -1px 11px #333;
    font-size: 18px;
    padding: 4px;
    background: #eee;
	border-radius: 100%;
	color: #000 !important;
}

.newcardstyle{
    background-color: #fff !important;
    margin: 0 0 3px -1px !important;
    box-shadow: 0 1px 6px rgba(32, 33, 36, 0.47);
    border-radius: 3px;
    border-bottom: 1px hidden #fff;
    overflow: hidden;
}


.searchInput {
	border: solid 2px #eee !important;
	border-radius: 20px !important;
	background-image: none !important;
}
.label-floating label {
    color: #333;
}
.Whitecheckbox input[type=checkbox]:checked + .checkbox-material .check, label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check {
    color: #ffffff !important;
    border-color: #ffffff !important;
}
.Whitecheckbox .checkbox-material .check, label.checkbox-inline .checkbox-material .check {
    border: 2px solid rgb(255, 255, 255);
}
.Whitecheckbox input[type=checkbox]:checked + .checkbox-material .check:before, label.checkbox-inline input[type=checkbox]:checked + .checkbox-material.check:before {
    color: #ffffff  !important;
}
.Whitecheckbox  label{
	color: #FFF !important;
}
#contactList, .comcontactList{
	border: none !important;
}
#contactList .active, .comcontactList .active{
    background: transparent;
}
#contactList .active button, .comcontactList .active button{
	color: #fff !important;
    background: #162a4f !important;
}
.comcontactList>li {
    /* float: right; */
    /* width: 1%; */
    display: table-cell;
    display: table-cell;
    width: 1%;
    padding: 0 5px;
}
.capitalizeText{ text-transform: lowercase; }
.capitalizeText:first-letter { text-transform: uppercase; }

.notificationBlink2 {
    height: 15px;
    position: absolute;
    left: 15px;
    top: 5px;
    width: 15px;
    background-color: red;
    border-radius: 100%;
}

.notificationBlink {
    height: 15px;
    position: absolute;
    left: 15px;
    top: 5px;
    width: 15px;
    background-color: red;
    border-radius: 100%;
    animation: blinker 1s linear infinite;
}
  
  @keyframes blinker {
	50% {
	  opacity: 0;
	}
  }

  

/* progress bar loader start */
/* 
.loader_wrapper_progress_bar{
	display: block;
    position: absolute;
    z-index: 9999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.2);
} */

.loader_wrapper_progress_bar{
	display: block;
    position: absolute;
    margin:auto;
    z-index: 9999;
/*	top: 0; */
    bottom: 0;
    left: 0; 
    max-width: 400px;
    right: 0;
    /* background: rgba(255,255,255,0.2); */
    background: rgba(0,0,0,0.2);
}
.material-progress-loader-box{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    z-index: 1;
    width: 250px;
    height: 160px;
    top: 50%;
    left: 50%;
    margin-left: -125px;
    margin-top: -60px;
}
.progress {
    height: 100%;
}

/* progress bar loader start */

.list_card_new_crm {
    background-color: #fff;
    margin: 0 0 5px 0;
    /* box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28); */
    box-shadow: 0 1px 6px rgba(32, 33, 36, 0.47);
    border-radius: 0px;
    border: 1px solid #e6e6e6;
    overflow: hidden;
   /*  min-height: 85px; */
}
.leadcardBG_crm{
    background: #ecf3f8;
}
.topbaricon{
/* 	line-height: 20px; */
	margin-top: 2px !important;
}

.sideMenuIcon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin: auto;
    border-radius: 5px;
    display: block;
}
.sideMenuIcon i {
    font-size: 30px;
    line-height: 45px;
}

.headerBgColor{
	background-color: #99a599 !important;
}

.sideLineBar::before {
    content: '';
    border-left: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    left: 3px;
    height: 100%;
    width: 6px;
}
.garyBigHader{
	height: 120px;
}
.border-left-ccc {
    border-left: solid 1px #ccc;
}
.border-right-ccc {
    border-right: solid 1px #ccc;
}
.com_info_icon{
    position: absolute;
    /* color: #666; */
	padding-left: 5px;
	/* display: none; */
}
.cardBG {
    background: #ecf3f8;
    border: solid #fff 2px;
}
.cardheadBG {
    background: #d6d6d6;
    border-top: solid #fff 2px;
    border-right: solid #fff 2px;
    border-left: solid #fff 2px;
}
.box_icon{
	
		width: 20px;
		height: 20px;
		font-size: 14px;
		border-radius: 2px;
		line-height: 20px;
		margin: 0px;
	
}
.red_radio .circle,
label.radio-inline .circle {
	border: 2px solid #f44336;
	height: 15px;
	width: 15px;
	border-radius: 100%;
}

.red_radio input[type=radio]:checked~.circle,
label.radio-inline input[type=radio]:checked~.circle {
	border-color: #f44336;
}

.red_radio input[type=radio]:checked~.check,
label.radio-inline input[type=radio]:checked~.check {
	background-color: #f44336;
}

.yellow_radio .circle,
label.radio-inline .circle {
	border: 2px solid #e6d300;
	height: 15px;
	width: 15px;
	border-radius: 100%;
}

.yellow_radio input[type=radio]:checked~.circle,
label.radio-inline input[type=radio]:checked~.circle {
	border-color: #e6d300;
}

.yellow_radio input[type=radio]:checked~.check,
label.radio-inline input[type=radio]:checked~.check {
	background-color: #e6d300;
}

.green_radio .circle,
label.radio-inline .circle {
	border: 2px solid green;
	height: 15px;
	width: 15px;
	border-radius: 100%;
}

.green_radio input[type=radio]:checked~.circle,
label.radio-inline input[type=radio]:checked~.circle {
	border-color: green;
}

.green_radio input[type=radio]:checked~.check,
label.radio-inline input[type=radio]:checked~.check {
	background-color: green;
}

.white_radio .circle,
label.radio-inline .circle {
	border: 2px solid white;
	height: 15px;
	width: 15px;
	border-radius: 100%;
}

.white_radio input[type=radio]:checked~.circle,
label.radio-inline input[type=radio]:checked~.circle {
	border-color: white;
}

.white_radio input[type=radio]:checked~.check,
label.radio-inline input[type=radio]:checked~.check {
	background-color: white;
}
.color-fff .togglebutton label input[type=checkbox]:checked + .toggle:after {
    background-color: #fff;
}
.color-fff .togglebutton label .toggle, .togglebutton label input[type=checkbox][disabled] + .toggle {
    background-color: rgba(92, 198, 203, 0.7) !important;
}
.menumodalIconSmall{
	width: 48px; height: 48px; 
	line-height: 48px;
	margin: auto; 
	border-radius: 5px; 
	display: block;
}

.menumodalIconBig{
	width: 58px; height: 58px; 
	line-height: 58px;
	margin: auto; 
	border-radius: 5px; 
	display: block;
}
.png_icon{
	padding-top: 6px;
	padding-bottom: 6px;
	height: 36px;
}

.search_block_show_hide.active_show_hide{
	display: none;
}

.profileDevice {
	text-align: center;
		border: solid 1px #e4e4e4;
		background: #eee;
		border-radius: 10px !important;
		width: 40px;
		height: 40px;
	}
	
	.txtDevice {
		font-weight: 500;
		line-height: 40px;
		font-size: 18px;
		color: #333;
		margin: 0;
		text-transform: uppercase;
	}
	.border-bottom-options{
		border-bottom: solid 1px #eee;
	}
	.Modal_scroll_option {
		transform: translateZ(0);
		-webkit-transform: translateZ(0);
		height: 75.5vh;
		max-height: 75.5vh;
		overflow-y: auto;
			/* overflow: auto; */
		-webkit-overflow-scrolling: touch;
	}
	.modal-cut-width{
		max-width: 360px !important;
		margin: 0 auto;
	}
	.modal-cut-width .modal-header, .modal-cut-width .modal-header .modal-title{
		line-height: 22px;
		
	}
	.modal-cut-width .modal-content{
		height:96vh;  
		border-radius: 0px;
	}
	
	.options_list_card {
		border-radius: 3px;
		border: 2px solid #dadada!important;
		/* -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04); */
		padding: 0px !important;
		margin-bottom: 10px;
	}
	div.options_list_card:hover{
		border: solid 2px #333 !important;
		background: #f5f5f5 !important;  
	  }
	
	
	.options_list_card_active{
		border: solid 2px #333 !important;
		background: #f5f5f5 !important;  
	  }
	
	
	  .list_card_header {
		border-radius: 3px;
		border: 1px solid #dadada!important;
		/* 	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04); */
		}
	
	.font-robo-reg{
		font-weight: 300;
		font-family: 'robotoregular';
	}
	.options_list_card_text{
		font-weight: 300;
		font-family: 'robotoregular';
		margin: 0px;
		font-size: 14px;
	}
	.options_list_card_sub_text{
		font-weight: 300;
		font-family: 'robotoregular';
		margin: 0px;
		font-size: 13px;
	}
	.slide_div_mob{
        z-index: 9999;
        position: absolute;
        background: #fff;
        height: 100%;
        display: none;
        left: 100%;
        width:  100%;
		top: -107px;
    }
    .slide_div_mob.active_mob{
        display: block !important;
        
        -webkit-animation: slide_slide_div_mob 0.5s forwards;
        -webkit-animation-delay: 0.5s;
        animation: slide_slide_div_mob 0.5s forwards;
        animation-delay: 0.5s;
    }
    @-webkit-keyframes slide_slide_div_mob {
        100% { left: 0; }
    }

    @keyframes slide_slide_div_mob {
        100% { left: 0; }
    }
@media screen and (max-width: 600px) {
    .slide_div_mob{
        z-index: 9999;
        position: absolute;
        background: #fff;
        height: 100%;
        display: none;
        left: 100%;
		top: -107px;
    }
    .slide_div_mob.active_mob{
        display: block !important;
        
        -webkit-animation: slide_slide_div_mob 0.5s forwards;
        -webkit-animation-delay: 0.5s;
        animation: slide_slide_div_mob 0.5s forwards;
        animation-delay: 0.5s;
    }
    @-webkit-keyframes slide_slide_div_mob {
        100% { left: 0; }
    }

    @keyframes slide_slide_div_mob {
        100% { left: 0; }
    }
	
}


.modal-cut-width .modal-header{
		height:56px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
.headernotificationBlink{
	/* background-image: url(../images/bell_gif.gif);
	background-size: contain; 
	background-color: transparent;*/
}
.border-box{
    border:solid;
    border-color:#d2d2d2;
    border-width:thin;
	margin: 1px 0;
	border-radius: 3px;
}
.border-box_2{
    border:solid;
    border-color:#d2d2d2;
    border-width:thin;
	margin: 1px 0;
	border-radius: 3px;
}
.card_heading{
	font-size: 13px;
	font-weight: 300;
}
.card_sub_heading{
	font-size: 11px;
	font-weight: normal;
}

.border-box:hover {
    border: solid 1px #333 !important;
    background: #f5f5f5 !important;
}

.border-box-active {
    border: solid 1px #333 !important;
    background: #f5f5f5 !important;
}

.addsearchShare{
    height: 500px !important;
    position: absolute;
    min-height: 150px;
    background: #fff;
    display: block;
    z-index: 999;
    max-width: 80%;
    left: 10%;
    margin: 0 auto !important;
    box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%), 0 6px 10px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%);    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.slideRightTobottom {
    margin-top: 56px  !important;
   min-width: 100%;
   transition: all 0.5s;
}

.slideRightTobottom.showAnimations {
 display: block;
   margin-top: 0px !important;
}
.popover, .tooltip-inner {
    color: #000000;
    background: #fff;
	width: 90vw;
}
.popover-title {
    padding: 8px 0px;
    margin: 0;
    font-size: 13px;
    background-color: #fff;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 5px 5px 0 0;
	color: #333;
	margin: 0px 15px;
	font-weight: bold;
}
.popover-content {
    padding: 0px 0px;
    font-size: 11px;
    line-height: 14px;
	margin: 0px 15px;
}
.popover .arrow, .tooltip .arrow, .popover .tooltip-arrow, .tooltip .tooltip-arrow {
    display: block;
}
.display-flex{
	display: -ms-flexbox;
    display: flex;
}
.optionsModal_coownerUserlist .profile-div-width {
    width: 36px;
    height: 36px;
    margin: 5px 6px;
    line-height: 36px;
    font-size: 17px;
    text-transform: capitalize;
}
.cont_list_pro{
	width: 36px;
    height: 36px;
    margin: 5px 6px;
    line-height: 36px;
    font-size: 17px;
    text-transform: capitalize;
}
.fileUpload_custom_progressbar{
	border: solid 1px #333;  
	border-radius: 100%;  
	padding: 0px;
}

.ios .checkbox input[type=checkbox]:checked + .checkbox-material .check, .ios label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check {
    background-color: #162a4f;
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAATklEQVQoz2NgGFLgP+P/lv8KhJTM/v//fz5hJfUUKmH6PweLkv9C/3f/N8SrBCih8P/+/zcgZTiVICkzxqMEruw3AedCldUTDmOBQRHVAAE9S161j4sQAAAAAElFTkSuQmCC');
}
.showcountbage{
    position: absolute;
    background-color: red;
    top: 0;
    min-width: 18px;
    height: 18px;
    border-radius: 100%;
    left: 0;
    font-size: 10px;
    line-height: 18px;
    font-weight: bold;
}
.radiobtn-stl{
	opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.btn-outline-danger{
	background-color: transparent;
    background-image: none;
    border: solid 1px;
    border-color: red;
}
.btn-outline-success {
	background-color: transparent;
    background-image: none;
    border: solid 1px;
    border-color: #28a745;
}
.radiobtnreject.radiobtnactive,.radiobtnreject:hover{
	border: solid 1px;
    border-color: red;
	background-color: red!important;
    color: #fff !important;
}
.radiobtnaccept.radiobtnactive,.radiobtnaccept:hover{
	border: solid 1px;
    border-color: #28a745;
	background-color: #28a745!important;
    color: #fff !important;
}
.full_loader_close{
    position: absolute;
    top: 16px;
    right: 16px;
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 3px;
}
#privacy_userList .card_layout_1{
	/* margin: 0px -2px 0px -2px !important; */
    border-radius: 3px;
    overflow: hidden;
    /* border: 1px solid #ccc; */
    /* border-bottom: 1px solid #f4f4f4; */
    box-shadow:none;
        border: solid 1px #dadada;
        margin: 1px 0px  !important;
}

#privacy_userList .profile-div-width {
    width: 36px;
    height: 36px;
    margin: 5px 6px;
    line-height: 36px;
    font-size: 17px;
    text-transform: capitalize;
	padding-top: 0px !important;
}
#privacy_userList .list-main-text {
    font-size: 13px;
    width: calc(100% - 30px);
}
#privacy_userList .list-middle-div {
    width: calc(100% - 120px);
    padding-top: 5px !important;
    padding-top: 5px !important;
}

#loading {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 3px solid rgba(255,255,255,.3);
	border-radius: 50%;
	border-top-color: #fff;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
  }
  
  @keyframes spin {
	to { -webkit-transform: rotate(360deg); }
  }
  @-webkit-keyframes spin {
	to { -webkit-transform: rotate(360deg); }
  }
  .spinner1 {
	position: absolute;
	left: 49%;
	top: 30%;
	height:40px;
	width:40px;
	margin:0px auto;
	-webkit-animation: rotation 1.9s infinite linear;
	-moz-animation: rotation 1.9s infinite linear;
	-o-animation: rotation 1.9s infinite linear;
	animation: rotation 1.9s infinite linear;
	/* border-left:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	border-top: 2px solid #0d47a1; */
	border-radius:100%;
 }
 .loader-box-innerdiv,
 .material-loader-box1 {
	margin: 0 auto;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 1;
    width: 46%;
    height: 52%;
	min-height: 390px;
    background: rgb(255 255 255 / 0.8);
}
 .materialinner-loader-box1 {
	position: absolute;
	margin: 0 auto;
    bottom: 0;
    right: 0;
	left: 0;
	top: calc(50vh - 150px);
    padding: 0;
    z-index: 1;
    width: 200px;
    height: 200px;
	min-height: 200px;
    background: rgb(255 255 255 / 0.8);
}
 .loader-path {
	stroke-dasharray: 150,200;
	stroke-dashoffset: -10;
	-webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
			animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round;
  }
  
  @-webkit-keyframes rotate {
	100% {
	  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
	}
  }
  
  @keyframes rotate {
	100% {
	  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
	}
  }
  @-webkit-keyframes dash {
	0% {
	  stroke-dasharray: 1,200;
	  stroke-dashoffset: 0;
	}
	50% {
	  stroke-dasharray: 89,200;
	  stroke-dashoffset: -35;
	}
	100% {
	  stroke-dasharray: 89,200;
	  stroke-dashoffset: -124;
	}
  }
  @keyframes dash {
	0% {
	  stroke-dasharray: 1,200;
	  stroke-dashoffset: 0;
	}
	50% {
	  stroke-dasharray: 89,200;
	  stroke-dashoffset: -35;
	}
	100% {
	  stroke-dasharray: 89,200;
	  stroke-dashoffset: -124;
	}
  }
  @-webkit-keyframes color {
	0% {
	  stroke: #0d47a1;
	}
	40% {
	  stroke: #0d47a1;
	}
	66% {
	  stroke: #0d47a1;
	}
	80%, 90% {
	  stroke: #0d47a1;
	}
  }
  @keyframes color {
	0% {
	  stroke: #0d47a1;
	}
	40% {
	  stroke: #0d47a1;
	}
	66% {
	  stroke: #0d47a1;
	}
	80%, 90% {
	  stroke: #0d47a1;
	}
  }
  
 @-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
 }
 @-moz-keyframes rotation {
	from {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(359deg);}
 }
 @-o-keyframes rotation {
	from {-o-transform: rotate(0deg);}
	to {-o-transform: rotate(359deg);}
 }
 @keyframes rotation {
	from {transform: rotate(0deg);}
	to {transform: rotate(359deg);}
 }
.bordercent:before {
	content: '';
    border: solid 2px rgb(204 204 204 / 35%);
    height: calc(100% - 96px);
    position: absolute;
    left: 35px;
    z-index: 0;
    top: 72px;
}

.add_less {
    font-size: 25px;
    border: solid 2px #ccc;
    border-radius: 5px;
    width: 50px;
    margin: auto;
    color: #666;
	text-align: center;
}
.selectbag{
    display: inline-flex;
    padding: 5px 15px;
    border-radius: 15px;
    font-size: 12px;
	margin-right: 10px;
	margin-bottom: 10px;
}


.disable_offline_access_overlay{
	position: absolute;
    width: 100%;
    height: 100%;
    -webkit-filter: none;
    background: rgb(255 255 255);
    z-index: 9999;
    text-align: center;
	top: 0;
	right: 0;
}
.disable_offline_access_overlay ~ .app_content_body{
	filter: blur(3px);
    -webkit-filter: blur(3px);
}


.file_upload_progress {
    text-align: center;
    width: 50px;
    position: relative;
    margin: auto;
    height: 50px;
    float: right;
}

.file_upload_progress-circle {
  transform: rotate(-90deg);
	/* margin-top: -40px; */
}

.file_upload_progress-circle-back {
	fill: none; 
	stroke: #D2D2D2;
	stroke-width:4px;
}

.file_upload_progress-circle-prog {
	fill: none; 
	stroke: #7E3451;
	stroke-width: 4px;  
	stroke-dasharray: 0 999;    
	stroke-dashoffset: 0px;
    transition: stroke-dasharray 0.7s linear 0s;
}

.file_upload_progress-text {
	width: 100%;
	position: absolute;
	top: 60px;
	text-align: center;
	font-size: 2em;
}
  
.file_upload_progress_close{
	position: absolute;
    right: 15px;
    top: 15px;
}
  
.ring
{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:	100px;height: 100px;background: transparent;border: 6px solid #fff;border-radius: 50%;text-align: center;align-items: center;line-height: 100px;font-size: 10px;color: #162a4f;letter-spacing: 2px;text-transform: uppercase;text-shadow: 1px 2px 10px #162a4f;box-shadow: 0 0 0 4px rgb(0 0 0 / 50%);background: #fff;/* box-shadow: 0 0 0 4px #353535c7, 0 0 0 5px #3e3e3e, inset 0 0 10px rgb(0 0 0), 0 5px 20px rgb(0 0 0), inset 0 0 15px rgb(0 0 0 / 20%); */}
.ring:before
{content: '';position:absolute;top: 0px;left: 0px;height: 100%;width: 100%;border: 3px solid transparent;border-top: 2px solid rgb(22 42 79 / 80%);border-right: 2px solid rgb(22 42 79 / 89%);border-radius: 50%;animation: animateCircle 2s linear infinite;}

.ring.innerLoader{
	position: relative !important;
/* 	margin-top: 100px !important;
	margin-left: 50% !important;
	top: 0px !important;
	left: 0px !important; */
	font-size: 8px;
	top: calc(50% - 48px);
}
.ring span
{
display: block;
position: absolute;
top: calc(50% - 2px);
left: 50%;
width: 50%;
background: transparent;
height: 4px;
transform-origin: left;
animation: animate 2s linear infinite;
}
.ring span:before
{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #162a4f;
    top: -8px;
    right: -4px;
    box-shadow: 0 0 20px #162a4f;
}
@keyframes animateCircle
{
0%
{
  transform: rotate(0deg);
}
100%
{
  transform: rotate(360deg);
}
}

@keyframes animate
{
0%
{
  transform: rotate(45deg);
}
100%
{
  transform: rotate(405deg);
}
}
@media only screen and (max-width: 580px){
	.loader-box-innerdiv,
	.material-loader-box1{
		width: 80% ;
		height: 58%;
		margin: 40% auto;
	}
}
/*
#dataclassificationstab .active button{
    background-color: #162a4f;
    color: #fff!important;
}
*/
.timelineborder:before {
	content: '';
	border: solid 2px rgb(204 204 204 / 35%);
	height: calc(100% - 96px);
	position: absolute;
	left: 118px;
	z-index: 0;
	top: 46px;
}
.w-60{
	width: 60px;
}
.w-80{
	width: 80px;
}
.bordercent1:before {
	content: '';
	border: solid 2px rgb(204 204 204 / 35%);
	height: calc(100% - 96px);
	position: absolute;
	left: 28px;
	z-index: 0;
	top: 72px;
}
.fileUpload .progressSvg {
	height: 40px;
	transform: rotate(-90deg);
	width: 40px;
  }
  .cancelSvg{
	  display: none;
	  margin-top: 5px;
	  margin-left: 2px;
  }
  .checkSvg{
	  margin-top: 5px;
	  margin-left: 2px;
  }
.fileUpload:hover .cancelSvg {
	display: block;
  }
.fileUpload:hover .progressSvg{
	display: none;
  }
  
  .fileUpload .progress-bar__background {
	fill: none;
	stroke: #d1d1d1;
	stroke-width: 3px;
  }
  
  .fileUpload .progress-bar__progress {
	fill: none;
	stroke: #d1d1d1;
	stroke: #162a4f;
	stroke-dasharray: 100 100;
	stroke-dashoffset: 100;
	stroke-linecap: round;
	stroke-width: 3px;
	transition: stroke-dashoffset 1s ease-in-out;
  }
.downArrow,.upArrow{
	display: none;
}
[aria-expanded=true] .downArrow {
display: block !important;
}
[aria-expanded=false] .upArrow {
display: block !important;
}
.uploadingPopup{
    width: 370px !important;
    display: block;
    right: 0 !important;
    bottom: 0 !important;
    left: auto;
    height: 310px;
    top: auto;
}

.disabled {
	cursor: not-allowed;
	pointer-events: none !important;
  }
  .sync_alert{
    position: fixed;
    opacity: 1;
    left: calc(50% - 160px);
	width: 320px;
    bottom: 0;
	background-color: #5e5d5d;
	padding-right: 8px;
	padding: 8px;
	border-radius: 5px;
	z-index: 9999;
}
.sync_alert_btn{
    border: solid 1px #fff;
    border-radius: 15px;
    line-height: 20px;
}

#contactListTabButton .active {
    background: transparent !important;
}
#contactListTabButton .active button {
    color: #fff !important;
    background: #162a4f !important;
}

/* .addsearchShare{
	width: 100%;
    height: 500px !important;
    position: absolute;
    min-height: 150px;
    background: #fff;
    display: block;
    z-index: 999;
    max-width: 80%;
    left: 10%;
    margin: 0 auto !important;
    box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%), 0 6px 10px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%);    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
} */
.contact_profile_cr{
	width: 36px;
    height: 36px;
    margin: 5px 6px;
    line-height: 36px;
    font-size: 17px;
    text-transform: capitalize;
}
.contact_card_layout_1{
	/* margin: 0px -2px 0px -2px !important; */
    border-radius: 3px;
    overflow: hidden;
    /* border: 1px solid #ccc; */
    /* border-bottom: 1px solid #f4f4f4; */
    box-shadow:none;
        border: solid 1px #dadada;
        margin: 1px 0px  !important;
}
.addsearchShare{
    height: 500px !important;
    position: absolute;
    min-height: 150px;
    background: #fff;
    display: block !important;
    z-index: 999;
    max-width: 80%;
    left: 10%;
    margin: 0 auto !important;
    box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%), 0 6px 10px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%);    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.show-pass{
    position: absolute;
    bottom: 12px;
    right: 13px;

}
.d-flex{
	display: flex !important;
}
.modal-cut-width .modal-header {
    background: #3e64de;
}

button.btn.border-radius-25.pointer.btn-default.color-theme.btn-raised.btn-sm.text-capitalize {
    background: #fff;
}


div#approvalScroll,div#authorizeScroll {
    height: calc(100vh - 300px);
    overflow: auto;
}
.cardd-ca11, .cardd-ca12, .cardd-ca13 {
    display: none;
}

.activity-feed {
    padding: 15px;
    list-style: none;
}
.activity-feed .feed-item {
    position: relative;
    padding-bottom: 20px;
    padding-left: 30px;
    border-left: 2px solid #e4e8eb;
}
.activity-feed .feed-item:last-child {
    border-color: transparent;
}
.activity-feed .feed-item::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -6px;
    width: 10px;
    height: 10px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #f37167;
}
.activity-feed .feed-item .date {
    display: block;
    position: relative;
    top: -5px;
    color: #024499;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
}
.activity-feed .feed-item .text {
    position: relative;
    top: -3px;
    font-weight: 500;
}
.activity-feed .feed-item:nth-child(even)::after {
    background: #c46868;
    border: none;
}

.activity-feed .feed-item:nth-child(odd)::after {
    background: #7070ff;
    border: none;
    
}
div#viewrequest {
    /* overflow: auto; */
    width: 100%;
    height: 100%;
}.small-card .card-point {
    font-size: 40px !important;
}

.small-card .card-text {
    font-size: 18px !important;
}

.small-card {}

.small-card .card-body-bottom {
    padding: 0;
}
.assetasignretun {
}

.assetasignretun span {
    background: #963ede;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
    margin: 5px;
}
div#select_asset ,
div#select_Company ,
div#select_Location ,
div#select_Room ,
div#select_associate {
    display: block;
    background: rgb(255, 255, 255);
    z-index: 99999;
    height: 240px;
    border-radius: 0px 0px 10px 10px;
    z-index: 9;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    max-height: 280px !important;
    border-radius: 0 0 10px 10px;
    overflow: hidden auto;
}
div#select_asset:empty ,
div#select_Company:empty ,
div#select_Location:empty ,
div#select_Room:empty ,
div#select_associate:empty {
    display: none !important;
}

div#AssetModal {
    z-index: 99999;
}
div#AssetModal .modal-body {
    height: 100vh;
}
.assetasignretun span:nth-child(even) {
    background: green;
}
[name="Assetrow"] p {
    font-weight: 600;
}
div#qrcodeModal {
    z-index: 9999999;
}

div#qrcodeModal .modal-footer {
    display: none;
}

div#qrcodeModal .modal-body {
    height: 550px;
    max-height: 440px !important;
}

[name="qrcoderow"] {
    height: 100%;
}
div#gopitaShowAlert-Modal {
    z-index: 999999;
}
span.qrcodesp {
    color: blue;
    text-decoration: underline;
}
p#pinerror {
    color: red;
    font-size: 11px;
    padding-left: 10px;
}

p#pinerror.successmsg {
    color: green;
}

p#asseterror {
    color: red;
    font-size: 11px;
    padding-left: 10px;
}

p#asseterror.successmsg {
    color: green;
}
div#return_dateComponentCard .newcardstyle {
    box-shadow: none;
}

div#return_dateComponentCard .newcardstyle label {
    font-weight: 600;
    font-size: 11px;
    color: #333;
}
.clearfix {
    display: none;
}
div#assettable table {width: 100%;}

div#assettable table td,div#assettable table th {
    border: 1px solid #333;
    padding: 3px;
    font-size: 12px;
}
[name="ProofNameBtn"]::-webkit-file-upload-button {
    display: none;
}

[name="ProofNameBtn"] {
    padding: 8px;
    padding-left: 110px;
}
div#select_Proof {
    padding: 10px;
}

span.choosesign {
    margin-top: 10px;
    display: block;
    color: blue;
    font-weight: 600;
    text-decoration: underline;
}
div#signatureModal {
    z-index: 999999;
}

[name="signaturerow"] h1 {
    font-size: 20px;
    margin: 0;
}

textarea#efb-sig-data {
    display: none;
}

canvas#efb-canvas {
    width: 100%;
    border: 1px solid #ddd;
    margin: 10px;
}

img#sig-image {
    display: none;
}
div#mddtp-picker__date {
    z-index: 999999999;
}

div#mddtp-picker__time {
    z-index: 99999999;
}
.assetdtl-item {
    margin: 10px;
    border: 1px solid #ddd;
}
tbody#report td span {
    padding: 5px;
}

.assetdtl-title {
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #ddd;
    padding: 0px 5px;
}

.assetdtl-body {
    padding: 5px 15px;
}
div#return_dateComponentCard .form-group {
    margin: 0;
}

[name="Assetrow"] .row-fuild {
    margin: 0 !important
}
.manualsearch {
    margin-top: 50px;
    text-align: center;
}

.manualsearch span {
    background: #ddd;
    padding: 10px;
}