/*.header{ background-color: #3c8dbc }

.header .dropdown-menu {

    position: absolute;

    right: 0;

    left: auto;

    border-radius: 0px;

}

.header .user-image {

    float: left;

    width: 25px;

    height: 25px;

    border-radius: 50%;

    margin-right: 10px;

    margin-top: -2px;

}



.header .navbar-light .navbar-nav .nav-link{ color: #fff }

.header .navbar-light .navbar-nav .nav-link:hover, .header .navbar-light .navbar-nav .nav-link:focus   {

    

       background: rgba(0,0,0,0.1);

    color: #f6f6f6;

}

.header .fa.fa-fw.fa-bars{ color: #fff; }

.header .navbar-light .navbar-nav .nav-link {

    color: #fff;

    padding: 10px 20px;

    position: relative;

}

.header  li>a>.label {

    position: absolute;

    top: 9px;

    right: 7px;

    text-align: center;

    font-size: 9px;

    padding: 2px 3px;

    line-height: .9; background-color: #333;    border-radius: .25em;

}

.header  li>a:after{ display: none; }



.header-ul{    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

    background-color: #ffffff;

    padding: 7px 10px;

    border-bottom: 1px solid #f4f4f4;

    color: #333;

    font-size: 14px;}



    .navbar-nav>.notifications-menu>.dropdown-menu, .navbar-nav>.messages-menu>.dropdown-menu, .navbar-nav>.tasks-menu>.dropdown-menu {

    width: 280px;

    padding: 0 0 0 0;

    margin: 0;

    top: 100%;

}

.navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a>div>img {

    margin: auto 10px auto auto;

    width: 40px;

    height: 40px;

}

.navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a ,.navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a{

    margin: 0;

    padding: 10px 10px;

        display: block;

    white-space: nowrap;

    border-bottom: 1px solid #f4f4f4;

}

.navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a>h4 {

    padding: 0;

    margin: 0 0 0 45px;

    color: #333;

    font-size: 15px;

    position: relative;

}

.navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a>p {

    margin: 0 0 0 45px;

    font-size: 12px;

    color: #888888;

}


.footer-ul a{

  border-top-left-radius: 0;

    border-top-right-radius: 0;

    border-bottom-right-radius: 4px;

    border-bottom-left-radius: 4px;

    font-size: 12px;

    background-color: #fff;

    padding: 7px 10px;

    border-bottom: 1px solid #eeeeee;

    color: #333 ; display: block;

    }

      .dropdown-menu-over .menu{  max-height: 200px;

    margin: 0;

    padding: 0;

    list-style: none;

    overflow-x: hidden;}

    .navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a {

    color: #444444;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 10px;
}

.navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a>.glyphicon, .navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a>.fa, .navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a>.ion {
width: 20px;
}


a.navbar-brand {

    width: 165px;

}*/


/***    left menu ****/


/***********************  TOP Bar ********************/

th {
white-space:nowrap; 
}

td {
white-space:nowrap; 
}

.table-bordered {
border: 1px solid transparent;  
}



/*user dropdown css start here */

.navbar-expand-md .navbar-nav .dropdown-menu.left-side-menu {

position:absolute;

left:-185px;

width:20%;

}



.navbar-expand-md .navbar-nav .dropdown-menu.left-side-menu {

left:inherit !important;

right:30px; 

padding:0px 0px 0px 0px;

}



header.header-navication-info .navbar-expand-md .navbar-nav .nav-link.name-box {

width:37px;

height:37px;

background: #9dda32;

border-radius: 50%;

font-size: 20px;

color: #fff;

text-align: center;

padding:6px 0px 0px 0px;

margin: 17px 0px 0px 0px;

text-transform:uppercase;

}



header.header-navication-info .navbar-expand-md .navbar-nav .nav-link.name-box:hover{

color:#fff;    

}



header.header-navication-info .navbar-expand-md .navbar-nav .show> .nav-link.name-box{
color:#fff;    
}


.instructor-dashboard-left-side {
text-align: right;
margin: 0px 30px 0px 0px;    
}


.name-email p {
font-size: 14px;
font-weight: 600;
}


.instructor-dashboard-left-side {
text-align: right;
margin: 0px 20px 0px 0px; 
}


.dropdown-item.user-email-auth {
font-size: 14px;
text-align:center;
}


.dropdown-menu.select-country {
width: 250px;
padding: 10px 0px 10px 10px;
right: -160px !important;    
}


.dashboard-top-globe-icon {
padding:0px 0px 34px 0px;    
}


.dropdown-menu.select-country a {
padding:0px 0px 10px 0px; 
display:block;
font-weight:500;   
}


.dashboard-top-globe-icon i {
font-size: 22px;
border-radius: 50%;
color: #9dda32;
text-align: center;
padding: 7px 0px 0px 0px; 
}


.dropdown-menu.select-country a img {
 margin: 0px 5px 0px 0px;   
}

.dashboard-top-lang {
padding: 0px 0px 34px 0px;  
}

.instructor-dashboard-left-side .dropdown-menu.lang-select-main-area {
 width: 250px; 
 right: -170px !important;  
}


.dashboard-top-lang a {
display: block;
font-weight:500;
font-size: 16px;
}

.dropdown-menu.lang-select-main-area a {
 display: block; 
 font-size: 16px;
 padding:0px 0px 10px 10px;  
 font-weight:500;
}

/*user dropdown css end here */





.dashboard-header {

width:100%; 

}



.bg-light {

width:100%; 

background-color:transparent !important;

}



.search-option {

margin: 0px 70px 0px 50px;  

}



.search-btn {

background-color: #9dda32;

outline: none;

padding:7px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border:none;

}



/*.search-btn:hover{

background: none;

border: 2px solid #9dda32; 

}*/



.navbar .nav-item:not(:last-child) {

  margin-right: 35px;

}



.dropdown-toggle::after {

   transition: transform 0.15s linear; 

}



.show.dropdown .dropdown-toggle::after {

  transform: translateY(3px);

}



.dropdown-menu {

  margin-top: 0;

}



.dropdown-toggle:after {

display:none; 

}



.navbar-light .navbar-nav .nav-link.name-box {

width: 40px;

height: 40px;

background: #9dda32;

border-radius: 50%;

font-size: 20px;

color: #fff;

text-align: center;

padding: 7px 0px 0px 0px;

}



.navbar-light .navbar-nav .nav-link.name-box:hover{

color:#fff;    

}



.navbar-light .navbar-nav .show> .nav-link.name-box{

color:#fff;    

}





.navbar-light .navbar-nav .nav-link i {

font-size:25px; 

}



.navbar-light .navbar-nav .nav-link {

font-size:16px;

color:#fff;

}



.navbar-light .navbar-nav .nav-link:hover{

color: #9dda32;

}



.navbar-light .navbar-nav .show> .nav-link{

color: #9dda32;

}



.navbar-expand-lg .navbar-nav .dropdown-menu.left-side-menu {

position:absolute;

left:-185px;

}



.user-dtls-box {

position:relative;

text-align: -webkit-center;

width:100%;

padding:10px 0px 0px 0px;

}



.user-dtls-box h6 {

width: 38px;

height: 38px;

background: #9dda32;

border-radius: 50%;

font-size: 20px;

color: #fff;

text-align: center;

padding: 5px 0px 0px 0px;

text-transform: uppercase;

font-weight: 500;

}



/*.name-email {

position:absolute;

bottom:-50px;

width:100%;

}

*/



.name-email p {

font-size:18px;

margin:0px 0px 0px 0px; 

text-transform:capitalize; 

}



.left-side-menu .dropdown-item {

font-size:14px; 

padding:0px 0px 2px 10px; 

font-weight:500;

}



.left-side-menu .dropdown-item.dashboard-lt-btn {

background-color: #9dda32;

outline: none;

padding: 5px 25px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

width: 50%;

margin:10px auto;
text-align:center;
}

/*.dropdown-logout-btn-info {
 text-align:center; 
}
*/

.left-side-menu .dropdown-item.dashboard-lt-btn:hover {

background:none; 

color:#9dda32; 

border: 2px solid #9dda32;

}



/*.dropdown-menu {

top:140%; 

}*/



/*banner css start here*/





.dashboard-header {

background-image: url(../images/aboutus-banner.jpg);    

width:100%;

height:40vh;

background-repeat: no-repeat;

background-size: cover;

background-position: center;

position: relative;

}



.dashboard-header:before {

position: absolute;

content: "";

left: 0;

right: 0;

width: 100%;

background-color:#00000087;

height: 100%;

}



/*banner css end here*/



/***********************  main-sidebar-area ********************/

/*.sidebar{

width:220px;  

background-color:#f9f9f9;

transition: all 0.5s  

ease-in-out; 

}



.bg-defoult{

background-color:#000;

}

.sidebar ul{ 

list-style:none; 

margin:0px; 

padding: 20px 0px 20px 0px;

}



.sidebar li a,.sidebar li a.collapsed.active { display:block; 

padding:8px 12px; 

color:#fff;

border-left:0px solid #dedede;  

text-decoration:none;

border-bottom: 1px solid #5d5959;

}



.sidebar li a.active {

background-color:#000;

border-left:5px solid #dedede; 

transition: all 0.5s  ease-in-out;

}



.sidebar li a:hover{

background-color:#9dda32 !important;

color:#fff !important;

}



.sidebar .nav-label{

color:#fff !important;

font-size:16px;

}



.sidebar li a:hover .nav-label{

color:#fff !important;

}



.sidebar li a:hover .nav-label{

color:#fff !important;

}



.sidebar .fa-chevron-down{

color:#fff !important;  

}



.sidebar li a i { 

padding-right:10px;

font-size:19px;

}



.sidebar ul li .sub-menu li a { 

position:relative;

}



.sidebar ul li .sub-menu li a:before{

font-family: FontAwesome;

content: "\f105";

display: inline-block;

padding-left: 0px;

padding-right: 10px;

vertical-align: middle;

}



.sidebar ul li .sub-menu li a:hover:after {

content: "";

position: absolute;

left: -5px;

top: 0;

width: 5px;

background-color: #111;

height: 100%;

}



.sidebar ul li .sub-menu li a:hover{ 

background-color:#222; 

padding-left:20px; 

transition: all 0.5s  ease-in-out;

}



.sub-menu { 

border-left:5px solid #dedede;

}



.sidebar li a .nav-label,.sidebar li a .nav-label+span{ 

transition: all 0.5s  ease-in-out

}





.sidebar.fliph li a .nav-label,.sidebar.fliph li a .nav-label+span { 

display:none;transition: all 0.5s  ease-in-out;

}



.sidebar.fliph {

width: 42px;

transition: all 0.5s  ease-in-out;  

}

  

.sidebar.fliph li{ 

position:relative;

}



.sidebar.fliph .sub-menu {

position: absolute;

left: 39px;

top: 0;

background-color: #222;

width: 150px;

z-index: 100;

}





.user-panel {

clear: left;

display: block;

float: left;

}



.user-panel>.image>img {

width: 100%;

max-width: 45px;

height: auto;

}



.user-panel>.info,  .user-panel>.info>a {

color: #fff;

}



.user-panel>.info>p {

font-weight: 600;

margin-bottom: 9px;

}



.user-panel {

clear: left;

display: block;

float: left;

width: 100%;

margin-bottom: 15px;

padding: 25px 15px;

border-bottom: 1px solid;

}



.user-panel>.info {

padding: 5px 5px 5px 15px;

line-height: 1;

position: absolute;

left: 55px;

}



.fliph .user-panel{ 

display: none; 

}*/





/*dashboard-info-area css start here*/

.dashboard-info-area {

width:100%; 

padding:70px 0px 70px 0px;

}







.dashboard-category-area {

text-align:center;  

}



.dashboard-category-area h4 {

color: #9dda32;

text-transform: uppercase;

font-weight: 600;

font-size: 20px;

margin-bottom: 1px; 

}





.dashboard-category-area h2 {

position: relative;

margin-bottom: 56px;

}



.dashboard-category-area h2:before {

position: absolute;

content: "";

left: 0;

right: 0;

margin: auto;

background-color: #9dda32;

width: 7%;

height: 3px;

bottom: -11px;

}



.dashboard-category-area h2:before {

position: absolute;

content: "";

left: 0;

right: 0;

margin: auto;

background-color: #9dda32;

width: 7%;

height: 3px;

bottom: -11px;

}







.dashboard-category-area h2:after {

position: absolute;

content: "";

left: 0;

right: 0;

margin: auto;

width: 10px;

height: 10px;

transform: rotate(45deg);

background-color: #9dda32;

bottom: -14px;

}



/*dashboard-info-area css end  here*/





/*course page css start here*/



.carousel-wrap {

  margin:0px 0px 0px 0px;

  padding:0px 0px 0px 0px;

  width:100%;

  position: relative;

}



/* fix blank or flashing items on carousel */

.owl-carousel .item {

  position: relative;

  z-index: 100; 

  -webkit-backface-visibility: hidden; 

}



/* end fix */

.owl-nav > div {

  margin-top: -26px;

  position: absolute;

  top: 50%;

  color: #cdcbcd;

}



.owl-nav i {

  font-size: 52px;

}



.owl-nav .owl-prev {

  left: -30px;

}



.owl-nav .owl-next {

  right: -30px;

}



.courses-info-area {

border-radius: 4px;

background-color: #fff;

box-shadow: 1px 1px 8px #d8d8d8; 

margin: 0px 10px 0px 10px; 

}



.writere-info {

padding: 10px;

}



.writere-info h6 {

line-height:25px;    

}



.corse-theme img {

width:100%;    

}



.writere-info strong {

color:#000;    

}





/*course page css end here*/





/*account setting page css start here*/

.account-setting {

 width:100%;

 background-color: #f9f9f9;

 padding:70px 0px 70px 0px; 

}



.account-setting-width {

width:67%;  

}



.edit-account {

text-align: center;

padding: 0px 0px 40px 0px;

}





.profile-setting {

-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);

box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);

padding: 20px;



}



.profile-user-icon {
text-align:center; 
border-bottom: 1px solid #cdcdcd;
padding: 20px 0px 0px 0px;
}



.profile-user-icon i {

width: 100px;

height: 100px;

background:#9dda32;

border-radius: 50px;

text-align: center;

font-size: 70px;

color: #fff;

padding: 10px 0px 0px 0px; 

}



.profile-user-icon p {

font-size: 16px;

font-weight: 500;

margin: 10px 0px 10px 0px;

}





.user-menu ul {

 margin:30px 0px 0px 0px;

 padding:0px 0px 0px 0px; 

}



.user-menu ul li {

list-style:none;

margin: 0px 0px 10px 0px;

padding: 0px 0px 0px 0px; 

}



.user-menu ul li a {

color:#505050; 

font-size:16px;



}



.user-menu ul li a:hover {

color:#9dda32; 



}



.account-form {
background: #fff;
padding: 10px 20px 30px 20px;
/*-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);*/
}



.main-input-box {

 margin:30px 0px 0px 0px;

}



.main-input-box label {

font-size: 16px;

font-weight: 600;

margin: 0px 0px 5px 0px;

color:#000;

}



.input-icon {

display: flex;

}



.input-icon .icon {

font-size: 24px;

background: #9dda32;

padding:6px 0px 0px 0px;

color: #fff;

width:50px;

text-align:center;

}



.frm-size {

font-size: 16px;

border: 2px solid #cdcdcd;

outline: none;

width:100%;

padding: 6px 10px 6px 10px;

color:#505050;



}



.select-frm-size {

font-size: 16px;

border: 2px solid #cdcdcd;

outline: none;

width:100%;

padding: 6px 10px 6px 10px;

color:#505050;

margin:8px 0px 0px 0px;  

}



.change-password-btn {

background-color: #9dda32;

outline: none;

padding:5px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

margin: 20px 0px 0px 0px;  

}



.change-password-btn:hover {

background: none;

border: 2px solid #9dda32; 

color:#9dda32;

}





.headline-block p {

padding: 5px 0px 0px 0px;  

margin:0px 0px 0px 0px;

}





.profile-photo {

width: 100%;

background-color: #f9f9f9;

padding: 70px 0px 70px 0px;

}



.profile-photo-heading {

text-align: center;

}



.profile-photo-heading h4 {

color: #9dda32;

text-transform: uppercase;

font-weight: 600;

font-size: 20px;

margin-bottom: 1px;

}



.profile-photo-heading h2 {

position: relative;

margin-bottom: 56px;

}



.profile-photo-heading h2:before {

position: absolute;

content: "";

left: 0;

right: 0;

margin: auto;

background-color: #9dda32;

width: 7%;

height: 3px;

bottom: -11px;

}



.profile-photo-heading h2:after {

position: absolute;

content: "";

left: 0;

right: 0;

margin: auto;

width: 10px;

height: 10px;

transform: rotate(45deg);

background-color: #9dda32;

bottom: -14px;

}



.edit-photo {

text-align: center;

padding: 0px 0px 40px 0px;

}



.image-prvew-box {

-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);

box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);

padding: 10px 100px 20px 100px;



}





.image-preview h5 { 

text-align:center; 

padding: 20px 0px 20px 0px;

}



.add-img-box {

text-align: center;

border: 3px solid #9dda32;

padding: 30px;

}



.add-img-box i {

width: 150px;

height: 150px;

font-size: 100px;

border: 2px solid #9dda32;

border-radius: 50%;

color: #8e8b8b59;

text-align: center;

padding: 10px 0px 0px 0px;  



}



.file-uploader {

position:relative;  

}



.file-uploader label {

display: block;  

padding: 30px 0px 0px 0px;

}





.load-photo {

font-size: 16px;

border: 2px solid #cdcdcd;

outline: none;

width:68%;

padding: 10px;

color: #505050;

}



.upload-img-btn {

background-color: #9dda32;

outline: none;

padding: 10px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

position:absolute;

right:0

}



.upload-img-btn:hover{

background: none;

border: 2px solid #9dda32;

color:#9dda32; 

}





.sbmt-photo-btn {

background-color: #9dda32;

outline: none;

padding:5px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

margin: 30px 0px 0px 0px;

}





.sbmt-photo-btn:hover{

background: none;

border: 2px solid #9dda32;

color:#9dda32; 

}



/*account setting page css end here*/







/*purchase history page css start here*/

.purchase-history-area {

width: 100%;

background-color: #f9f9f9;

padding: 70px 0px 70px 0px;

}



.purchase-history-heading {

text-align: center;

}



.purchase-history-heading h4 {

color: #9dda32;

text-transform: uppercase;

font-weight: 600;

font-size: 20px;

margin-bottom: 1px;

}



.purchase-history-heading h2 {

position: relative;

margin-bottom: 56px;

}



.purchase-history-heading h2:before {

position: absolute;

content: "";

left: 0;

right: 0;

margin: auto;

background-color: #9dda32;

width: 7%;

height: 3px;

bottom: -11px;

}



.purchase-history-heading h2:after {

position: absolute;

content: "";

left: 0;

right: 0;

margin: auto;

width: 10px;

height: 10px;

transform: rotate(45deg);

background-color: #9dda32;

bottom: -14px;

}



.purchase-history-dtls {

border: 1px solid #dee2e6;

border-bottom: none; 

}



.purchase-history-dtls h5 {

text-align:center;  

padding: 15px 0px 10px 0px;

}



/*purchase histry page css end here */







/*Side Bar Menu start here*/ 



.instructor-dashboard-area {

width:100%;

background-color: #f9f9f9;

box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1);

-webkit-box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1); 

position:fixed;

z-index:99; 

top:0px;

} 



.instructor-dashboard-brand img {

width:10%;

padding: 10px 0px 10px 0px; 

}



/*.instructor-dashboard-left-side .dropdown .dropdown-menu {

right:0px;
left:inherit;  
}*/



.dropdown-menu.font-awesome-dorpdown-3 {
padding:0px 10px 0px 10px;  
left: -85px;
}



.dropdown-menu.font-awesome-dorpdown-3 .dropdown-item {
padding: 0px 0px 10px 0px;  
}



.dropdown:hover>.dropdown-menu {

  display: block;

}



/*.dropdown-menu.font-awesome-dorpdown {

left: -100px;

}*/



.dropdown-menu.font-awesome-dorpdown-1 {

width:350px;

padding:7px;

}



.dropdown-massege-content h6 {

margin:0px 0px 8px 0px;

padding:0px 0px 0px 0px;  

}



.dropdown-massege-content p {

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px;  

text-transform:capitalize;

}



.dropdown-view-btn {

background-color: #9dda32; 

text-align:center;

padding: 5px 0px 5px 0px;

}



.notification-viweall-btn {

outline: none;

padding: 10px 15px;

color: #fff;

font-size:15px;

font-weight: 500;

transition: all 0.6s ease;

}



.notification-viweall-btn:hover{

color:#fff;  

}



.dropdown-massege-content span {

float:right;

font-size:14px; 

}



.dropdown-menu.font-awesome-dorpdown-2 {
width: 350px;
padding: 7px;
left:-300px;
}


.dropdown-menu.font-awesome-dorpdown-3 {
left:-250px;   
}


/*.dropdown-menu.font-awesome-dorpdown-3 {

left: -120px;

}*/



.font-awesome-dorpdown-3 i {

color: #9dda32;

font-size: 16px;

margin: 0px 10px 0px 0px; 

}



.dashboard-top-icon {

padding:0px 0px 27px 0px;  

}



.dashboard-top-icon i {

font-size: 22px;

width: 40px;

height: 40px;

border-radius: 50%;

background: #9dda32;

color: #fff;

text-align: center;

padding: 7px 0px 0px 0px;

}



.dashboard-admin-icon {

width:40px;

height:40px;

border-radius:50%;

padding: 0px 0px 65px 0px; 

}



.dashboard-admin-icon img {

width:40px;

height:40px;

border-radius:50%;  

object-fit:cover; 

}



.dropdown-massege-area {

border-bottom: 1px solid #cdcdcd;

padding:10px 0px 5px 0px; 

display:flex; 

}



.dropdown-massege-area a {

display:flex;

width:100%;

}



.dropdown-massege-area:last-child {

border-bottom:none;  

}





.dropdown-massege-pic img {

width:40px;

height:40px;

border-radius:50%;  

margin: 0px 10px 0px 0px;

}



.instructor-dashboard-left-side ul {

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px;

}



.instructor-dashboard-left-side ul li {

list-style:none;

display:inline-block;  

margin:20px 0px 0px 25px;

padding: 0px 0px 0px 0px;

}





.dashboard-user-box {

text-align:center; 

}





.dashboard-user-dtsl img {

width: 40px;

height: 40px;

border-radius: 50%;

object-fit: cover; 

}



.dashboard-user-box p {

margin:5px 0px 0px 0px;

padding:0px 0px 0px 0px;

color:#212529; 

font-size:16px; 

}



.instructor-dashboard-brand .toggle-style{

color:#9dda32;

border: 2px solid #9dda32;

padding: 2px 10px 2px 10px;

border-radius: 5px;  

}





.instructor-dashboard-brand a {

 margin:0px 90px 0px 0px; 

}





#wrapper {

padding-left: 0;

transition: all 0.5s ease;

position: relative;

}



#sidebar-wrapper {

/*z-index:1000;*/

position: fixed;

left: 250px;

width: 0;

margin-left: -250px;

overflow-y: auto;

overflow-x: hidden;

background:#2d2c2c;

transition: all 0.5s ease;

top:77px;

height:90%;

}



#sidebar-wrapper::-webkit-scrollbar-track {

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

background-color:#2d2c2c; 

}



#sidebar-wrapper::-webkit-scrollbar {

width: 6px;

background-color:#2d2c2c;

}



#sidebar-wrapper::-webkit-scrollbar-thumb {

background-color:#2d2c2c;

}





#wrapper.toggled #sidebar-wrapper {

width: 250px;

}



.sidebar-brand {

position: absolute;

top: 0;

width: 250px;

text-align: center;

padding: 20px 0;

}

.sidebar-brand h2 {

margin: 0;

font-weight: 600;

font-size: 24px;

color: #fff;

}



.sidebar-nav {

position: absolute;

top:10px;

width: 250px;

margin: 0;

padding: 0;

list-style: none;

}



.sidebar-nav > li {

text-indent: 10px;

line-height: 50px;

border-bottom: 1px solid #cccccc17;

}



.sidebar-nav > li a {

display: block;

text-decoration: none;

color: #fff;

font-weight: 400;

font-size: 14px;

letter-spacing: 1px;

}



.sidebar-nav > li > a:hover,

.sidebar-nav > li.active > a {

text-decoration: none;

color: #fff;

background: #9dda32;

}



.sidebar-nav > li > a i.fa {

font-size:17px;

width:35px;

font-weight: normal;

}



#navbar-wrapper {

  width: 100%;

  position: absolute;

  z-index: 2;

}

#wrapper.toggled #navbar-wrapper {

  position: absolute;

  margin-right: -250px;

}

/*#navbar-wrapper .navbar {

border-width: 0 0 0 0;

background-color: #eee;

font-size: 24px;

margin-bottom: 0;

border-radius: 0;

}*/

#navbar-wrapper .navbar a {

color: #757575;

}

#navbar-wrapper .navbar a:hover {

color: #F8BE12;

}



#content-wrapper {

width: 100%;

position: absolute;

padding:0px;

top: 100px;

background:#f9f9f9;
}

#wrapper.toggled #content-wrapper {

position: absolute;

margin-right: -250px;

}



@media (min-width: 992px) {

#wrapper {

padding-left: 250px;

}



#wrapper.toggled {

padding-left: 60px;

}



#sidebar-wrapper {

width: 250px;

}



#wrapper.toggled #sidebar-wrapper {

width: 60px;

}



#wrapper.toggled #navbar-wrapper {

position: absolute;

margin-right: -190px;

}



#wrapper.toggled #content-wrapper {

position: absolute;

margin-right: -190px;

}



#navbar-wrapper {

position: relative;

}



#wrapper.toggled {

padding-left: 60px;

}



#content-wrapper {

position: relative;

top: 0;

}



#wrapper.toggled #navbar-wrapper,

#wrapper.toggled #content-wrapper {

position: relative;

margin-right: 60px;

}

}



@media (min-width: 768px) and (max-width: 991px) {

#wrapper {

padding-left: 60px;

}



#sidebar-wrapper {

width: 60px;

}



#wrapper.toggled #navbar-wrapper {

position: absolute;

margin-right: -250px;

}



#wrapper.toggled #content-wrapper {

position: absolute;

margin-right: -250px;

}



#navbar-wrapper {

position: relative;

}



#wrapper.toggled {

padding-left: 250px;

}



#content-wrapper {

position: relative;

top: 0;

}



#wrapper.toggled #navbar-wrapper,

#wrapper.toggled #content-wrapper {

position: relative;

margin-right: 250px;

}

}



@media (max-width: 767px) {

#wrapper {

padding-left: 0;

}



#sidebar-wrapper {

width: 0;

}



#wrapper.toggled #sidebar-wrapper {

width: 250px;

}

#wrapper.toggled #navbar-wrapper {

position: absolute;

margin-right: -250px;

}



#wrapper.toggled #content-wrapper {

position: absolute;

margin-right: -250px;

}



#navbar-wrapper {

position: relative;

}



#wrapper.toggled {

padding-left: 250px;

}



#content-wrapper {

position: relative;

top: 0;

}



#wrapper.toggled #navbar-wrapper,

#wrapper.toggled #content-wrapper {

position: relative;

margin-right: 250px;

}

}



.dashboard-footer-logo-area {

text-align:center;

margin:40px 0px 0px 0px;

padding:10px 0px 10px 0px;

background:#fff; 

}



.dashboard-footer-logo-area img {

width:5%;  

}



.dashboard-footer-logo-area p {
right: 0;
left: 0;
font-weight: 500;
/*position: absolute;*/
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
}



.dashboard-footer-logo-area p a {

color:#78b906fa;  

}



.profile-dropdown-menu {

position:relative;  

}



.profile-dropdown-menu:after {

display: block;

position: absolute;

top: 50%;

right:12%;

transform: translateY(-50%);

}



.profile-dropdown-menu:after {

display: inline-block;

margin-left: .255em;

vertical-align: .255em;

content: "";

border-top: 7px solid;

border-right: 7px solid transparent;

border-bottom: 0;

border-left: 7px solid transparent;

}



.profile-submenu-dtls li a i {

font-size: 15px;

width:20px;

font-weight: normal;

margin:5px 0px 0px 0px;

}



.profile-submenu-dtls  {

margin: 0px 0px 0px 10px;

list-style: none; 

}



.profile-submenu-dtls li a {
font-size:12px; 
display:flex;
padding:7px 0px 7px 0px;

}



.active-bg {
 background: #9dda32; 
}





/*student tutor view tooltip start css*/



.tutor-to-student-btn {

font-weight: 600;

font-size: 16px;

color:#505050;

padding: 5px 8px 5px 8px;

border: 2px solid #fff;
margin: 0px 0px 25px 0px;
}



.tutor-to-student-btn:hover {

color: #9dda32;

border: 2px solid #9dda32;

border-radius: 5px;

}



.tutor-student-tooltip-col {

position: relative;

display: inline-block;

cursor:pointer;

text-align:center;

}



.tutor-student-tooltiptext3 {

visibility: hidden;

width: 280px;

background-color: #9dda32;

color: #fff;

text-align: center;

border-radius: 6px;

padding: 5px 10px;

box-sizing: border-box;

position: absolute;

z-index: 1;

top:55px;

right: -30px;

font-size: 15px;

font-weight: 500;

text-transform: capitalize;

}



.tutor-student-tooltiptext3:after {

content: "";

position: absolute;

top: -20px;

right: 35px;   

border-width: 10px;

border-style: solid;

border-color: transparent transparent #9dda32 transparent;

}



.tutor-student-tooltip-col:hover .tutor-student-tooltiptext3 {

visibility: visible;

}



/*student tutor view tooltip end css*/

/**/




.tutor-student-tooltip-col1 {

position: relative;

display: inline-block;

cursor:pointer;

text-align:center;

}



.tutor-student-tooltiptext4 {

visibility: hidden;

width: 280px;

background-color: #9dda32;

color: #fff;

text-align: center;

border-radius: 6px;

padding: 5px 10px;

box-sizing: border-box;

position: absolute;

z-index: 1;

top:-20px;

right: -300px;

font-size: 15px;

font-weight: 500;



}



.tutor-student-tooltiptext4:after {

content: "";

position: absolute;

top: 10px;

left: -10px;   

border-width: 10px;

border-style: solid;

border-color: transparent transparent #9dda32 transparent;

}



.tutor-student-tooltip-col1:hover .tutor-student-tooltiptext4 {

visibility: visible;

}
/**/



/*Side Bar Menu end here*/ 







/*Tutor Dashboar new desing css start here*/



.dashboard-heading-info h4 {

text-align:center;

text-transform:uppercase;

padding:120px 0px 35px 0px;

margin:0px 0px 0px 0px;

}



.dashboard-portfolio-performance {

background:#fff;

width:100%;

padding:10px;

}



.dashboard-portfolio-performance h4 {

font-size:20px;  

}



.portfolio-performance-btn {

background-color: #9dda32;

outline: none;

padding:5px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

position: absolute;

right: 40px;

}



.portfolio-performance-btn:hover {

background:none;

color: #9dda32;

border: 2px solid #9dda32;   

}



.dashboard-revenu-icon {

margin: 3px 0px 0px 0px;

}



.dashboard-revenu-icon i {

font-size: 20px;

background: #9dda32;

border-radius: 50%;

width: 35px;

height: 35px;

color: #fff;

text-align: center;

padding: 7px 0px 0px 0px;

margin: 20px 5px 0px 0px; 

}



.dashboard-revenu-performance {

display:flex;

margin:40px 0px 0px 0px;

background: #f9f9f9;

padding:12px;  

}





.dashboard-revenu-content p {

margin:0px 0px 5px 0px;

padding:0px 0px 0px 0px;

font-weight:600;

font-size:13px;  

}



.dashboard-revenu-content p  i {

margin: 0px 5px 0px 0px;

padding:0px 0px 0px 0px;

color: #9dda32;

font-weight: 600;  

}



.dashboard-revenu-content p span {

margin:0px 5px 0px 0px;

padding:0px 0px 0px 0px;

font-weight:600;  

}



.dashboard-complete-report-area {

text-align:center;

margin:50px 0px 30px 0px;  

}



.view-complete-report-btn {

background-color: #9dda32;

outline: none;

padding:5px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

}



.view-complete-report-btn:hover {

background:none;

color: #9dda32;

border: 2px solid #9dda32;   

}



.dashboard-polyline-revenue {

width:100%;  

background:#fff;

margin:50px 0px 0px 0px;

padding: 10px;

height:200px;

border-bottom:3px solid #9dda32;   

}



.dashboard-polyline-revenue h4 {

font-size:20px;  

}



.dashboard-polyline-revenue p {

font-size:13px;

font-weight:600;  

}



.dashboard-polyline-revenue img {

width:100%;  

}



.dashboard-view-liked-info-area {

width:100%; 

background:#fff;

margin:50px 0px 15px 0px;

padding: 10px;  

}



.dashboard-view-liked-area {

display:flex;  

}



.dashboard-view-liked-icon i {

font-size: 25px;

background: #9dda32;

border-radius: 50%;

width: 45px;

height: 45px;

color: #fff;

text-align: center;

padding:10px 0px 0px 0px;

margin: 0px 15px 0px 0px; 

}





.dashboard-view-liked-content h4 {

margin:12px 0px 0px 0px;

padding:0px 0px 0px 0px;

font-size:20px;  

}





.dashboard-my-student-heading {

width:100%;  

}



.dashboard-my-student-heading h4 {

margin:30px 0px 15px 0px; 

font-size:20px; 

}



.dashboard-my-student-area .table-bordered td {

font-weight:500;  

}



.dashboard-my-student-area {

width:100%;  

background:#fff;

padding:10px;

margin:0px 0px 0px 0px;  

}



.dashboard-studnet-btn-area {

text-align:center; 

margin:30px 0px 30px 0px; 

}



.student-view-btn {

background-color: #9dda32;

outline: none;

padding: 5px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;  

}



.student-view-btn:hover {

background: none;

color: #9dda32;

border: 2px solid #9dda32;

}



.dashboard-order-history-heading h4 {

margin:40px 0px 20px 0px;

padding:0px 0px 0px 0px;

font-size:20px;   

}



.dashboard-order-history-area {

width: 100%;

background: #fff;

padding: 10px;

margin: 0px 0px 0px 0px;  

}



.dashboard-my-student-area .table.table-bordered tr th {

text-align: center;

vertical-align: middle;

line-height: 20px;

}



.dashboard-order-history-area .table-bordered th {

vertical-align:middle;

}



.dashboard-order-history-area .table-bordered td {

font-weight:500;  

}



.dashboard-my-student-area .table-bordered .tutor-dashboard-student-sn {

width:7%;  

}



/*.dashboard-my-student-area .table-bordered .tutor-dashboard-student-cc {

width:17%;  

}*/



.dashboard-order-history-area .table-bordered td {

vertical-align:middle;

}



.order-view-delete-width {

width:10%;  

}



.dashboard-booking-summary-area td span {

font-size: 10px;

color: #80bb17;

font-weight: bold;

margin: 0px 1px 0px 0px;

letter-spacing: 2px;  

}



.order-history-view-btn {

background: #9dda32;

padding: 0px 9px 2px 9px;

border-radius: 5px;

color: #fff;  

}



.order-history-view-btn:hover {

color:#fff;  

}



.order-history-view-tooltip {

position: relative;

display: inline-block; 

}



.order-history-view-tooltip .order-history-view-tooltiptext {
width: 150px;
visibility:visible;

background:#9dda32;

color: #fff;

text-align: center;

border-radius: 6px;

padding:0px 10px 0px 10px;

position: absolute;

z-index: 1;

opacity: 0;

transition: opacity 0.3s;

top: -30px;

right: -60px;
}



.order-history-view-tooltip .order-history-view-tooltiptext:after {

content: "";

position: absolute;

top: 100%;

left: 50%;

margin-left: -5px;

border-width: 5px;

border-style: solid;

border-color: #000 transparent transparent transparent;

}



.order-history-view-tooltip:hover .order-history-view-tooltiptext {

visibility: visible;

opacity: 1;

}




.order-history-view-tooltip .order-history-view-tooltiptext:after {

content: "";

position: absolute;

top: 100%;

left: 50%;

margin-left: -5px;

border-width: 5px;

border-style: solid;

border-color:#9dda32 transparent transparent transparent;

}



.order-history-view-tooltip:hover .order-history-view-tooltiptext {

visibility: visible;

opacity: 1;

}



.order-history-btn-area {

text-align:center;

margin:30px 0px 30px 0px;  

}



.order-history-rpt-btn {

background-color: #9dda32;

outline: none;

padding: 5px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32; 

}



.order-history-rpt-btn:hover {

background:none;

color:#9dda32;

border:2px solid #9dda32; 

}



.dashboard-booking-summary h4 {

margin:40px 0px 20px 0px;

padding:0px 0px 0px 0px; 

font-size:20px; 

}



.dashboard-booking-summary-area {

width: 100%;

background: #fff;

padding: 10px;

margin: 0px 0px 0px 0px;  

}



.dashboard-booking-summary-area .table-bordered th {

vertical-align:middle;  

}



.dashboard-booking-summary-area .table-bordered td {

vertical-align:middle; 

font-weight:500;  

}



.booking-summary-btn-area {

text-align:center;

margin:45px  0px 30px 0px;  

}



.summary-view-btn {

background-color: #9dda32;

outline: none;

padding: 5px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;  

}



.summary-view-btn:hover {

background: none;

color: #9dda32;

border: 2px solid #9dda32;  

}





.dashboard-withdraw-new-heading {

width:100%;  

}



.dashboard-withdraw-new-heading h4 {

margin:40px 0px 20px 0px; 

font-size:20px; 

}



.dashboard-withdraw-info-area {

width:100%;  

background:#fff;

padding:10px;

margin:0px 0px 0px 0px;  

}



.dashboard-withdraw-info-area .table-bordered td {

font-weight:500;  

}



.dashboard-withdraw-view-report {

text-align:center; 

margin:45px 0px 30px 0px; 

}



.withdraw-View-btn {

background-color: #9dda32;

outline: none;

padding: 5px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;  

}



.withdraw-View-btn:hover {

background: none;

color: #9dda32;

border: 2px solid #9dda32;

}





.dashboard-course-new-heading {

width:100%;  

display:flex;

margin:40px 0px 0px 0px;  

}



.dashboard-course-heading-icon i {

font-size: 25px;

background: #9dda32;

border-radius: 50%;

width: 45px;

height: 45px;

color: #fff;

text-align: center;

padding: 9px 0px 0px 0px;

margin: 0px 10px 0px 0px;  

}



.dashboard-course-heading-text h4 {

margin: 12px 0px 25px 0px;

padding:0px 0px 0px 0px; 

font-size:20px; 

}



.dashboard-course-detail-area {

width:100%;

background:#fff;

padding: 15px 0px 10px 10px;

border: 1px solid #cdcdcd94; 

}



.dashboard-learing-course h5 {

font-size:15px;

font-weight:500;

}



.dashboard-learing-course span {

float: right;

font-size: 20px;

font-weight: 600;

margin: 0px 15px 0px 0px;  

}



.dashboard-course-divder-line {

width: 98%;

border: 1px solid #cdcdcd54;

margin: 10px 0px 15px 6px;

}





.dashboard-partner-heading h4 {

margin:40px 0px 20px 0px;

font-size:20px;  

}



.dashboard-partner-tutor .table-bordered th {

vertical-align:middle;

} 



.dashboard-partner-tutor .table-bordered td {

vertical-align:middle;

font-weight:500;

} 





.dashboard-partner-tutor {

background:#fff;

padding:10px;  

}



.dashboard-partner-view-report {

text-align:center;

margin:45px 0px 30px 0px;  

}



.partner-view-btn {

background-color: #9dda32;

outline: none;

padding: 5px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;  

}



.partner-view-btn:hover {

background: none;

color: #9dda32;

border: 2px solid #9dda32;  

}



.dashboard-tutor-students-chart img {

width:100%; 

margin:40px 0px 0px 0px; 

}





.dashboard-online-class-history h4 {

margin: 40px 0px -5px 0px;

padding: 0px 0px 0px 0px;

font-size:20px;  

}



.dashboard-online-class-main-box {

display: flex;

padding: 10px;

margin:30px 0px 15px 0px;

-webkit-box-shadow: 0 10px 25px 0 rgba(50,50,93,.07), 0 5px 15px 0 rgba(0,0,0,.07);

box-shadow: 0 10px 25px 0 rgba(50,50,93,.07), 0 5px 15px 0 rgba(0,0,0,.07); 

}



.dashboard-online-class-img {

width:100%;

overflow: hidden;

margin: 0px 10px 0px 0px;

}



.dashboard-online-class-img img {

object-fit: cover;

width: 100%;

height:290px;

}



.dashboard-online-class-admin img {

width: 40px;

border-radius: 50%;

float: left;

margin-right: 10px;

height: 40px;

object-fit: cover;  

}



.dashboard-online-class-admin h5 {

padding:8px 0px 0px 0px;  

}





.dashboard-online-class-content {

display: inline-block;

}



.dashboard-online-class-content h4 {

font-size:15px;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}



.dashboard-online-class-content p {

margin: 0px 0px 5px 0px;

padding: 0px 0px 0px 0px;

}



.dashboard-online-class-content ul {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}



.dashboard-online-class-content ul li {

list-style: none;

display: inline-block;

font-size: 14px; 

}



.dashboard-online-class-content ul li i {

color: #9dda32;

margin: 0px 0px 0px 0px;

}



.dashboard-online-class-content ul li span {

color: #505050;

margin-left: 5px;

font-size: 14px;

}



.dashboard-online-class-content .skill-level {

margin: 0px 5px 0px 0px;  

}



.dashboard-online-class-status ul {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}





.dashboard-online-class-status ul li {

display: inline-block;

list-style: none;

text-transform: capitalize;

font-size: 14px;

margin-right: 13px;

/*margin-top: 5px;*/

}



.dashboard-online-class-status ul li i {

color: #9dda32;

font-size: 16px;

margin: 0px 5px 0px 0px;

}





.dashboard-online-class-btn ul {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px; 

}





.dashboard-online-class-btn ul li {

display: inline-block;

list-style: none;

margin:10px 10px 0px 0px;

padding: 0px 0px 0px 0px;  

}





.dashboard-online-class-btn ul li a i {

margin: 0px 10px 0px 0px;

padding: 0px 0px 0px 0px;

}



.dashboard-online-class-view-btn {

background-color: #9dda32;

outline: none;

padding: 5px 15px;

color: #fff;

font-size: 14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32; 

}





.dashboard-online-class-view-btn:hover {

background: none;

color: #9dda32;  

}





.dashboard-online-class-edit-btn {

background-color: #9dda32;

outline: none;

padding: 5px 16px;

color: #fff;

font-size: 14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

}



.dashboard-online-class-edit-btn:hover {

background: none;

color: #9dda32;

}





.dashboard-online-class-delete-btn {

background-color: #9dda32;

outline: none;

padding: 5px 10px;

color: #fff;

font-size: 14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

}



.dashboard-online-class-delete-btn:hover {

background: none;

color: #9dda32;

}





.instructor-dashboard-silder-area h4 {

margin: 45px 0px 25px 0px;

padding: 0px 0px 0px 0px;

font-size: 20px;  

}





.instructor-dashboard-slider-item .carousel-wrap {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

width: 100%;

position: relative;

}



/* fix blank or flashing items on carousel */

.instructor-dashboard-slider-item .owl-carousel .item {

position: relative;

z-index: 100; 

-webkit-backface-visibility: hidden; 

}



/* end fix */



.instructor-dashboard-slider-item .owl-nav {

position: absolute;

right: 30px;

top:-25px;

}

.instructor-dashboard-slider-item .owl-nav > div {

margin-top: -26px;

position: absolute;

top: 50%;

color: #cdcbcd;

}





.instructor-dashboard-slider-item .owl-nav .owl-prev {

left: -80px;

}



.instructor-dashboard-slider-item .owl-nav .owl-next {

right: -30px;

}



.instructor-dashboard-slider-item .owl-nav i {

font-size: 25px;

background: #9dda32;

padding:5px 15px 5px 15px;

color: #fff;

}



.dahsobard-course-releted-area {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}



.dahsobard-course-img-info-area {

overflow: hidden;

}



.dahsobard-course-img-info-area img {

width: 100%;

transition: all 0.9s ease;

height: 200px;

object-fit: cover;

border-radius: 5px 5px 0px 0px;

}



.dahsobard-course-info-dtls {

background: #ffffff;

padding: 10px 0px 0px 5px;

border: 1px solid #cdcdcd;

}



.dahsobard-course-tutor-img-area {

width: 100%;

display: inline-block;

margin: 0px 0px 10px 0px;

}



.dahsobard-course-tutor-img-area img {

width: 40px !important;

border-radius: 50%;

float: left;

margin-right:10px;

height: 40px;

object-fit: cover;

}



.dahsobard-course-tutor-img-area h6 {

padding:12px 0px 0px 0px;

}



.dahsobard-course-short-content p {

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px; 

font-weight:500; 

}



.dahsobard-course-short-content ul {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}



.dahsobard-course-short-content ul li {

list-style: none;

display: inline-block;

font-size: 15px;

color: #9dda32;

}



.dahsobard-course-short-content ul li span {

color: #505050;

margin-left: 11px;

font-size: 14px;

}



.dahsobard-course-bottom-info {

border-top: 1px solid #e2e0e0;

padding: 16px 0px 14px 0px;

margin:10px 0px 0px 0px;

}



.dahsobard-course-bottom-info ul {

margin-bottom: 0px;

}



.dahsobard-course-bottom-info ul li {

display: inline-block;

list-style: none;

text-transform: capitalize;

font-size: 13px;

margin-right:5px;

}



.dahsobard-course-bottom-info ul li i {

margin: 0px 5px 0px 0px;

padding: 0px 0px 0px 0px;

}





.dahsobard-course-bottom-info ul li span {

font-size: 15px;

font-weight: 600;

}



/*1 on 1 tutor matching css start here*/



.select-sub-categry-area {

width: 90%;

margin: auto;

background: #fff;

padding: 30px 80px 20px 80px; 

}



.sub-categry-input-box {

 margin:10px 0px 20px 0px; 

}



.sub-categry-input-box label {

 font-size:16px;

 font-weight:600;

 margin: 0px 0px 10px 0px; 

}



.category-subject-submit-btn-area {

text-align:center; 

}



.category-subject-submit-btn {

background-color: #9dda32;

outline: none;

padding: 7px 30px;

color: #fff;

font-size: 20px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

margin: 20px 0px 0px 0px; 

}



.category-subject-submit-btn:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32;

} 



.manage-subject-btn-area {

 text-align:right; 

}



.manage-subject-btn {

background-color: #9dda32;

outline: none;

padding: 5px 10px;

color: #fff;

font-size:15px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32; 

}





.manage-subject-btn:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32; 

}



.manage-subject-sub-categry-area {

width: 90%;

margin:40px; auto;

background: #fff;

padding: 30px 80px 20px 80px; 

}





.manage-course-main-dtls {

-webkit-box-shadow: 0 10px 25px 0 rgb(50 50 93 / 7%), 0 5px 15px 0 rgb(0 0 0 / 7%);

box-shadow: 0 10px 25px 0 rgb(50 50 93 / 7%), 0 5px 15px 0 rgb(0 0 0 / 7%);  

}



.manage-sub-subjects-dtls p {

margin:0px 0px 15px 0px;

padding:0px 0px 0px 0px;

font-weight:500; 

font-size:18px; 

}





.manage-sub-subjects-dtls span {

font-weight:600;

color:#505050;  

}



/*1 on 1 tutor matching css end here*/







/*Tutor Dashboar new desing css end here*/







/*manage courses page css start here*/



.manage-all-courses-heding h5 {

margin:15px 0px 0px 0px; 

padding:0px 0px 0px 0px; 

text-align:right;  

}



.select-form {

margin:10px 0px 0px 0px; 

padding:0px 0px 0px 0px;  

position:relative;

}



.select-form select {

font-size:14px;

border: 2px solid #cdcdcd;

outline: none;

width:30%;

padding: 6px;

color: #505050;

border-radius: 5px;

font-weight:500;

margin: 0px 25px 0px 5px;

}



.manage-create-courses-area .manage-create-courses-btn {

background-color: #9dda32;

outline: none;

padding: 4px 5px;

color: #fff;

font-size:14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32; 

position: absolute;

bottom: 0;

right:20px;

}



.manage-create-courses-area .manage-create-courses-btn:hover{

background: none;

border: 2px solid #9dda32; 

color:#9dda32;

}



/*.dashboard-bg-area {

width:100%;

background-color: #f9f9f9;  

}*/



.manage-course-area {

display:flex; 

padding:10px;

margin:35px 0px 0px 0px;

-webkit-box-shadow:0 10px 25px 0 rgba(50,50,93,.07), 0 5px 15px 0 rgba(0,0,0,.07);

box-shadow: 0 10px 25px 0 rgba(50,50,93,.07), 0 5px 15px 0 rgba(0,0,0,.07); 

}



.manage-course-admin img {

width: 40px;

height: 40px;

float: left;

display: inline-block;

border-radius: 50%;

margin: 0px 10px 0px 0px; 

object-fit:cover;

}



.manage-course-admin h5 {

padding:9px 0px 15px 0px;

font-size:16px;  

}



.manage-course-dtls {

display:inline-block;  

}



.manage-course-dtls h4 {

font-size:16px;

margin:0px 0px 5px 0px;

padding:0px 0px 0px 0px;  

}



.manage-course-pic {

width:50%;

overflow:hidden;

margin: 0px 15px 0px 0px;  

}



.manage-course-pic img {

object-fit:cover;

width:100%;

height:178px;

}



.manage-course-dtls p {

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px;  

}



.manage-course-dtls ul {

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px;  

}



.manage-course-dtls ul li {

list-style: none;

display: inline-block;

font-size:16px;

color: #9dda32;

margin:0px 0px 2px 0px; 

}



.manage-course-dtls ul li span {

color: #505050;

margin-left: 11px;

font-size: 14px;

}



.manage-course-status ul {

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px;

}



.manage-course-status ul li {

display: inline-block;

list-style: none;

text-transform: capitalize;

font-size:14px;

margin-right: 13px;

}



.manage-course-status ul li i {

color: #9dda32; 

font-size:16px;

margin: 0px 5px 0px 0px;

}



.manage-course-status ul li span {

font-size:14px;

font-weight:500;

}



.manage-course-three-btn ul {

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px;  

}



.manage-course-three-btn ul li {

display:inline-block;

list-style:none;  

margin: 20px 10px 0px 0px;

padding:0px 0px 0px 0px;  

}



.manage-course-three-btn ul li a i {

margin:0px 10px 0px 0px;

padding:0px 0px 0px 0px;   

}



.course-view-btn {

background-color: #9dda32;

outline: none;

padding: 5px 15px;

color: #fff;

font-size:14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32; 

}



.course-view-btn:hover {

background: none;

border: 2px solid #9dda32;

color:#9dda32;  

}



.course-edit-btn {

background-color: #9dda32;

outline: none;

padding: 5px 16px;

color: #fff;

font-size:14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32; 

}



.course-edit-btn:hover {

background: none;

border: 2px solid #9dda32;

color:#9dda32;  

}



.course-delete-btn {

background-color: #9dda32;

outline: none;

padding: 5px 10px;

color: #fff;

font-size:14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;   

}



.course-delete-btn:hover {

background: none;

border: 2px solid #9dda32;

color:#9dda32;  

}



/*manage courses page css end here*/







/*dashboard notifications page css start here*/



.dashboard-notification-info-area {

 margin:0px 0px 0px 0px;

 padding:0px 0px 0px 0px; 

}



.dashboard-notification-info-area h4 {

text-align: center;

text-transform: uppercase;

margin: 90px 0px 20px 0px; 

}



.dashboard-notification-tab-area {

background:#fff;

padding:50px; 

width:90%;

margin:auto;

height:500px;

overflow: auto;

}



.dashboard-notification-tab {

float:left;

width:40%;

margin-right: 20px;

border-bottom: 0;

border-right: 1px solid #ddd;

padding-right: 15px;

height: 540px;

overflow: auto; 

}



.dashboard-notification-tab .nav-tabs .nav-item {

width: 100%;

border-bottom: 1px solid #cdcdcd;

}



.dashboard-notification-tab .nav-tabs .nav-item .nav-link {

padding: 15px 0px 15px 0px;

}



.dashboard-notification-tab .nav-tabs .nav-item .nav-link.active{

background:none;

border:none;  

}



.dashboard-notification-img-box {

width: 80px;

height: 80px;

background: #b3aeae1a;

border-radius: 50%;

float: left;

margin: 0px 20px 0px 0px;

overflow: hidden;

}



.dashboard-notification-img-box img {

width: 80%;

margin: 10px 0px 0px 7px;

object-fit: cover;

}



.dashboard-notification-sender-dtls span {

font-size: 14px;

float: right;

margin: 0px 0px 0px 0px;  

}



.dashboard-notification-sender-dtls span i {

font-size: 17px;

float: right;

margin: 0px 0px 0px 10px;

}



.dashboard-notification-sender-dtls p {

margin: 0px 0px 10px 0px;

font-weight: bold;

}



.dashboard-notification-sender-dtls h6 {

font-size: 14px;

line-height: 20px;

font-weight: 500;

}



.dashboard-notification-detail-area p {

font-size: 15px;

margin:15px 0px 15px 0px;

}



.dashboard-notification-detail-area h6 {

color: #9dda32;

font-size: 18px; 

}



.dashboard-notification-content-block {

height:540px;

overflow:auto;  

}



.dashboard-notification-sender-img {

width:60px;

height:60px;

background: #b3aeae1a;

border-radius: 50%;

float: left;

margin: 0px 20px 0px 0px;

overflow: hidden; 

}



.dashboard-notification-sender-img img {

width:60px;

object-fit: cover; 

height:60px;

}



.dashboard-notification-sender-area span {

font-size: 14px;

float: right;

margin: 15px 0px 0px 0px;

font-weight:600;

}



.dashboard-notification-sender-area span i {

font-size:17px;

float: right;

margin: 5px 10px 0px 10px;

color:#9dda32;

}



.dashboard-notification-sender-area h5 {

font-size:17px;

padding: 10px 0px 5px 0px;

margin: 0px 0px 0px 0px;  

text-transform:capitalize;

}



/*.dashboard-notification-detail-areah5 {

margin:0px 0px 0px 0px;

padding: 15px 0px 15px 0px; 

}*/





.dashboard-notification-detail-area {

padding:0px 0px 0px 0px; 

}



.dashboard-notification-detail-area h5 {

font-size: 20px;

text-transform: capitalize;

}



.dashboard-notification-divider-area {

border-bottom:1px solid #cdcdcd; 

margin: 0px 0px 30px 0px;

padding: 0px 0px 20px 0px;

}



.dashboard-notification-view-coursebtn-area {

 text-align:right; 

}





.dashboard-notification-view-course-btn {

background-color: #9dda32;

outline: none;

padding: 2px 5px;

color: #fff;

font-size:14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

margin-top: 0px; 

}





.dashboard-notification-view-course-btn:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32; 

}



/*dashboard notifications page css end here*/









/*dashboard Earning page css start here*/



.dashboard-earning-heading-info h4 {

text-align: center;

text-transform: uppercase;

padding: 110px 0px 20px 0px;

margin: 0px 0px 0px 0px;

}



.tutor-earning-section {

margin: 0px 0px 20px 0px;

padding: 0px 0px 0px 0px;

background: #fff;

}



.tutor-earning-main-box {

display: flex;

padding: 10px 0px 5px 15px;

}



.tutor-earning-icon i {

font-size: 30px;

background: #9dda32;

border-radius: 50%;

width: 50px;

height: 50px;

color: #fff;

text-align: center;

padding: 10px 0px 0px 0px;

margin: 0px 10px 0px 0px;

}



.tutor-earning-content h5 {

font-size: 17px;

}





.tutor-earning-content span {

font-size: 20px;

}





/*graph css start here */

.tutor-earning-graph-area img {

 width:100%;

 object-fit:cover;

 margin: 20px 0px 0px 0px; 

}



/*graph css end here*/





/*dashboard Earning page css end here*/











/*dashboard class booking dtls page css start here*/

.dashboard-class-booking-dtls h4 {

text-align: center;

text-transform: uppercase;

padding: 110px 0px 20px 0px;

margin: 0px 0px 0px 0px;

}



.class-booking-admin-dtls {

display:flex;  

}



.class-booking-admin {

width:40px;

height:40px;

margin: 0px 10px 0px 0px;

}



.class-booking-admin img {

width:40px;

height:40px;

border-radius:50%;   

object-fit:cover;

}



.class-booking-admin-dtls p {

margin: 10px 0px 0px 0px;

font-weight:500;

color:#212529; 

}



.class-booking-summary-table .table-bordered {

overflow-x:scroll;

display:block;  

}





.class-booking-summary-table .table-bordered th {

padding:10px;  

vertical-align:middle;

}



.class-booking-summary-table .table-bordered .class-booking-summary-sn {

width:6%;  

}



.class-booking-summary-table .table-bordered td {

vertical-align:middle;

font-weight:500;

padding:10px;  

}



.view-delete-width {

width:10%;  

}





.class-summary-view-btn {

background: #9dda32;

padding: 0px 10px 2px 10px;

border-radius: 5px;

color: #fff;

}



.class-summary-view-btn:hover {

color:#fff;

}



.class-view-tooltip {

position: relative;

display: inline-block;

}





.class-view-tooltip .class-summary-view-tooltiptext {

visibility: visible;

background: #000;

color: #fff;

text-align: center;

border-radius: 6px;

padding: 0px 10px 0px 10px;

position: absolute;

z-index: 1;

opacity: 0;

transition: opacity 0.3s;

top: -30px;

right: -10px;

}



.class-view-tooltip:hover .class-summary-view-tooltiptext {

visibility: visible;

opacity: 1;

}



.class-view-tooltip .class-summary-view-tooltiptext:after {

content: "";

position: absolute;

top: 100%;

left: 50%;

margin-left: -5px;

border-width: 5px;

border-style: solid;

border-color: #000 transparent transparent transparent;

}



/*dashboard class booking dtls page css end here*/









/*dashboard manage live classes page css start here*/

.dashboard-class-heading-info h4 {

text-align: center;

text-transform: uppercase;

padding: 110px 0px 20px 0px;

margin: 0px 0px 0px 0px;

}



.manage-live-classes-short h5 {

margin: 15px 0px 0px 0px;

padding: 0px 0px 0px 0px;

text-align: right;

}



.classes-select-form {

margin: 10px 0px 0px 0px;

padding: 0px 0px 0px 0px;

position: relative;

}



.classes-select-form select {

font-size: 14px;

border: 2px solid #cdcdcd;

outline: none;

width: 30%;

padding: 6px;

color: #505050;

border-radius: 5px;

font-weight: 500;

margin: 0px 25px 0px 5px;

}



.manage-live-classes-btn {

background-color: #9dda32;

outline: none;

padding: 4px 5px;

color: #fff;

font-size: 14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

position: absolute;

bottom: 0;

right: 125px;  

}



.manage-live-classes-btn:hover {

background:none;

color:#9dda32;  

}



.manage-live-classes-area {

display: flex;

padding: 10px;

margin: 35px 0px 0px 0px;

-webkit-box-shadow: 0 10px 25px 0 rgba(50,50,93,.07), 0 5px 15px 0 rgba(0,0,0,.07);

box-shadow: 0 10px 25px 0 rgba(50,50,93,.07), 0 5px 15px 0 rgba(0,0,0,.07);

}



.manage-live-classes-pic {

width: 50%;

overflow: hidden;

margin: 0px 15px 0px 0px;

}



.manage-live-classes-pic img {
object-fit: cover;
width: 100%;
height:260px;
}



.manage-live-classes-admin img {

width: 40px;

height: 40px;

float: left;

display: inline-block;

border-radius: 50%;

margin: 0px 10px 5px 0px;

object-fit: cover;

}



.manage-live-classes-admin h5 {

padding: 9px 0px 0px 0px;

font-size: 16px;

}



.manage-live-classes-content {

display: inline-block;

}



.manage-live-classes-content h4 {

font-size: 16px;

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}



.manage-live-classes-content p {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}



.manage-live-classes-content ul {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}



.manage-live-classes-content ul li {

list-style: none;

display: inline-block;

font-size:14px;

}



.manage-live-classes-content ul li i {

color:#9dda32;  

margin: 0px 0px 0px 0px;

}



.manage-live-classes-content .skill-level {

margin: 0px 5px 0px 0px; 

}



.manage-live-classes-content ul li span {

color: #505050;

margin-left:5px;

font-size: 14px;  

}



.manage-live-classes-status ul {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}



.manage-live-classes-status ul li {

display: inline-block;

list-style: none;

text-transform: capitalize;

font-size: 14px;

margin-right: 13px;

}



.manage-live-classes-status ul li i {

color: #9dda32;

font-size: 16px;

margin: 0px 5px 0px 0px;

}



.manage-live-classes-three-btn ul {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}



.manage-live-classes-three-btn ul li {

display: inline-block;

list-style: none;

margin:10px 12px 0px 0px;

padding: 0px 0px 0px 0px;

}



.manage-classes-view-btn {

background-color: #9dda32;

outline: none;

padding: 5px 15px;

color: #fff;

font-size: 14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

}



.manage-classes-view-btn:hover {

background:none;  

color:#9dda32;

}



.manage-live-classes-three-btn ul li a i {

margin: 0px 10px 0px 0px;

padding: 0px 0px 0px 0px;

}



.manage-classes-edit-btn {

background-color: #9dda32;

outline: none;

padding: 5px 16px;

color: #fff;

font-size: 14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

}



.manage-classes-edit-btn:hover{

background:none;  

color:#9dda32;  

}



.manage-classes-delete-btn {

background-color: #9dda32;

outline: none;

padding: 5px 10px;

color: #fff;

font-size: 14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

}



.manage-classes-delete-btn:hover{

background:none;  

color:#9dda32;  

}



/*dashboard manage live classes page css end here*/





/* dashoboard my profile page css start here */



.dashoboard-account-form {

width: 90%;

margin: auto;

background: #fff;

padding: 30px 80px 20px 80px; 

}



.date-icon-day-mon-year {

width: 46px !important;

}



.day-right-side-input-width {

width: 180px;

}



select.day-right-side-input {

margin-left: 5px;

}



.main-hkid-img-area .hkid-tooltiptext img {

width: 100%;

height: 180px;

object-fit: cover; 

}



.hkid-tooltip-col {

position: relative;

display: inline-block;

cursor:pointer;

text-align:center;

}



.hkid-tooltiptext {

visibility: hidden;

width:300px;

background:#9dda32;

color: #fff;

text-align: center;

border-radius:5px;

padding:4px;

box-sizing: border-box;

position: absolute;

z-index: 1;

top: -200px;

right: 0px;

}



.hkid-tooltiptext:after {

content: "";

position: absolute;

bottom: -20px;

border-width: 10px;

border-style: solid;

border-color:#9dda32 transparent transparent transparent;

right:25px;

}



.hkid-tooltip-col:hover .hkid-tooltiptext {

visibility: visible;

}



.more-info-divder-line {

margin:45px 0px 20px 0px;

border-top: 2px solid rgba(0,0,0,.1);

} 





/* dashoboard my profile page css end here */







/*tutor dashoboard Withdraw history page css start here */



.tutor-withdraw-history-dtls {

margin: 15px 0px 20px 0px;

padding: 10px 15px 25px 15px;

background: #fff; 

}



.tutor-withdraw-history p {

font-size:16px;

font-weight:500;  

}



.tutor-withdraw-history p a{

color:#9dda32; 

font-weight:500; 

}



.tutor-make-withdraw-btn {

background-color: #9dda32;

outline: none;

padding: 5px 5px;

color: #fff;

font-size: 14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

}



.tutor-make-withdraw-btn:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32;

}



.tutor-withdraw-history-table .table-bordered td {

font-weight:500;  

}



.withdraw-history-view-btn {

background: #9dda32;

padding: 0px 10px 2px 10px;

border-radius: 5px;

color: #fff;  

}



.withdraw-history-view-btn:hover {

color:#fff;  

}



.withdraw-View-tooltip {

position: relative;

display: inline-block; 

}





.withdraw-View-tooltip .withdraw-view-tooltiptext {

visibility:visible;

background:#9dda32;

color: #fff;

text-align: center;

border-radius: 6px;

padding:0px 10px 0px 10px;

position: absolute;

z-index: 1;

opacity: 0;

transition: opacity 0.3s;

top: -30px;

right: -10px;

}





.withdraw-View-tooltip .withdraw-view-tooltiptext:after {

content: "";

position: absolute;

top: 100%;

left: 50%;

margin-left: -5px;

border-width: 5px;

border-style: solid;

border-color: #9dda32 transparent transparent transparent;

}



.withdraw-View-tooltip:hover .withdraw-view-tooltiptext {

visibility: visible;

opacity: 1;

}





.withdraw-View-tooltip .withdraw-dlt-tooltiptext {

visibility:visible;

background:#9dda32;

color: #fff;

text-align: center;

border-radius: 6px;

padding:0px 10px 0px 10px;

position: absolute;

z-index: 1;

opacity: 0;

transition: opacity 0.3s;

top: -30px;

right: -15px;  

}





.withdraw-View-tooltip .withdraw-dlt-tooltiptext:after {

content: "";

position: absolute;

top: 100%;

left: 50%;

margin-left: -5px;

border-width: 5px;

border-style: solid;

border-color:#9dda32 transparent transparent transparent;

}





.withdraw-View-tooltip:hover .withdraw-dlt-tooltiptext {

visibility: visible;

opacity: 1;

}







/*tutor dashoboard Withdraw history page css end here */







/* tutor dashboard create blog page css start here */



.tutor-create-blog-main-area {

width: 90%;

margin: auto;

background: #fff;

padding: 30px 80px 30px 80px; 

}



.create-blog-lable-area {

font-size: 20px;

font-weight: 600;

text-transform: capitalize; 

}



.blgo-title-input-box {

font-size: 16px;

border: 2px solid #cdcdcd;

outline: none;

width: 100%;

padding: 10px;

color: #505050;

margin: 0px 0px 20px 0px; 

}


.create-blog-description-text-area {
background-color: transparent;
border: 2px solid #c6c6c5;
border-radius: 5px;
color: #222a35;
font-size: 16px;
font-weight: 400;
padding: 10px 10px 10px 10px;
width: 100%;
margin: 0px 0px 15px 0px;
outline: none;
height: 150px;   
}



.create-blog-description-area .cke_chrome {

 border:2px solid #cdcdcd; 

}



.create-blog-description-area .cke_top {

 border-bottom: 2px solid #d1d1d1; 

}



.create-blog-description-area .cke_bottom {

border-top: 2px solid #d1d1d1;

}



.create-blog-input-area {

margin:20px 0px 0px 0px;

padding:0px 0px 0px 0px;  

}



.create-blog-img-box {

font-size: 16px;

border: 2px solid #cdcdcd;

outline: none;

width: 100%;

padding: 10px;

color: #505050;

margin: 0px 0px 20px 0px;  

}



.create-blog-btn-area {

text-align:center;

margin: 10px 0px 0px 0px;  

}



.create-blog-submit-btn {

background-color: #9dda32;

outline: none;

padding: 7px 20px;

color: #fff;

font-size: 20px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

}



.create-blog-submit-btn:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32; 

}



.blog-img-preview-area {

 margin:10px 0px 0px 0px;

 padding:0px 0px 0px 0px; 

}



/* tutor dashboard create blog page css end here */







/* tutor dashboard blog list page css start here */



.create-blog-list-btn {

background-color: #9dda32;

outline: none;

padding: 5px 15px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

float: right;

margin: 0px 15px 20px 0px;

}



.create-blog-list-btn:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32; 

}



.table-other-boder-hide .dataTable {

 border-collapse:collapse !important; 

}



.table-other-boder-hide td {

vertical-align:middle;  

}



.blog-list-published-btn {

background-color: #9dda32;

outline: none;

padding: 5px 20px;

color: #fff;

font-size:15px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

/*float: right;*/

cursor:pointer;

}



.blog-list-published-btn:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32;  

}



.blog-list-unpublished-btn {

background-color: #FBA20A;

outline: none;

padding: 5px 10px;

color: #fff;

font-size: 15px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #FBA20A;

/*float: right;*/

cursor: pointer;

}





.blog-list-unpublished-btn:hover {

background: none;

border: 2px solid #FBA20A;

color: #FBA20A;  

}





.blog-list-rejected-btn {

background-color: #FF0000;

outline: none;

padding: 5px 23px;

color: #fff;

font-size: 15px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #FF0000;

float: right;

cursor: pointer;

}





.blog-list-rejected-btn:hover {

background: none;

border: 2px solid #FF0000;

color: #FF0000;  

}



.blog-list-view-btn {

background: #9dda32;

padding: 2px 3px 2px 3px;

border-radius: 5px;

color: #fff; 

}



.blog-list-view-btn:hover {

color:#fff; 

}





.blog-tooltip {

position: relative;

display: inline-block; 

}



.blog-view-tooltiptext {

visibility: hidden;

background:#9dda32;

color: #fff;

text-align: center;

border-radius: 6px;

padding: 5px 10px;

box-sizing: border-box;

position: absolute;

z-index: 1;

top: -40px;

left: -115%;

padding: 2px 10px 2px 10px;

width:60px;
}



.blog-view-tooltiptext.blog-delete-postion {
left: -130%; 
}



.blog-tooltip.blog-view-tooltiptext {

visibility: visible;

background: #9dda32;

color: #fff;

text-align: center;

border-radius: 6px;

padding: 0px 10px 0px 10px;

position: absolute;

z-index: 1;

opacity: 0;

transition: opacity 0.3s;

top: -33px;

right: -15px;


}



.blog-tooltip .blog-view-tooltiptext:after {

content: "";

position: absolute;

top: 100%;

left: 50%;

margin-left: -5px;

border-width: 5px;

border-style: solid;

border-color: #9dda32 transparent transparent transparent;

}





.blog-tooltip:hover .blog-view-tooltiptext {

visibility: visible;

}



.page-item.active .page-link {

background-color:#9dda32;

border-color:#9dda32; 

}



/* tutor dashboard blog list page css end here */







/* tutor dashboard blog edit page css start here */



.blog-edit-form-main-area {

width: 90%;

margin: auto;

background: #fff;

padding: 30px 80px 20px 80px; 

}



.blog-edti-label-area {

font-size: 20px;

font-weight: 600;

text-transform: capitalize; 

}



.blog-edit-title-input-box {

font-size: 16px;

border: 2px solid #cdcdcd;

outline: none;

width: 100%;

padding: 10px;

color: #505050;

margin: 0px 0px 20px 0px; 

}



.blog-edit-file-label-area {

font-size: 20px;

font-weight: 600;

text-transform: capitalize; 

margin: 20px 0px 10px 0px;

}



.blog-edit-file-area {

border: 2px solid #cdcdcd;

outline: none;

width: 100%;

padding: 10px;

color: #505050;

margin: 0px 0px 20px 0px;   

}



.blog-edit-description-area .cke_chrome {

border: 2px solid #d1d1d1; 

}



.blog-edit-description-area .cke_top {

border-bottom: 2px solid #d1d1d1;  

}



.blog-edit-description-area .cke_bottom {

border-top: 2px solid #d1d1d1;  

}



.blog-edit-update-btn-area{

text-align: center;

padding: 20px 0px 0px 0px;

}



.blog-edit-update-btn {

background-color: #9dda32;

outline: none;

padding: 7px 20px;

color: #fff;

font-size: 20px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;  

}



.blog-edit-update-btn:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32;  

}



/* tutor dashboard blog edit page css end here */





/*tutor-dashboard post note details page css start here*/



.post-note-tutor-dtls-area {

background: #fff;

padding: 30px 30px 30px 30px; 

}



.post-note-tutor-discription {

display: flex;

padding: 0px 0px 30px 0px; 

}



.post-tutor-img-area img {

width: 100px;

height: 100px;

border-radius: 50%;

margin: 0px 20px 0px 0px;

}



.post-tutor-rvw-rate-dtls h2 {

font-size: 25px;

margin:0px 0px 10px 0px;

}



.post-tutor-rvw-rate-dtls h6 i {

color: #9dda32;

margin: 0px 6px 0px 0px;

font-size: 18px;  

}



.post-tutor-rvw-rate-dtls ul {

margin:15px 0px 0px 0px; 

}



.post-tutor-rvw-rate-dtls ul li {

list-style: none;

display: inline-block;

margin: 6px 0px 6px 0px;

font-size: 15px;

width:45%;

}



.post-tutor-rvw-rate-dtls ul li i {

margin: 0px 10px 0px 0px;

color: #9dda32;

font-size: 20px;

}



.post-tutor-rvw-rate-dtls ul li .website-url {

color: #505050; 

}



.post-tutor-other-dtls {

border-top:1px solid #cdcdcd;  

margin:0px 0px 0px 0px;

padding:30px 0px 20px 0px; 

}



.post-tutor-other-dtls p {

font-size:15px;  

}





.post-tutor-accept-rejecte-area {

position: absolute;

top:10px;

right: 20px; 

}





.post-tutor-accepted-btn {

background-color: #9dda32;

outline: none;

padding: 6px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

margin: 0px 30px 0px 0px; 

}



.post-tutor-accepted-btn:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32; 

}





.post-tutor-rejected-btn {

background-color: #FF0000;

outline: none;

padding: 6px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #FF0000;

}



.post-tutor-rejected-btn:hover {

background: none;

border: 2px solid #FF0000;

color: #FF0000;

}



.view-more-tutor-profile {

background-color:#9dda32;

outline: none;

padding: 20px 75px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

position: absolute;

right: 0px;

top: 70px;

text-align: center; 

text-transform:capitalize;

}



.view-more-tutor-profile:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32;

}







/*tutor-dashboard post note details page css end here*/







/*tutor-dashboard-post-notification page css start here*/

.post-note-admin-dtls {

display:flex; 

}





.post-note-write-admin img {

width: 40px;

height: 40px;

border-radius: 50%;

object-fit: cover; 

margin:0px 10px 0px 0px; 

}



.post-note-admin-dtls p {

margin:0px 0px 0px 0px;

font-weight: 500;

color: #212529; 

}



.post-number-colum-size {

width:7%;  

}



.messages-colum-size {

width:20%;  

}



.post-category-colum-size {

width:10%;  

}



.post-View-details-colum-size {

width:11%;  

}



.post-notification-main-area .table-bordered td {

vertical-align:middle;  

}



.post-notification-main-area .table-bordered th {

vertical-align:middle;  

}



.post-acepte-booked-btn {

 background-color: #9dda32;

outline: none;

padding: 5px 10px;

color: #fff !important;

font-size:14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32; 

}





.post-acepte-btn {

background-color: #9dda32;

outline: none;

padding: 5px 5px;

color: #fff;

font-size:14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

margin: 20px 0px 0px 0px; 

}



.post-acepte-btn:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32; 

}





.post-rejct-btn {

background-color:#FF0000;

outline: none;

padding: 5px 5px;

color: #fff;

font-size:14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #FF0000;

margin: 20px 0px 0px 0px; 

}



.post-rejct-btn:hover {

background: none;

border: 2px solid #FF0000;

color: #FF0000; 

}



.post-note-student-dtls {

background-color: #9dda32;

outline: none;

padding: 1px 10px;

color: #fff;

font-size:20px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

margin: 20px 0px 0px 0px;   

}



.post-note-student-dtls:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32; 

}



.post-tooltip-col {

position: relative;

cursor:pointer;

text-align:center; 

}



.post-tooltiptext {

visibility: hidden;

width:105px;

background-color:#9dda32;

color: #fff;

text-align: center;

border-radius: 6px;

padding: 5px 10px;

box-sizing: border-box;

position: absolute;

z-index: 1;

top:-55px;

right:-30%;

}



.post-tooltiptext:after {

content: "";

position: absolute;

top: 129%;

right: 44%;

margin-top: -10px;

border-width: 10px;

border-style: solid;

border-color:#9dda32 transparent transparent transparent;

}



.post-tooltip-col:hover .post-tooltiptext {

visibility: visible;

}



/*.student-list-table-responsive th {

 vertical-align:middle !important; 

}

*/

.student-list-table-responsive td {

vertical-align:middle;

}



/*tutor-dashboard-post-notification page css end here







/*tutor-dashboard post note details page css start here*/



.post-number-sno-size {

width:44px !important;  

}



.post-viewdetails-colum-size {

width:95px !important;  

}



.post-note-tutor-dtls-area {

background: #fff;

padding: 30px 30px 30px 30px; 

}



.post-note-tutor-discription {

display: flex;

padding: 0px 0px 30px 0px; 

}



.post-tutor-img-area img {

width: 100px;

height: 100px;

border-radius: 50%;

margin: 0px 20px 0px 0px;

}



.post-tutor-rvw-rate-dtls h2 {

font-size: 25px;

margin:0px 0px 10px 0px;

}



.post-tutor-rvw-rate-dtls h6 i {

color: #9dda32;

margin: 0px 6px 0px 0px;

font-size: 18px;  

}



.post-tutor-rvw-rate-dtls ul {

margin:15px 0px 0px 0px; 

}



.post-tutor-rvw-rate-dtls ul li {

list-style: none;

display: inline-block;

margin: 6px 0px 6px 0px;

font-size: 15px;

width:45%;

}



.post-tutor-rvw-rate-dtls ul li i {

margin: 0px 10px 0px 0px;

color: #9dda32;

font-size: 20px;

}



.post-tutor-rvw-rate-dtls ul li .website-url {

color: #505050; 

}



.post-tutor-other-dtls {

border-top:1px solid #cdcdcd;  

margin:0px 0px 0px 0px;

padding:30px 0px 20px 0px; 

}



.post-tutor-other-dtls p {

font-size:15px;  

}





.post-tutor-accept-rejecte-area {

position: absolute;

top:10px;

right: 20px;

width:100%; 

}



.post-tutor-accepted-btn {

background-color: #9dda32;

outline: none;

padding: 6px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

margin: 0px 30px 0px 0px; 

}



.post-tutor-accepted-btn:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32; 

}



.post-tutor-rejected-btn {

background-color: #FF0000;

outline: none;

padding: 6px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #FF0000;

}



.post-tutor-rejected-btn:hover {

background: none;

border: 2px solid #FF0000;

color: #FF0000;

}



.view-more-tutor-profile {

background-color:#9dda32;

outline: none;

padding: 20px 75px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

position: absolute;

right: 0px;

top: 75px;

text-align: center; 

text-transform:capitalize;

}



.view-more-tutor-profile:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32;

}



.teacher-university-box-size {

width:45%;  

}



.post-note-book-tutor-img-area {

 text-align:center; 

}





.post-note-book-tutor-img-area img {

width:50px;

height:50px;

object-fit:cover;  

border-radius:50%;

}



/*tutor-dashboard post note details page css end here*/







/*tutor-dashboard manage subject page css start here*/



.manage-subject-btn {

background-color: #9dda32;

outline: none;

padding: 2px 8px;

color: #fff;

font-size: 14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

margin: 0px 3px 0px 0px; 

}



.manage-subject-btn:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32; 

}



/*tutor-dashboard manage subject details page css end here*/







/*tutor dashboard my profile page css start here*/



.main-input-box span.multiselect-native-select {

width:100%;  

}



.main-input-box .btn-group {

width:100%;  

border:2px solid #cdcdcd;  

}



.main-input-box .multiselect-container.dropdown-menu {

width:100%;  

}



.main-input-box .custom-select:focus {

border-color:#cdcdcd;

box-shadow:none;  

}



.main-input-box .multiselect-option.dropdown-item.active {

background:transparent !important;  

}



.main-input-box .multiselect-container.dropdown-menu {

width:100%; 

}



.main-input-box .custom-select {

border:transparent;  

}



.main-input-box span {

color: #505050;

}



.main-input-box label h6 {

font-size: 12px;

display: inline;

margin: 0px 0px 0px 5px;

color: #000;

}



.area-code-frm-size {

font-size: 16px;

border: 2px solid #cdcdcd;

outline: none;

width: 40%;

padding: 6px 10px 6px 10px;

color: #505050;

}



.phone-frm-size {

font-size: 16px;

border: 2px solid #cdcdcd;

outline: none;

width: 60%;

padding: 6px 10px 6px 10px;

color: #505050;

}



.profile-next-btn {

background-color: #9dda32;

outline: none;

padding: 7px 30px;

color: #fff;

font-size: 20px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

margin:40px 0px 20px 0px;

}



.profile-next-btn:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32;

}



.main-input-box input::placeholder {

color:#ccc;  

}



.main-input-box textarea::placeholder {

color:#ccc;  

}





/*tutor dashboard my profile page css end here*/







/*tutor dashboard more infomation page css start here*/



/*.profile-form-heading {

margin: 20px 0px 20px 0px; 

}*/



.profile-form-heading h5 {

margin: 0px 0px 0px 0px;

padding:15px 0px 0px 0px;

/*text-transform: capitalize;*/

}





.profile-form-heading h4 {

margin: 0px 0px 0px 0px;

padding: 15px 0px 15px 0px;

text-transform: capitalize; 

font-size:20px;

color:#000;

}





.more-info-submit-btn-area {

 margin:20px 0px 20px 0px; 

}







.profile-form-heading input {

margin:0px 10px 0px 0px;

padding:0px 0px 0px 0px;  

}



.profile-form-heading label {

margin: 0px 20px 0px 0px;

padding: 0px 0px 0px 0px;

font-size: 15px;

font-weight: 600;

text-transform:capitalize;

}



/*tutor dashboard more information page css end here*/





/*update subject popopup css start here*/



.update-course-dtls-area p {

font-weight:600;

}



.update-course-dtls-area p small {

font-size:14px;

font-weight:600;

}



.update-subject-tutor-btn {

background: #9dda32;

outline: none;

padding: 5px 20px;

color: #fff;

font-size: 14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

margin: 0px 0px 0px 10px;  

}



.update-subject-tutor-btn:hover {

border: 2px solid #9dda32; 

background:none;

color:#9dda32;

}



/*update subject popopup css end here*/









/* tutor dashboard all page css end here */











/*Student dashboard all page css start here*/





/*Student dashboard new css start here*/

.studnt-dashboard-heading h4 {

text-align: center;

text-transform: uppercase;

padding: 110px 0px 20px 0px;

margin: 0px 0px 0px 0px;

}



.student-dashboard-coures-dtls {

background: #fff;

width: 100%;

padding: 10px;  

}





.student-dashboard-coures-dtls h4 {

font-size: 20px;

}



.student-payment-performance-btn {

background-color: #9dda32;

outline: none;

padding: 5px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

position: absolute;

right: 40px;

}



.student-payment-performance-btn:hover {

background: none;

color: #9dda32;

border: 2px solid #9dda32;

}



.student-payment-total-area {

display: flex;

margin: 20px 0px 0px 0px;

background: #f9f9f9;

padding: 7px;

}



.student-payment-icon i {

font-size: 25px;

background: #9dda32;

border-radius: 50%;

width: 45px;

height: 45px;

color: #fff;

text-align: center;

padding: 10px 0px 0px 0px;

margin: 20px 10px 0px 0px;

}





.student-payment-content p {

margin: 0px 0px 5px 0px;

padding: 0px 0px 0px 0px;

font-weight: 600;

}





.student-payment-content h4 {

font-size: 20px;

}



.student-payment-content p i {

margin: 0px 5px 0px 0px;

padding: 0px 0px 0px 0px;

color: #9dda32;

font-weight: 600;

}



.student-payment-content p span {

margin: 0px 5px 0px 0px;

padding: 0px 0px 0px 0px;

font-weight: 600;

}





.student-payment-report-area {

text-align: center;

margin: 30px 0px 10px 0px; 

}



.student-complete-report-btn {

background-color: #9dda32;

outline: none;

padding: 5px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;  

}





.student-complete-report-btn:hover {

background: none;

color: #9dda32;

border: 2px solid #9dda32;  

}





.student-payment-polyline-area {

width: 100%;

background: #fff;

margin: 40px 0px 0px 0px;

padding: 10px;

height: 230px;

border-bottom: 3px solid #9dda32;

}



.student-payment-polyline-area h4 {

font-size: 20px;

}





.student-payment-polyline-area p {

font-size: 16px;

font-weight: 600;

}



.student-payment-polyline-area img {

width: 100%;

height:100px;

}



.student-view-liked-info-area {

width: 100%;

background: #fff;

margin: 40px 0px 0px 0px;

padding: 10px;

}



.student-view-liked-area {

display: flex;

}



.student-view-liked-icon i {

font-size: 25px;

background: #9dda32;

border-radius: 50%;

width: 45px;

height: 45px;

color: #fff;

text-align: center;

padding: 10px 0px 0px 0px;

margin: 0px 10px 0px 0px;

}





.student-view-liked-content h4 {

margin: 12px 0px 0px 0px;

padding: 0px 0px 0px 0px;

font-size: 20px;

}





.student-my-tutor-heading h4 {

margin: 30px 0px 15px 0px;

font-size: 20px;  

}



.student-tutor-booking-area {

width: 100%;

background: #fff;

padding: 10px;

margin: 0px 0px 0px 0px;

}



.tutor-booking-admin-dtls {

display: flex;

}



.tutor-booking-admin {

width: 40px;

height: 40px;

margin: 0px 10px 0px 0px;

}



.tutor-booking-admin img {

width: 40px;

height: 40px;

border-radius: 50%;

object-fit: cover;

}



.class-booking-admin-dtls p {

margin: 10px 0px 0px 0px;

font-weight: 500;

color: #212529;

}



.table-bordered .student-tutor-sno-width {

width:7%;  

}



.table-bordered .student-tutor-ccwidth {

width:15%;  

}



.student-tutor-booking-area .table-bordered th {

vertical-align:middle;  

}



.student-tutor-booking-area .table-bordered td {

vertical-align: middle;

font-weight: 500;  

}



.studnet-tutor-booking-btn {

text-align: center;

margin: 30px 0px 20px 0px;  

}



.studnet-tutor-booking-view-btn {

background-color: #9dda32;

outline: none;

padding: 5px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

}





.studnet-tutor-booking-view-btn:hover {

background: none;

color: #9dda32;

border: 2px solid #9dda32;

}





.student-purchase-history-heading h4 {

margin: 30px 0px 15px 0px;

padding: 0px 0px 0px 0px;

font-size: 20px;  

}



.student-purchase-history-table {

width: 100%;

background: #fff;

padding: 10px;

margin: 0px 0px 0px 0px;  

}





.student-purchase-history-table .table-bordered th {

vertical-align: middle;

}



.purchase-sno-width {

width:7%;  

}



.purchase-history-width {

width:17%;  

}



.student-purchase-history-table .table-bordered td {

vertical-align: middle;

color:#000;

font-weight:500;

}



.student-view-delete-width {

width:10%;  

}



.student-purchase-view-btn {

background: #9dda32;

padding: 0px 10px 2px 10px;

border-radius: 5px;

color: #fff;

}



.student-purchase-view-btn:hover {

color:#fff;

}



.student-history-view-tooltip {

position: relative;

display: inline-block;

}





.student-history-view-tooltip .student-purchase-view-tooltiptext {

visibility: visible;

background: #000;

color: #fff;

text-align: center;

border-radius: 6px;

padding: 0px 10px 0px 10px;

position: absolute;

z-index: 1;

opacity: 0;

transition: opacity 0.3s;

top: -30px;

right: -10px;

}



.student-history-view-tooltip:hover .student-purchase-view-tooltiptext {

visibility: visible;

opacity: 1;

}



.student-history-view-tooltip .student-purchase-view-tooltiptext:after {

content: "";

position: absolute;

top: 100%;

left: 50%;

margin-left: -5px;

border-width: 5px;

border-style: solid;

border-color: #000 transparent transparent transparent;

}



.student-history-btn-area {

text-align: center;

margin: 30px 0px 20px 0px; 

}



.student-history-rpt-btn {

background-color: #9dda32;

outline: none;

padding: 5px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

}





.student-history-rpt-btn:hover {

background: none;

color: #9dda32;

border: 2px solid #9dda32;

}





.student-course-new-heading {

width: 100%;

display: flex;

margin: 30px 0px 0px 0px;  

}



.student-course-heading-icon i {

font-size: 25px;

background: #9dda32;

border-radius: 50%;

width: 45px;

height: 45px;

color: #fff;

text-align: center;

padding:10px 0px 0px 0px;

margin: 0px 10px 0px 0px;

}



.student-course-heading-text h4 {

margin: 12px 0px 25px 0px;

padding: 0px 0px 0px 0px;

font-size: 20px;

}



.student-course-detail-area {

width: 100%;

background: #fff;

padding: 15px 0px 10px 10px;

border: 1px solid #cdcdcd94;

}



.stutent-learing-course span {

float: right;

font-size: 20px;

font-weight: 600;

margin: 0px 15px 0px 0px;

}



.stutent-learing-course h5 {

font-size:15px;

font-weight:500;

}



.student-course-divder-line {

width: 98%;

border: 1px solid #cdcdcd54;

margin: 10px 0px 15px 6px;  

}





.student-classmate-heading h4 {

margin: 30px 0px 15px 0px;

font-size: 20px;

}





.student-live-classmate .table-bordered th {

vertical-align:middle;  

}



.student-live-classmate .table-bordered td {

vertical-align:middle; 

font-size:15px;

font-weight:500; 

}



.student-live-classmate {

background: #fff;

padding: 10px; 

}



.student-classmate-view-report {

text-align:center;

margin:30px 0px 20px 0px;  

}



.classmate-view-btn {

background-color: #9dda32;

outline: none;

padding: 5px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

}



.classmate-view-btn:hover {

background: none;

color: #9dda32;

border: 2px solid #9dda32;  

}





.student-monthly-chart {

width: 100%;

background: #fff;

margin: 40px 0px 0px 0px;

padding: 10px;

height:360px;

border-bottom: 3px solid #9dda32;

}



.student-monthly-chart h4 {

margin:10px 0px 20px 0px;

font-size: 20px;  

}



.student-monthly-chart img {

width:100%;  

}



.student-monthly-chart h5 {

margin: 30px 0px 20px 0px;

font-size: 20px;  

}





.student-dashboard-silder-area h4 {

margin: 30px 0px 15px 0px;

font-size: 20px; 

}



.student-dashboard-slider-item .carousel-wrap {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

width: 100%;

position: relative;

}



/* fix blank or flashing items on carousel */

.student-dashboard-slider-item .owl-carousel .item {

position: relative;

z-index: 100; 

-webkit-backface-visibility: hidden; 

}



/* end fix */



.student-dashboard-slider-item .owl-nav {

position: absolute;

right: 30px;

top: -20px;

}



.student-dashboard-slider-item .owl-nav > div {

margin-top: -26px;

position: absolute;

top: 50%;

color: #cdcbcd;

}



.student-dashboard-slider-item .owl-nav .owl-prev {

left: -80px;

}



.student-dashboard-slider-item .owl-nav .owl-next {

right: -30px;

}



.student-dashboard-slider-item .owl-nav i {

font-size: 25px;

background: #9dda32;

padding:5px 15px 5px 15px;

color: #fff;

}



.student-dashboard-course-releted-area {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}



.student-dahsobard-course-img-info-area {

overflow: hidden;

}



.student-dahsobard-course-img-info-area img {

width: 100%;

transition: all 0.9s ease;

height: 200px;

object-fit: cover;

border-radius: 5px 5px 0px 0px;

}



.student-dahsobard-course-info-dtls {

background: #ffffff;

padding: 10px 0px 0px 5px;

border: 1px solid #cdcdcd;

}



.student-dahsobard-course-tutor-img-area {

width: 100%;

display: inline-block;

margin: 0px 0px 10px 0px;

}



.student-dahsobard-course-tutor-img-area img {

width: 40px !important;

border-radius: 50%;

float: left;

margin-right:10px;

height: 40px;

object-fit: cover;

}



.student-dahsobard-course-tutor-img-area h6 {

padding:12px 0px 0px 0px;

}



.student-dahsobard-course-short-content p {

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px;  

}



.student-dahsobard-course-short-content ul {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}



.student-dahsobard-course-short-content ul li {

list-style: none;

display: inline-block;

font-size: 15px;

color: #9dda32;

}



.student-dahsobard-course-short-content ul li span {

color: #505050;

margin-left: 11px;

font-size: 14px;

}



.student-dahsobard-course-bottom-info {

border-top: 1px solid #e2e0e0;

padding: 16px 0px 14px 0px;

margin:10px 0px 0px 0px;

}



.student-dahsobard-course-bottom-info ul {

margin-bottom: 0px;

}



.student-dahsobard-course-bottom-info ul li {

display: inline-block;

list-style: none;

text-transform: capitalize;

font-size: 13px;

margin-right:5px;

}



.student-dahsobard-course-bottom-info ul li i {

margin: 0px 5px 0px 0px;

padding: 0px 0px 0px 0px;

}





.student-dahsobard-course-bottom-info ul li span {

font-size: 15px;

font-weight: 600;

}



.student-dashboard-class-history h4 {

margin: 30px 0px 0px 0px;

padding: 0px 0px 0px 0px;

font-size: 20px;  

}





.student-dash-class-main-box {

display: flex;

padding: 10px;

margin:20px 0px 15px 0px;

-webkit-box-shadow: 0 10px 25px 0 rgba(50,50,93,.07), 0 5px 15px 0 rgba(0,0,0,.07);

box-shadow: 0 10px 25px 0 rgba(50,50,93,.07), 0 5px 15px 0 rgba(0,0,0,.07); 

}



.student-dash-online-class-img {

width:100%;

overflow: hidden;

margin: 0px 15px 0px 0px;

}



.student-dash-online-class-img img {

object-fit: cover;

width: 100%;

height: 258px;

}



.student-dash-online-class-admin img {

width: 40px;

border-radius: 50%;

float: left;

margin-right: 10px;

height: 40px;

object-fit: cover;  

}



.student-dash-online-class-admin h5 {

padding:8px 0px 0px 0px;  

}





.student-dash-online-class-content {

display: inline-block;

}



.student-dash-online-class-content h4 {

font-size: 15px;

margin:5px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}



.student-dash-online-class-content p {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}



.student-dash-online-class-content ul {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}



.student-dash-online-class-content ul li {

list-style: none;

display: inline-block;

font-size: 14px; 

}



.student-dash-online-class-content ul li i {

color: #9dda32;

margin: 0px 0px 0px 0px;

}



.student-dash-online-class-content ul li span {

color: #505050;

margin-left: 5px;

font-size: 14px;

}



.student-dash-online-class-content .student-skill-level {

margin: 0px 5px 0px 0px;  

}



.student-dash-online-class-status ul {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}





.student-dash-online-class-status ul li {

display: inline-block;

list-style: none;

text-transform: capitalize;

font-size: 14px;

margin-right: 13px;

}



.student-dash-online-class-status ul li i {

color: #9dda32;

font-size: 16px;

margin: 0px 5px 0px 0px;

}





.student-dash-online-class-btn ul {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px; 

}





.student-dash-online-class-btn ul li {

display: inline-block;

list-style: none;

margin: 10px 12px 0px 0px;

padding: 0px 0px 0px 0px;  

}





.student-dash-online-class-btn ul li a i {

margin: 0px 10px 0px 0px;

padding: 0px 0px 0px 0px;

}



.student-dash-online-class-view-btn {

background-color: #9dda32;

outline: none;

padding: 5px 15px;

color: #fff;

font-size: 14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32; 

}





.student-dash-online-class-view-btn:hover {

background: none;

color: #9dda32;  

}





.student-dash-online-class-edit-btn {

background-color: #9dda32;

outline: none;

padding: 5px 16px;

color: #fff;

font-size: 14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

}



.student-dash-online-class-edit-btn:hover {

background: none;

color: #9dda32;

}





.student-dash-online-class-delete-btn {

background-color: #9dda32;

outline: none;

padding: 5px 10px;

color: #fff;

font-size: 14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

}



.student-dash-online-class-delete-btn:hover {

background: none;

color: #9dda32;

}





.student-dashboard-tutor-list h4 {

margin: 30px 0px 0px 0px;

padding: 0px 0px 0px 0px;

font-size: 20px;

}





.student-fevret-tutor-box {

margin:20px 0px 0px 0px;

padding: 5px;

box-shadow: 0 0 10px #cccccc;

position:relative;  

}



.student-fevret-tutor-box:before,

.student-fevret-tutor-box:after{

content: "";

width:100%;

height:92%;

background:rgb(157 218 50 / 72%);

border-top: 2px solid #9dda32;

border-left: 2px solid #9dda32;

position: absolute;

bottom:40px;

left:0;

transform: scale(0);

transform-origin: 0 0 0;

transition: all 0.5s ease 0s;

}



.student-fevret-tutor-box:after{

border-bottom: 2px solid #9dda32;

border-right: 2px solid #9dda32;

transform-origin: 100% 100% 0;

}



.student-fevret-tutor-box:hover:before,

.student-fevret-tutor-box:hover:after{

transform: scale(1);

}



.student-fevret-tutor-box:hover:before, .student-fevret-tutor-box:hover:after {

transform: scale(1);  

}



.student-fevret-tutor-box .student-fevret-hover-content {

width: 84%;

text-align: left;

position: absolute;

top: 9%;

left: 20px;

opacity: 0;

z-index: 1;

transition: all 0.5s ease 0s; 

}



.student-fevret-tutor-box:hover .student-fevret-hover-content {

opacity: 1;

}



.student-fevret-hover-content ul {

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px;  

}



.student-fevret-hover-content ul li {

list-style: none;

font-size: 16px;

color: #fff;

font-weight: 400;

text-align: left;

margin: 0px 0px 10px 0px; 

}



.student-fevret-hover-content ul li span {

font-weight:bold;

color:#fff; 

}



.student-fevret-tutor-img-box img {

width:100%; 

object-fit:cover;

height:280px;

}



.student-fevret-main-content {

position:relative;  

background: #fff;

}



.student-fevret-content {

padding: 0px 10px 35px 10px;

}



.student-fevret-content h5 {

text-align:center;

padding: 10px 0px 0px 0px;

}



.student-fevret-content h6 {

text-align: center;

color: #9dda32;

}



.student-fevret-content p {

padding:0px 0px 0px 0px;

margin:5px 0px 0px 0px;

text-align:center;

line-height:20px; 

}



.student-fevret-view-book-btn .student-fevret-view-btn {

outline: none;

padding:0px 5px;

color: #9dda32;

font-size:13px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

position: absolute;

left: 10px;

bottom:0px;

}



.student-fevret-view-book-btn .student-fevret-view-btn:hover {

background:#9dda32;

color:#fff; 

}



.student-fevret-view-book-btn .student-fevret-book-btn {

outline: none;

padding:0px 5px;

color:#9dda32;

font-size:13px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

position:absolute;

right:10px;

bottom:0px;

}



.student-fevret-view-book-btn .student-fevret-book-btn:hover {

background:#9dda32;

color:#fff; 

}



.student-fevret-view-report {

text-align:center;

margin:40px 0px 0px 0px;  

}



.student-fevret-report-btn {

background-color: #9dda32;

outline: none;

padding: 5px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;  

}



.student-fevret-report-btn:hover {

background: none;

color: #9dda32;

border: 2px solid #9dda32;  

}



/*Student dashboard new css end here*/





/*Student dashboard payment history page css start here*/

.studnt-dashboard-payment-heading h4 {

text-align: center;

text-transform: uppercase;

padding: 110px 0px 20px 0px;

margin: 0px 0px 0px 0px;  

}



.payment-history-table .table-bordered th {

padding: 10px 5px 10px 5px; 

}



.payment-history-table .table-bordered td {

padding: 10px 5px 10px 5px;

font-weight:500;

}





.payment-history-view-btn {

background: #9dda32;

padding: 0px 10px 2px 10px;

border-radius: 5px;

color: #fff;  

}



.payment-history-view-btn:hover {

color:#fff;  

}



.View-tooltip {

position: relative;

display: inline-block; 

}





.View-tooltip .view-tooltiptext {

visibility:visible;

background:#000;

color: #fff;

text-align: center;

border-radius: 6px;

padding:0px 10px 0px 10px;

position: absolute;

z-index: 1;

opacity: 0;

transition: opacity 0.3s;

top: -30px;

right: -10px;

}





.View-tooltip .view-tooltiptext:after {

content: "";

position: absolute;

top: 100%;

left: 50%;

margin-left: -5px;

border-width: 5px;

border-style: solid;

border-color: #000 transparent transparent transparent;

}



.View-tooltip:hover .view-tooltiptext {

visibility: visible;

opacity: 1;

}





.View-tooltip .dlt-tooltiptext {

visibility:visible;

background:#000;

color: #fff;

text-align: center;

border-radius: 6px;

padding:0px 10px 0px 10px;

position: absolute;

z-index: 1;

opacity: 0;

transition: opacity 0.3s;

top: -30px;

right: -15px;  

}





.View-tooltip .dlt-tooltiptext:after {

content: "";

position: absolute;

top: 100%;

left: 50%;

margin-left: -5px;

border-width: 5px;

border-style: solid;

border-color: #000 transparent transparent transparent;

}





.View-tooltip:hover .dlt-tooltiptext {

visibility: visible;

opacity: 1;

}



/*Student dashboard payment history page css end here*/







/*Student dashboard notification page css start here*/

.studnt-dashboard-notification h4 {

text-align: center;

text-transform: uppercase;

padding: 110px 0px 20px 0px;

margin: 0px 0px 0px 0px;

}





.dashboard-notification-info-area {

 margin:0px 0px 0px 0px;

 padding:0px 0px 0px 0px; 

}



.studnt-dashboard-notification-info-area h4 {

text-align: center;

text-transform: uppercase;

margin: 90px 0px 20px 0px; 

}



.studnt-dashboard-notification-tab-content {

background:#fff;

padding:10px; 

}



.studnt-dashboard-notification-tab {

float:left;

width:40%;

margin-right: 20px;

border-bottom: 0;

border-right: 1px solid #ddd;

padding-right: 15px;

height: 540px;

overflow: auto; 

}



.studnt-dashboard-notification-tab .nav-tabs .nav-item {

width: 100%;

border-bottom: 1px solid #cdcdcd;

}



.studnt-dashboard-notification-tab .nav-tabs .nav-item .nav-link {

padding: 15px 0px 15px 0px;

}



.studnt-dashboard-notification-tab .nav-tabs .nav-item .nav-link.active{

background:none;

border:none;  

}



.studnt-dashboard-notification-img-box {

width: 80px;

height: 80px;

background: #b3aeae1a;

border-radius: 50%;

float: left;

margin: 0px 20px 0px 0px;

overflow: hidden;

}



.studnt-dashboard-notification-img-box img {

width: 80%;

margin: 10px 0px 0px 7px;

object-fit: cover;

}



.studnt-dashboard-notification-sender-dtls span {

font-size: 14px;

float: right;

margin: 0px 0px 0px 0px;  

}



.studnt-dashboard-notification-sender-dtls span i {

font-size: 17px;

float: right;

margin: 0px 0px 0px 10px;

}



.studnt-dashboard-notification-sender-dtls p {

margin: 0px 0px 10px 0px;

font-weight: bold;

}



.studnt-dashboard-notification-sender-dtls h6 {

font-size: 14px;

line-height: 20px;

font-weight: 500;

}



.studnt-dashboard-notification-content-block {

height:540px;

overflow:auto;  

}



.studnt-dashboard-notification-sender-img {

width: 80px;

height: 80px;

background: #b3aeae1a;

border-radius: 50%;

float: left;

margin: 0px 20px 0px 0px;

overflow: hidden; 

}



.studnt-dashboard-notification-sender-img img {

width:80%;

margin: 10px 0px 0px 7px;

object-fit: cover; 

}



.studnt-dashboard-notification-sender-area span {

font-size: 14px;

float: right;

margin: 15px 0px 0px 0px;

font-weight:600;

}



.studnt-dashboard-notification-sender-area span i {

font-size:20px;

float: right;

margin: 5px 10px 0px 10px;

}



.studnt-dashboard-notification-sender-area h6 {

font-size:20px;

padding: 15px 0px 0px 0px;

margin: 0px 0px 0px 0px;  

}



.studnt-dashboard-notification-content-block h5 {

margin:0px 0px 0px 0px;

padding: 15px 0px 15px 0px; 

}





/*Student dashboard notification page css end here*/







/*Studnt dashboard favourite list page css start here*/



.favourite-container-width {

width:85%;  

}





.studnt-dashboard-favourite-heading h4 {

text-align: center;

text-transform: uppercase;

padding: 110px 0px 20px 0px;

margin: 0px 0px 0px 0px;

}







.studnt-dashboard-tutor-box {

margin:20px 0px 15px 0px;

padding: 5px;

box-shadow: 0 0 10px #cccccc;

position:relative;  

}



.studnt-dashboard-tutor-box:before,

.studnt-dashboard-tutor-box:after{

content: "";

width:100%;

height:92%;

background:rgb(157 218 50 / 72%);

border-top: 2px solid #9dda32;

border-left: 2px solid #9dda32;

position: absolute;

bottom:40px;

left:0;

transform: scale(0);

transform-origin: 0 0 0;

transition: all 0.5s ease 0s;

}

.studnt-dashboard-tutor-box:after{

border-bottom: 2px solid #9dda32;

border-right: 2px solid #9dda32;

transform-origin: 100% 100% 0;

}

.studnt-dashboard-tutor-box:hover:before,

.studnt-dashboard-tutor-box:hover:after{

transform: scale(1);

}



.studnt-dashboard-tutor-box:hover:before, .studnt-dashboard-tutor-box:hover:after {

transform: scale(1);  

}



.studnt-dashboard-tutor-box .studnt-dashboard-hover-content {

width: 84%;

text-align: left;

position: absolute;

top:5%;

left: 20px;

opacity: 0;

z-index: 1;

transition: all 0.5s ease 0s; 

}



.studnt-dashboard-tutor-box:hover .studnt-dashboard-hover-content {

opacity: 1;

}



.studnt-dashboard-hover-content ul {

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px;  

}



.studnt-dashboard-hover-content ul li {

list-style: none;

font-size: 16px;

color: #fff;

font-weight: 400;

text-align: left;

margin: 0px 0px 10px 0px; 

}



.studnt-dashboard-hover-content ul li span {

font-weight:bold;

color:#fff; 

}



.studnt-dashboard-tutor-img-box img {

width:100%; 

object-fit:cover;

height:300px;

}



.studnt-dashboard-main-content {

position:relative;  

background: #fff;

}



.studnt-dashboard-content {

padding: 0px 10px 35px 10px;

}



.studnt-dashboard-content h5 {

text-align:center;

padding: 10px 0px 0px 0px;

}



.studnt-dashboard-content h6 {

text-align: center;

color: #9dda32;

}



.studnt-dashboard-content p {

padding:0px 0px 0px 0px;

margin:5px 0px 0px 0px;

text-align:center;

line-height:20px; 

}



.studnt-dashboard-view-book-btn .studnt-dashboard-view-btn {

outline: none;

padding:0px 5px;

color: #9dda32;

font-size:13px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

position: absolute;

left: 10px;

bottom:0px;

}



.studnt-dashboard-view-book-btn .studnt-dashboard-view-btn:hover {

background:#9dda32;

color:#fff; 

}



.studnt-dashboard-view-book-btn .studnt-dashboard-book-btn {

outline: none;

padding:0px 5px;

color:#9dda32;

font-size:13px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

position:absolute;

right:10px;

bottom:0px;

}



.studnt-dashboard-view-book-btn .studnt-dashboard-book-btn:hover {

background:#9dda32;

color:#fff; 

}



/*Studnt dashboard favourite list page css end here*/









/*Studnt dashboard tutor booking page css start here*/

.studnt-dashboard-booking-heading {

text-align: center;

text-transform: uppercase;

padding: 110px 0px 20px 0px;

margin: 0px 0px 0px 0px;  

}





.tutor-booking-admin-dtls {

display:flex;  

}



.tutor-booking-admin {

width:40px;

height:40px;

margin: 0px 10px 0px 0px;

}



.tutor-booking-admin img {

width:40px;

height:40px;

border-radius:50%;   

object-fit:cover;

}



.tutor-booking-admin-dtls p {

margin: 10px 0px 0px 0px;

font-weight:500;

color:#212529; 

}





.studnt-dashboard-tutor-summry .table-bordered th {

padding: 12px 7px 12px 7px; 

vertical-align:middle;

}



.studnt-dashboard-tutor-summry .table-bordered td {

vertical-align:middle;

font-weight:500;

padding: 10px 7px 10px 7px;  

}





.course-info-link {

color:#212529;  

}



.course-info-link:hover {

color:#212529;   

}



.course-link-arrow {

position:relative;  

}



.course-info-link:after {

content:"";

position:absolute;

top: 0;

right: 0;  

font-size: 0px; 

line-height: 0%; 

width: 0px;

border-top:10px solid #9dda32;

border-left:10px solid #fff;  

}



/*Studnt dashboard tutor booking page css end here*/







/*student post notes page css start here*/



.post-notes-main-area {

width: 90%;

margin: auto;

background: #fff;

padding: 30px 80px 20px 80px; 

}



.post-notes-select-area {

margin:0px 0px 0px 0px;

padding:5px 0px 5px 0px;  

}



.post-notes-select-box {

font-size: 16px;

border: 2px solid #cdcdcd;

outline: none;

width: 100%;

padding: 10px;

color: #505050;

margin: 0px 0px 20px 0px 

}



.post-notes-date-box {

font-size: 16px;

border: 2px solid #cdcdcd;

outline: none;

width: 100%;

padding: 10px;

color: #505050;

margin: 0px 0px 20px 0px   

}



.post-notes-time-box {

font-size: 16px;

border: 2px solid #cdcdcd;

outline: none;

width: 100%;

padding: 10px;

color: #505050;  

}



.post-notes-label {

font-size:20px;

font-weight:600; 

text-transform:capitalize; 

}



.post-notes-description-box {

background-color: #fff;

border: 2px solid #cdcdcd;

border-radius: 5px;

color: #222a35;

font-size: 16px;

font-weight: 400;

padding: 10px 10px 10px 10px;

width: 100%;

margin:0px 0px 0px 0px;

outline: none;

height: 150px; 

}



.post-notes-btn-area {

width:100%;

text-align:center; 

padding: 25px 0px 20px 0px;

}



.post-notes-submit-btn {

background-color: #9dda32;

outline: none;

padding: 7px 20px;

color: #fff;

font-size:20px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

}





.post-notes-submit-btn:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32;

}





/*student post notes page css end here*/







/*student post tutor notification page css start here*/



.post-note-student-recruitment-message {

background:#fff;

padding:15px;  

}



.post-note-student-recruitment-message h4 {
 font-size:20px; 
 margin:0px 0px 15px 0px;
}



.post-note-student-recruitment-message p {
 font-size:15px; 
}



.post-note-student-recruitment-message h5 {

font-size:15px;  

}



.post-note-student-recruitment-message h5 span {

font-weight:700;

color:#9dda32;  

}



.requeste-accepte-heading-area h5 {

margin:30px 0px 15px 0px;

padding:0px 0px 0px 0px;  

}



.post-note-tutor-admin {

display:flex; 

}



.post-note-tutor-write img {

width: 40px;

height: 40px;

border-radius: 50%;

object-fit: cover; 

margin:0px 10px 0px 0px; 

}





.post-note-tutor-admin p {

margin:0px 0px 0px 0px;

font-weight: 500;

color: #212529; 

}



.post-tutor-view-action-size {

 width: 60px !important; 

}



.post-tutor-accepted-date-size {

width: 100px !important; 

}



.post-tutor-tutor-name-size {

width:250px !important;  

}



.post-tutor-view-details-size {

width:35px !important;  

}



.post-serrial-number-colum-size {

width:35px !important;  

}



.post-note-tutor-list .table-bordered td {

vertical-align:middle;  

}



.post-note-tutor-list .table-bordered th {

vertical-align:middle;  

}



.post-student-acepte-btn {

background-color: #9dda32;

outline: none;

padding: 5px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

margin: 20px 0px 0px 0px; 

}



.post-student-acepte-btn:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32; 

}





.post-student-rejct-btn {

background-color:#FF0000;

outline: none;

padding: 5px 5px;

color: #fff;

font-size:14px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #FF0000;

margin: 20px 0px 0px 0px; 

}



.post-student-rejct-btn:hover {

background: none;

border: 2px solid #FF0000;

color: #FF0000; 

}



.post-note-tutor-dtls {

background-color: #9dda32;

outline: none;

padding: 1px 14px;

color: #fff;

font-size:20px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

margin: 20px 0px 0px 0px;   

}





.post-note-tutor-dtls:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32; 

}





.post-tutor-tooltip-col {

position: relative;

cursor:pointer;

text-align:center; 

}



.post-tutor-tooltiptext {

visibility: hidden;

width:105px;

background-color:#9dda32;

color: #fff;

text-align: center;

border-radius: 6px;

padding: 5px 10px;

box-sizing: border-box;

position: absolute;

z-index: 1;

top:-55px;

right:0%;

}



.post-tutor-tooltiptext:after {

content: "";

position: absolute;

top: 129%;

right: 44%;

margin-top: -10px;

border-width: 10px;

border-style: solid;

border-color:#9dda32 transparent transparent transparent;

}



.post-tutor-tooltip-col:hover .post-tutor-tooltiptext {

visibility: visible;

}



/*student post tutor notification page css end here*/









/*Student-dashboard-post-note-details page css start here*/



.post-dtls-main-area {

background:#fff;

padding:30px 30px 30px 30px; 

}



.post-admin-dtls-main {

display:flex;

border-bottom: 1px solid #cdcdcd;

padding: 0px 0px 30px 0px; 

}



.post-admin-img-area img {

width:100px;

height:100px;

border-radius:50%;

margin:0px 20px 0px 0px;  

}



.post-admin-text-area h2 {

font-size:25px;

margin:30px 0px 0px 0px;

}



.post-admin-about-dtls h4 {

font-size:22px;

margin:40px 0px 10px 0px;

}



.post-admin-about-dtls p {

font-size:15px; 

}



.post-admin-about-dtls h5 {

font-size: 15px;

}



.post-admin-about-dtls h5 span {

font-weight: 700;

color: #9dda32;

}



.post-note-enqury-dtls h4 {

padding:40px 0px 20px 0px;

font-size:22px;

margin: 40px 0px 0px 0px;

border-top:1px solid #cdcdcd;

}



.post-admin-text-area-tmlsks {

position:absolute;

top:30px;

right:20px;  

}



.post-admin-accepted-btn {

background-color: #9dda32;

outline: none;

padding: 6px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #9dda32;

margin:0px 30px 0px 0px;

}



.post-admin-accepted-btn:hover {

background: none;

border: 2px solid #9dda32;

color: #9dda32; 

}





.post-admin-rejected-btn {

background-color: #FF0000;

outline: none;

padding: 6px 20px;

color: #fff;

font-size: 16px;

font-weight: 500;

border-radius: 5px;

transition: all 0.6s ease;

border: 2px solid #FF0000;

margin: 20px 0px 0px 0px;

}



.post-admin-rejected-btn:hover {

background: none;

border: 2px solid #FF0000;

color: #FF0000;

}





/*student-dashboard-post-note-details page css end here*/









/*student-dashboard-post-note-list page css start here*/



.post-note-messages-colum-size {

width:25% !important;  

}



.poste-note-list-cotegory {

 width:10%; 

}



.student-post-note-list-main-area .table.dataTable thead > tr > th.sorting {

padding-right:20px; 

}



.post-note-btn-dtl {

background: #9dda32;

padding: 0px 3px 0px 3px;

border-radius: 5px;

color: #fff;

margin:0px 0px 0px 0px; 

}



.post-note-btn-dtl:hover {

color:#fff;  

}



.post-note-list-tooltip {

position: relative;

display: inline-block;

}



.post-note-dtl-tooltiptext {

visibility: hidden;

background-color: #9dda32;

color: #fff;

text-align: center;

border-radius: 6px;

padding: 5px 10px;

box-sizing: border-box;

position: absolute;

z-index: 1;

top: -43px;

left:-50%;

}



.post-note-dtl-tooltiptext:after {

content: "";

position: absolute;

top: 100%;

left: 50%;

margin-left: -5px;

border-width: 5px;

border-style: solid;

border-color: #9dda32 transparent transparent transparent;

}



.post-note-list-tooltip:hover .post-note-dtl-tooltiptext {

visibility: visible;

}



.post-note-dtl-tooltiptext.post-note-delet-position {

left: -95%;  

}



.book-not-book-text p {

font-size:15px;

font-weight:500; 

}



.table-striped tbody tr:nth-of-type(odd) {

background-color:transparent;  

}



/*student-dashboard-post-note-list page css end here*/











/*Student dashboard all page css here*/




/*create course page css start here*/


.create-course-main-area {
width: 90%;
margin: auto;
background: #fff;
padding: 30px 20px 40px 20px;
}

.create-course-slct-language {
margin: 0px 0px 30px 0px; 
}

.create-course-slct-language ul li {
list-style:none;
display:inline-block;
margin: 0px 20px 0px 0px;   
}

.create-course-slct-language label {
-webkit-appearance: none;
background-color: #fafafa;
border: 2px solid #999696a6;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
width:16px;
height:16px;
border-radius: 50px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin:0px 0px 0px 0px;
}

.create-course-slct-language .label-text {
vertical-align: middle;
cursor: pointer;
padding-left: 10px;
margin-left: -10px;
font-size:18px;
font-weight:500;
color: #505050;
}

.create-course-slct-language input {
display: none;
cursor: pointer;
}

.create-course-slct-language input:checked + label {
background-color: #9dda32;
color:#9dda32;
border: 1px solid #9dda32;  
}

/*.create-course-slct-language input:checked ~ .label-text {
color:#9dda32;
}*/

.create-course-slct-language input:checked + label:after {
content: '';
width: 14px;
height: 14px;
border-radius: 50px;
position: absolute;
top:0px;
left:0px;
background:#9dda32;
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
text-shadow: none;
font-size: 32px;
}


.create-course-input-box label {
font-size:19px;
font-weight:600;
margin: 0px 0px 10px 0px;
}


.create-course-input-box {
margin:0px 0px 25px 0px;    
}


.create-course-input-box select {
font-size: 16px;
border: 2px solid #cdcdcd;
outline: none;
width: 100%;
padding: 10px;
color: #505050;
}


.choose-course-img-area {
text-align: center;
border: 2px solid #cdcdcd;
padding: 30px;
background: #fff;    
}

.choose-course-img-area i {
width: 180px;
height: 180px;
font-size: 100px;
border: 2px solid #cdcdcd;
border-radius: 50%;
color: #8e8b8b59;
text-align: center;
padding: 40px 0px 0px 0px;
}

.select-img-file-area {
 margin: 20px 0px 0px 0px;   
}

.sumbit-course-img-btn {
background-color: #9dda32;
outline: none;
padding: 10px 10px;
color: #fff;
font-size: 16px;
font-weight: 500;
border-radius: 0px 5px 5px 0px;
transition: all 0.6s ease;
border: 2px solid #9dda32;
margin: 0px 0px 0px -5px; 
}

.sumbit-course-img-btn:hover {
background: none;
border: 2px solid #9dda32;
color: #9dda32;   
}

.upload-course-img-photo {
font-size: 16px;
border: 2px solid #cdcdcd;
outline: none;
width: 68%;
padding: 10px;
color: #505050; 
}

.course-description-input-box {
background-color: #fff;
border: 2px solid #cdcdcd;
border-radius: 5px;
color: #222a35;
font-size: 16px;
font-weight: 400;
padding: 10px 10px 10px 10px;
width: 100%;
outline: none;
height: 150px; 
}

.course-submit-btn-area {
text-align:center;    
}

.create-course-nav-tabs-bg {
margin: 0px 0px 30px 0px;    
}


.create-course-nav-tabs-bg .nav-tabs {
background:#e5e3e363;    
}


.create-course-nav-tabs-bg .nav-link.active {
color: #fff;
background: #9dda32;
}

.create-course-nav-tabs-bg .nav-link {
padding: 10px 10px;
font-size:17px;
color:#505050;
font-weight:600;    
}


.create-course-nav-tabs-bg li a:after {
content: "";
border-right: 2px solid #cdcdcd;
position: absolute;
bottom: 0px;
top: 0px;
right:0px;
/* margin: 0px 0px 0px 20px; */
}


.create-course-nav-tabs-bg .nav-item {
position:relative;    
}


.target-students-btn-area {
text-align:center;    
}


.create-target-students-area h4 {
text-align: center;
padding: 10px 0px 15px 0px; 
color:#505050;
}

.create-curriculum-video-area h4{
text-align: center;
padding: 10px 0px 15px 0px;
color:#505050;     
}

.create-curriculum-video-area .section-sepret-main-area h4 {
text-align: left;
padding: 0px;
font-size:20px;
font-weight:600; 
margin:0px 0px 10px 0px; 
}

.section-sepret-box-area {
border:1px solid #cdcdcd;
padding: 15px 20px 25px 20px;   
background:#f9f9f9;
margin: 0px 0px 30px 0px;
}

.video-upload-btn-area {
margin:10px 0px 0px 0px;
text-align:center;    
}

.browse-drag-btn {
background-color: #9dda32;
outline: none;
padding:0px 5px;
color: #fff;
font-size:14px;
font-weight: 500;
border-radius: 5px;
transition: all 0.6s ease;
border: 2px solid #9dda32;
margin: 0px 0px 0px 0px;
}

.browse-drag-btn:hover {
background: none;
border: 2px solid #9dda32;
color: #9dda32;   
}

.video-upload-btn-area h4 {
font-size:16px;    
}

.save-cancle-btn-main-area {
 text-align:center;   
}

.save-cancle-btn {
background-color: #9dda32;
outline: none;
padding:5px 20px;
font-size:15px;
font-weight: 500;
border-radius: 5px;
transition: all 0.6s ease;
border: 2px solid #9dda32;
margin: 0px 30px 0px 0px; 
color:#fff;    
}

.save-cancle-btn:hover {
background: none;
border: 2px solid #9dda32;
color: #9dda32;      
}

.save-cancle-btn-main-area {
text-align: center;
margin: 25px 0px 15px 0px;
}

.uload-icon-main-area i {
font-size: 45px;
color: #9dda32;
position: absolute;
top: 16px;
right: 0;
left: 0;
margin: auto;
}

.uload-icon-main-area {
text-align: center;
border:1px solid #cdcdcd;
background: #cdcdcd2b;
padding:50px 0px 10px 0px;
}

.create-course-input-box h5 {
color: #505050;
margin:0px 0px 0px 0px;
font-weight: 500;
font-size:18px;    
}

.create-course-input-box h5 i {
 color:#9dda32;     
}

.create-curriculum-video-area .uload-icon-main-area h4 {
text-align:center;
padding:10px 0px 10px 0px;
font-size:15px;
margin:0px 0px 0px 0px;
}


.video-upload-section-area {
border:1px solid #cdcdcd;
padding: 15px 15px 10px 15px;
margin:0px 0px 30px 0px;    
}

.add-video-section-btn {
background-color: #9dda32;
outline: none;
padding:4px 5px;
color: #fff;
font-size: 13px;
font-weight: 500;
border-radius: 5px;
transition: all 0.6s ease;
border: 2px solid #9dda32;  
}

.add-video-section-btn:hover {
background: none;
border: 2px solid #9dda32;
color: #9dda32; 
}

.add-video-btn-area {
margin:20px 0px 0px 0px;    
}

.add-video-btn-area i {
margin:0px 5px 0px 0px;    
}

.upload-file-main-btn {
background-color: #9dda32;
outline: none;
padding: 5px 9px;
color: #fff;
font-size: 14px;
font-weight: 500;
border-radius: 5px;
transition: all 0.6s ease;
border: 2px solid #9dda32;
margin: 0px 0px 0px 30px;   
}


.upload-file-main-btn:hover {
background: none;
border: 2px solid #9dda32;
color: #9dda32;     
}


.drag-divder-upload-btn-area {
 display:flex;   
}


.select-countries-local-main-area label {
font-size: 18px;
font-weight: 500;
margin: 0px 50px 0px 0px;   
}

.select-countries-local-main-area input {
margin:0px 10px 0px 0px;    
}

.select-courncy-code label {
font-size: 19px;
font-weight:600;
margin: 0px 0px 10px 0px;   
}

.select-courncy-code select {
font-size: 16px;
border: 2px solid #cdcdcd;
outline: none;
width: 100%;
padding: 10px;
color: #505050;   
}

.select-country-price-area h4 {
text-align: center;
padding: 10px 0px 15px 0px;
color: #505050   
}

.create-course-messages-area h4 {
text-align: center;
padding: 10px 0px 15px 0px;
color: #505050;   
}

.video-next-btn-area {
text-align:center; 
margin:30px 0px 0px 0px;   
}

.video-next-btn {
background-color: #9dda32;
outline: none;
padding: 7px 20px;
font-size: 17px;
font-weight: 500;
border-radius: 5px;
transition: all 0.6s ease;
border: 2px solid #9dda32;
margin: 0px 30px 0px 0px;
color: #fff;   
}

.video-next-btn:hover {
background: none;
border: 2px solid #9dda32;
color: #9dda32;    
}

.couser-price-btn-area {
text-align: center;
margin: 40px 0px 0px 0px; 
}

.custom-file {
position: relative;
display: inline-block;
width:100%;
margin:0px 0px 0px 0px; 
}

.upload-photo-parent {
font-size: 17px;
font-weight: 600;
color: #3e3e3e;
margin: 30px 0px 10px 0px;  
}

.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
margin:0px 0px 0px 0px;
opacity:0;
height:inherit;
}

.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
padding: 6px 0px 6px 10px;
line-height: 1.8;
color: #3d4e67;
background-color: #fff;
border: 1px solid #dfdce6;
border-radius:inherit;
}

/*.custom-file-label:after {
position: absolute;
top:0;
right:0;
bottom:0;
z-index:3;
display:block;
padding: 6px 10px 0px 10px;
line-height: 1.5;
color: #fff;
content: "Upload File" !important;
border-radius: 0 2px 2px 0;
font-weight: 500;
cursor:pointer;
background-color:#9dda32;
}
*/

.custom-file-input:lang(en)~.custom-file-label:after {
content:inherit;
}

.tp-btm-space-area {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px; 
}


.custom-file i {
 color: #9dda32;  
 margin:15px 0px 5px 0px; 
 display:inherit;
}

.create-course-input-box .custom-file-label {
font-size: 14px;
padding:20px 0px 0px 0px;
color: #505050;
font-weight: 400;
text-align: center;
height: 90px;
width:100%;
}

.option-divder-area {
width:20%; 
text-align:center;   
}


.option-divder-area p {
font-size: 20px;
font-weight: 600;
align-items: end;
padding:40px 0px 0px 0px; 
}

.upload-btn-main-area {
width: 20%;
margin:40px 0px 0px 0px;  
}

.browse-enter-file-area {
border: 1px solid #cdcdcd;
padding: 10px 10px 10px 10px;
background:#fff;    
}


.add-new-section-area {
 margin:0px 0px 0px 0px;   
}

.add-dlt-btn-area {
margin:48px 0px 0px 0px;    
}

.add-dlt-btn {
background-color: #9dda32;
outline: none;
padding: 5px 10px;
color: #fff;
font-size: 25px;
font-weight: 500;
border-radius: 5px;
transition: all 0.6s ease;
border: 2px solid #9dda32;   
}

.add-dlt-btn-area a:hover {
color:#fff;    
}

.add-more-input-box {
 margin:0px 0px 40px 0px;   
}


.add-more-btn {
background-color: #9dda32;
outline: none;
padding: 2px 5px;
color: #fff;
font-size: 13px;
font-weight: 500;
border-radius: 5px;
transition: all 0.6s ease;
border: 2px solid #9dda32;  
}

.add-more-btn:hover {
background: none;
border: 2px solid #9dda32;
color: #9dda32;    
}

.pop-explain-tooltip-col i  {
position:relative;
bottom:5px;
color: #9dda32;
}


.pop-explain-tooltip-col {
position: relative;
display: inline-block;
cursor:pointer;
text-align:center;    
}


.pop-explain-tooltiptext {
visibility: hidden;
background: #9dda32;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 10px;
box-sizing: border-box;
position: absolute;
z-index: 1;
top: -50px;
right: -77px;
font-size: 16px;
}

.pop-explain-tooltiptext:after {
content: "";
position: absolute;
bottom: -20px;
left: 75px;
border-width: 10px;
border-style: solid;
border-color: #9dda32 transparent transparent transparent;
}


#sidebar-wrapper::-webkit-scrollbar
{
  width:0px;
  background:#D3D3D3;
}

#sidebar-wrapper::-webkit-scrollbar-thumb
{
  /*border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background:#D3D3D3;
}


#sidebar-wrapper::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background:#D3D3D3;
}


.table-other-boder-hide .btn-sm {
background-color: #9dda32;
outline: none;
padding: 4px 10px;
color: #fff;
font-size: 16px;
font-weight: 600;
border-radius: 5px;
transition: all 0.6s ease;
border: 2px solid #9dda32;
}

.table-other-boder-hide .btn-sm:hover {
background: none;
border: 2px solid #9dda32;
color: #9dda32;  
}


.finish-lessons-info-area .btn {
background-color: #9dda32;
outline: none;
padding: 4px 10px;
color: #fff;
font-size: 16px;
font-weight: 600;
border-radius: 5px;
transition: all 0.6s ease;
border: 2px solid #9dda32;
}

.finish-lessons-info-area .btn:hover {
background: none;
border: 2px solid #9dda32;
color: #9dda32;  
}