@font-face {
    font-family: open-dyslexic;
    src: url('OpenDyslexic3-Regular.ttf');
}
.opendys
{
    font-family: 'open-dyslexic',sans-serif;
}
@media print
{
    .noprint{
        display:none!important;
    }
    .wrapper
    {
        display:block!important;
    }
    @page {
        size: auto;  
        margin: 3mm;
    }
    header,footer { 
      display: none; 
    }
    body
    {
        padding:0px!important;
    }
    a[href]:after
    {
        content: none !important;
    }
    a:not(.btn)
    {
        text-decoration: none;
    }
    .nobreak
    {
        page-break-inside: avoid;
    }
    #frontpage,#frontpageone
    {
        display:block!important;
    }
    #frontpage
    {
        page-break-after: always;
    }
    .break
    {
        page-break-before: always;
    }
    .breakafter
    {
        page-break-after: always;
    }
    .col-print{flex-basis: 0;flex-grow: 1;max-width: 100%;}
    .col-print-1 {width:8.33%!important;  float:left; flex: 0 0 8.33%!important;max-width:8.33%;}
    .col-print-2 {width:16.66%!important; float:left; flex: 0 0 16.66%!important;max-width:16.66%;}
    .col-print-3 {width:25%!important; float:left; flex: 0 0 25%!important;max-width:25%;}
    .col-print-4 {width:33.33%!important; float:left; flex: 0 0 33.33%!important;max-width:33.33%;}
    .col-print-5 {width:41.66%!important; float:left; flex: 0 0 41.66%!important;max-width:41.66%;}
    .col-print-6 {width:50%!important; float:left; flex: 0 0 50%!important;max-width:50%;}
    .col-print-7 {width:58.33%!important; float:left; flex: 0 0 58.33%!important;max-width:58.33%;}
    .col-print-8 {width:66.66%!important; float:left; flex: 0 0 66.66%!important;max-width:66.66%;}
    .col-print-9 {width:75%!important; float:left; flex: 0 0 75%!important;max-width:75%;}
    .col-print-10{width:83.33%!important; float:left; flex: 0 0 83.33%!important;max-width:83.33%;}
    .col-print-11{width:91.66%!important; float:left; flex: 0 0 91.66%!important;max-width:91.66%;}
    .col-print-12{width:100%!important; float:left; flex: 0 0 100%!important;max-width:100%;}
    .mt-print-0
    {
        margin-top:0px!important;
    }
}
.baw
{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.rounded-circles
{
    border-radius:100%
}
.cursorrow
{
    cursor: pointer;
    transition: all 0.2s;
}
.pointer
{
    cursor: pointer;
}
.cursorrow:hover
{
    color:orange;
    transition: all 0.2s;
}
a
{
    display:block;
}
#frontpage
{
    display:none;
    width:100%;
    text-align:center;
    padding-top:400px;
}
#frontpage img
{
    width:300px;
height:auto;
margin-bottom:100px;
}
#frontpageone
{
    display:none;
    width:100%;
}
#frontpageone img
{
    width:150px;
height:auto;
}
body,html{
    min-height:100vh;
}
.evenTr,.oddTr
{
    border-bottom:1px solid #333;
}
.index-container
{
    background-position: center 100px;

    background-repeat: no-repeat;
}
.innercontent
{
    height:100vh;
}
.crestlogo
{
    height:100px;
}
iframe
{
    width:100%;
    height:500px;
    padding:0px;
    border:0;
}
.ui-resizable-se
{
    display:none!important;
}
input[type="text"],input[type="password"],input[type="number"],input[type="email"],.inputbox
{
    width:100%;
    border-radius:2px;
    border:1px solid #333;
}
.crestlogo-sm
{
    height:53px;
}
.trumbowyg-box, .trumbowyg-editor
{
    margin:0;
}
.requiredfield
{
    color:#ff4665;
}
.parsley-errors-list
{
    list-style: none;
    margin-before:0px;
    -webkit-padding-start:0px;
}
.parsley-errors-list li,.error-msg,#mc_embed_signup div.mce_inline_error
{
    background-color:#ff4665;
    background: linear-gradient(135deg, #ff4665 0%,#ff468f 99%);
    margin-top:5px!important;
    border-radius:.25rem;
    color:white;
    font-size:.8rem;
    padding:5px;
    font-weight:normal!important;
}
#mc_embed_signup input.mce_inline_error
{
    border-color: #ff4665!important;
}
#mce-success-response
{
    padding: .5rem;
    margin: .5rem 0rem 1rem 0rem;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    border-radius: .25rem;
}
#mce-error-response
{
    padding: .5rem;
    margin: .5rem 0rem 1rem 0rem;
    border-radius: .25rem;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.parsley-error
{
    border:1px solid #ff4665;
}
.indexbk
{
    background: linear-gradient(135deg, #141414 0%,#4d4e4e 99%);
}
.home-card:hover
{
    transition: ease all .3s;
}
.home-card:hover,.nav-link:hover,.page-item a:hover
{
	background-color:rgba(0,0,0,.10);
    transition: ease all .3s;
}
.card-body
{
    padding:.75rem;
}
.nav-item
{
    margin-right:.25rem;
    margin-bottom: .25rem;
}
.page-link
{
    border:0;
    border-radius: .25rem;
    color:inherit;
}
.page-item
{
    border-radius: .25rem;
}
.crown-img img
{
    width:100%;
    max-width:20rem;
}
.nav-pills .nav-link {
    border: 1px solid transparent;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link,.page-item.active a
{
    background-color:rgba(0,0,0,.15);
    border:0;
    color:#333;
    border:1px solid white;
}
a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

ul
{
    margin:0px;
}
.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}
.bootstrap-select .btn-light
{
    border: 1px solid rgba(0,0,0,.125);
    border-color: rgba(0,0,0,.125)
}
.alert-info
{
    background: linear-gradient(135deg, #3192f9 1%,#89c2ff 73%);
    color:white;
}
.alert-error
{
    background: linear-gradient(135deg, #ff4665 0%,#ff468f 99%);
    color:white;
}
.i-btn a
{
    display:block;
    color:#333;
}
.i-btn
{
    text-align: center;
    border: 1px solid rgba(0,0,0,.125);
    border-radius:.25rem;
    font-size:1.3rem;
    cursor: pointer;
    padding: .22rem .5rem;
    width:100%;
    color:#333!important;
    background-color:white;
}
.i-btn-text
{
    text-align: center;
    border: 1px solid rgba(0,0,0,.125);
    border-radius:.25rem;
    font-size:1rem;
    padding: .22rem .5rem;
    width:100%;
    color:#333!important;
    background-color:white;
}
.i-btn-false
{
    text-align: center;
    border: 1px solid rgba(0,0,0,.125);
    border-radius:.25rem;
    padding: .22rem .5rem;
    width:100%;
    color:#999!important;
    background-color:#eee;
}
p
{
    margin:0;
}
.page-link:focus
{
    box-shadow: none;
}
.cursor
{
    cursor:default;
}
.fileuploader-input-caption,.fileuploader-input-button
{
    border-color: #DDD;
}
.fileuploader
{
    padding:0px;
}
.max-width
{
    width:100%;
}
.i-btn:hover
{
	background-color:rgba(0,0,0,.10);
}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
    perspective: 1500px;
    /*min-height:100vh;*/
}
.h-100
{
    min-height:100vh;
    max-height:100%;
}
.sidebarcontent
{
    position: fixed;
}
#sidebar {
    max-width: 450px;
    color: #fff;
    transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
    transform-origin: bottom left;
    min-height:100%;
    position: fixed;
    z-index: 99;
    width:100%;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)
{
    width:100%;
    border-radius: .25rem;
}
#sidebar.active {
    margin-left: -404px;
}

#sidebar .sidebar-ul.components {
    padding: 20px 0;
}

#sidebar .sidebar-ul p {
    color: #fff;
    padding: 1rem;
}

#sidebar .sidebar-ul li a {
    padding: .70rem 1rem;
    font-size: 1em;
    display: block;
}
#sidebar .sidebar-ul li a:hover {
    color: white;
    background-color:rgba(0,0,0,0.1);
}

#sidebar .sidebar-ul li.active > a, a[aria-expanded="true"] {
    color: #fff;
    background-color:rgba(0,0,0,0.2);
}
.status
{
    height:17px;
    width:17px;
    border-radius:30px;
    background-color:#333;
}
.status1
{
    background: linear-gradient(135deg, #32fcb2 1%,#89ffed 100%);
}
.status0
{
    background: linear-gradient(135deg, #ff4665 0%,#ff468f 99%);
}
.bootstrap-select .dropdown-menu li a
{
    padding:.5rem;
    font-size: .8rem;
}
a[data-toggle="collapse"] {
    position: relative;
}
.datebox
{
    border:1px solid #333;
    font-size:.75rem;
    padding: .15rem;
    border-radius:.25rem;
}
.btn-light
{
    background-color: transparent;
}
.bootstrap-select,.filter-option
{
    background-color:rgba(255,255,255,0.5);
}
.sidebar-ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background-color:rgba(0,0,0,0.2);
}

.sidebar-ul.CTAs {
    padding: 20px;
}

.sidebar-ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article, a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}



/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    width: 100%;
    padding: 0px;
    transition: all 0.3s;
}

#sidebarCollapse {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: fixed;
    box-shadow: none;
    outline: none !important;
    border: none;
    left:30px;
    color:white;
    border-radius:.45rem;
    border:2px solid white;
    z-index: 99;
    transition: .3s ease all;
}
#sidebarCollapse:hover {
    box-shadow: 0px 0px 111px -10px rgba(0,238,255,1);
}
.fade:not(.show)
{
    display:none;
}
#sidebarCollapse span {
    width: 80%;
    height: 2px;
    margin: 0 auto;
    display: block;
    background: white;
    transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
    transition-delay: 0.2s;
}
.files img {
    margin: auto;
    width: 100px;
    height: auto;
    text-align: center;
    width: 40px;
    height: auto;
    margin-bottom: 5px;
    background-size: 80px 60px;
}
.nameOverlay {
    padding: 10px;
    background: rgba(255,255,255,0.85);
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
.votebtn
{
    width:100%;
}
.votebtn:hover
{
    box-shadow: 10px 10px 194px 30px rgba(255,255,255,1);
	background: linear-gradient(135deg, #0575E6, #08d788);
    transition: all 0.3s;
}
.votes
{
	font-size: 1.25rem;
    transition-duration:.3s;
}
.voting1
{
	background: linear-gradient(135deg, #0575E6, #08d788);
    transition: all 0.3s;
    color:white;
}
.voting1:hover
{
    box-shadow: 10px 10px 194px 30px rgba(255,255,255,1);
	background: linear-gradient(135deg, #0575E6, #08d788);
    transition: all 0.3s;
}

.hidden
{
    display:none;
}
.filename
{
    text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.texthidden,.ekko-lightbox div div div .modal-title
{
    text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.fileicon
{
    max-width: 4rem;
}
.filedetails
{
    font-size:.7rem;
}
.filebox
{
    line-height: 20px;
    margin: 0px;
    font-size: 15px;
    border-radius: .25rem;
    background-color: white;
    border: 1px solid #333;
}
.display-6 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.1;
}
.display-7 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1;
}
.subimages
{
    width:100px;
}
#sidebarCollapse span:first-of-type {
    transform: rotate(45deg) translate(2px, 2px);
}
#sidebarCollapse span:nth-of-type(2) {
    opacity: 0;
}
#sidebarCollapse span:last-of-type {
    transform: rotate(-45deg) translate(1px, -1px);
}


#sidebarCollapse.active span {
    transform: none;
    opacity: 1;
    margin: 5px auto;
}

    #sidebar {
        margin-left: -100%;
    }
    #sidebar.active {
        margin-left: 0;
        transform: none;
    }
    #sidebarCollapse span:first-of-type,
    #sidebarCollapse span:nth-of-type(2),
    #sidebarCollapse span:last-of-type {
        transform: none;
        opacity: 1;
        margin: 5px auto;
    }
    #sidebarCollapse.active span {
        margin: 0 auto;
    }
    #sidebarCollapse.active span:first-of-type {
        transform: rotate(45deg) translate(2px, 2px);
    }
    #sidebarCollapse.active span:nth-of-type(2) {
        opacity: 0;
    }
    #sidebarCollapse.active span:last-of-type {
        transform: rotate(-45deg) translate(1px, -1px);
    }

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
    .col-sm-13
    {
        width:11.11%;
    }
#close
{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px;
    border-radius: 0px;
    transition: ease all .2s;
}
.active#menu-toggle .icon-bar
{
    background-color:transparent;
}
@media only screen and (min-width: 767px) {
    }
@media only screen and (max-width: 767px) {

    #sidebar
    {
        color: #fff;
        transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
        transform-origin: bottom left;
    }
    #sidebar
    {
        margin-left: -100%;
    }
    .removelaign-md
    {
        align-items: initial!important;
    }
    #sidebarCollapse
    {
        top:calc(100% - 90px);
    }
    .navbar
    {
        background-color:rgba(255,255,255,.9)!important;
        box-shadow: none;
        z-index: 98;
        height:60px;
    }
}
.navbar-toggler
{
    padding:1rem;
}
.navbar
{
    background-color:rgba(255,255,255,.9)!important;
    box-shadow: none;
    z-index: 98;
    height:60px;
}
.points
{
	background-color: #20a7db;
	padding:5px 10px 5px 10px;
	margin:5px 0px 0px 0px;
	border-radius: 4px;
	display: inline-block;
	color:white;
}
.smallheader
{
	border-bottom:1px solid #333;
	font-size:20px;
    min-height: 30px;
    height: auto;
}
.positionname
{
	border:2px solid #333;
	border-radius:2px;
}
.playercard
{
	border:2px solid #333;
	border-radius:2px;
	margin:10px;
}
.fftransdir
{
	width:20px!important;
}
.playercardselected
{
	background-color: gray;
	cursor: pointer;
}
.fflogo
{
	text-align: left;
	margin-bottom:30px;
}
.fflogo img
{
	width: 100%;
	height:auto;
	max-height:75px;
}
#teamlogo
{
	text-align: center;
	margin-top:20px;
}
#teamlogo img
{
	height:150px;
	width:auto;

}
.navbar-toggler {
  border: none;
  background: transparent !important;
}

.navbar-toggler:focus {
  outline: none;
  background: transparent !important;
}

.navbar-toggler .icon-bar {
  background-color: #333;
  transform: rotate(0deg) translate(0px, 0px);
  transition: ease all .2s;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggler .icon-bar2 {
    transform: rotate(0deg) translate(0px, 0px);
  transition: ease all .2s;
}

.navbar-toggler .icon-bar2 {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggler .icon-bar2 {
transform: rotate(0deg) translate(0px, 0px);
  transition: ease all .2s;
}
.navbar-toggler
{
    position:relative;
    height:60px;
}
.navbar-toggler .icon-bar2 {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggler .icon-bar+.icon-bar {
  margin-top: 4px;
}

.navbar-toggler .icon-bar+.icon-bar {
  margin-top: 4px;
}

.icon-bar:nth-child(2) {
  width: 16px;
  transition: ease all .2s;
}

.navbar-toggler:hover>.icon-bar:nth-child(2) {
  width: 22px;
  transition: ease all .2s;
}

.navbar-toggler:active>.icon-bar:nth-child(2) {
  width: 22px;
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
  transform: rotate(45deg) translate(5px, 4px);
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
  opacity: 0;
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -4px);
  transition: ease all .2s;
}
.navbar-toggler.active .icon-bar2
{
    background-color:white!important;
}
.navbar-toggler.active .icon-bar2.top-bar
{
    background-color:#333!important;
    transition: ease all .2s;
    transform: rotate(45deg) translate(4px, -4px);
    margin-left: -5px;
}
.navbar-toggler.active .icon-bar2.bottom-bar
{
    background-color:#333!important;
    transition: ease all .2s;
    transform: rotate(-45deg) translate(4px, -4px);
    margin-top: 3px;
}
.navbar-toggler.active .icon-bar2.middle-bar
{
    display:none;
}
.navbar .full-width
{
    height:60px;
}
.full-width
{
    width:100%;
    margin-left:0px;
    margin-right:0px;
}
.small-btn
{
    font-size: .75rem!important;
    background-color: transparent!important;
    border:1px solid white!important;
    color:white!important
}
.small-btn a
{
    color:white!important
}
.small-btn:hover a
{
    color:#333!important
}
.small-btn:hover
{
    background:none;
    font-size: .75rem!important;
    background-color:rgba(255, 255, 255, 0.5)!important;
    border:1px solid white!important;
    color:#333!important;
}


.btn-square {
    transition: background-color 1s;
    height: 50px;
    width: 50px;
    background-color: rgba(255,255,255,.75);
    border-radius: .25rem;
}
#close:hover .close
{
    opacity: 1;
}
.close {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  transition: transform 1s; /* Added */
    left:calc(-50% + 12.5px);
    top:calc(50% - 12.5px);
  transform: rotate(-135deg);
}

.close::before,
.close::after,#sideclose::before,
#sideclose::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
    background:red;
}

.close::before {
  transform: rotate(90deg);
}

.close::after {
}

/* Added the below code */
.btn-square:hover {
}

.btn-square:hover .close {
  transform: rotate(-225deg);
}

.subsubtitles
{
	font-size:1.25em!important;
	font-weight:300;
    margin-bottom: -10px!important;
    margin-top: 15px!important;
}

.clear-add
{
    background-color: transparent;
    color:#333;
    padding:0px;
    width: 100%;
    height: 40px;
    border:0;
    font-size: 1.3rem;
    transition: all 0.3s;
}
.clear-add:hover,.show>.clear-add.dropdown-toggle
{
    background-color: transparent;
    transition: all 0.3s;
}
.clear-add-btn,.clear-add-link,.clear-add-btn a:hover
{
    color:#333!important;
    transition: all 0.3s;
}
.card-text img
{
    box-sizing: border-box;
    max-width: 100%;
    border-radius: .25rem;
}
.modal-header .close
{
    left: 0px;
    right: 0px;
    top: 15px;
    color: transparent;
    margin-right: 0px;
}
.modal-header .close::before, .close::after
{
    background:rgba(0,0,0,.5);
}
.votebtn
{
    background:rgba(255,255,255,.5);
}
.vcenterouter
{
    display: inline-block;
    vertical-align: middle;
    float: none;
    height:100%;
}
.vcenter
{
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.attcardup
{
    background: url("../img/generalIcons2/up.svg");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100px;
}
.attcard0
{
    background: url("../img/generalIcons2/folder.svg");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100px;
}
.attcard1
{
    background: url("../img/generalIcons2/file.svg");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100px;
}
.list-group
{
    margin:0px;
}
.list-group-item
{
    padding:10px;
}
.treeview span.icon
{
    margin-right:15px!important;
}
.pupilphotoatt
{
    min-height:50px;
}
.attin, .attin:focus{
    background-color: #26de81;
    color: white;
    border-radius: .25rem;
}
.attout, .attout:focus{
    background-color: #fed330;
    color: white;
    border-radius: .25rem;
}
.attnodata, .attnodata:focus{
    background-color: #ff4665;
    color: white;
    border-radius: .25rem;
}
.pupilphotoattdiv
{
    width: 60px;
    height: 60px;
    border-radius: .2rem;
}
.cardheader
{
    height:42px;
}
.attcard
{
	border:1px solid #333;
	border-radius: 2px;
	margin:10px;
	display: inline-block;
    width: calc(100% - 20px);
    box-sizing: border-box;
    min-height:125px;
}
.attcard:hover
{
    box-shadow: 0px 0px 48px -12px rgba(0,153,209,1);
}
.pupilnameatt
{
	font-size:20px;
	line-height:20px;
	font-family: 'Lato';
	width:100%;
	text-align: center;
	min-height:60px;
	margin-top:5px;
}
.pupilphotoatt
{
	text-align: center;
}
.attin,.attin:focus,.attin button
{
	background-color: #26de81;
	color:white;
}
.attout,.attout button
{
	background-color: #fed330;
}
.attgrey,.attgrey button
{
	background-color: #383737;
}
.pupilphotoattdiv
{
	width:60px;
	height:60px;
    margin: auto;
    border-radius: 200px;
}
.cardhover:hover {
    box-shadow: 0px 0px 48px -12px rgba(0,153,209,1);
}
.vle-footerup
{
    background-image: url("../img/generalIcons2/up.svg");
}
.vle-footer0
{
    background-image: url("../img/generalIcons2/folder.svg");
}
.vle-footer1
{
    background-image: url("../img/generalIcons2/file.svg");
}
.vle-footer
{
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 65px;
    padding-left:35px;
}
.card-img{
    width: 100%!important;
    height: 300px!important;
    object-fit: cover;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.seen-status
{
    color: #26de81!important;
}
.nav-pupilname
{
    font-size:1.25rem;
}
.g-recaptcha
{
    overflow: hidden;
}
.circlekey
{
    width:25px;
    height:25px;
    border-radius: 50px;
    float:left;
    border: 1px solid rgba(0,0,0,.125);
}
.amexam
{
    background-color: aliceblue;
}
.pmexam
{
    background-color: lightgoldenrodyellow;
}
.pupilticks
{
    margin-bottom: .5rem;
}
.pupilticks img
{
    height:25px;
}
.card-overlay
{
    background-color: rgba(255,255,255,.55);
		border-radius: .25rem;
}
.card-no-border
{
    border:0;
}
.file-icon-title
{
		font-size: 1rem;
}

#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
#mergeRow-gdpr {margin-top: 20px;}
#mergeRow-gdpr fieldset label {font-weight: normal;}
#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}

.transp
{
	background-color: transparent!important;
}
.list-group-item-action
{
    color:white;
}
.list-group-item-action:focus, .list-group-item-action:hover
{
    background-color: rgba(0,0,0,0.1);
    color:white;
}
.minicolors-swatch {
    margin: 2px;
}
.surveyimg
{
    max-width:50px;
}
.rating { 
    border: none;
    float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
    font-size: 1.75rem;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    content: '\f005';
    margin-right:1rem;
    cursor: pointer;
    transition: ease all .2s;
}

.rating > label { 
    content: '\f005';
    float: right; 
}
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label
{ 
    color: #FFD700;  
    font-weight:900;
    transition: ease all .2s;
} 

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label 
{ 
    color: #FFED85;  
    content: '\f005';
    font-weight:900;
    transition: ease all .2s;
} 
.thumbs
{
    font-size: 1.75rem;
    margin-right:1rem;
    cursor: pointer;
    transition: ease all .2s;
}
.thumbs:hover
{
    color: #0069d9;
    transition: ease all .2s;
}
.fas.thumbs 
{
    color:#007bff;
    transition: ease all .2s;
}
.survey-resps
{
    font-size: 1.25rem;
    margin-right:1rem;
}

#cookie-msg
{
    padding:1.5rem!important;
    border-top:1px solid #14AAB6;
    text-align:center!important;
}
.btn-aceptar
{
    margin-top:1rem!important;
    margin-left:1rem!important;
    font-size:1rem!important;
    max-width:200px;
    width:100%;
    float:right;
    display:block;
}
#cookie-msg .msg
{
    font-size:1rem!important;
}
#cookie-msg-accept
{
    text-align: left;
}
.jplist-selected
{
    background-color: #dae0e5;
}
.filter-dropdown .jplist-selected:hover
{
    background-color: #ffcdcd;
}
.change-dropdown-btn
{    
    background-color: #6c757d;
    border-color: #6c757d;
}
.wideadd
{
    background-color:rgba(0,0,0,.05);
    transition: ease all .3s;
}
.wideadd a
{
    color:#333;
}
.wideadd:hover
{
    background-color:rgba(0,0,0,.15);
    transition: ease all .3s;
    cursor: pointer;
}
.add-top i
{
    font-weight: 600;
}
.breadcrumb-item+.breadcrumb-item::before
{
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 600;
    margin-top: .5rem!important;
}
.bc-nav-btn
{
    min-width: 0px;
    transition: ease all .3s;
    border-radius:.25rem!important;
}
.bc-nav-btn:hover
{
    box-shadow:none;
    background-color:rgba(0,0,0,.15);
    transition: ease all .3s;

}
.bc-nav-btn-split
{
    height:25px;
    transition: ease all .3s;
    background-color: transparent;
    border: 1px solid #ced4da;
}
.bc-nav-btn-split::after
{
    right:0px;
    display: block;
    position: relative;
}
.breadcrumb-item+.breadcrumb-item
{
    padding-left:1rem;
}
.vle-thumb
{
    width:75px!important;
}
.bc-inner-drop
{
    max-height:400px;
    overflow-y:auto;
}
.general-message
{
    border-radius: .25rem;
}
.btn-drop
{
    min-width: 80px;
}
.btn-drop::after 
{
    margin-top: 8px;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .dropdown-toggle {
    background-color: white;
    border: 1px solid #ced4da;
}
.dropdown-toggle::after {
    border-top: .3em solid #999;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    float: right;
}
.info-pop
{
    font-size:1rem;
}
.info-pop.subtitle-pop
{
    top:-4px;
    position: relative;
}
.gj-datepicker-bootstrap [role="right-icon"] button
{
    border: 1px solid #333;
}
.datefield
{
    width: 100%;
    border-radius: .25rem;
}
.font-normal
{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
.trans-color
{
    color:transparent!important;
}
.frosted
{    
    background: rgba(255, 255, 255, 0.9)!important;
}
.frosted-xl
{    
    background: rgba(255, 255, 255, 0.95)!important;
}
  
@supports (backdrop-filter: none) 
{
    .frosted {
        background: rgba(255, 255, 255, 0.5)!important;
        backdrop-filter: blur(8px)!important;
        -webkit-backdrop-filter: blur(8px)!important;
    }
    .frosted-xl {
        background: rgba(255, 255, 255, 0.75)!important;
        backdrop-filter: blur(8px)!important;
        -webkit-backdrop-filter: blur(8px)!important;
    }
}
@supports (-webkit-backdrop-filter: none) 
{
    .frosted {
        background: rgba(255, 255, 255, 0.5)!important;
        backdrop-filter: blur(8px)!important;
        -webkit-backdrop-filter: blur(8px)!important;
    }
    .frosted-xl {
        background: rgba(255, 255, 255, 0.75)!important;
        -webkit-backdrop-filter: blur(8px)!important;
    }
}
.newcard-overlay-img-1
{
    border-width: 2px;
    border-style: solid;
    border-color: #32fcb2!important;
}
.newcard-overlay-img-0
{
    border-width: 2px;
    border-style: solid;
    border-color: #ff4665!important;
}
.speech-bubble
{
	min-height: 25px;
	background: #3e4046;
    border-radius: .25rem;
    color:white;
}
.speech-bubble-left
{   
    border-left: 5px solid;
    border-color: #01AD9B;
}
.speech-bubble-right
{
    border-right: 5px solid;
    border-color: #b388dd
}
.speech-pointer
{
	height: 15px;
	width: 15px;
	background: #3e4046;
	margin: 0 auto;
	transform: rotate(45deg);
	border-radius: 20px 0 .25rem 0;
	margin-top: -8px;
	position: relative;
}
.speech-pointer-left
{
	left: calc(-50% + 20px);
}
.speech-pointer-right
{
	left: calc(50% - 20px);
}
.bulletin-width img
{
    max-width:100%;
    border-radius: .25rem;
}
.carousel-caption
{
    background-color: rgba(50,50,50,0.45);
    border-radius:.25rem;
}
.carousel-inner
{
    border-radius:.25rem;
}
.line-limit {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-img-top.fit-size
{
    width: 100%;
    height: 15vw;
    min-height:150px;
    object-fit: cover;
}
.badge-absolute
{
    position:absolute;
    left:0;
}