@font-face { 
 font-family: 'Chalkboard';
 src: url('../../fonts/Chalkboard/Chalkboard2.woff');
}
h1,h2,h4,h5,h6{
  font-weight: normal !important;
  /*font-family: 'Comfortaa', cursive !important;*/
  font-family: Chalkboard !important;

}
#sidebar-menu li,
#sidebar-menu li a{
  font-family: Chalkboard !important;
}

/* Overide Default css for skin-1 */
.skin-1 .site-sidebar {
  background-color: #ffffff !important;
  border:none !important;
  box-shadow: none;
  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);*/
}

.skin-1 .site-sidebar .logo {
  background-color: #871619;
  color: #fff;
  border-color: #871619;
}

.skin-1 .site-sidebar .logo .l-icon {
  border-color: #871619;
}

.skin-1 .site-sidebar .sidebar-menu .menu-title {
  /*color: rgba(0, 0, 0, 0.5);*/
  color:#333333;
}

.skin-1 .site-sidebar .sidebar-menu li > a {
  /*color: rgba(0, 0, 0, 0.7);*/
  color:#333333;
}

.skin-1 .site-sidebar .sidebar-menu li > a:hover,
.skin-1 .site-sidebar .sidebar-menu li.active > a {
  color: #000000 !important;
  font-weight: bolder !important;
  /*border-left: 10px solid #871619;*/
}
.skin-1 .site-sidebar .sidebar-menu > li.active > a {
  border-left-color: #cccccc;
  color:#000;
}
.skin-1 .site-sidebar .sidebar-menu > li.active > a,
.skin-1.compact-sidebar .site-sidebar .sidebar-menu > li:hover {
  background-color: #cccccc;
  border-left: 10px solid #871619 !important;
}
.skin-1.compact-sidebar .site-sidebar .sidebar-menu ul li > a:hover {
  color: #3e70c9;
}
.skin-1 .site-header .navbar {
  background:#871619;
  border-color: #871619;
}
.wrapper{
   background-color:#F8F9FB;
}

/*end overide template css*/

.alert-container{
    background: #fff;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
    z-index: 9;
	width: 300px;
	height: 200px;
	position: fixed;
	bottom: 50px;
	left: 20px;
}
ul.school-class-navigations{
   list-style-type: none;
   padding:0px !important;
   margin:0px;
}
ul.school-class-navigations li{
	display: inline-block;
}
ul.school-class-navigations li a{
   display: block;
   padding:5px 10px;
   color: #000;
   font-weight: bolder;
   margin-bottom: 5px;
   border-radius: 5px;
   transition: all 500ms ease;
}
ul.school-class-navigations li a.active,
ul.school-class-navigations li a:hover{
	color:#fff;
	-moz-box-shadow: none;
    box-shadow: none;
    background-color: #30ACFF;
    background-image: -moz-linear-gradient(top,#30ACFF,#4787ed);
    background-image: linear-gradient(top,#30ACFF,#4787ed);
    border: 1px solid blue;
}
.default-layout-container{
    box-sizing: border-box;
    overflow: hidden;
    transition: height .5s ease;
    position: relative;
    left: -15px;
    top: -15px;
    width: calc(100% + 40px);
    padding:60px 50px;
}
@media (max-width: 650px) {
	 .school-info-on-mobile{
	 	 text-align: center;
	 }
	 .default-layout-container{
	 	 padding:30px 10px;
	 }
}
.school-code-sharing-container{
   height: 100%;
}
.shl-code-container{
   background-color: #cccccc;
   padding:20px;
   text-align: center;
}
.content-container-view-auto{
   width:90%;
   margin:auto;
}
.schl-info-container-auto{
  width:95%;
   margin:auto;
}
.classroom-top-cover{
   height: 200px;
   border-bottom:1px solid #eeeeee;
   background-size: cover;
   background-position: center;
}
@media screen and (max-width: 750px){
   .content-container-view-auto{
       width:100%;
    }
    .schl-info-container-auto{
       width:100%;
       padding:0px 10px;
    }
}
.schl-chats-container{
   width:450px;
   background: #ffffff;
   position: absolute;
   z-index: 9 !important;
   margin-left: -40px !important;
   padding-bottom: 30px;
   border:1px solid #eeeeee;
   overflow: hidden;
}
.schl-chats-bubble-container{
   height: 350px;
}
.schl-user-dm a{
  display: block;
  transition: all 0.3s ease;
}
.schl-user-dm a:hover{
   background: #e5eff2;
}
.schl-chat-editor{
   border-top:1px solid #cccccc;
   padding:10px;
}
.schl-chat-editor button{
   font-size: 10px !important;
}
.schl-landing-header-{
   padding:100px 0px 100px 100px;
}
@media screen and (max-width: 750px){
   .schl-chats-container{
       margin:auto !important;
       width:100% !important;
       top:0 !important;
       position: fixed;
       z-index: 9999 !important;
       height: 100%;
       left: 0;
    }
    .schl-landing-header-{
      padding:50px 10px;
    }
}

/***********************Owl Carousel*********************/
.schl-owl-carousel-container{
   padding:100px 50px;
}
.schl-landing-card{
    height: 300px;
}
.shadow-effect {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    text-align: center;
    border:1px solid #ECECEC;
    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}
#customers-testimonials .shadow-effect p {
    font-family: inherit;
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 17px 0;
    font-weight: 300;
}
.testimonial-name {
    margin: -17px auto 0;
    display: table;
    width: auto;
    background: #3190E7;
    padding: 9px 35px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}
#customers-testimonials .item {
    text-align: center;
    margin-bottom:80px;
    opacity: .2;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#customers-testimonials .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-width: 90px;
    margin: 0 auto 17px;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
        background: #3190E7;
        transform: translate3d(0px, -50%, 0px) scale(0.7);
    }
#customers-testimonials.owl-carousel .owl-dots{
  display: inline-block;
  width: 100%;
  text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
  display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background: #3190E7;
    display: inline-block;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block !important;
}
.owl-carousel .nav-btn{
  height: 47px;
  position: absolute;
  width: 26px;
  cursor: pointer;
  top: 100px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{
pointer-events: none;
opacity: 0.2;
}

.owl-carousel .prev-slide{
  left: -80px !important;
  height: 100px !important;
  width:100px !important;
  text-align: left;
}
.owl-carousel .next-slide{
  right: -40px;
  height: 100px !important;
  width:100px !important;
}
.owl-carousel .next-slide img,
.owl-carousel .prev-slide img{
   width:90px !important;
   margin:-right:10px;
}
.right-80{
   right: -80px !important;
}
ul.schl-users{
   list-style-type: none;
   padding:0px;
   margin:0px;
}
ul.schl-users li{
    display: inline-block;
}
ul.schl-users li img{
   margin:0px !important;
}
@media screen and (max-width: 991px){
    .shadow-effect{
       width: auto !important;
    }
}
.school-search-container{
   width:60%;
   height: 250px;
   background: #ffffff;
   position: fixed;
   margin:160px auto 0px 250px;
   top:0;
   z-index: 99;
   padding:20px;
   border-radius: 10px;
   z-index: 99 !important;
   display: none;
}
.school-search-overlay{
  position: fixed;
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgb(0,0,0,0.8);
  z-index: 99 !important;
  display: none;
}
.school-search-fom{
   border:1px solid #cccccc;
   padding:10px;
   border-radius: 5px;
   position: relative;
   background: #ffffff;
   margin-top:20px;
}
.school-search-fom input[type='text']{
   width:100%;
   padding:10px;
   height: 40px;
   border:none;
   box-shadow: none;
   margin:0px !important;
   font-size: 20px;
}
.school-search-fom input[type='text']:focus{
   background: #ffffff;
}
.school-search-icon{
   font-size: 40px;
   color:#aaaaaa;
   width: 100%;
   text-align: center;
}
.school-search-results{
   width:100%;
   height: 300px;
   background: #ffffff;
   margin-top:10px;
   overflow-y: auto;
   display: none;
}
ul.school-search-results-lists{
   list-style: none;
   padding:0px 20px;
}
ul.school-search-results-lists li a{
   transition: all 0.3s ease;
   padding:8px;
   display: block;
   border-bottom:1px solid #eeeeee;
   /*color: #666;*/
}
ul.school-search-results-lists li a:hover{
   background: #cccccc;
}
.school-search-cancel a,
a.cancel-school-sign-form-box{
   display: block;
   width:40px;
   height: 40px;
   border:1px solid;
   text-align: center;
   line-height: 40px;
   position: absolute;
   margin-top:-25px;
   background: #ffffff;
   border-radius: 35px;
   right: 0;
   color: red;
   margin-right: 20px;
}
input#important.error,
select#important.error{
    border:2px solid red;
}
.school-content-container{
   background: #ffffff;
   padding:20px;
   overflow-x: auto;
   border:1px solid #eeeeee;
}
.school-content-list-container{
   position: relative;
}
.school-content-container h4 a{
    color:#000;
    font-weight: bolder;
    /*font-size: 18px;*/
}
.school-content-container h4 a:hover{
   color:#37a0f9 !important;
}
.schl-content-image-card{
    width:70px !important;
    background: #eeeeee;
    height: 80px;
}
.schl-content-image-card img{
    width:70px !important;
    height: 80px;
}
.schl-content-image-card .content-pdf-view span{
   font-size: 85px;
}
.n-posted-comments-content- p{
   padding:0px !important;
   margin:0px !important;
}
.school-editor-container{
   border:1px solid #cccccc;
   border-radius: 5px;
   padding: 20px;
   margin-bottom: 20px;
}
.school-file-attachments{
   border:1px solid #cccccc;
   padding: 20px;
   border-radius: 5px;
}
.notes-title{
   font-size: 20px;
   padding:10px;
}
.teacher-classroom-container{
   margin:20px 0px;
}
.top-header-content{
   padding:100px;
}
.classroom-card{
    width:330px;
    display: inline-block;
    padding:20px;
    background: #7f3e98;
    height: 120px;
    margin-bottom: 5px;
}
.school-landing-cover-{
  margin-top:-1px;
  margin-left: -2px !important;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  /*background-color: #222222;*/
  /*background-image:url("../../img/SD-home-image.jpg");*/
  /*animation: panning 50s infinite linear;*/
  width: calc(100% + 30px);
  margin-top:-20px !important;
  margin-left: -15px !important;
}
.school-blackboard-container{
   width:500px;
   margin-top:40px;
   margin-left: 20px;
   z-index: 9 !important;
   position: relative;
   margin-bottom: 30px;
   background-clip: border-box;
   background-position: center;
   background-size: cover;
   background-image: url(../../img/chalkboard.jpg);
   font-family: Chalkboard !important;
   border-radius: 10px;
   box-shadow: 0px 1rem 1.5rem rgba(0,0,0,0.5);
   padding:0px 0px 40px;
}
.schl-leader-circle-{
   border:1px solid red;
   width:100px;
   height: 100px;
   border-radius: 100px;
}
.schl-leader-circle- img{
   border:1px solid red;
   width:90px;
   height: 90px;
   border-radius: 100px;
   padding:10px;
}
.school-down-arrow-div{
   list-style: none;
   margin-bottom:100px;
}
.school-down-arrow-div a{
   margin: 30px auto;
   border:1px solid #fff;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   text-align: center;
   line-height: 45px;
   display: block;
}
.school-down-arrow-div img{
   width: 25px;
}
.schol-top-text-container{
   width:60%;
   margin:80px auto 10px;
}
.stream-class-teacher-form{
   border:1px solid #cccccc;
    background: #f9f9f9;
   border-radius: 5px;
}
.stream-class-teacher-form input[type="text"],
.stream-class-teacher-form input[type="radio"]{
   border:none;
   margin:0px !important;
}
.default-hide-strmtch{
    display: none;
}
ul.stream-class-teacher-suggestion{
    background: #f9f9f9;
    margin:0px;
    list-style: none;
}
ul.stream-class-teacher-suggestion li{
   padding:8px 20px;
   border-top: 1px solid #eeeeee;
}
.school-number-card{
   width:125px;
   height: 125px;
   /*display: inline-block;*/
   margin-right: 20px;
   /*box-shadow: 0 20px 50px rgba(0,0,0,0.8);*/
   background: -webkit-gradient(linear, left top, right top, from(#fc466b), to(#3f5efb));
   background: linear-gradient(to right, #fc466b, #3f5efb);
   color: #fff;
   padding: 10px;
   border-radius: 150px;
   margin-bottom: 10px;
}
.school-number-card a{
   color:#ffffff !important;
   font-weight: bolder;
}
.schl-number-card-header{
   /*padding: 10px;*/
   text-align: center;
   border-top: 1px solid #cccccc;
   font-size: 13px !important;
}
.schl-card-number{
   text-align: center;
   font-size: 55px;
}
.schl-board-header{
   padding: 30px;
   text-align: center;
}
.schl-board-header h2{
   border-bottom:1px solid #ffffff;
   padding:20px;
}
.schol-leader-outer-container{
   padding:30px;
   width:80%;
   margin: auto;
}
.schl-leaders-list{
   margin-top:10px;
   border-top:1px solid #eeeeee;
   padding:20px;
   width:100%;
}
ul.schl-forms-list{
  margin:0px !important;
}
ul.schl-forms-list li{
    display: inline-block;
    width: 100px;
    text-align: center;
}
.school-announcement-list-container{
   width:85%;
   margin: auto;
   color:#ffffff;
   height: 400px;
   overflow: auto;
   padding:0px 10px;
}
.school-announcement-list-container a{
   color:#ffffff;
}
.school-announcement-list-container a:hover{
   text-decoration: underline;
}
.school-number-carg-holder{
   margin-top:50px;
}
@media screen and (max-width: 991px){
     .ic__datepicker{
         left: 40px !important;
      }
    .school-search-container{
       width: 100% !important;
       margin:80px 0px;
    }
    .school-search-fom input[type='text']{
       font-size: 20px;
       height: 45px;
    }
    .schl-leader-circle-{
       margin:auto;
    }
    .schol-top-text-container{
       width:100%;
       text-align: center;
       margin:0px;
    }
    .school-number-card{
       margin-right: 10px;
       display: inline-block;
    }
    .school-number-carg-holder{
       margin-top:10px;
       margin-bottom: 30px;
       text-align: center;
    }
    .school-down-arrow-div a{
       margin:10px auto 20px;
    }
    .school-blackboard-container{
       margin: 0px;
       width:100%;
    }
    .schol-leader-outer-container{
       width:100%;
       padding:10px;
       margin-top:40px;
    }
    .schl-leaders-list{
       padding:10px;
    }
    .top-header-content{
       padding:50px 25px 20px;
    }
}