/*
/   name           Favourite
/   version        4.2
/   description    Responsive and customizable Joomla!3 template
/   demo           http://demo.favthemes.com/favourite
/   author         FavThemes
/   author URL     https://www.favthemes.com
/   copyright      Copyright (C) 2012-2018 FavThemes.com. All Rights Reserved.
/   license        Licensed under GNU/GPLv3 (http://www.gnu.org/licenses/gpl-3.0.html)
*/

/*//////////////////////////////////////////////////////////////////////////////
///
///  custom style
///
//////////////////////////////////////////////////////////////////////////////*/
/* change so just on login page and not everywhere else*/
/*
.favth-col-md-12 {
	width: 100%;
	background-image: linear-gradient(to right, #fff0,#fff0, #0000009e, #fff0, #fff0);
	color: #09f;
}
*/
.modal-title {
    font-weight: bold;
}
.modal-footer {
    justify-content:space-between;
}

.btn-wbstl {
    transition: 0.8s;
    background-color: #09f;
    color: white;
}

.btn-wbstl:hover {
    transition: 0.8s;
    background-color: #000;
    color: white;
}
/* start j4 menu*/



.container-header {
    background-color: transparent;
    background-image: none;
}
.header {
	display: grid;
	grid-template-columns: minmax(0,1fr) repeat(4,minmax(0,19.875rem)) minmax(0,1fr);
	grid-gap: 0 1em;
	/*height: 80px;*/
	
/*	  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.27); */

	
}
.header .grid-child:first-child {
	grid-column: 2/3;
}
.header .container-nav {
	grid-column: 3/6;
}

@media (max-width: 767.98px) {
    .container-header .navbar-toggler {
        margin-left: 50px;
        margin-top: 10px;
    }
    .container-header .container-nav .container-search,
    .container-header .container-nav nav {
        margin-top: 10px;
        display: block;
    }
}


/* end j4 menu*/



/****** j4 adapt*/

body {

  background-color: transparent;

}

.no-ul a {
    text-decoration: none !important;
    /*color: white;*/
}

.no-ul2 {
    text-decoration: none !important;
    text-decoration-style: none;
}

.container-header .navbar-brand a {
	color: var(--cassiopeia-color-hover);
	text-decoration: none;
}

.list-group-item {
	background-color: transparent;
	color: #0099ff;
}

.footer {
    background-color: transparent;
    background-image:none;
    text-align: center !important;
    width:100%;
    color: #0099ff;
    font-weight:400;
    background-image: linear-gradient(to right, #fff0,#fff0, #0000009e, #fff0, #fff0);
    padding:none;
}

.loginfooter {
    background-image:none;
    text-align: left !important;

}
.mod-footer {
    width:100%;
}

.footer .grid-child {
	padding: unset;
}

.rememberme {
	float: none !important;
	margin-left: 0 !important;
	height: 2em;
	width: 2em;
	margin-top: 0;

}

.wurkbukmenu {
    color: black !important;
    position: relative;
    right: -160px;
    font-size: 14px;
}

.headerline {
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.27);
    background: white;
}

.menuheader::before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f19d";
    padding-right: 15px;
}

.padding0 {
    padding: 0.5em 2em 0 2em !important;
}

.marg10 {
    margin-top: 10px;
}

.font20 {
    font-size:20px;
}

.wb-horiz {
    display: inline-flex;
}

.wb-info {
	padding-right: 9px !important;
	border-right: 1px solid lightgray;
}

.wb-padding2 {
    padding: 2% !important;
}

/****** j4 adapt end*/

.icon-embed::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  content: "\f121";
  font-size: 1.1em;
}


.icon-gdrive::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  font-style: normal;
  content: '\f3aa';
  font-size: 1.1em;
}

.no-bottom-margin{
    margin-bottom:0;
}

.margint30 {
        margin-top:30px;
    }

.category_bg {
  background-image: url(../images/logo/logo-filter.png);
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;    
}

ul.menufavth-basic li a, ul.menufavth-basic li .nav-header {
	font-family: inherit;
	color: #444;
	padding: 12px 14px;
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
	text-shadow: none;
	border-bottom: 1px solid #e7e7e7;
	border-radius: 0px;
	-webkit-transition: all 0.1s ease-out 0s;
	-moz-transition: all 0.1s ease-out 0s;
	-o-transition: all 0.1s ease-out 0s;
	transition: all 0.1s ease-out 0s;
}

.quizMenuBorder {
    border-left: 2px solid #2ed589;
}

.lessonMenuBorder {
    border-left: 2px solid #0099ff;
}

.fav-container .pagination ul li a:hover, .fav-container .pagination ul li a:focus, .fav-container .pagination ul li.pagination-start a:hover, .fav-container .pagination ul li.pagination-prev a:hover, .fav-container .pagination ul li.pagination-next a:hover, .fav-container .pagination ul li.pagination-end a:hover, .fav-container .pagination ul li.pagination-start a:focus, .fav-container .pagination ul li.pagination-prev a:focus, .fav-container .pagination ul li.pagination-next a:focus, .fav-container .pagination ul li.pagination-end a:focus {
	border-radius: 6%;
}

.fav-container .pagination ul li span {
	border-radius: 6% !important;
}

.wbradius {
    border-radius:6% !important;
}

ul.pager{
	text-align: center;
}

@media (max-width: 979px) {
    .nav-collapse, .nav-collapse.collapse {
    	 height: auto; 
    	 overflow: visible; 
    }
}
.center {
    text-align: center !important;
}

#cj-wrapper .table {
    border-spacing: 0;
    
}

#cj-wrapper i[class^="fa-"],
#cj-wrapper i[class*=" fa-"] {
  font-size: 0.8em;
  padding-right: 0.6em;
}

#cj-wrapper .abc-checkbox label::after {

	top: 0px;

}

#cj-wrapper ul.image-thumbnails.image_picker_selector li .image-thumbnail.selected {
	background: #09F;
}

#cj-wrapper .abc-checkbox-bs2 label::before {
	width: 18px;
	height: 18px;
}

#cj-wrapper .abc-radio-bs2 label::before {
	width: 17px;
	height: 17px;
}

#cj-wrapper .image-correct {
	border: 3px solid #46c448;
}

#cj-wrapper .image-incorrect {
	border: 3px solid #b94a48;
}

#cj-wrapper .image-right {
	border: 3px solid #000;
}

.question-grid [class^="fa-"]::before,
.question-grid [class*=" fa-"]::before {
  font-size: 120%;

}

.choice-answer [class^="fa-"]::before,
.choice-answer [class*=" fa-"]::before {
  font-size: 120%;

  
}

.bold {
    font-weight: bold;
}
.fakeBS-button {
	padding: 8px 12px 8px 12px !important;
}

.top-adjust-left {
    margin-left:-10px !important;
}

.fa-spinner {
    background-color: #0f90 !important;
}
.top-space20 {
    margin-top: 20px;
}

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

#cj-wrapper .panel-primary > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #09f;
}

#cj-wrapper .panel-primary {
	border-color: #09f;
}

#cj-wrapper .panel-primary > .panel-heading {
	color: #fff;
	background-color: #09f;
	border-color: #09f;
}

.question-heading-adjust a {
	color: #000;
}

.question-heading-adjust a:hover  {
	color: #fff;
}

.question-adjust a {
    color:#000;
}

.question-adjust a:hover  {
	color: #09f;
}

.question-adjust button, input, select, textarea {

	/*vertical-align: -5px;v*/
}

.question-adjust .input-mini {
    top: 0;
}

.question-adjust .form-group {
    margin-bottom:50px;
}

.icon-move::before {
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0b2";}

.fav-container .planform .btn-mini {
	margin-right: 0px;
}


#cj-wrapper .planform .table > thead > tr > th {
	vertical-align: top;
}


.planform .table-bordered {
	border-collapse: collapse;
}

.planform .tab-content {
	overflow: hidden;
	margin-top: 20px;
}

.planform #myTabContent .control-label {
	width: 160px;
}

#fav-nav {
	position: relative;
	top: 10px;
}

.input-mini{
    position:relative;
    top:30px;
}

.wb-login-img:before{
        content: "";
  position: fixed;
  left: 0;
  right: 0;
  z-index: -1;
  
  display: block;
  background-color: transparent !important;
  background-image: url(../images/bg/bg-login.jpg);
  background-position: center top;
  background-attachment: fixed;
    /*background: url(../images/bg/bg-offline7.jpg) center top no-repeat fixed #111;*/
  width: 100%;
  height: 100%;
  background-size: cover;
  filter: grayscale(50%);
background-repeat: no-repeat;
            animation-name: imgfilter;
            animation-duration: 4s;
            /*animation-iteration-count: infinite;
            animation-direction: alternate;*/

    }
    
    	    @keyframes imgfilter {
          0%   {filter:grayscale(0%); }
          25%  {filter:grayscale(0%); }
          50%  {filter:grayscale(0%); }
          75%  {filter:grayscale(25%); }
          100% {filter:grayscale(50%); }
        }    
    
    #fav-offlinewrap {
  background: none;
}



.favth-alert-message {
  color: #3c763d; 
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.favth-alert-notice {
  color: #0055bb; 
  background-color: #c3d2e5;
  border-color: #84a7db;
}

#fav-offline.offline-dark #frame {
	color: #fff;
}

.textarea{
        -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            width:100% 
}

.feedback{
    font-size: 0.7em;
}

.help{
    padding-left: 0.6em;
}

p {
    margin:0 0 10px;
}

.jmodedit {
    display:none !important; 
}

.fav-overlay {
    background-color: transparent;
}

/* nav tabs */
.nav-tabs.nav-stacked > li > a {
  border: 0px solid #e7e7e7;
}


.favth-alert,
.favth-alert-warning,
.favth-alert-dismissable {
    position:relative;
    z-index:1;
    right:10px;
}

.fav-transparent {
    background-color: white;
}

.favth-container:after,
.favth-clearfix:after,
.favth-row:after
 {
    /*clear: none;*/
}


ul { list-style-type: disc; }
ul, ol { margin: 0 0 9px 25px; padding: 0; }

.slogan{
position: relative;
    right: -40px;
	color: #999;
	font-size: 14px;
	line-height: 21px;
	padding: 0;
	margin: 0;
}

.outline {
    border: 1px solid #f5f5f5 !important;
    background: none !important;
    padding: 2px;
}

#labellogin{
  
     display: inline; 
    margin: 5px 10px 2px 0;

  
}

#fav-copyrightwraplogin {
    /* background-color: #fff; */
    /*position: absolute;*/
    position: relative;
    /*bottom: 0px;*/
    bottom: -500px;
    text-align: center;
    color: #777;
    width: 100%;
}

#framelogin {
  position: absolute;
   /* top: 50%; */
    left: 50%;
    width: 400px;
    margin-top: 20px;
    margin-left: -210px;
    margin-bottom: 0;
    padding-bottom: 10px;
color: white;
background-image: linear-gradient(#0e0e4717, black) !important;
text-align: center;
  
}

.btn, btn-primary {
  
  /*padding: 6px 10px 6px !important;
  font-size: 12px !important;*/
  border-radius: 10px !important;
}



i[class^="fa-"],
i[class*=" fa-"] {
  font-size: 0.8em;
  padding-right: 0.6em;
}

.fa-book-open{
   font-size: 0.85em !important;
}

iframe,
svg {
	max-width: 100%;
}

#fav-headerwrap {
  background-color: rgba(255, 255, 255, 1);
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
}

#fav-headerwrap-login {
  /*background-color: rgba(255, 255, 255, 1); */
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
}

#fav-mainwrap {
    background-color: transparent; /*#fff;*/
    margin-top: 65px;
}

.header-name {
    float: right;
    padding: 5px;
    margin-right: 40px;
    margin-top: 15px;
    /* border-style: solid; */
    /* border: black; */
    /* border-width: 1px; */
    /*background-color: #1a95f6;*/
    background-color: #0099ff;
    border-radius: 6%;
  transition: 0.6s;
  
}

.header-name:hover {
  background-color: black;
  /*color:white;*/
  
}

 .header-name a {
  color: white;
  
}



@media (max-width: 767px){
.favth-visible-xs {
    display: block !important;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
  }

  #fav-navbar-collapse ul li,
  #fav-navbar-collapse ul {
    background: none;
    float: left;
    padding: 0;
    margin: 0;
  }
  
  #fav-mainwrap {
    background-color: transparent; /* #fff; */
    margin-top: 110px;
  }
  
  .header-name {
    float: right;
    padding: 5px;
    margin-right: 40px;
    margin-top: 40px;
    /* border-style: solid; */
    /* border: black; */
    /* border-width: 1px; */
    

  
}
  .slogan {
     padding-left: 22px !important;
  
  }

    #framelogin {
        position: absolute;
         /*top: 50%;*/
    left: 52.5%;    
    width: 400px;
    margin-top: 20px;
    margin-left: -210px;
    margin-bottom: 0;
    padding-bottom: 10px;
color: white;
background-image: linear-gradient(#0e0e4717, black) !important;
    }
  
}

#fav-headerwrap, #fav-headerwrap.fav-fixed {
     padding-top: 0px; 
     padding-bottom: 0px; 
}

@media (min-width: 992px){
.favth-col-md-9 {
    width: 75%;
}

.favth-col-md-9wb {
    width: 60%;
}

}
.span10{
  width:100% !important;
}

.edit-doc{
    float: none !important;
    text-align: left !important;
    margin-left: 0px;
    
}

html{
 height:100%;
 min-height:100%;
 }
body{
 min-height:100%;
 }
 
 /*home and other pages*/

.front {
	background-color: #d8dee873;
	padding: 3%;
	margin: 1%;
	border-color: #0099ff;
	border-radius: 8px;
	border-width: 1px 1px 5px 1px;
	border-style: solid;
	box-shadow: 0 0 5px;
	
}

.msnopad {
    padding-bottom: 0;
}

.work {
    background-color: #fff;
}

.home {
    padding-top: 40px;
    background-color: #fff;
}

.marking {
    background-color: #dceedc;
}

.feedbackhome {
    background-color: #bec3ea63;
}

.subjects {
    background-color: #ffefd2;

}

.groups {
    background-color: #ffd6d6;

}

table {
   border-spacing: 15px;

}

.quizbg a:link, .quizbg a:visited
{
    color:#2ed589;
}

.quizbg a:hover
{
    color:#000000;
}

p{
     font-size: 1.25em;
  line-height: 150%;
}

 .st3{   /*used to be td */
  /*border: 1px solid black; */
  text-align: center;
  min-height:75px;
  min-width:100px;
  padding: 15px;
  color: #000;
  font-size: 1.2em;
  line-height: 150%;
  background: #f2f2f2;/*EDE7B1;*/
  border-radius: .2em;
  transition: 0.8s;


  /*background: linear-gradient(45deg, #49a09d, #5f2c82);*/
  box-shadow: 0 0 20px rgba(0,0,0,.21);


  
}



.st6{   
    /*used to be td*/
  /*//border: 1px solid black;*/
  text-align: center;
  min-height:50px;
  width:75px;
  padding: 10px;
  color: #000;
  font-size: 1.2em;
  line-height: 100%;
  background: #f2f2f2;
  /*//EDE7B1;*/
  border-radius: .2em;
  transition: 0.8s;
  cursor: pointer;


  /*//background: linear-gradient(45deg, #49a09d, #5f2c82);*/
  box-shadow: 0 0 20px rgba(0,0,0,.21);


  
}


.st4{
   width: 30px;
}

.st5{
   height: 30px;
}
.st1{
   height:100%;
   width:100%;
}

 td.st6:hover, td.st3:hover{
   background: #737373; /*rgba(255,255,255,0.2);*/
     color: #ffffff;

}

 a.st2:link {
  color: black;
}

/* visited link */
a.st2:visited {
  color: black;
}

/* mouse over link */
a.st2:hover {
  color: white;
}

/* selected link */
a.st2:active {
  color: white;
}

.headings {
    font-size: 1.7em;
}

.ptm {
    background: #0099ff;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 80%;
}


@media (max-width: 500px) {
    
    .st6 {
          width:50px;
          padding: 10px 4px 10px;
    }
    
    .ptm {
        font-size: 1em;

    }
    
}

.modal {
  
   display:none;
    
} 

.top10 {
    padding-top: 10px;
}

.height250 {
    height: 250px;
}

.shortLinks {
    right: -20px;
    position: relative;
}

.icon1 {
    color: #b0aeae;
}

.icon2{
	position: relative;
	left: -22px;
	font-size: 0.5em !important;
	color: blue;
	bottom: -4px;
}

#ID-Tabs-J31-GroupTabs li {
    background-color: #d8dee873;
	margin: 1%;
	border-color: #0099ff;
	border-radius: 8px;
	border-width: 1px 1px 5px 1px;
	border-style: solid;
	box-shadow: 0 0 5px;
    
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	background-color: transparent; 
	border: 0;
}

.tenperc {
    margin-top:10% !important;
}

.mce-item-shim {
	/*Possibly obsolete after update of jce 2.9.2*/
	background: none !important; 
		cursor: pointer !important;

}

.mce-item-preview::after {
	/*Possibly obsolete after update of jce 2.9.2*/
	/*content: "" !important; */
	display: none !important;

}

.mce-object-preview::after {
	/*content: "" !important; */
	display: none !important;

}

.mce-object-shim {
	background: none !important; 
		cursor: pointer !important;

}