.large-teachers-content-div{
  background-color: #f4f5f7;
}
.teacher-whiteboard-color{
  background-color: #ffffff;
}
.teacher-content-file-view{
}
.teacher-file-comments-container{
   margin-left: -20px;
}
.teacher-file-content-container{
    margin-left: -20px;
    margin-right: -20px;
}
.content-paragraph-holder-xy{
    overflow: auto;
    width:100%;
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    line-height: 24px;
}

.content-paragraph-holder-xy p, 
.content-paragraph-holder-xy div{
   display: block;
   margin-top:5px;
   font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif !important;
   line-height: 24px;
}
.content-paragraph-holder-xy ul{
    list-style-type: disc !important;
     padding-left: 20px;
}
.content-paragraph-holder-xy ol{
  list-style-type: decimal !important;
  padding-left: 20px;
}
.content-paragraph-holder-xy ol li{
}
button.tcha-subjects-menu-button{
     border:1px solid #FF5400 !important;
     padding:5px;
     font-size: 13px !important;
     font-weight: bold;
     margin:2px 0px !important;
     border-radius:2px;
     background-color: #FBC162;
     height: 30px;
     display: block;
     color:#333 !important;
     display: none;
 }
.teacher-left-panel-div{
  padding: 20px 20px 30px 10px !important;
  background: #ffffff;
  margin-top:6px;
  margin-bottom: 20px;
  display: block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  
}
.techa-dash-menu{
    display: none;
}

@media screen and (max-width: 600px){
     .teacher-left-panel-div{
        background: #ffffff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        display: none;
        margin:0px !important;
     }
     button.tcha-subjects-menu-button{
       display: block;
     }
     .techa-dash-menu{
        display: block;
     }
}
ul.teacher-left-panel-sub-list{
   list-style-type: none;
   padding-left: 15px;
}
ul.teacher-left-panel-sub-list li a{
   font-size: 15px;
}
ul.teacher-left-panel-sub-list li a:hover{
   color:#ccc !important;
}
.cancel-tcha-subject-selection{
   float: right;
   margin-top:10px;
}
.cancel-tcha-subject-selection a{
   color:#ffffff;
   font-size: 16px;
   padding:10px;
}
.teacher-cover-photo{
	height: 150px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/background_image.png");
}
.teacher-user-view-cover-photo{
  height: 250px;
  background-position: center;
  background-size: cover;
  background-image: url("../img/background_image.png");
}
.teachers-image-photo{
	 margin-top:-50px;
}
.teachers-image-photo img{
	height: 80px !important;
    width: 80px !important;
    padding: 2px;
    border-radius: 50%;
    border:3px solid #DF5C4C;
    padding:0px;
    margin-left: 25px;
}
.teacher-left-username{
	margin-top:10px;
	padding-left: 20px;
}
.teacher-subject-list-header{
	margin-left: 20px;
	margin-bottom: 5px;
}
.teacher-subject-list-header h6{
   color:#666666 !important;
}
.teacher-content-top-header{
	margin-top:30px;
}
ul.teachers-content-topics-list{
    list-style: none;
    margin-left: 5px;
}
ul.teachers-content-topics-list li a:hover{
    text-decoration: underline;
}
.content-container-div{
  margin-bottom: 50px;
}
.teacher-content-container{
	padding:15px;
}
.teacher-content-user-image{
   background-color: #f4c712;
   padding:10px;
}
.teacher-content-user-image img{
	width:60px;
	height: 60px;
	border-radius: 50%;
}
.teacher-content-comment-user-image img{
    width:40px;
    height: 40px;
    border-radius: 50%;
}
.pale-container{
	color:#888888;
}
.teacher-content-paragraph{
	padding:10px;
}
.teacher-content-comment{
  border-left: 2px solid #CCCCCC;
  margin-top:20px;
  padding:0px 0px 0px 20px;
}
.teacher-content-inner-comment{
	 margin-left: 30px;
	 margin-top:10px;
	 margin-bottom: 10px;
}
ul.teacher-content-interactive-links{
   list-style: none;
   margin-left:10px;
}
ul.teacher-content-interactive-links li{
	display: inline-block;
  box-shadow: none;
}
ul.teacher-content-interactive-links li a{
	 display: block;
	 padding:5px 10px;
	 font-size: 15px;
	 color:#888888;
}
ul.teacher-content-interactive-links li a:hover{
	text-decoration: underline;
}
a.teacher-read-more-content:hover{
	text-decoration: underline;
}
.teacher-create-content-form{
  width:100%;
}
.tcha-content-success-added{
   padding:10px;
   text-align: center;
   background-color: #FDB33A;
   color:#ffffff;
   font-weight: bold;
   font-size: 20px;
}
.tcha-read-more-container{
  padding:10px;
}
.tcha-read-more-container a:hover{
   text-decoration: underline;
}
.tch-content-list-container{
  margin-top:10px;
  padding:5px 5px 20px 5px;
  background-color: #ffffff;
  width: 49%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
}
.tch-content-introduction{
  padding:10px;
  height: 100px;
  overflow: hidden;
}
.tch-content-form-container{
   width:100%;
}
.tch-content-form-container input[type="text"]{
    width:100%;
    height: 45px;
    font-size: 20px;
    box-shadow: none;
}
.tch-content-form-container textarea{
    height: 150px;
    padding:10px;
    resize: none;
    border: none;
    box-shadow: none;
    font-size: 16px;
}
.tch-content-form-container select{
   padding:10px;
   border: 1px solid #CCCCCC;
   background-color: #ffffff;

}
.tech-content-textarea{
    padding-bottom: 40px;
    border:1px solid #CCCCCC;
}
.tech-fileUpload-camera-icon {
    position: relative;
    overflow: hidden;
    margin: 10px 5px;
    border:1px solid #888888;
    width:100px;
    padding:8px 10px;
    text-align: center;
}
.tech-fileUpload-camera-icon span{
   font-size: 15px;
   color:#333333;
}
.tech-fileUpload-camera-icon input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.tech-submit-button-container{
   padding:10px;
}
a.teach-cancel-input-content{
   display: block;
   width:30px;
   height: 30px;
   text-align: center;
   border:1px solid;
   float: right;
   padding:10px;
   background-color: #ffffff;
   margin-top:-10px;
   border-radius: 50%;
   line-height: 10px;
   color:red;
}

#vertical-accodions-content {
  display: block;
}
#tch-vertical-accodions-list ul { 
  list-style-type: none;
}
.tcha-add-lesson-button{
   margin-top:10px;
}
#tch-vertical-accodions-list ul li {
  border-bottom: 1px solid #E2E1E0;
  position: relative;
  padding: 10px 20px;
  background-color: #f4f4f4;
}
#tch-vertical-accodions-list ul li a{
  display: block;
  text-decoration: none;
  transition: all linear 0.2s;
   -webkit-transition: all linear 0.2s;
   -moz-transition: all linear 0.2s;
   -ms-transition: all linear 0.2s;
   -o-transition: all linear 0.2s;
   font-size: 1.2em;
  position: relative;

}
#tch-vertical-accodions-list ul li a:hover{
   color:#cc814a;
}
.ticha-accordion-iterm{
  display: none;
}
.ticha-accordion-iterm.active,
.ticha-accordion-iterm.active2{
   display: block;
}
#tch-vertical-accodions-list ul li a.active{
   color:#cc814a;
}
#tch-vertical-accodions-list ul li a.active:after
{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 13px 15px 13px 0;
  border-color: transparent #f4f4f4;
  display: block;
  width: 0;
  z-index: 1;
  left: -35px;
  top: -1px;
}

@media screen and (max-width: 600px){
    #tch-vertical-accodions-list ul li a.active:after
    {
      content: '';
      position: absolute;
      border-style: solid;
      border-width: 13px 10px 13px 0;
      border-color: transparent #f4f4f4;
      display: block;
      width: 0;
      z-index: 1;
      left: -12px;
      top: 0px;
    }
}

.teacher-content-analytics{
   height:150px;
   margin-left: -30px;
   margin-right: -20px;
   background-color: #f4f5f7;
   padding:10px;
}
ul.teach-analytics-data{
   list-style: none;
   margin-left: 20px;
   margin-top:20px;
}
ul.teach-analytics-data li{
   border:1px solid;
   height: 100px;
   width:250px;
   display: inline-block;
   margin-right: 10px;
}
ul.teacher-learning-resource{
    margin-left: 20px;
}
ul.teacher-learning-resource li a{
    font-size: 17px;
}
ul.teacher-learning-resource li a:hover{
   text-decoration: underline;
}
.content-title{
   padding:5px 10px;
}
.content-title h4:hover{
   text-decoration: underline;
}

.content-holder-div{
  display: none;
}
.content-holder-div.showDiv{
  display: block;
}
.back-button-icon{
   margin-bottom: 10px;
   margin-top:10px;
}
.back-button-icon img{
   width:40px;
}
/* Topics overall analytics*/
.teacher-topic-analytics-content{
   margin-bottom: 20px;
   margin-top:10px;
   width:100%;
}
.teacher-topic-analytics-left-content,
.teacher-topic-analytics-right-content{
   vertical-align: top;
   display: inline-block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.teacher-topic-analytics-right-content{
   padding: 1px 10px;
}
.cstm-free-content-holder{
   margin-bottom: 20px;
}
.cstm-inner-free-content-holder{
   height: 100px;
   overflow: hidden;
}
.cstm-content-payment-method-container{
   padding:10px;
   margin-top:15px;
}
ul.premium-content-icons{
   list-style: none;
   margin:0px !important;
}
ul.premium-content-icons li{
   display: inline-block;
}
ul.premium-content-icons li img{
   width:40px;
   height: 40px;
}
.content-comment-like-container{
   color:#777777;
   width:100%;
}
.content-comment-like-container i{
    font-size: 20px;
}
.content-comment-like-container a{
   color:#777777;
}
ul.premium-content-large-icons{
    list-style: none;
    margin:auto;
}
ul.premium-content-large-icons li{
   display: inline-block;
}
ul.premium-content-large-icons li img{
   width: 100px;
}
@media (max-width: 750px) {
  .teacher-topic-analytics-left-content{
     text-align: center;
  }
  .teacher-topic-analytics-right-content{
      text-align: center;
      width:100%;
      margin-top:10px;
      padding:10px;
  }
  .teacher-topic-analytics-right-content img{
     display: block;
     text-align: center;
     margin:auto;
  }
  ul.premium-content-large-icons{
     width:100% !important;
  }
  ul.premium-content-large-icons li{
     display: block;
     margin-top:10px;
  }
}

ul.teacher-topic-analytics-numbers{
   list-style: none;
   padding:0px !important;
   margin:0px !important;
}
ul.teacher-topic-analytics-numbers li{
   display: inline-block;
   width:160px;
   text-align: center;
   padding-top:10px;
   vertical-align: top !important:
   border:1px solid;
   padding:20px;
}
.analy-string{
   font-size: 15px;
}
/* overal anayltics on the teacers dashboard*/
.teacher-overall-analytics-content{
   margin-bottom: 20px;
   margin-top:0px;
   width:100%;
   background-color: #ffffff;
  display: table;
}
.teacher-overall-analytics-content-left{
   display: table-cell;
   vertical-align: top;
   padding:10px;
   width:30%;
   text-align: center;
}
.teacher-overall-analytics-content-right{
   display: table-cell;
   vertical-align: top;
   width:70%;
}
ul.teacher-overall-analytics-numbers{
   list-style: none;
   padding:0px !important;
   margin:0px !important;
}
ul.teacher-overall-analytics-numbers li{
   width:50%;
   margin:0px !important;
   height: 120px;
   text-align: center;
   padding-top:25px;
   color:#ffffff;
   float: left;
}
ul.teacher-overall-analytics-numbers li a{
   color:#ffffff;
   display: block;
}
ul.teacher-overall-analytics-numbers li h3{
   color:#ffffff;
}
/* End overall analytics*/
.last-content-created-container{
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding:20px;
  margin-top:10px;
}
.welcome-message-container{
   background-color: #ffffff;
   width:60%;
   display: none;
   text-align: center;
}
.teacher-inner-welcome{
   padding:20px;
}
.teacher-action-button-container{
   margin-left: -16px;
   padding:20px 0px 10px 20px;
   margin-bottom: 20px;
   text-align: center;
   margin-top:10px;
}
.teacher-action-button-container button,
.teacher-action-button-container a.button{
    border:none !important;
    padding:40px 30px;
}
.teacher-profile-avatar{
   margin-top:-50px;
   margin-left: 20px;
}
.teacher-profile-avatar img{
   border-radius: 50%;
   height: 80px !important;
   width:80px !important;
}
.teacher-profile-avatar a{
    width:80px !important;
}
.tich-frind-suggestions-container{
   margin-left: -20px;
   padding:15px 0px;
}
ul.tich-frind-suggestion-list{
    padding:0px;
    list-style: none;
    height: 80 !important;
    overflow: hidden;
}
ul.tch-frind-list{
  padding:0px;
  list-style: none;
}
ul.tch-frind-list li{
   display: inline-block;
   margin-top: 10px;
}
ul.tch-frind-list li img{
    border-radius: 50%;
   height: 40px !important;
   width:40px !important;
}
.tch-frind-list-container{
  height: 10 !important;
  overflow: hidden;
}
.tch-frind-table{
   display: table;
   width:100%;
   margin-top:10px;
   padding:2px 5px;
}
.tch-frind-col1{
   width:45px;
}
.tch-frind-col1 img{
   width:40px;
   height: 40px;
   border-radius: 50%;
}
.tch-frind-col1{
   display: table-cell;
   vertical-align: top;
}
.tch-frind-col2{
   display: table-cell;
   vertical-align: middle;
}
.tch-frind-col2 a.username{
   font-size: 14px !important;
   font-weight: normal !important;
}
.tch-frind-col2 button.tch-friend-request{
  padding: 3px 10px;
  font-size: 13px !important;
  margin: 2px 0px !important;
  border-radius: 2px;
  display: block;
  width:135px;
  text-align: center;
}
.exam-popup-container{
   padding:10px;
   background: #ffffff;
   width:50%;
   margin:auto;
   text-align: center;
    -moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    padding: 20px;
    border-radius: 3px;
}
.exm-main-popoup-container{
   margin: auto;
   width:99%;
}
.create-content-form-container,
.exam-create-form-container{
   background-color: #ffffff;
   padding:30px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   margin-bottom: 40px;
}
.list-of-created-exams-container{
   width:100%;
   overflow: auto;
}
.list-of-created-exams-container table{
    width:100%;
    border:none !important;
    background: #ffffff !important;
}
.list-of-created-exams-container table td{
   background: #ffffff !important;
}
.admin-admistrative-tools a{
   display: block;
   margin-top:5px;
}
.admin-admistrative-tools a:hover{
   text-decoration: underline;
}
.exm-score-container{
    float: right;
    height: 130px;
    width: 130px;
    font-size: 40px;
    border:1px solid;
    text-align: center;
    line-height: 120px;
    border-radius: 50%;
}
.score-green{
   color:green;
}
.score-red{
   color:red;
}
.exam-error-alert{
   padding:20px;
   background: #f57d86;
   margin-bottom: 10px;
   color:#ffffff;
}
.exam-user-attempted-result-container table{
     width:100%;
     border:none !important;
   padding:10px !important;
}
.exam-user-attempted-result-container table tr{
   padding:10px !important;
}
.mark-exam-container select{
    height: 35px;
    border:none;
    width:150px;
}
@media (max-width: 750px) {

    .teacher-action-button-container{
        padding: 30px 20px;
    }
    .tich-frind-suggestions-container{
       margin-right:0px;
       margin-left: 0px;
       padding:20px 10px;
    }
    .exam-popup-container{
       width:95%;
    }
}


.stepform {
  padding: 20px;
  background: #ffffff;
  border: 1px solid #cfd6e7;
}
.sf-wrapper { overflow: hidden; }

.sf-container { overflow: hidden; }

.sf-step.sf-active { margin: 10px 0; }

.sf-step { float: left; }

.sf-error { color: #DD0000; }

.sf-tcha-navigation {
  line-height: 1em;
  overflow: hidden;
  text-align: right;
}

.sf-tcha-navigation .nav-prev, .sf-tcha-navigation .nav-next {
  display: block;
  padding: 8px 15px;
  border: 1px solid #CCCCCC;
  color: #000;
  background: #FFFFFF;
  font-weight: bold;
  letter-spacing: 2px;
  text-decoration: none;
  cursor: pointer;
}

.sf-tcha-navigation .nav-prev {
  opacity: .5;
  float: left;
}

.sf-tcha-navigation .nav-next {
  float: right;
  margin-left: 5px;
}

.sf-tcha-navigation span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin: 12px 15px 0 0;
  background: #CCCCCC;
}

.sf-tcha-navigation span.sf-nav-done { background: #a6e6a6; }

.sf-tcha-navigation span.sf-nav-active { background: #00CC00; }

.sf-tcha-navigation span.sf-nav-error { background: #DD0000; }
.reg-subject-list-container{
   border:1px solid;
   padding:10px;
   position: relative;
   background: #ffffff;
   z-index: 99999 !important;
   width:100%;
}
.reg-classes-list{
    margin-left: 20px;
    padding:20px;
    margin-bottom: 10px;
    background-color: #ffffff;
    display: none;
}
.teachers-contributors-container{
   border:1px solid #CCCCCC;
   padding:10px;
   margin-bottom: 20px;
}
.teachers-contributors-holder{
   display: table;
   margin-top:10px;
   margin-bottom: 10px;
}
.teachers-left{
   display: table-cell;
   vertical-align: top;
   width:75px;
}
.teachers-right{
  display: table-cell;
  vertical-align: middle;
}

.teachers-contributors-holder a:hover{
   text-decoration: underline;
}
.view-all-teachers-button a{
    border:1px solid;
    width:150px;
    margin:auto;
    display: block;
    text-align: center;
    padding:10px;
}
.teacher-registration-content fieldset{
   border:none;
}
.teacher-social-media{
   margin-top:10px;
}
.teacher-social-media ul li{
   color:#000000;
   display: inline-block;
}
.teacher-social-media ul li a{
   display: block;
   margin-top:5px;
   font-size: 25px;
   width:35px;
}
.teacher-contact-info{
  color:#000000;
  font-size: 14px;
}
.teacher-subject-class-container{
   display: none;
   background: #ffffff;
   padding:20px;
}
button.add-subject-class{
   font-size: 13px;
}
a.content-payment-button{
   display: block;
   padding:10px;
   width:180px;
   margin:10px auto;
   text-align: center;
   background: #2284a1;
   color:#ffffff;
}
a.content-payment-button:hover{
   background: blue;
}
.payment-configuration-container{
  width:40%;
  background: #ffffff;
  display: none;
}
.payment-configuration-container input{
    margin-top:10px;
    height: 50px;
    text-align: center;
    font-size: 20px;
}
.payment-input-container{
   width:400px;
   margin:auto;
   text-align: center;
   padding:20px;
}
.unlock-feature-container{
   background: #eeeeee;
   padding:20px;
}
.tech-top-header-container{
   padding:10px;
   text-align: center;
   background: #d82f4f;
}
.tech-top-header-container h3{
   color:#ffffff;
}
a.add-subject-button{
   padding:5px 10px;
   display: block;
   width:200px;
   text-align: center;
   margin-top:10px;
}
.class-subject-selection-container{
   width:300px;
   background-color: #ffffff;
   margin:-18px auto 0px !important;
   text-align: left;
   position: absolute;
   z-index: 999 !important;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   display: none;
}
.content-selection-header{
  padding:10px;
  background-color: #006680;
  color: #ffffff;
  margin-bottom: 10px;
}
.subject-left-selection-container{
   padding:0px 0px 10px 0px;
   background-color: #ffffff;
   display: none;
}
.subject-left-selection-container h6{
   padding: 5px 10px;
   background-color: #006680;
   color:#ffffff;
}
.inner-subject-list-container{
   padding:10px;
   height: 200px;
   overflow: auto;
}
.cancel-subject-left-selection-container{
    position: absolute;
    right: 60px;
    margin-top:4px;

}
.cancel-subject-left-selection-container a{
   color:#ffffff;
   display: block;
}
@media (max-width: 750px) {

    .class-subject-selection-container{

    }
}
/*teacher public page*/
.teacher-public-welcome-carousel-container{
   margin-top:-2px;
   background-attachment: fixed;
   background-clip: border-box;
   background-position: center;
   background-size: cover;
   background-image: url(../img/chalkboard.jpg);
   padding-bottom: 100px;
}
.ticha-welcome-page-header{
   padding:50px;
   text-align: center;
   text-shadow: 0px 2px 5px rgba(0, 0, 5, 2);
}
.ticha-welcome-page-header h1,
.ticha-welcome-page-header h3{
  color: #ffff00;
  font-weight: bold;
}
.ticha-welcome-page-header h4{
   color: #ffffff;
}

.ticha-left-welcome-container,
.ticha-right-welcome-container{
   height: 300px;
   background-color: #ffffff;
   padding:20px;
}
.ticha-wlcm-button-conatiner{
   margin-top:20px;
   text-align: center;
}
.ticha-wlcm-container{
   margin-top:10px;
   background-color: #ffffff;
   padding:20px;
}
ul.ticha-wlcm-left-checklist{
   list-style: none;
}
ul.ticha-creatolor-list-container{
   list-style-type: none;
   text-align: center;
   height: 220px !important;
}
.teahers-list-container-wuwi{

}
.teacher-bio-container-wuwi{
  display: inline-block;
  width:230px;
  margin-right:10px;
  margin-top:10px;
  height: 200px;
  vertical-align: top;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
ul.ticha-creatolor-list-container li{
    vertical-align: top;
}
.ticha-creator-img{
   margin-top:10px;
}
.ticha-creator-img img{
   width:120px !important;
   height: 120px !important;
   border-radius: 50%;
}
@media (max-width: 750px) {
    .teacher-bio-container-wuwi{
        height: 400px !important;
    }
}
.ticha-creator-description{
   margin-top:5px;
   background-color: #eeeeee;
   padding:7px;
}
.ticha-wlcm-testimonial-container-div{
   height: 180px;
   overflow: hidden;
}
ul.ticha-wlcm-testimonial-container{
   list-style-type: none;
   padding:0px 0px 10px 0px;
   height: 180px;
   overflow: hidden;
}
ul.ticha-wlcm-testimonial-container li{
   border:1px solid #eeeeee;
   background-color: #eeeeee;
   padding:5px;
   margin-bottom: 10px;
}
.pale-color{
  color:#666666;
  font-size: 14px;
}
.pin {
  background-color: #aaa;
  background-image: linear-gradient(left, hsla(0,0%,100%,.2), hsla(0,0%,0%,.2));
  display: block;
  height: 2em;
  position: absolute;
  width: .1em;
  margin-top:-30px;
}
.pin:after {
  background-color: skyBlue;
  background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.2), hsla(0,0%,0%,.2));
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
              inset .2em .2em .2em hsla(0,0%,100%,.2),
              inset -.2em -.2em .2em hsla(0,0%,0%,.2),
              1.5em 1.25em .25em hsla(0,0%,0%,.15);
  content: '';
  height: .8em;
  left: -.35em;
  position: absolute;
  top: -.65em;
  width: .8em;
}
.pin:before {
  background-color: hsla(0,0%,0%,.1);
  box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
  content: '';
  height: 1.5em;
  left: 0;
  position: absolute;
  top: .5em;
  transform: rotate(57.5deg);
  transform-origin: 50% 100%;
  width: .1em;
}
/*End teacher public page*/
/*cTeacher content list*/
.user-details-left-col,
.user-details-right-col,
.user-details-middle-col{
   display: table-cell;
}
.user-details-middle-col2{
   display: table-cell;
   vertical-align: top;
}
.user-details-left-col{
   width:60px;
}
.user-details-middle-col{
   vertical-align: top;
}
.user-details-left-col img{
   width:50px;
   height: 50px;
   border-radius: 50%;
}
.user-details-table{
   display: table;
   width:100%;
   padding:10px 15px;
   background-color: #eae8e8;
}
.user-details-table:hover{
  cursor: pointer;
}
.user-details-table h4 a:hover{
   color:#ce814a !important;
}
.content-view-header{
   padding:10px 20px;
}
.content-view-container{
   padding:10px 20px;
   border-radius: 5px;
}
.premium-content-button-table{
   display: table;
   margin-bottom: 10px;
   width:100%;
   border:1px solid #CCCCCC;
   background-color: #f4f4f4;
}
.premium-content-button-col1,
.premium-content-button-col2,
.premium-content-button-col3,
.premium-content-button-col4{
    display: table-cell;
    padding:10px;
    vertical-align: middle;
}
.user-content-descriptions{
   display: none;
}
@media (max-width: 500px) {
  .premium-content-button-table{
      display: table;
      padding:0px !important;
   }
  .premium-content-button-col1,
  .premium-content-button-col2,
  .premium-content-button-col3,
  .premium-content-button-col4{
      display: block;
      padding:0px !important;
      text-align: center;
  }
}
.user-content-description{
   margin-top:5px;
   margin-bottom: 25px;
}
.Lesson{
  position: relative;
  background-color: #fff;
  margin-top: 1px;
  -webkit-transition: 0.23s;
  transition: 0.23s;
  border:1px solid #eeeeee;
  margin-top:5px;
  border-radius: 5px;
}
.Lesson2{
  background-color: #ffffff;
  border-radius: 5px;
  margin-bottom:20px;
}
.Lesson.isSelected {
  padding:20px;
  margin-left: -10px;
  margin-right: -8px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.user-details-table.hide-div{
   display: none;
}
.user-content-descriptions.show-div{
   display: block;
}
/*end teachers content list*/
.tichea-subject-teaching-container{
   height: 200px;
   overflow: auto;
}
.my-selected-classes{
   margin-left: 25px;
}
.tcha-left-selected-classes{
   width:140px;
   display: inline-block;
   vertical-align: top;
   padding:5px;
   border:1px solid #CCCCCC;
   margin-left: 2px;
   margin-bottom: 5px;
}
.tcha-inner-left-selected-classes{
   height: 60px;
   list-style: none;
   overflow: auto;
   padding:2px;
}
.ticha-left-menu-container{
   padding:0px 20px;
}
.ticha-left-menu-container dt{
   padding:0px !important;
}
.ticha-left-menu-container dt a{
   padding: 5px !important;
}
.ticha-left-menu-container dd{
   padding-left: 0px !important;
}
.ticha-left-menu-container ul{
  margin-left: 10px;
   border-left: 2px solid #DF5C4C;
}
.view-all-content-div{
   margin-top:10px;
}
.view-all-content-div a{
   display: block;
   border:1px solid;
   padding:8px 10px;
   width:150px;
   text-align: center;
}
.tcha-avatar-table{
  padding:10px 0px 0px 20px;
  margin-top:10px;
  font-size: 14px;
}
.tcha-avatar-col1{
   width: 100px;
   display: table-cell;
}
.tcha-avatar-col1 img{
   width:90px;
   height: 90px;
   border-radius: 50%;
   border: 3px solid #DF5C4C;
   padding:2px;
}
.tcha-avatar-col2{
   display: table-cell;
   vertical-align: middle;
}
.tch-inner-content-div{
   margin-bottom: 30px;
   padding:0px 25px 0px 0px;
}
.tcha-profile-table{
   display: table;
   width:100%;
   margin-top:-60px;
   margin-bottom: 20px;
   margin-left: 20px;
}
.tcha-profile-col1,
.tcha-profile-col2,
.tcha-profile-col3{
   display: table-cell;
   vertical-align: middle;
}
.tcha-profile-col3{
   width:270px;
}
.tcha-fullname-menu-container{
   padding:10px;
}
.tcha-fullname-menu-container a{
   color: #ffffff;
}
.tcha-fullname-menu-container a:hover{
   text-decoration: underline;
}
.tcha-profile-photo-container{
   width:200px;
   height: 150px;
   margin-left: 20px;
   margin-top:-60px;
   background-color: #ffffff;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   border-radius: 5px;
}
.tcha-profile-photo-container img{
   width:200px;
   height: 150px;
}
.cover-and-profile-picture-container{
   background-color: #ffffff;
   padding-bottom: 5px;
}
.tcha-profile-cover-container{
   height: 300px;
   margin-top:-1px;
   margin-bottom: 30px;
   background-clip: border-box;
   background-position: center;
   background-size: cover;
   background-image: url(../img/chalkboard.jpg);
}
.change-profile-div{
   z-index: 99999;
   background-color: #ffffff;
   text-align: center;
   padding:10px;
}
.tcha-about-container{
   background-color: #ffffff;
   margin-bottom: 10px;
   margin-top:10px;
   border: 1px solid #CCCCCC;
}
.user-dynamic-analytics-container{
   padding:10px;
   display: block;
}
.user-dynamic-analytics-container a{
    border:1px solid;
    padding:10px;
    border-radius: 5px;
}
h5.header-line{
   background-color: #ffffff;
    padding: 10px;
}
.tcha-content-descriptions{
   padding:10px;
}
.content-contributors-container{
   margin-top:10px;
}
.content-contributors-list{
   margin-top:10px;
   border-top:1px solid #eeeeee;
   border-bottom:1px solid #eeeeee;
   padding:10px 5px;
}
.content-contributors-list:hover{
   background-color: #eeeeee;
}
.content-contributors-list h5,
.content-contributors-list i{
  color:#2db9ec !important;
}
ul.tcha-page-tcha-navigations{
   list-style: none;
   margin-top:10px;
}
ul.tcha-page-tcha-navigations li{
   display: inline-block;
   line-height: 25px;
}
ul.tcha-page-tcha-navigations li a{
   padding:5px;
}
ul.tcha-page-tcha-navigations li a:hover{
   text-decoration: underline;
}
@media (max-width: 600px) {
     .tcha-avatar-col1,
     .tcha-avatar-col2{
        display: block;
        text-align: center;
        width:100%;
        margin-top:10px;
     }
}
@media (max-width: 500px) {
  .tcha-profile-col1,
  .tcha-profile-col2,
  .tcha-profile-col3{
     display: block;
     text-align: center;
  }
  .tcha-profile-table{
     margin-left: 0px !important;
  }
  .tcha-profile-col3{
     margin:auto;
  }
  .user-details-left-col,
  .user-details-right-col,
  .user-details-middle-col{
     display: block;
  }
 .user-details-left-col,
 .user-details-middle-col{
   text-align: center;
   width:100%;
 }
 .user-details-right-col{
   display: block !important;
 }
 .Lesson.isSelected{
   padding:0px;
 }
}
/******************************EXAM CSS******************************/
.exam-create-sub-header{
   text-align: center;
}
.exam-date-score-container{
   margin-top:10px;
}
.exam-date-score-table{
   display: table;
   margin-top:10px;
   width:100%;
}
.exam-date-score-col1,
.exam-date-score-col2{
   display: table-cell;
   vertical-align: top;
}
.exam-date-score-col1{
   width:150px;
}
.exam-intruction-container{
   margin-top:10px;
   margin-bottom: 40px;
   padding:10px;
   border:1px solid #eeeeee;
}
.exam-section{
   margin-top:20px;
}
.exam-section-header{
   padding:10px;
   border-top:1px solid #eeeeee;
   border-bottom:1px solid #eeeeee;
}
.exam-section-header-add-question-button{
   float: right;
   margin-top:5px;
}
.exam-section-question-to-add-form select{
   padding:5px;
   border:1px solid #CCCCCC;
   background-color: #ffffff;
   width:150px;
}
input[type="text"].exam-name-input{
   width:50% !important;
}
.exam-confi-input select{
   padding:10px;
   border:none;
   width:50%;
   background-color: #ffffff;
   border-bottom: 1px solid #CCCCCC;
}
.exam-confi-input input[type="text"]{
    padding:5px 10px;
    box-shadow: none;
    border-bottom:1px solid #CCCCCC;
    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    background-color: #ffffff;
    height: 40px;
}
.exam-section-question-to-add-form button{
    padding: 10px;
    font-size: 14px !important;
    margin: 2px 0px !important;
    border-radius: 2px;
    display: block;
    width:100px;
    text-align: center;
}
.exam-section-question-to-add-form input[type="text"]{
   padding:5px 10px;
   box-shadow: none;
   border:1px solid #CCCCCC;
   width:150px;
}

.exam-section-question-to-add-form textarea{
   height: 200px;
   resize: none;
   padding:10px;
}
.exam-section-question-to-add-form{
   padding:10px;
   display: none;
}
.multile-choice-qn-container{
   margin-top:20px;
}
.multipe-choice-options-container{
   margin-left: 50px;
}
.multiple-choice-question-holder{
   margin-bottom: 20px;
}
.exam-mutliple-table{
   display: table;
   width: 100%;
   margin-top:5px !important;
}
.multiple-choice-list-container{
   margin-top:15px !important;
}
.exam-mutliple-col1,
.exam-mutliple-col2{
   display: table-cell;
   vertical-align: top;
}
.exam-mutliple-col1{
   width:50px;
}
.exam-text-input input[type="text"]{
   box-shadow: none;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #CCCCCC;
   border-right: 1px solid #ffffff;
   height: 40px;
   background-color: #ffffff;
}
.exam-text-input textarea{
   background-color: #ffffff;
   border: 1px solid #CCCCCC;
   margin-top:10px;
   padding:10px;
   resize: none;
   height: 90px;
   box-shadow: none !important;
   width:100% !important;
}
.mathing-iterm-list-container{
   margin-top:15px;
}
.essay-questions-list-container{
   margin-top:20px;
   margin-bottom: 10px;
}
.true-and-false-table{
   display: table;
   width: 100%;
}
.true-and-false-col1,
.true-and-false-col2{
   display: table-cell;
   vertical-align: top;
}
.true-and-false-col1{
   width:50px;
}
ul.matching-iterm-relating{
     list-style: none;
     padding:0px;
}
ul.matching-iterm-relating li{
     display: inline-block;
     border-left:1px solid #CCCCCC;
     height: 40px;
     width:50px;
     text-align: center;
     line-height: 40px;
     margin:0px !important;
}
.list-A-tabl ul,
.list-B-tabl ul{
   margin:0px !important;
}
.list-A-tabl,
.list-B-tabl{
  text-align: center;
}
.list-A-tabl{
   border-top: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
}
.list-B-tabl{
   border: 1px solid #CCCCCC;
}
.mtch-list-header{
   background-color: #CCCCCC;
   padding:10px;
   width:80px;
}
@media (max-width: 600px) {
    .list-A-tabl,
    .list-B-tabl{
       float: left;
       width:120px;
       margin-left: 10px;
    }
    ul.matching-iterm-relating li{
       border-bottom: 1px solid #CCCCCC;
    }
}


.exam-list-container{
  background: #ffffff;
  padding:10px;
  margin-top:10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

}
.exam-list-descriptons-container{
   margin-top:10px;
   color:#888888;
}
.created-by-table{
  display: table;
  margin-top:10px;
}
.created-by-col1,
.created-by-col2{
   display: table-cell;
   vertical-align: middle;
   color:#888888;
   font-size: 14px;
}
.created-by-col1{
  width:50px;
}
.created-by-col1 img{
   width:40px;
   height: 40px;
   border-radius: 50%;
}
.essay-question-answer-container{
   margin-top:20px;
   border:1px solid #eeeeee;
   padding:10px;
}
.exam-user-score-container{
   width:150px;
   height: 150px;
   border-radius: 50%;
   border:1px solid;
   text-align: center;
   font-size: 30px;
   float: right;
   margin-top:-100px;
}
.exam-internal-score-container{
   margin-top:40px;
}
.exam-internal-score-container h5{
   font-size: 20px;
}
.multile-choice-correct-answer{
   height: 50px;
   width:100px;
   right:60px;
   margin-top: 30px;
   position: absolute;
   text-align: center;
}
.multile-choice-correct-answer img{
    width:30px;
}
.correct-answer-suggestion{
   padding:10px;
   border-left:10px solid green;
   background-color: #f9f9f9;
}
.green-color,
.green-color h5{
   color:green !important;
}
.red-color,
.red-color h5{
   color:red !important;
}
.exam-admistrative-tools-container{
   margin-top:10px;
}
ul.adminstrative-tools-list{
   list-style: none;
   margin-top:5px;
}
ul.adminstrative-tools-list li{
   display: inline-block;
}
ul.adminstrative-tools-list li a{
    display: block;
    padding:2px 10px;
}
.number-of-user-attempt-exam-bob{
   padding:5px 10px;
   text-shadow: 0px 2px 5px rgba(0, 0, 0, 2);
   background-color: red;
   color:#ffffff;
   font-weight: bold;
}
.remove-element-from-loop-button a{
   color:red;
   width:40px;
   height: 20px;
   display: block;
   border:1px solid;
   text-align: center;
   line-height: 20px;
   margin-left: 15px;
}
.exam-section-selection-container select{
     padding:10px;
     border:1px solid #CCCCCC;
     width:100%;
}
.exam-section-selection-container table{
   width:100%;
   border:none;
}
.exam-section-selection-container table tr th{
   text-align: left !important;
}
.exam-owener-container{
   float: right;
   margin-right: 20px;
}
.exam-owener-container span{
   font-size: 13px;
   color:#666666;
}
.exam-owener-container h5{
     color:#279bce !important;
}
.exam-creatot-table{
   display: table;
}
.exam-creatot-col1,
.exam-creatot-col2{
   display: table-cell;
   vertical-align: middle;
}
.exam-creatot-col1{
   width:50px;
}
.exam-creatot-col1 img{
   width:40px;
   height: 40px;
   border-radius:50%;
}
.exam-clock-supervisor-container{
   border:1px solid;
   padding:20px 0px;
   margin-bottom: 10px;
   margin-top:10px;
}
.exam-supervisor-table{
   display: table;
   margin-top:50px;
   margin-left: 30px;
}
.exam-supervisor-col1,
.exam-supervisor-col2{
   display: table-cell;
}
.exam-supervisor-col1{
   width:90px;
}
.exam-supervisor-col1 img{
   width:80px;
   height: 80px;
   border-radius: 50%;
}
#show-exam-timeup-popup{
  width:50%;
  position: absolute;
  display: none;
}
.exam-time-up-container{
   background-color: #ffffff;
   width:100%;
   margin:auto;
   text-align: center;
}
.exam-time-up-inner-container {
   /*padding:20px;*/
   margin-top:40px;
}
.exam-time-up-inner-container .inner-img-conta{
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    background: #f8f9fb;
    padding:20px;
}
.white-background-color{
   background-color: #ffffff !important;
}
.exam-creation-content-top-bar{
   box-shadow: 0 4px 2px -2px rgba(0,0,0,.12);
   padding:20px;
}
ul.exam-creation-invitees-container{
   list-style-type: none;
   float: right;
   margin:0px !important;
   padding:0px !important;
}
ul.exam-creation-invitees-container li{
   display: inline-block;
}
ul.exam-creation-invitees-container li a{}
ul.exam-creation-invitees-container li img{
    width:50px;
    height: 50px;
    border-radius: 50%;
}
.exam-invitation-top-header{
   margin-bottom: 10px;
}
.exam-invitaion-box-holder{
   width:90%;
   margin: 0px auto;
}
.exam-teacher-invitation-box-container{
   width:50%;
   background: #ffffff;
   padding:20px;
   margin:auto;
   transition: all 0.5s ease;
   overflow: hidden;
   animation-duration: 0.6s;
   box-shadow: 8px 10px 40px 0px rgba(46,61,73,0.22);
}
.exam-invitation-inner-container{
   height: 300px;
   overflow: auto;
   margin-bottom: 10px;
}
.exam-invitation-search-container input[type="text"]{
   height: 50px;
}
.exam-invitation-cancel-container a{
    display: block;
    border:1px solid;
    width:100px;
    padding: 6px 10px;
    text-align: center;
}
.exam-invitation-table{
   display: table;
   width:100%;
   margin-top:10px;
}
.exam-invitation-col1{
   width:60px;
   display: table-cell;
   vertical-align: top;
}
.exam-invitation-col2{
   vertical-align: top;
   display: table-cell;
}
.exam-invitation-col3{
   vertical-align: top;
   display: table-cell;
}
.exam-invitation-col3{
   width:50px;
}
.exam-invitation-col2 span{
   color:#666666;
   font-size: 12px;
}
.exam-invitation-col1 img{
   width:50px;
   height: 50px;
   border-radius: 50%;
}
.exam-invited-teachers-inner-container{
   height: 300px;
  overflow: auto;
  margin-bottom: 10px;
  margin-top:10px;
}
.exam-invited-teachers-container{
   background-color: #ffffff !important;
   position: absolute;
   margin-top:20px;
   z-index: 999;
   border: solid 1px #cbcbcb;
    -moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    padding: 20px;
    display: none;
    margin-left: -150px;
}
.exam-invitation-button-container{
   float: right;
}
ul.exam-creation-left-container{
   list-style-type: none;
   float: left;
   border-left: 4px solid #871619;
   padding-left: 10px;
   margin:0px !important;
}
ul.exam-creation-left-container li h5{
   padding:0px !important;
}
ul.exam-creation-left-container li{
   padding:0px !important;
   display: inline-block;
   vertical-align: middle;
   margin:0px !important;
}
a.exam-preview-button{
   display: block;
   border:none;
   padding:20px;
}
.exam-creation-edit-template-container{
    padding:40px 0px;
}
.exam-container-div a:hover{
    text-decoration: underline;
}
ul.exam-section-navigations-container{
    list-style-type: none;
    margin-bottom: 40px !important;
}
ul.exam-section-navigations-container li{
   display: inline-block;
}
ul.exam-section-navigations-container li a{
    display: block;
    border:1px solid;
    padding:5px 10px;
}
ul.exam-section-navigations-container li a:hover{
    background-color:#2284a1;
    color:#ffffff;
}
ul.exam-section-navigations-container li a.active{
     background-color:#2284a1;
     color:#fff;
}
.exam-owner-container-card{
   padding-bottom: 10px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.exam-owner-container-cover{
   height: 120px;
}
.exam-owner-container-avatar{
   text-align: center;
   margin-top:-40px;
}
.exam-owner-container-avatar img{
    width:80px;
    height: 80px;
    border-radius: 50%;
    border:1px solid;
    background: #ffffff;
    padding:2px;
}
.exam-owner-details-container{
   text-align: center;
   padding:5px;
}
.exam-owner-container-cover{
   background: #CCCCCC;
}
.exam-invitees-container-div{
   margin-top:20px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.exam-invitees-container-div h5{
   text-align: center;
   padding:10px;
}
.exam-template-container-holder{
   background-color:#ffffff;
   padding:20px 20px 50px 20px;
   margin-top:10px 0px;
}
@media (max-width: 600px) {
    ul.exam-creation-invitees-container li{
         
    }
    .exam-teacher-invitation-box-container{
       width:100%;
    }
    #show-exam-timeup-popup{
       width:90%;
    }
    .exam-clock-container{
        margin-top:10px !important;
        position: relative;
    }
    .exam-supervisor-table{
       margin-left: 10px;
    }
    .exa-supervi-cont{
       text-align: center;
    }
    .exam-invited-teachers-container{
        width:90%;
        margin-left: 0px;
    }
}
/*****************************END EXAM CSS***************************/
/*****************************USERS LIST TEMPLATE********************/
#show-all-users-attempt-trend{
  z-index: 900000000 !important;
}
.cancel-template-header{
   float: right;
   margin-top:10px;
   margin-right: 10px;
}
.cancel-template-header a{
   display: block;
   color:#ffffff;
   font-size: 18px;
   border-radius: 50%;
}
.users-list-template-inner-container{
   height: 550px;
   overflow: auto;
}
.user-list-template{
   background-color: #ffffff;
   width:500px;
   position: fixed;
   top: 10;
   bottom: 0;
   margin-left:450px;
   -moz-box-shadow: 0 0 20px rgba(0,0,0,.2);
  box-shadow: 0 0 20px rgba(0,0,0,.2);

}
.user-list-template-2{
   background-color: #ffffff;
   width:500px;
   position: fixed;
   top: 10;
   bottom: 0;
   margin-left:700px;
   -moz-box-shadow: 0 0 20px rgba(0,0,0,.2);
  box-shadow: 0 0 20px rgba(0,0,0,.2);
  z-index: 90000000000 !important;
}
.users-list-template-inner-container{
    padding:10px;
}
.users-list-template-table{
   display: table;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   width: 100%;
   padding:10px;
   margin-top:10px;
}
.users-list-template-col1,
.users-list-template-col2,
.users-list-template-col3{
   display: table-cell;
   vertical-align: top;
}
.users-list-template-col3{
   width:100px;
}
.users-list-template-col1{
   width:60px;
}
.users-list-template-col1 img{
   width:50px;
   height: 50px;
   border-radius: 50%;
}
.users-list-template-col2 span{
   color:#666666;
   font-size: 15px;
}
.user-template-exam-score{
   margin-top:10px;
   font-size: 20px;
}
.user-list-tempate a:hover{
   text-decoration: underline;
}
.users-table{

}

@media (max-width: 600px) {
    .user-list-tempate{
        width:100%;
    }
    #users-who-attempted-exam-template{
       width:90%;
    }
}
/*****************************END USERS LIST TEMPLATE****************/
ul.quizzes-menu-container{
   list-style: none !important;
   padding-left: 10px;
   margin:10px !important;
   border-left: 2px solid #CCCCCC;
}
/*********************FRIENDS TEMPLATES*********************/
#friend-request-template{
   width:50%;
   background-color: #ffffff;
   position: absolute;
   display: none;
}
.template-header{
  padding:10px;
  text-align: center !important;
  background-color: #fdb33a;
  color:#ffffff;
  width:100%;
}
.template-tble{
   display: table
   margin:auto !important;
   border:1px solid;
   text-align: center !important;
}
.tepmlate-left-col{
   display: table-cell;
   vertical-align: middle;
   width:60px;
}
.tepmlate-right-col{
   display: table-cell;
   vertical-align: middle;
}
.template-header h4,
.template-header h5{
   color:#ffffff;
}
.tepmlate-left-col img{
    width:50px;
    height: 50px;
    border-radius: 50%;
}
.friends-icon-fr{
   font-size: 50px;
}
.template-container-tmp{
   padding:20px;
   text-align: center;
}
/*********************END TEMPLATE*************************/
/*********************ALERT TEMPLATES*********************/
.alert-inner-content{
   padding:10px;
}
.alert-content-holder{
   padding:10px 10px 30px 10px;
   /*border:1px solid #CCCCCC;*/
   height: 400px;
   overflow: auto;
}
.friendship-text{
   font-size: 14px;
}
.alert-pop-template-container a{
    display: block;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 2);
    box-shadow: 1px 1px 1px gray;
    width:35px;
    height: 35px;
    line-height: 30px;
    border-radius: 50%;
    padding: 2px 5px 2px 6px;
    text-align: center;
    right:0 !important;
    background-color: red;
    color:#ffffff;
    position: absolute;
    z-index: 9999 !important;
    margin-top:2px;
}
.alert-template-content{
   width:30%;
   margin-top:-2px;
   background-color: #ffffff;
   position: absolute;
   z-index: 999 !important;
   transition: all linear 0.2s;
   -webkit-transition: all linear 0.2s;
   -moz-transition: all linear 0.2s;
   -ms-transition: all linear 0.2s;
   -o-transition: all linear 0.2s;
   right: 0;
   display: none;
   box-shadow: -5px 0px 5px 1px #aaaaaa;
}
a.cancel-nalert-template{
  display: block;
  width:30px;
  line-height: 30px;
  height: 30px;
  color:#ffffff;
  position: absolute !important;
  float: left !important;
  border:1px solid;
  border-radius: 50%;
}
.alert-template-content.isSelected {
   margin-right: 0;
   display: block;
}

@media (max-width: 600px) {
    .alert-template-content{
        width:95%;
    }
}
/*********************END ALERT TEMPLATE*****************/
/************************CONTENT STUDENT VIEW***********/
.std-content-view-right-container{
   margin-left: -15px;
   margin-top:25px;
}
.quizQuestionsListsDiv a:hover{
   text-decoration: underline;
}
ul.explore-content-subject-list{
   list-style: none;
}
ul.explore-content-subject-list li{
   display: inline-block;
}
ul.explore-content-subject-list li a{
   display: block;
   border:1px solid;
   margin-top:10px;
   padding:5px;
   border-radius: 5px;
}
/************************END****************************/
.user-registration-error-container{
   padding:10px;
}
.delete-subject-container{
   float: right;
}
.delete-subject-container a{
   display: block;
   font-size: 20px !important;
   color:red;
}
.tch-topics-card-table-display-tpcs{
   display: table;
   background: #ffffff;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.12);
   display: inline-block;
   margin-right:20px;
   width:47%;
   margin-bottom: 20px;
   vertical-align: top;
}
.topics-display-col1-tpcs,
.topics-display-col2-tpcs{
    display: block;
    vertical-align: top;
}
.topics-display-col1-tpcs{
   width:100% !important;
}
.topics-display-col1-tpcs{
}
.teacher-content-list-container{
   margin-bottom: 20px;
}
.tpcs-inner-card-text{
   padding:10px 30px 30px 20px;
}
.tpcs-inner-card-text h3,
.tpcs-inner-card-text h4,
.tpcs-inner-card-text h5{
    color:#ffffff !important;
}
.tch-card-bottom-tpcs{
   padding:0px 20px 20px 20px;
   color:#aaa;
}
.tch-card-bottom-tpcs span{
   font-size: 13px;
}
.tch-card-topic-tpcs{
   padding:10px 10px 0px 20px;
   color:#ffffff;
   font-size: 13px;
}
ul.tcha-tpcs-card-lessons{
   padding:0px 0px 10px 35px;
   list-style-type: decimal;
}
.teachers-content-list-view{
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   display: inline-block;
   margin-right:20px;
   width:46%;
   vertical-align: top;
}
.teachers-content-list-view-xy{
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   display: inline-block;
   margin-right:20px;
   width:47%;
   vertical-align: top;
}
.teachers-latest-content-list-view{
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   display: inline-block;
   margin-right:20px;
   width:46%;
   vertical-align: top;
}
ul.content-class-list{
   list-style: none;
   padding:10px;
}
ul.content-class-list li{
  display: inline-block !important;
}
ul.content-class-list li a{
  padding:5px 10px;
  background-color: #30ACFF !important;
  color: #FFFFFF !important;
  border: 1px solid #30ACFF !important;
  padding: 10px !important;
}
.user-table-container{
    width:100%;
    display: table;
    padding:5px;
}
.user-table-container:hover{
   background-color: #ffffff;
   cursor: pointer;
}
.latest-tcha-content-hover:hover{
   background-color: #f4f4f4;
   cursor: pointer;
}
.user-table-col1,
.user-table-col2{
   display: table-cell;
   vertical-align: top;
}
.user-table-col2 p{
   color:#666666;
   font-size: 13px;
}
.user-table-col1{
   width:45px;
}
.user-table-col1 img{
   width:40px;
   height: 40px;
   border-radius: 50%;
}
.subject-latest-content-container span,
.user-table-col2 span{
   color:#666666;
}
.no-teacher-content-added{
    padding:50px;
}
.latest-content-holder{
   height: 290px;
   overflow: auto;
}
.latest-tcha-content-container{
  height: 260px;
  overflow: auto;
}
.latest-tcha-content-container-xy{
 
}
ul.latest-tcha-leasson-list-content-container{
   list-style-type:decimal;
   padding-left: 20px;
}
ul.latest-tcha-leasson-list-content-container li a:hover{
   text-decoration: underline;
}
.topics-tcha-added-container{
   padding-left: 20px;
}
.topics-tcha-added-container li a:hover{
   text-decoration: underline;
}
.content-payment-defn-container{
  border:1px solid #CCCCCC;
  background-color: #eae8e8;
  margin-bottom: 10px;
  padding:10px;
}
.amount-to-added-to-sell-container{
   display: none;
}
.content-show-till-pay-container{
   height:100px;
   overflow: hidden;
}
.ppremium-content-button-col4 a{
    border:1px solid;
    padding:20px;
    margin-top:10px;
}
.content-action-status-container{
   float: right;
}
.content-action-status-container span{
   color:#999999;
}
.container-container-div{
   margin-top:-2px;
   background-attachment: fixed;
   background-clip: border-box;
   background-position: center;
   background-size: cover;
   padding:100px;
   background-image: url(../img/chalkboard.jpg);
}
.container-container-div h3,
.container-container-div h2,
.container-container-div h1{
    color:#ffffff !important;
    font-weight: bold;
}
.registering-form-cobtainer{
   background: #ffffff;
   padding:20px;
}
.registering-form-cobtainer ul{
    list-style: none;
}
.registering-form-cobtainer ul img{
   width:100px;
}
.complete-reg-header-container{
   padding:10px;
   margin-top:10px;
}
ul.content-path-container{
   padding: 10px;
   list-style: none;
}
ul.content-path-container li{
   display: inline-block;
}
ul.content-path-container li a:hover{
   text-decoration: underline;
}
.new-paragraph-form textarea,
.new-paragraph-edit-form textarea{
   height: 150px;
   resize: none;
   padding:10px;
}
.cancel-new-paragraph-content-form{
   float: right;
}
.new-paragraph-form,
.new-paragraph-edit-form{
  padding:10px;
  margin-top:10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.cancel-new-paragraph-content-form a{
   display: block;
   height: 30px;
   width:30px;
   line-height: 30px;
   text-align: center;
   border:1px solid;
   border-radius: 50%;
   color:red;
}
.paragraph-youtube-video-url-container{
   display: none;
}
.currently-added-paragraph-content{
   margin-top:10px;
}
.premium-user-image img{
   width:90px;
   height: 90px;
   border-radius: 50%;
}
.user-hover-bio-summary-container{
    width:100%;
    padding:0px 0px 10px 0px;
    margin-top: -40px;
    position: absolute;
    background-color: #ffffff;
    z-index: 999999;
    display: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all linear 0.23s;
   -webkit-transition: all linear 0.23s;
   -moz-transition: all linear 0.23s;
   -ms-transition: all linear 0.23s;
   -o-transition: all linear 0.23s;
}
.user-hover-bio-summary-container.show-bio{
     margin-left: -430px;
}
.user-hover-bio-summary-cover{
   height: 120px;
   background-image: url("../img/background_image.png");
}
.user-hover-bio-summary-profile{
    margin-top:-60px;
    padding-left: 20px;
    display: table;
    padding:10px;
    width:100%;
}
.user-hover-bio-summary-profile img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #ffffff;
}
ul.user-hover-analytics-container{
    list-style-type: none;
    margin-left: 10px;
    display: none;
}
ul.user-hover-analytics-container li{
   display: inline-block;
   padding:10px;
   text-align: center;
}
.user-hover-bio-summary-description-container{
   border-left:2px solid #CCCCCC;
   margin: 10px 0px 10px 40px;
   padding:0px 10px;
}
.user-hover-bio-summary-description-container a:hover{
   text-decoration: underline;
}
.user-summary-cancel-container a{
   display: block;
   width:30px;
   height: 30px;
   line-height: 30px;
   color:red;
   text-align: center;
   position: absolute;
   background-color: #ffffff;
   border-radius: 50%;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.cstm-content-holder p{
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    line-height: 24px;
}
ul.tcha-subject-list-conatiner-xuy{
   padding-left: 20px;
   border-left: 2px solid #DF5C4C;
   margin-left: 10px;
   list-style-type: none;
}
.tcha-img-cont-list-mu{
  overflow:auto;
  margin-top:20px;
  margin-bottom: 20px; 
}
ul.tcha-image-list-container-uyr{
   list-style-type: none;
   overflow:auto;
   width:680px;
   padding:10px !important;
   margin: 0px !important;
}
ul.tcha-image-list-container-uyr li{
  display: inline-block;
}
ul.tcha-image-list-container-uyr li img{
  height: 60px;
  width:60px;
  border-radius: 50%;
}

@media screen and (max-width: 600px){
    .teachers-content-list-view{
       width:100%;
    }
    .teachers-content-list-view-xy,
    .tch-topics-card-table-display-tpcs{
       width:100%;
    }
    .user-hover-bio-summary-container{
       width:95%;
    }
    .user-hover-bio-summary-container.show-bio{
        margin-left:-10px;
        display: none;
    }
}
.popup-container-after-login{
   border:1px solid;
   background: #ffffff;
   padding:30px;
   text-align: center;
}
/*admin teachers content analytics*/
.teacher-content-analytics-div{
   border:1px solid #CCCCCC;
}
.teacher-content-analytics-image img{
   width:60px;
   height: 60px;
   border-radius: 50%;
}
/*complete regisration form*/
.user-compete-form-avatar-container{
   text-align: center;
}
.user-compete-form-avatar-container img{
    width:100px;
    height: 100px;
    border-radius: 50%;
    border:2px solid #CCCCCC;
    padding:10px;
}
/*end compelete registration form*/
.tcha-navigation {
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 1;
}
.tcha-navigation ul,
.tcha-navigation ul li,
.tcha-navigation ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tcha-navigation ul{
   margin-bottom: 50px !important;
}
.tcha-navigation ul {
  position: relative;
  width:100%;
  float: left;
}
.tcha-navigation ul li {
  float: left;
  min-height: 0.05em;
  line-height: 1em;
  vertical-align: middle;
  position: relative;
  width:100%;
}
.tcha-navigation ul li:hover,
.tcha-navigation ul li:hover {
  position: relative;
  cursor: default;
}
.tcha-navigation ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 99999 !important;
  width: 100%;
  /*border:1px solid;*/
  background: #ffffff;
  padding:10px;
}
.tcha-navigation ul ul li { float: none; }

.tcha-navigation ul ul ul {
  top: 0;
  right: 0;
}
.tcha-navigation ul li:hover > ul { visibility: visible; }
.tcha-navigation ul ul {
  top: 0;
  left: 99%;
}
.tcha-navigation ul li { float: none; }
.tcha-navigation ul ul { margin-top: 0.05em; }
.tcha-navigation {
  width: 13em;
  background: #ffffff;
  color:#333333;
  zoom: 1;
}
.tcha-navigation:before {
  content: '';
  display: block;
}
.tcha-navigation:after {
  content: '';
  display: table;
  clear: both;
}
.tcha-navigation a {
  display: block;
  padding:10px;
  border-bottom:1px solid #CCCCCC;
  text-decoration: none;
  color:#333333 !important;
}
.tcha-navigation > ul { 
    width: 14em; 
}
.tcha-navigation ul ul { 
    width:100%;
    border:1px solid #CCCCCC;
}
.tcha-navigation > ul > li > a:hover {  }
.tcha-navigation > ul > li a:hover,
.tcha-navigation > ul > li:hover a {  }
.tcha-navigation li { position: relative; }
.tcha-navigation ul li.has-sub > a:after {
  content: '»';
  position: absolute;
  right: 1em;
  font-size: 20px;
}
.tcha-navigation ul ul li.first {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}
.tcha-navigation ul ul li.last {
  -webkit-border-radius: 0 0 3px 0;
  -moz-border-radius: 0 0 3px 0;
  border-radius: 0 0 3px 0;
  border-bottom: 0;
}
.tcha-navigation ul ul {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.tcha-navigation ul ul li:hover > a {
  background: #ffffff;
}
.tcha-navigation.align-right > ul > li > a {
  border-right: none;
}
.tcha-navigation.align-right { float: right; }
.tcha-navigation.align-right li { text-align: right; }
.tcha-navigation.align-right ul li.has-sub > a:after { content: none; }
.tcha-navigation.align-right ul ul {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 598;
  width: 100%;
}
.tcha-navigation.align-right ul ul li.first {
  -webkit-border-radius: 3px 0 0 0;
  -moz-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}
.tcha-navigation.align-right ul ul li.last {
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
}
.tcha-navigation.align-right ul ul {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
ul.tcha-page-navigations{
   list-style-type: none;
}
ul.tcha-page-navigations li{
   display: inline-block;
   padding:5px;
}
ul.tcha-page-navigations li a:hover{
   text-decoration: underline;
}
.section-score-first-error,
.section-score-second-error,
.section-score-third-error,
.section-score-fifth-error{
    border:1px solid #f57d86;
    width:100%;
    margin-bottom: 10px;
}
.section-score-fourh-error{
    border:1px solid green;
    margin-bottom: 10px;
}
.section-score-first-bgcolor{
   background-color:#f57d86;
   padding:10px;
   color:#ffffff;
   text-align: center;
}
.section-score-second-bgcolor{
   background-color:#f57d86;
   padding:10px;
   color:#ffffff;
   text-align: center;
}
.section-score-third-bgcolor{
   background-color:#f57d86;
   padding:10px;
   color:#ffffff;
   text-align: center;
}
.section-score-fourth-bgcolor{
   background-color:green;
   padding:10px;
   color:#ffffff;
   text-align: center;
}
.section-score-fifth-bgcolor{
   width:100%;
   background-color:#f57d86;
   padding:10px;
   color:#ffffff;
   text-align: center;
}
.section-score-fifth-error{
  border:1px solid #f57d86;
  margin-bottom: 10px;
}
.premium-content-title{
  width:100%;
  border-bottom: 1px solid #871619;
  margin-bottom: 10px;
  padding:5px;
}
.premium-content-action-button{
   text-align: center;
}
.premium-content-action-button img{
   width:200px;
}
.premium-content-publisher-container h4,
.premium-content-publisher-container h5{
    color:#871619 !important;
    border-bottom:1px solid #888888;
    margin:auto;
    display: inline !important;
}
.delete-comment-container a{
   color:red;
   font-size: 13px;
}
.delete-comment-container a:hover{
   text-decoration: underline;
}
.teacher-connections-container{
   padding:20px 15px;
}
.friend-request-friesndship-status a{
    display: block;
    border:1px solid;
    width:100px;
    padding:10px 5px;
    font-size: 13px;
    text-align: center;
    color:#333333;
}
.user-groups-list-container{
   position: relative;
   padding: 20px;
   background-color: #fff;
   margin-top: 1px;
   -webkit-transition: 0.23s;
   transition: 0.23s;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.user-groups-list-container.isSelected{
  padding: 30px;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 30px;
  margin-bottom: 30px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.20);
}
.group-post-comment-container{
   border-left:2px solid #CCCCCC;
   padding-left: 10px;
}
.user-create-container{
    background-color:#ffffff;
    padding:20px;
    margin-top:10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.user-create-container input{
   height: 40px;
}
.user-groups-list-inner-container{
   padding:20px;
}
.group-post-table-content{
   display: table;
   width:100%;
   margin-top:10px;
}
.group-post-col-1{
   display: table-cell;
   vertical-align: top;
   width:65px;
}
.group-small-img img{
    width:30px;
    height: 30px;
    border-radius: 50%;
}
.group-medium-img img{
    width:40px;
    height: 40px;
    border-radius: 50%;
}
.group-post-col-2{
   display: table-cell;
   vertical-align: top;
}
.group-post-col-2 span{
    color:#555555;
    font-size: 13px;
}
.user-groups-list-inner-container{
   display: none;
}
ul.group-members-list{
   list-style-type: none;
}
ul.group-members-list li{
   display: inline-block;
   margin-top:5px;
}
ul.group-members-list li img{
   width:60px;
   height: 60px;
   border-radius: 50%;
   border:1px solid #CCCCCC;
   padding:2px;
   background-color: #ffffff;
}
.teachers-search-results-contxy{
   width:500px !important;
   height: 400px;
   background-color: #ffffff;
   z-index: 9 !important;
   position: absolute;
   margin-top:63px;
   float: right !important;
   right: 45px;
   padding:20px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   display: none;
}
.teachers-search-results-inner-container{
    padding:10px;
    height: 300px;
    overflow: auto;
}
.cancel-teacher-search-result{
   float: right;
}
.cancel-teacher-search-result a{
   font-size: 13px;
}
@media screen and (max-width: 600px){
   .tcha-navigation ul ul {
      top: 0;
      left: 0 !important;
    }
    .premium-content-publisher-container h4,
    .premium-content-publisher-container h5{
       width:100%;
    }
}
.teacher-content-topic-top-container{
    box-shadow: 0 4px 2px -2px rgba(0,0,0,.12);
}
ul.topic-action-buttuon-container{
    list-style-type: none;
    margin:0px !important;
    padding:0px !important;
}
ul.topic-action-buttuon-container li{
   display: inline-block;
   vertical-align: top;
   padding:0px !important;
   margin:0px !important;
}
ul.topic-action-buttuon-container li button,
ul.topic-action-buttuon-container li a.button
{
   border:none;
   margin:0px !important;
}
.exam-analytics-total-users-container{
    font-size: 40px;
    text-align: center;
    background-color: #f5f5f5;
    padding:20px;
}
.exam-overall-graph-analytics-container{
    border:1px solid #eeeeee;
    margin-top:10px;
    padding:10px;
}
.site-popup-container{
   width:90%;
}
.content-premium-setting-template{
   width:50%;
   background: #ffffff;
   margin:auto;
   transition: all 0.5s ease;
   overflow: hidden;
   animation-duration: 0.6s;
   box-shadow: 8px 10px 40px 0px rgba(46,61,73,0.22);
}
.content-premium-inner-setting-template{
   padding:20px 50px;
   background-color: #ffffff;
}
.cancel-content-premium a{
   display: block;
   width:100px;
   text-align: center;
   padding:10px;
   border:1px solid;
}
.topic-amount-container-uddi{
   border:1px solid;
   padding:0px 20px;
   color:green;
   text-align: center;
   font-size: 12px;
}
.topic-views-alerts-container-yeueu{
   float: right;
}
.teacher-content-inner-topic-top-container{
  padding:0px 20px;
}
@media screen and (max-width: 600px){
   .content-premium-setting-template{
      width:90%;
   }
   .topic-views-alerts-container-yeueu{
      float: left;
      border:1px solid #eeeeee;
      padding: 10px;
      width:100%;
      margin-bottom: 10px;
   }
   .exam-analytics-total-users-container{
      font-size: 30px;
   }
   
}

.exam-question-comment-icon{
    position: absolute;
    right: 0;
    margin-right: 120px;
    margin-top:-12px;
    z-index: 999999;
}
.exam-question-comment-icon a{
    font-size: 30px;
}
.exam-question-comment-icon span.total-qns-comments{
   position: absolute;
   top: 0;
   right: 0;
   background-color:#ffffff;
   border-radius: 50%;
   padding: 1px;
   font-size: 12px;
   width:10px;
}
.total-qns-comments-pop{
   position: absolute;
   background-color:#ffffff;
   border-radius: 50%;
   padding: 1px;
   font-size: 12px;
   width:10px;
   right: 0;
}
.qns-comments-pop-container{
   width:300px;
   background-color: #ffffff;
   z-index: 99999999999 !important;
   position: relative;
   margin-left: -200px;
   border-radius: 5px;
}
.comment-input-box{
   border:1px solid #ccc;
   border-radius: 5px;
}
.comment-input-box textarea{
    padding:10px;
    resize: none;
    height: 60px;
}
.qns-comment-contain-mn{
   height: 280px;
   overflow: auto;
}
.cancel-exam-qestion-container{
   position: absolute;
   right: 0;
   margin-right: 10px;
}
.cancel-exam-qestion-container a{
   display: block;
   width:20px;
   background-color: #ffffff;
   font-size: 20px;
}