/* unifrog green: #33cc99 */ 

html, body { font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:400; color:#606060; background-color:#fff; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: 300;
  color: #606060;
}

hr { border-top: 1px solid #CCC; }
b, strong { font-weight:700; }

a { -webkit-tap-highlight-color:rgba(0,0,0,0.5); }
a img { border: none; }
:focus { moz-outline-style: none; }
a, a:focus { outline: none; text-decoration:none; }
a:hover { outline: none; text-decoration:none; }
a:active { outline: none; text-decoration:none; }
button:focus { outline:0 none; }

.link a { color:#33cc99; text-decoration:none; }
.link-inherit a { color:inherit; }
.link-underline a { text-decoration:underline; }
.link-white a { color:#FFF; }
.link-grey a { color:#606060; }
.xsmall { font-size:60%; font-weight:400; }
.xxsmall { font-size:50%; font-weight:400; }

.txt-center { text-align:center; }
.txt-left { text-align:left; }
.txt-right { text-align:right; }
.txt-300 { font-weight:300 }
.txt-400 { font-weight:400 }
.txt-700 { font-weight:700 }
.txt-blocktitle { font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:0.9rem; color:#333; }
.txt-blocktitle-lg { font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:1.2rem; color:#333; }
.txt-xsmall { font-size:0.85rem; }
.txt-lg { font-size:2.5rem; line-height:3.25rem; }
.txt-xl { font-size:3rem; line-height:3.75rem; }
.txt-warning { color:#ed344e; }
.txt-nowrap { white-space:nowrap; }
.txt-breakword { word-wrap:break-word; }

.img-center { margin-left:auto; margin-right:auto; }
.img-hero{max-width:100%;overflow:hidden}
.img-hero img{margin-left:-50%;max-width:200%}
.img-hero-left img{margin-left:0; }
.img-hero-right img{margin-left:-100%; }

.stuck-top { position:fixed; top:0; width:100%; z-index:999; }
.stuck-btm { position:fixed; bottom:0; width:100%; z-index:999; }

.stuck-top-visibile { display:none; }
.stuck-top .stuck-top-hidden { display:none; }
.stuck-top .stuck-top-visibile { display:inherit; }

.bg-fff { background-color:#fff; }
.bg-black { background-color:#000; }
.bg-charcoal { background-color:#333; }
.bg-frog { background-color:#33cc99 }
.bg-ltfrog { background-color:#e0f3ec }
.bg-grey { background-color:#eeeeee; }
.bg-mdgrey { background-color:#e4e4e4; }
.bg-ltgrey { background-color:#f9f9f9; }
.bg-ltgreen { background-color:#def1ed; }
.bg-dkgrey { background-color:#999999; } 
.bg-ltpink { background-color:#feddef; }
.bg-ltred { background-color:#ffe1e0; }
.bg-ltblue { background-color:#d2f0fd; }
.bg-ltyellow { background-color:#fff2cc; }
.bg-ltorange { background-color:#ffe4cc; }
.bg-ltpurple { background-color:#e8e9fe; }
.bg-lttea { background-color:#f3f0e5; }
.bg-vlyellow { background-color:#fffbed; }
.bg-vlblue { background-color:#f2fcff; }
.bg-vlred { background-color:#feeeed; }
.bg-vdgrey { background-color:#606060; } 
.bg-warning { background-color:#ed344e; }
.bg-amber { background-color:#ff9000; }
.bg-green { background-color:#009900; }
.bg-fb { background-color:#3b5998; }
.bg-uni { background-color:#a50036 }
.bg-app { background-color:#ec44f2 }
.bg-fec { background-color:#ff7901; }
.bg-moo { background-color:#4bc7c8; }
.bg-uca { background-color:#dda440; }
.bg-oxb { background-color:#007efa; }
.bg-per { background-color:#d95459; }
.bg-com { background-color:#9b59b6; }
.bg-tea { background-color:#9F8A42; }
.bg-oxford { background-color:#0053a5; }
.bg-cambridge { background-color:#70b8ff; }
.bg-cvc { background-color:#558465; }
.bg-eur { background-color:#6815ad; }
.bg-int { background-color:#b65959; }
.bg-ter { background-color:#5959b6; }
.bg-act { background-color:#da669f; }
.bg-usa { background-color:#0052A5; }
.bg-cae { background-color:#be54d9; }
.bg-kno { background-color:#a03030; }
.bg-rwl { background-color:#17a0ff; }
.bg-rwl-1 { background-color:#fe7e0c; }
.bg-rwl-2 { background-color:#7634a8; }
.bg-rwl-3 { background-color:#d93ead; }
.bg-sub { background-color:#7030a0; }
.bg-car { background-color:#c89801; }
.bg-carlt { background-color:#fbf5d7; }
.bg-goa { background-color:#3fc9ad; }
.bg-can { background-color:#f90505; }
.bg-gas { background-color:#e84c3d; }
.bg-res { background-color:#00b0f0; }
.bg-asi { background-color:#16dd36; }
.bg-opp { background-color:#b54f0d; }
.bg-aus { background-color:#31869b; }
.bg-qui { background-color:#d039a5; }
.bg-hol { background-color:#2f75b5; }
.bg-wor { background-color:#305496; }
.bg-ski { background-color:#a83181; }
.bg-nrr { background-color:#ff0280; }
.bg-alm { background-color:#dbf4f4; }
.bg-tgs { background-color:#ff4d00; }
.bg-mid { background-color:#755b99; }
.bg-lat { background-color:#e3a800; }
.bg-ifp { background-color:#4b9395; }
.bg-ire { background-color:#346535; }
.bg-eve { background-color:#0b434a; }
.bg-ins { background-color:#ab7a2b; }
.bg-wri { background-color:#c6590f; }
.bg-ukc { background-color:#f76b37; }
.bg-pla { background-color:#837aa3; }
.bg-put { background-color:#c65911; }
.bg-ca { background-color:#006abf; }
.bg-par { background-color:#015e8e; }
.bg-cou { background-color:#f15959; }
.bg-tal { background-color:#4d6cfa; }
.bg-pres { background-color:#77bdbd; }
.bg-pcar { background-color:#8284be; }

.bg-hol-r { background-color:#f1b605; }
.bg-hol-i { background-color:#95bbe0; }
.bg-hol-a { background-color:#c5581a; }
.bg-hol-s { background-color:#98bc81; }
.bg-hol-e { background-color:#8396b0; }
.bg-hol-c { background-color:#f06feb; }
.bg-hol-lt-r { background-color:#fff6da; }
.bg-hol-lt-i { background-color:#ebf3fe; }
.bg-hol-lt-a { background-color:#ffe4df; }
.bg-hol-lt-s { background-color:#ecf7ec; }
.bg-hol-lt-e { background-color:#e9efff; }
.bg-hol-lt-c { background-color:#fde4ff; }
.bg-partner { background-color:#353ba8; }
.bg-partner-brown { background-color:#af5d13; }
.bg-partner-pink { background-color:#be4787; }
.bg-partner-green { background-color:#348b8b; }

.bg-frog-square { background-repeat:no-repeat; background-position:center; background-size:contain; } 
.bg-frog-schools { background-color:#d5fbec; background-repeat:no-repeat; background-position:center top; background-size:1600px auto; } 
.bg-frog-attention { background-color:#ec3e80;  background-repeat:no-repeat; background-position:right; background-size:contain; }
.bg-frog-building { background-color:#eaebfc;  background-repeat:no-repeat; background-position:right; background-size:600px auto; }
.bg-frog-digital { background-color:#fce7ec; background-repeat:no-repeat; background-position:right -500px top; background-size:1000px auto; }
.bg-frog-reading { background-color:#fff3e3; background-repeat:no-repeat; background-position:right -500px top; background-size:1000px auto; }
.bg-frog-partners-orange { background-color:#fff0e4; background-repeat:no-repeat;background-position:center top 350px; background-size:1600px auto; } 
.bg-frog-partners-teal { background-color:#e1f9f8; background-repeat:no-repeat;background-position:center top 350px; background-size:1600px auto; } 
.bg-frog-international { background-color:#fff0e4; background-repeat:no-repeat; background-position:right -25px center; background-size:400px auto; }
.bg-frog-uk { background-color:#e1f9f8; background-repeat:no-repeat; background-position:right -300px center; background-size:contain; }
.bg-frog-universities { background-color:#fff2f9; background-repeat:no-repeat; background-position:right -25px center; background-size:400px auto; }
.bg-frog-employers { background-color:#eaf4fc; background-repeat:no-repeat; background-position:right -25px center; background-size:400px auto; }

.box-ltgrey-dash { background-color:#f7f7f7; border:#CCC dashed 2px; }
.box-ltgrey-solid { background-color:#f7f7f7; border:#CCC solid 2px; }

.txt-black { color:#000; }
.txt-charcoal { color:#333; }
.txt-dkgrey { color:#666; }
.txt-grey { color:#999; }
.txt-mdgrey { color:#b3b3b3; }
.txt-ltgrey { color:#CCC; }
.txt-red { color:#f00; }
.txt-amber { color:#ff9000; }
.txt-green { color:#009900; }
.txt-turquoise { color:#15afee; }
.txt-fuchsia { color:#ec3e80; }
.txt-babypink { color:#f95cb3; }
.txt-orange { color:#ff914a; }
.txt-salmon { color:#ec3e80; }
.txt-white { color:#fff; }
.txt-frog { color:#33cc99; }
.txt-fb { color:#3b5998; }
.txt-uni { color:#a50036; }
.txt-app { color:#ec44f2; }
.txt-fec { color:#ff7901; }
.txt-moo { color:#4bc7c8; }
.txt-oxb { color:#007efa; }
.txt-uca { color:#dda440; }
.txt-per { color:#d95459; }
.txt-perlt { color:#fdeeef; }
.txt-com { color:#9b59b6; }
.txt-tea { color:#9F8A42; }
.txt-oxford { color:#0053a5; }
.txt-cambridge { color:#70b8ff; }
.txt-cvc { color:#558465; }
.txt-eur { color:#6815ad; }
.txt-int { color:#b65959; }
.txt-intb { color:#d5b472; }
.txt-ter { color:#5959b6; }
.txt-act { color:#da669f; }
.txt-usa { color:#0052A5; }
.txt-cae { color:#be54d9; }
.txt-kno { color:#a03030; }
.txt-rwl { color:#17a0ff; }
.txt-rwl-1 { color:#fe7e0c; }
.txt-rwl-2 { color:#7634a8; }
.txt-rwl-3 { color:#d93ead; }
.txt-sub { color:#7030a0; }
.txt-car { color:#c89801; }
.txt-goa { color:#3fc9ad; }
.txt-can { color:#f90505; }
.txt-gas { color:#e84c3d; }
.txt-res { color:#00b0f0; }
.txt-asi { color:#16dd36; }
.txt-opp { color:#b54f0d; }
.txt-aus { color:#31869b; }
.txt-qui { color:#d039a5; }
.txt-hol { color:#2f75b5; }
.txt-wor { color:#305496; }
.txt-ski { color:#a83181; }
.txt-nrr { color:#ff0280; }
.txt-tgs { color:#ff4d00; }
.txt-mid { color:#755b99; }
.txt-lat { color:#e3a800; }
.txt-ifp { color:#4b9395; }
.txt-ire { color:#346535; }
.txt-eve { color:#0b434a; }
.txt-wri { color:#c6590f; }
.txt-ukc { color:#f76b37; }
.txt-pla { color:#837aa3; }
.txt-put { color:#c65911; }
.txt-hol-r { color:#f1b605; }
.txt-hol-i { color:#95bbe0; }
.txt-hol-a { color:#c5581a; }
.txt-hol-s { color:#98bc81; }
.txt-hol-e { color:#8396b0; }
.txt-hol-c { color:#f06feb; }
.txt-ca { color:#006abf; }
.txt-par { color:#015e8e; }
.txt-cou { color:#f15959; }
.txt-que { color:#78206e; }
.txt-partner { color:#353ba8; }
.txt-partner-brown { color:#af5d13; }
.txt-partner-pink { color:#be4787; }
.txt-partner-green { color:#348b8b; }
.txt-tal { color:#4d6cfa; }

.txt-blockquote blockquote {  border-left: 5px solid #ccc;  padding: 0.5rem 1rem; color:#000; margin:1rem 0; }
.txt-1rem { font-size:1rem; }

.border-t-5-black { border-top:#000 solid 5px; }
.border-t-5-red { border-top:#f00 solid 5px; }
.border-t-5-amber { border-top:#ff9000 solid 5px; }
.border-t-5-green { border-top:#009900 solid 5px; }
.border-t-5-grey { border-top:#999 solid 5px; }
.border-t-5-cvc { border-top:#558465 solid 5px; }
.border-t-5-cou { border-top:#f15959 solid 5px; }

.border-a-1-grey-rounded { border:#e9e9e9 solid 1px; border-radius:5px; }
.border-a-2-grey { border:#e9e9e9 solid 2px !important; }
.border-rounded-3 { border-radius:3px; }

.border-pri-outline { border:#e7e7e7 solid 1px; border-radius:2rem; overflow:hidden; }
.border-pri-shadow { border:#f7f7f7 solid 1px; border-radius:2rem; box-shadow:0 4px 8px rgba(0, 0, 0, 0.1); overflow:hidden; }

.icon-tip { font-size:1.125rem; background-color:#ebd8e9; color:#000; display:inline-block; padding:5px 15px; border-radius:20px; }
.icon-tip.pink { background-color:#ff1180; color:#FFF; }
.icon-tip.blue { background-color:#4c6cfb; color:#FFF; }
.icon-tip.inherit { font-size:inherit; }
.icon-tip.sm { font-size:0.85rem; }
.icon-tip.md { font-size:1rem; }

.p-t-01, .p-y-01 { padding-top:0.1rem; }
.p-b-01, .p-y-01 { padding-bottom:0.1rem; }
.p-t-0125, .p-y-0125 { padding-top:0.125rem; }
.p-b-0125, .p-y-0125 { padding-bottom:0.125rem; }
.p-t-025, .p-y-025 { padding-top:0.25rem; }
.p-b-025, .p-y-025 { padding-bottom:0.25rem; }
.p-t-05, .p-y-05 { padding-top:0.5rem; }
.p-b-05, .p-y-05 { padding-bottom:0.5rem; }
.p-l-025, .p-x-025 { padding-left:0.25rem; }
.p-r-025, .p-x-025 { padding-right:0.25rem; }
.p-l-05, .p-x-05 { padding-left:0.5rem; }
.p-r-05, .p-x-05 { padding-right:0.5rem; }
.p-a-075 { padding:0.75rem; }
.p-x-075 { padding-left:0.75rem; padding-right:0.75rem; }
.p-b-075 { padding-bottom:0.75rem; }
.p-y-4 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.p-y-5 { padding-top: 5rem !important; padding-bottom: 5rem !important; }

.m-t-025, .m-y-025 { margin-top:0.25rem; }
.m-b-025, .m-y-025 { margin-bottom:0.25rem; }
.m-t-05, .m-y-05 { margin-top:0.5rem; }
.m-b-05, .m-y-05 { margin-bottom:0.5rem; }
.m-t-125, .m-y-125 { margin-top:1.25rem; }
.m-t-125, .m-y-125 { margin-bottom:1.25rem; }
.m-l-025, .m-x-025 { margin-left:0.25rem; }
.m-r-025, .m-x-025 { margin-right:0.25rem; }
.m-l-05, .m-x-05 { margin-left:0.5rem; }
.m-r-05, .m-x-05 { margin-right:0.5rem; }

.h-2 { height:1.5rem; }

.w-1 { width:1rem; }
.w-5 { width:3rem; }

.opacity-1 { opacity:1; }
.opacity-05 { opacity:0.5; }
.opacity-075 { opacity:0.75; }
.opacity-0 { opacity:0; }

.pull-t-025 { margin-top:-0.25rem; }
.pull-t-05 { margin-top:-0.5rem; }
.pull-t-1 { margin-top:-1rem; }
.pull-l-2 { width:2rem; margin-left:-2rem; text-align:center; }
.pull-l-25 { width:2.5rem; margin-left:-2.5rem; text-align:center; }
.pull-l-5 { margin-left:-3rem; }

.d-inline-block { display:inline-block; }

.cursor-pointer { cursor:pointer; }
.overflow-hidden { overflow:hidden}
.border-error { border-color:#F00; }

.badge { color:#FFF; }
.badge:focus, .badge:active, .badge:active:focus, .badge.active:focus { outline:none; box-shadow:none; }

.li-double li { margin-bottom: 1rem; }

video::cue { opacity:1; background-color:#4bc7c8; color:#ffffff; }



/* Top and Tail */

.header .logo a { color:#33cc99; display:block; }
.header .logo a span { display:none; }
.header .logo .fa-logo { padding:0; margin:1.2rem 0 0.8rem 0; font-size:2.22rem; }

.footer-full { font-size:0.9rem; }
.footer-full-hr { border-color:#eee; margin:0; }
.footer p { font-size:0.7rem; color:#999; }
.footer p a { color:#fff;  }
.footer p a:hover { color:#fff; text-decoration:none;  }
.footer ul { list-style-type:none; float:right; margin:-0.25rem 0 0 0; padding:0; font-size:1.5rem; line-height:1; }
.footer ul li { float:left; margin:0; padding:0 0 0 0.5rem; }
.footer ul li a { color:#CCC; }
.footer ul li a:hover { color:#333; }

.visible-iframe, .visible-inline-iframe { display:none; }
.body-iframe .hidden-iframe { display:none; }
.body-iframe .visible-iframe { display:inherit; }
.body-iframe .visible-inline-iframe { display:inline-block; }

.visible-profile { display:none; }
.body-profile .hidden-profile { display:none; }
.body-profile .visible-profile { display:inherit; }

.visible-pollywog { display:none; }
.body-pollywog .hidden-pollywog { display:none; }
.body-pollywog .visible-pollywog { display:inherit; }

/* Navigation */

.nav-main { margin:1rem 0; display:none; }
.nav-main ul { list-style-type:none; padding:0; }
.nav-main ul li { padding:0; margin:0; }
.nav-main ul li a { display:block; padding:1rem; color:#666; border-top:#bababa solid 1px; text-transform:uppercase; }
.nav-main ul li a .fa-lock, .nav-main ul li a .fa-unlock-alt { width:3rem; text-align:center; color:#33cc99; }
.nav-main ul li a .fa-envelope-o { display:none; }
.nav-main ul li a .fa-cog { display:none; }
.nav-main ul li a .fa-search { display:none; }
.nav-main ul .selected a { color:#33cc99; font-weight:bold; }

.nav-main .comments .count { border-radius:0.6rem; font-size:0.7rem; background-color:#F00; color:#FFF; height:1.2rem; width:1.2rem; text-align:center; display:inline-block; line-height:1.2rem; margin-left:0.5rem; font-weight:bold;  }

.nav-main-outer { transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transform: scale(1,0); -webkit-transform: scale(1,0); transform: scale(1,0);
transform-origin: 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; opacity:0; }

.navbar-bars { text-align:right; }
.navbar-bars button { -webkit-tap-highlight-color:rgba(0,0,0,0.5);background-color:transparent;background-image:none;border:none; border-radius:0;margin:0;padding:0; color:#33cc99; font-size:2rem; line-height:1; margin-top:1.12rem; margin-right:0.65rem;  }
.navbar-bars button .fa-times { color:#999; display:none; }

.navbar-open .nav-main-outer { transform: scale(1,1); -webkit-transform: scale(1,1); -ms-transform: scale(1,1); opacity:1; }
.navbar-open .main { display:none; }
.navbar-open .footer { display:none; }
.navbar-open .footer-full { display:none; }
.navbar-open .nav-main { display:block; }
.navbar-open .nav-btn { display:none; }
.navbar-open .navbar-bars button .fa-bars { display:none; }
.navbar-open .navbar-bars button .fa-times { display:inline-block; }

.nav-top { text-align:right; margin-top:0; margin-right:2rem; }
.nav-top ul { list-style-type:none; margin-top:1rem;  }
.nav-top ul li { float:right; }
.nav-top ul li a { border-left:#ccc solid 1px; margin-left:0.5rem; padding-left:0.5rem; font-size:0.7rem; color:#666; }
.nav-top ul li a:hover { text-decoration:underline; }
.nav-top ul li:last-of-type a { border:none; }

.nav-tabs a.nav-link { color:#33cc99; }

.editor-title { background-color:#0CF; font-size:10px; color:#FFF; }
.editor-bg { background:rgba(53,166,222,0.2); border-bottom:#0CF solid 2px; }
.editor-bg-off { background:rgba(0,0,0,0.2); border-bottom:#999 solid 2px; }
.editor-bg-off .editor-title { background-color:#999; }
.editor-controls { background:rgba(53,166,222,0.2); min-height:27px; }

/* Forms */

.form-error { color:#F00; }
.form-error h3 { font-weight:300; color:#F00; }
.form-error ol { margin-bottom:2rem; font-size:0.9rem; }
.form-error ol li a { text-decoration:underline; color:#F00; }
.form-control, .input-group-lg > .form-control { color:#000; box-shadow:none; border-radius:0;  }
.form-control:focus { box-shadow:none; }
.form-group label { font-weight:400; text-align:left; }
.form-group label.txt-700 { font-weight:700; }
.form-group label span { color:#999; }
textarea, input[type="text"], input[type="email"], input[type="search"], input[type="password"] { -webkit-appearance: none; }
.form-group p.small { color:#666; }
.form-group p.txt-grey { color:#999; }
/*.form-control-lg.custom-select { padding: .75rem 1.25rem; font-size: 1.25rem; line-height: 1.333333;  } */
.form-control::placeholder { color:#999 }
.form-control-xl{height:calc(3.375rem + 2px);padding:.75rem 1rem;font-size:1.25rem;line-height:1.5;}

.form-check-xl { padding-left:2.5rem; }
.form-check-xl input[type=checkbox]	{ -ms-transform: scale(2); -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); margin-left:-2rem; margin-top: 0.5rem;	}
.form-check-xl .form-check-label { font-size:1.25rem; }

.custom-select:disabled { background-image:none; }

/* >>>> General >>>> */

.divider-full { height:1px; line-height:1px; font-size:1px; background-color:#f4f1ea; }

.btn, .input-group-lg > .input-group-append > .btn { -webkit-tap-highlight-color:rgba(0,0,0,0.5); border-radius:0; box-shadow:none; }
.btn:focus, .btn:active, .btn:active:focus, .btn.active:focus { outline:none; box-shadow:none; }
.btn:not(:disabled):not(.disabled):active:focus { box-shadow:none; }
.btn.disabled, .btn:disabled { opacity: 0.65; }
.btn-link { color:#33cc99; }
.btn-long { padding:0.375rem 1.5rem 0.375rem 1.75rem; }
.btn-long::after { display:inline-block; width:0; height:0; margin-right:0; margin-left:0.75rem; margin-bottom:0.1em; vertical-align:middle; content:""; border-top:0.35em solid transparent; border-bottom:0.35em solid transparent; border-left:0.35em solid; }

.btn-primary { background-color:#33cc99; border-color:#33cc99; }
.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { background-color:#33cc99; border-color:#33cc99;  }
.btn-primary.disabled:hover, .btn-primary:disabled:hover { background-color: #333; border-color: #333; }
.btn-primary:disabled, .btn-primary.disabled, .btn-primary:disabled { background-color:#33cc99; border-color:#33cc99; }

.btn-info { background-color:#ccc; border-color:#ccc; }
.btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus { background-color:#33cc99; border-color:#33cc99; }

.btn-bg { color:#FFF }
.btn-bg.active, .btn-bg:active, .btn-bg:focus, .btn-bg:hover, .btn-bg:active:hover, .btn-bg:active:focus, .btn-bg:active.focus, .btn-bg.active:hover, .btn-bg.active:focus, .btn-bg.active.focus { background-color:#333; color:#FFF; }

.btn-noroll { color:#FFF }
.btn-noroll.active, .btn-noroll:active, .btn-noroll:focus, .btn-noroll:hover, .btn-noroll:active:hover, .btn-noroll:active:focus, .btn-noroll:active.focus, .btn-noroll.active:hover, .btn-noroll.active:focus, .btn-noroll.active.focus { color:#FFF; cursor:default; }


.btn-outline-primary-bg-white { background-color:#FFF; }

.btn-outline-primary, .btn-outline-primary.disabled, .btn-outline-primary:disabled { color:#33cc99; border-color:#33cc99; }
.btn-outline-primary.active, .btn-outline-primary:active, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:focus, .btn-outline-primary:hover, .btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus, .open > .btn-outline-primary.dropdown-toggle, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { background-color:#33cc99; border-color:#33cc99; color:#FFF; }
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow:none; }
.btn-outline-primary:hover span { color:#FFF; }

.btn-outline-white { color:#FFF; border-color:#fff; }
.btn-outline-white.active, .btn-outline-white:active, .btn-outline-white:focus, .btn-outline-white:hover, .btn-outline-white:active:hover, .btn-outline-white:active:focus, .btn-outline-white:active.focus, .btn-outline-white.active:hover, .btn-outline-white.active:focus, .btn-outline-white.active.focus { color:#FFF; background-color:rgba(255, 255, 255, 0.2); border-color:#fff; }

.btn-outline-secondary { background-color:#FFF; border-color:#ccc; }


.btn-warning { background-color:#ed344e; border-color:#ed344e; color:#FFF; }
.btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus { background-color:#b7283c; border-color:#b7283c; color:#FFF; }

.btn-link.focus, .btn-link:focus, .btn-link:hover { color:#33cc99; text-decoration:none; }

.btn-twitter { float:left; width:70px; height:25px; overflow:hidden; }
.btn-linkedin { float:left; margin-right:5px; height:25px; overflow:hidden; }
.btn-fb { float:left; height:25px; overflow:hidden; font-size:13px; line-height:1.6 }

.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { background-color:#33cc99; }

.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video, .video-container .video-inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-videoid {background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;display:inline-block;overflow:hidden;cursor:pointer;padding-bottom:56.25%;height:0;width:100%; text-align:center; }
.video-videoid .fa-stack { color:#fff; font-size:4rem; padding-top:28.5%; margin-top:-4rem; opacity:0.8; z-index:100;}
.video-videoid .fa-stack-1x { font-size:3rem; margin-left:0.3rem; }
.video-videoid:hover .fa-stack { opacity:1; }
.video-videoid-bg:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#33cc99; opacity:0.6; }
.video-videoid img { position:absolute; left:0; top:0; z-index:1; }

.video-duration-overlay { position:absolute; bottom:8px; right:8px; background-color: rgba(0, 0, 0, 0.75); color: #fff; padding: 2px 6px; font-size: 12px; font-weight: bold; border-radius: 3px; pointer-events: none; z-index: 10; }

/* >>>> PDF >>>> */

.body-pdf { -moz-font-feature-settings: 'liga' 0; margin:0; } 
.body-pdf .col-md-2 { width:14.6666%; margin-left:2%; float:left; }
.body-pdf .col-md-3 { width:23%; margin-left:2%; float:left; }
.body-pdf .col-md-4 { width:31.3333%; margin-left:2%; float:left; }
.body-pdf .col-md-5 { width:39.6666%; margin-left:2%; float:left; }
.body-pdf .col-md-6 { width:48%; margin-left:2%; float:left; }
.body-pdf .col-lg-3 { width:23%; margin-left:2%; float:left; }
.body-pdf .col-lg-4 { width:31.3333%; margin-left:2%; float:left; }
.body-pdf .col-lg-6 { width:48%; margin-left:2%; float:left; }
.body-pdf .col-md-8 { width:64.6666%; margin-left:2%; float:left; }
.body-pdf .col-md-9 { width:72%; margin-left:2%; float:left; }
.body-pdf .row:before, .row:after { content:" "; display:table; }
.body-pdf .row:after { clear:both; }
.body-pdf .row { margin-left:-2%; }
.body-pdf h2, .body-pdf h3, .body-pdf h4 { margin-top:0; margin-bottom:0.5rem; line-height:1.1; }
.body-pdf p { margin-top:0; margin-bottom:1rem; }
.body-pdf a.btn { background-color:#33cc99; color:#FFF; padding:0.5rem 1rem; }
.body-pdf table { border-collapse:collapse; }
.body-pdf .small { font-size:80%; }
.body-pdf .pdf-carousel .tool-shortlists-img { margin:1rem 0 1rem 2rem; float:right; }
.body-pdf .tool-shortlist.oxb .tool-shortlist-title { margin-bottom:2rem; }
.body-pdf .m-b-0 { margin-bottom:0; }
.body-pdf .m-b-05 { margin-bottom:0.5rem; }
.body-pdf .m-b-1 { margin-bottom:1rem; }
.body-pdf .m-r-2 { margin-right:1.5rem; }
.body-pdf .p-a-1 { padding:1rem; }
.body-pdf .p-x-1 { padding-left:1rem; padding-right:1rem; }
.body-pdf .p-t-1 { padding-top:1rem; }
.body-pdf .img-fluid { max-width:100%; height:auto }

/* >>>> Pages >>>> */

.home-hero { background-repeat:no-repeat;  background-position:center bottom; background-size: auto 28rem; padding-bottom:30rem; }

.home-tab { list-style:none; margin:0; padding:0; text-align:center; }
.home-tab li { padding:0 0.5rem; margin:0 0.5rem 1rem 0.5rem; display:inline-block; position:relative; }
.home-tab li a{padding:0;margin:0;color:#777;text-decoration:none;letter-spacing:1px;font-size:1rem;font-weight:700;border:none}
.home-tab li a:before{content:"";width:0;position:absolute;bottom:-.5rem;left:0;right:0;margin:auto;height:3px;background-color:#000;transition:.2s ease-in-out}
.home-tab li a:hover{color:#000}
.home-tab li a:hover:before{width:100%}
.home-tab li.active a{color:#000}
.home-tab li.active a:before{width:100%}

.home-stats { text-align:center; }
.home-stats h3 { font-size:4rem;}
.home-stats p { padding-left:1rem; padding-right:1rem; }

.home-pad { padding:1rem; }
.hero-p { font-size:1.25rem; }

.about-stats { text-align:center; }
.about-stats h3 { font-size:10rem;}
.about-stats p { padding-left:1rem; padding-right:1rem; }

.std-message { color:#FFF;  margin-top:5px; font-size:16px; }
.std-message strong { font-size:26px; line-height:30px; display:block; padding:5px 0 10px 0; }
.std-message a { color:#FFF; text-decoration:underline; }
.std-message a:hover { color:#fff; background-color:#213d64; text-decoration:underline; }
.std-message .col-left { font-size:40px; line-height:50px; }

.std-message-orange { background-color:#efa738; padding:15px; }
.std-message-green { background-color:#33cc99; padding:15px; }

.contact-box2{text-align:center;margin-bottom:3rem; color:#333;}
.contact-box2 h3 { margin-bottom:1rem; font-weight:700; }
.contact-box2 p{font-size:18px;line-height:24px;}
.contact-box2 a{color:#333;}
.contact-box2 a:hover{color:#333;}
.contact-box2 .btn-outline-primary:hover{color:#fff !important;}
.contact-box2 .fa-icon {font-size:2rem; margin-bottom:1rem;}

.contact-img ul { list-style:none; margin:0; padding:0;  }
.contact-img ul li {  margin:0 auto 25px auto; width:14rem; height:18.6rem; overflow:hidden; position:relative; }
.contact-img ul li img { position:absolute; left:0; top:0; }
.contact-img ul li h3 { width:14rem; height:3.75rem; line-height:1.25rem; background-color:#fff; color:#333; font-size:0.875rem; z-index:100; position:absolute; left:0px; top:14.85rem; padding:0.6rem 0 0 0; opacity:0.9; text-align:center; }

.accord-item { border-bottom:#CCC solid 1px; padding-top:1.5rem; padding-bottom:1.5rem; }
.accord-item p { margin-top:1rem; margin-bottom:0; }
.accord-item h5 { cursor:pointer; }
.accord-item .fa { float:right; color:#33cc99; margin-top:0.25rem; cursor:pointer; }
.accord-item .fa-minus { display:none; }
.accord-item.open p { display:block }
.accord-item.open .fa-minus { display:inline-block; }
.accord-item.open .fa-plus { display:none; }

.tool-diagram h3 { text-align:center; padding-top:1rem; padding-bottom:1rem; font-weight:700; font-size:1.15rem; color:#000; margin-bottom:1rem; border-bottom:#f7f7f7 solid 2px; }
.tool-diagram.uk h3 { border-bottom:#ec3e80 solid 2px; }
.tool-diagram.int h3 { border-bottom:#fb6b36 solid 2px; }
.tool-diagram ul { list-style:none; margin:0; padding:0; }
.tool-diagram ul li { position:relative; height:3.5rem; overflow:hidden; margin-bottom:0.5rem; background-color:#ccc; text-align:center; transition:0.3s; }
.tool-diagram ul li span { display:block; width:100%; height:100%; text-decoration:none; cursor:pointer; box-sizing:border-box; }
.tool-diagram ul li .tile, .tool-diagram ul li .desc { position:absolute; top:0; left:0; width:100%; height:100%; padding:0 1rem; display:flex; align-items:center; justify-content:center; text-align:center; transition:transform 0.3s; box-sizing:border-box; overflow:hidden; }
.tool-diagram ul li .tile { font-weight:700; text-transform:uppercase; letter-spacing:0; font-size:0.9rem; line-height:1.1rem; color:#333; background-color:rgba(255,255,255,0.85); z-index:2; }
.tool-diagram ul li .desc { font-weight:400; font-size:0.8rem; line-height:1.1rem; color:#fff; background-color:transparent; transform:translateY(100%); z-index:1; }
.tool-diagram ul li:hover .tile { transform:translateY(-100%); }
.tool-diagram ul li:hover .desc { transform:translateY(0%); }

.about-intro h4 { font-weight:700; font-size:1.25rem; text-align:left; margin-bottom:1rem; color:#333; }
.about-intro h5 { font-weight:700; color:#333; }
.about-intro p {  line-height:1.70rem; }
.about-intro li { padding-bottom:0.5rem; }
.about-intro .fa { display:inline-block; margin-bottom:0; margin-right:0.25rem; }

.help-topic h1, .help-topic h2 { background-color:#f7f7f7; font-size:1.5rem;  padding:0.5rem 0.5rem 0.5rem 3rem; color:#33cc99; cursor:pointer; font-weight:400; }
.help-topic h1 .fa, .help-topic h2 .fa { width:2.5rem; margin-left:-2.5rem; text-align:center; opacity:0.5 }
.help-topic h1 .fa-minus-circle, .help-topic h2 .fa-minus-circle { display:none; }
.help-topic h1 .light { opacity:0.6;  }
.help-topic h1.tiny { font-size:1rem; }
.help-topic h1.open, .help-topic h2.open { background-color:#33cc99; color:#FFF; }
.help-topic h1.open .fa-minus-circle, .help-topic h2.open .fa-minus-circle { display:inline-block; opacity:1; }
.help-topic h1.open .fa-plus-circle, .help-topic h2.open .fa-plus-circle { display:none; }
.help-topic h1:hover, .help-topic h2:hover { background-color:#33cc99; color:#FFF; }
.help-topic h2 { font-size:1rem;  }
.help-topic h2.open { background-color:#e1f7f0; color:#33cc99; }

.help-content { padding:1rem 1.5rem; }
.help-content-ul { padding:2em 1.5rem 2rem 6rem; }
.help-content-ul h5 span { background-color:#CCC; font-weight:700; font-size:1rem; color:#FFF; display:inline-block; width:2rem; height:2rem; text-align:center; border-radius:1rem; margin:0 0.5rem 0 -2.5rem; line-height:2rem; }
.help-pop table { width:100%; margin:1rem 0; }
.help-pop table tr th { text-align:left; padding:1rem; font-weight:300; background-color:#e1e1e1; }
.help-pop table tr td { text-align:left; padding:1rem; background-color:#FFF; vertical-align:top; border-top:#e1e1e1 solid 1px; border-left:1px solid #e1e1e1; }
.help-pop table tr td:first-child { border-left:0; }
.help-pop-ul ul { padding-left:1rem; }

.candidate-hub a { display: block; width: 100%; max-width:8rem; aspect-ratio: 1 / 1; border: 3px solid black; border-radius: 50%; text-align: center; text-decoration: none;   background-color: #ffffff; font-size: 0.9rem; line-height: 1.25;font-weight:bold; color:black; box-sizing:border-box; margin:0 auto 1rem auto; padding-top:1rem; }
.candidate-hub a .fa { font-size:2.25rem; margin-bottom:0.25rem; }
.candidate-hub a strong { text-decoration:underline; }
.candidate-hub a.c1 { color:#ff0680; border-color:#ff0680; }
.candidate-hub a.c2 { color:#be54d9; border-color:#be54d9; }
.candidate-hub a.c3 { color:#2d73b5; border-color:#2d73b5; }
.candidate-hub a.c4 { color:#4b9395; border-color:#4b9395; }
.candidate-hub a.c5 { color:#4968f9; border-color:#4968f9; }
.candidate-hub a.c6 { color:#fe7903; border-color:#fe7903; }
.candidate-hub a.c7 { color:#d95459; border-color:#d95459; }
.candidate-hub a:hover { color:#333; border-color:#333; }

.pdf-summary table { border:0; width:100%; margin:1rem 0 3rem; padding:0; border-collapse:collapse; font-size:0.9rem; }
.pdf-summary table td { padding:0.6rem 0.5rem 0.5rem; color:#000; background-color:#e8e8e8; border-right:#FFF solid 1px; border-bottom:#FFF solid 1px; vertical-align:middle; }
.pdf-summary table td .fa-stack { font-size:0.7rem; margin-right:0.5rem; }
.pdf-summary table .topbar { background-color:#f2f2f2; line-height:1.5rem; }
.pdf-summary table .topbar div { float:right; font-size:13px; color:#939393; }
.pdf-summary table .topbar div span { background-color:#939393; color:#FFF; display:inline-block; width:1.5rem; height:1.5rem; text-align:center; border-radius:0.75rem; margin-right:1rem; }

.featherlight { z-index:500; }
.featherlight .featherlight-content { width:100%; max-height:98%; height:98vh; margin:0; padding:0; border:none; }

.owl-theme-xl-nav .owl-nav .owl-prev, .owl-theme-xl-nav .owl-nav .owl-next { position:absolute; top:32%; background-color:transparent; color:#999; }
.owl-theme-xl-nav .owl-nav .owl-prev:hover, .owl-theme-xl-nav .owl-nav .owl-next:hover { background-color:transparent; color:#000; }
.owl-theme-xl-nav .owl-nav .owl-prev { left:-2.875rem; }
.owl-theme-xl-nav .owl-nav .owl-next { right:-2.875rem; }

.owl-theme-nodots .owl-controls .owl-dots .owl-dot { display:none; }
.owl-theme-navsmall .owl-nav .owl-prev, .owl-theme-navsmall .owl-nav .owl-next { position:absolute; top:22%; }
.owl-theme-navbig .owl-nav .owl-prev, .owl-theme-navbig .owl-nav .owl-next { position:absolute; top:40%; }

.tablesorter-default{background-color:#fff;border-spacing:0; }
.tablesorter-default th,.tablesorter-default thead td{border-collapse:collapse;border-bottom:#ccc 2px solid; border-top:0;}
.tablesorter-default tfoot th,.tablesorter-default tfoot td{border:0}
.tablesorter-default .header,.tablesorter-default .tablesorter-header{background-image:url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);background-position:center right;background-repeat:no-repeat;cursor:pointer;white-space:normal;padding-right:20px}
.tablesorter-default thead .headerSortUp,.tablesorter-default thead .tablesorter-headerSortUp,.tablesorter-default thead .tablesorter-headerAsc{background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);border-bottom:#CCC 2px solid}
.tablesorter-default thead .headerSortDown,.tablesorter-default thead .tablesorter-headerSortDown,.tablesorter-default thead .tablesorter-headerDesc{background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);border-bottom:#CCC 2px solid}
.tablesorter-default thead .sorter-false{background-image:none;cursor:default;}

.table-log { border-top:#eeeeee solid 1px; }
.table-log td { padding:0.25rem 0.35rem; border-bottom:#eeeeee solid 1px; }

.foo-bar { background-color:#33cc99; font-size:1.1rem; color:#fff; font-weight:700; padding:2rem; margin:0; float:left; position:fixed; top:0; left:0; z-index:10000; width:100%; text-align:center; display:none; }

.select2-selection__arrow { display:none; }
.select2-container .select2-selection--single { height:48px; font-size:1.25rem; line-height:1.5; padding: .5rem 1.25rem; border-radius:0; border-color:#ccc; moz-outline-style: none; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height:1.5; }
.select2-container--default .select2-results__option--highlighted[aria-selected] strong {color:white}
.select2-container .select2-selection--single .select2-selection__rendered { padding:0; }
.select2-container .select2-selection__clear { color:#33cc99; font-size:2rem; line-height:1; }
.select2-container .select2-selection__clear:hover { color:#333; }

.progress-bar { height: 40px; background:#CCC; overflow: hidden; position: relative; } 
.progress-bar .bar { height:40px; background:#4bc7c8; float: left;  }
.progress-bar .progress-txt { position: absolute; left: 0px; line-height:40px; padding-left:10px; color:#FFF; }
.progress-bar .progress-perc { position: absolute; right: 0px; line-height:40px; padding-right:10px; color:#FFF; }

.social-share a { display:inline-block; border-radius: 50%; width: 2.25rem; height: 2.25rem; padding: 0.3rem; background: #fff; border: 1px solid #cccccc; color: #33cc99; text-align: center; font-size:1rem; margin-right:0.5rem; }
.social-share a:hover { border-color:#33cc99; }

.chart-strike { text-decoration: line-through; opacity:0.5; }
.chart-nav ul { margin:0; padding:0; list-style:none; }
.chart-nav ul li { padding:2px 4px; margin-left:2px; margin-bottom:2px; }

.inline-switch .switch { position: relative; display: inline-block; width: 2.4rem; height: 1.4rem; }
.inline-switch .switch input { opacity:0; width:0; height:0; }
.inline-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color:#dddddd; -webkit-transition: .4s; transition: .4s; border-radius: 1rem; }
.inline-switch .slider:before { position: absolute; content: ""; height: 1.025rem; width: 1.025rem; left:0.1875rem; bottom:0.1875rem; background-color:#ffffff; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
.inline-switch input:checked + .slider { background-color: #33cc99; }
.inline-switch input:focus + .slider { box-shadow: 0 0 1px #33cc99; }
.inline-switch input:checked + .slider:before { -webkit-transform: translateX(1rem); -ms-transform: translateX(1rem); transform: translateX(1rem); }

.icon-tile h5 { padding-left:2.25rem; }
.icon-tile h5 .fa { margin-left:-2.25rem; margin-top:0.25rem; float:left; }
.icon-tile h5.small .fa { margin-left:-1.75rem; margin-top:0.1rem; }

.img-circle { width: 100%; max-width: 300px; aspect-ratio: 1 / 1; overflow: hidden; }
.img-circle img { width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 50%; display: block; }

/***********************************************/
/* Tools                                       */
/***********************************************/ 

.tool-dash-medals div.medal { text-align:center; margin:0.5rem 0; line-height:1rem; font-size:1.5rem; font-weight:300; }
.tool-dash-medals div.medal span.fa-2x { color:#CCC; }
.tool-dash-medals div.medal span.fa-2x strong { font-size:25px; letter-spacing:-1px; color:#CCC; }
.tool-dash-medals div.medal em { font-style:normal; color:#000; font-size:0.8rem; display:block; margin-bottom:8px; font-weight:700; text-transform:uppercase; }
.tool-dash-medals .complete { color:#999; font-size:0.8rem; margin-top:4px; display:block; }
.tool-dash-medals .txt-m1 { color:#f1cd8f; }
.tool-dash-medals .txt-m2 { color:#cec8bc; }
.tool-dash-medals .txt-m3 { color:#f19d73; }

.tool-dash-top .chart { text-align:center; }
.tool-dash-top .rank { width:7rem; padding-bottom:0.5rem; padding-top:0.5rem; z-index:10; position:absolute; text-align:center; background-color:#FFF; font-size:0.75rem; font-weight:300; margin-left:34rem;  box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.05);  }
.tool-dash-top .rank .fa-stack { font-size:2.5rem; }
.tool-dash-top .rank .fa-stack-1x { font-size:1rem; font-family:"Open Sans",sans-serif; font-weight:300;  }
.tool-dash-top .rank .fa-star { color:#33cc99; opacity:0.25 }

.tool-dash-tasks .hero { border:#33cc99 solid 2px; padding:1rem; background-color:#FFF; margin-top:-2rem; font-size:1.25rem; line-height:1.5rem; color:#868686;  }
.tool-dash-tasks .hero span { float:right; font-size:0.75rem; line-height:1.5rem; }
.tool-dash-tasks .outer { border:#d8d8d8 solid 2px; padding:0.25rem 0.5rem;  }
.tool-dash-tasks .inner { border-bottom:#d8d8d8 solid 1px; padding:0.5rem 0.5rem; background-color:#FFF; font-size:1rem; line-height:1.5rem; color:#868686; }
.tool-dash-tasks .inner .fa-angle-up { display:none; }
.tool-dash-tasks .inner .open .fa-angle-up { display:inline-block; }
.tool-dash-tasks .inner .open .fa-angle-down { display:none; }
.tool-dash-tasks .inner span { float:right; font-size:0.75rem; line-height:1.5rem; padding-left:1rem; }
.tool-dash-tasks .inner:last-child { border-bottom:none; }
.tool-dash-tasks .inner-emails { background-color:#f7f7f7; padding:0.5rem; margin-top:0.5rem; margin-left:-0.5rem; margin-right:-0.5rem; color:#000; }
.tool-dash-tasks .btn-expand { text-align:center; margin:0 0 20px 0; color:#33cc99; }
.tool-dash-tasks .notopen .opened { display:none; }
.tool-dash-tasks .open .closed { display:none; }

.tool-dash-tile { margin-bottom:1.875rem; padding:1.25rem }
.tool-dash-tile h2 { color:#FFF; font-weight:300; font-size:1.25rem; font-weight:700; }
.tool-dash-tile p { color:#fff; font-size:0.9rem; line-height:1.5em;  }
.tool-dash-tile p a { color:#fff; text-decoration:underline; }
.tool-dash-tile ul { text-align:left; list-style:none; margin:0 0 0 0; padding:0; color:#fff; }
.tool-dash-tile ul li {  padding-bottom:0.25rem;  font-size:0.9rem;  }
.tool-dash-tile ul li .fa { width:1.25rem; text-align:left; }
.tool-dash-tile ul li span { font-size:0.75rem; margin-top:-0.2rem; margin-left:1.25rem; display:block; }
.tool-dash-tile ul li a { color:#fff; text-decoration:underline; }

.tool-dash-tile .btn-outline-primary { color:#FFF; border-color:#FFF; font-size:0.9rem; line-height:1.2rem; font-weight:700; margin-top:1rem; } 
.tool-dash-tile .btn-outline-primary:hover, .tool-dash-tile .btn-outline-primary:active, .tool-dash-tile .btn-outline-primary:focus, .tool-dash-tile .btn-outline-primary:active, .tool-dash-tile .btn-outline-primary:not(:disabled):not(.disabled):active, .tool-dash-tile .btn-outline-primary:not(:disabled):not(.disabled):active { background-color:rgba(0, 0, 0, 0.5); border-color:#FFF; }

.tool-dash-log .outer { border:#d8d8d8 solid 2px; padding:0; color:#868686; }
.tool-dash-log .inner { border-bottom:#d8d8d8 solid 1px; padding:0.5rem 0.75rem 0.5rem 2rem; background-color:#FFF;  font-size:0.75rem; }
.tool-dash-log .inner span { float:right; padding-left:1rem; }
.tool-dash-log .inner:last-child { border-bottom:none; }
.tool-dash-log .inner .fa-fw { width:2rem; margin-left:-2rem; }
.tool-dash-log .login-teacher { color:#000; background-color:#f8f8f8; }

.tool-dash-thumb{position:relative;display:block;width:100%;color:#fff;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0.5)}
.tool-dash-thumb:focus,.tool-dash-thumb:active,.tool-dash-thumb:hover{color:#FFF}
.tool-dash-thumb:after{transition:all 1000ms ease-in-out;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.6) 100%);-webkit-tap-highlight-color:rgba(0,0,0,0.5)}
.tool-dash-thumb .zoom{transition:all 1000ms ease-in-out;transform:scale(1);position:relative;height:20rem}
.tool-dash-thumb .zoom img{height:20rem;width:auto;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto}
.tool-dash-thumb .caption{position:absolute;left:0;bottom:0;z-index:2;padding:0 1.5rem 2rem;line-height:1.6;text-transform:uppercase;letter-spacing:2px;font-size:.8rem; font-weight:700;}
.tool-dash-thumb .caption strong{font-size:5rem;font-family:'Open Sans',sans-serif;font-weight:700;letter-spacing:.2rem;display:block;margin-bottom:.20rem;line-height:1}

.tool-dash-thumb.darker:after{ background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.9) 100%) }

.tool-dash-btn a { display:block; padding:1rem; color:#FFF; font-size:0.8rem; line-height:1.3; margin-bottom:1rem; position:relative; overflow:hidden; }
.tool-dash-btn a strong { font-size:1.15rem; display:block; margin-bottom:0.5rem; z-index:2; line-height:1; }
.tool-dash-btn a span { display:inline-block; padding-left:1.15rem; }
.tool-dash-btn a span i.fa { margin-left:-1.15rem; width:1.15rem; }
.tool-dash-btn a:before { content:"\f025"; font-family:Unifrog; font-size:1.5rem; position:absolute; right:1rem; top:50%; transform:translateY(-50%); z-index:1; }
.tool-dash-btn a.disabled { pointer-events:none; }
.tool-dash-btn a.disabled:before { content:"" }
.tool-dash-btn a.locked:before { content:"\f003"; opacity:0.5; }


.tool-teacher-tile { margin-bottom:1.875rem; padding:1.5rem; background-color:#f7f7f7; border:#CCC dashed 2px; }
.tool-teacher-tile h2 { color:#000; font-weight:300; }
.tool-teacher-tile ul { text-align:left;  margin:1rem 0 0 1rem; padding:0 0 0 1rem; color:#606060; }
.tool-teacher-tile ul li { padding-left:0.5rem; padding-bottom:0.25rem; }
.tool-teacher-tile .btn-outline-primary { font-size:1.2rem; line-height:1.75rem; font-weight:700; margin-top:1rem; } 
.tool-teacher-tile .btn-outline-primary:hover, .tool-teacher-tile .btn-outline-primary:active, .tool-teacher-tile .btn-outline-primary:focus { background-color:rgba(0, 0, 0, 0.5); }

.tool-shortlists { margin:1.5rem 0 0 0; }
.tool-shortlists .title { padding:0.5rem 1rem; color:#FFF; text-transform:uppercase; font-size:1rem;  }
.tool-shortlists .title a { float:right; cursor:pointer; color:#FFF; }
.tool-shortlists .title a strong { display:none; }
.tool-shortlists .title a span { display:none; }
.tool-shortlists .title a .fa { opacity:0.5; font-size:20px; margin-left:10px;  }
.tool-shortlists .title a.selected .fa { opacity:1; }
.tool-shortlists .title .school { float:right; color:#FFF; opacity:0; }
.tool-shortlists .title .school .fa { font-size:20px; margin-left:10px;  }
.tool-shortlists .title .school strong { display:none; }
.tool-shortlists .title .school.selected { opacity:1; }

.tool-shortlists .delete { margin-top:0.75rem; }
.tool-shortlists .delete a { font-size:0.8rem; padding-right:0.75rem; }
.tool-shortlists .summary { font-size:0.8rem; }
.tool-shortlists .summary .inner { border-bottom:1px solid rgba(0,0,0,.1); padding-bottom:0.5rem; margin-bottom:0.5rem; }
.tool-shortlists .summary .inner:last-child { border-bottom:none; padding-bottom:0; margin-bottom:0; }

.tool-shortlists-img { width:410px; height:265px; }

.tool-progress::after { display:table; clear:both; content:""; }
.tool-progress ul { list-style:none; margin:0; padding:0; color:#999; }
.tool-progress ul li { float:left; line-height:1.8rem; font-weight:300; margin-right:1rem; font-size:1rem; overflow:hidden; width:2rem; height:2rem; }
.tool-progress ul li span { display:inline-block; border:#ccc solid 2px; font-size:1rem; width:2rem; height:2rem; text-align:center; border-radius:1rem; font-weight:700; margin-right:0.25rem; }
.tool-progress .selected { font-weight:700; }
.tool-progress.uni .selected { color:#a50036 }
.tool-progress.uni .selected span { border:#a50036 solid 2px; }
.tool-progress.app .selected { color:#ec44f2 }
.tool-progress.app .selected span { border:#ec44f2 solid 2px; }
.tool-progress.fec .selected { color:#ff7901 }
.tool-progress.fec .selected span { border:#ff7901 solid 2px; }
.tool-progress.moo .selected { color:#4bc7c8 }
.tool-progress.moo .selected span { border:#4bc7c8 solid 2px; }
.tool-progress.oxb .selected { color:#007efa }
.tool-progress.oxb .selected span { border:#007efa solid 2px; }
.tool-progress.com .selected { color:#9b59b6 }
.tool-progress.com .selected span { border:#9b59b6 solid 2px; }
.tool-progress.com ul li { width:2rem; height:2rem; margin-right:0.5rem; }
.tool-progress.per .selected { color:#d95459 }
.tool-progress.per .selected span { border:#d95459 solid 2px; }
.tool-progress.cvc .selected { color:#558465 }
.tool-progress.cvc .selected span { border:#558465 solid 2px; }
.tool-progress.eur .selected { color:#6815ad }
.tool-progress.eur .selected span { border:#6815ad solid 2px; }
.tool-progress.can .selected { color:#f90505 }
.tool-progress.can .selected span { border:#f90505 solid 2px; }
.tool-progress.int .selected { color:#b65959 }
.tool-progress.int .selected span { border:#b65959 solid 2px; }
.tool-progress.usa .selected { color:#0052A5 }
.tool-progress.usa .selected span { border:#0052A5 solid 2px; }
.tool-progress.cae .selected { color:#be54d9 }
.tool-progress.cae .selected span { border:#be54d9 solid 2px; }
.tool-progress.kno .selected { color:#a03030 }
.tool-progress.kno .selected span { border:#a03030 solid 2px; }
.tool-progress.rwl .selected { color:#17a0ff }
.tool-progress.rwl .selected span { border:#17a0ff solid 2px; }
.tool-progress.sub .selected { color:#7030a0 }
.tool-progress.sub .selected span { border:#7030a0 solid 2px; }
.tool-progress.car .selected { color:#c89801 }
.tool-progress.car .selected span { border:#c89801 solid 2px; }
.tool-progress.goa .selected { color:#3fc9ad }
.tool-progress.goa .selected span { border:#3fc9ad solid 2px; }
.tool-progress.res .selected { color:#00b0f0 }
.tool-progress.res .selected span { border:#00b0f0 solid 2px; }
.tool-progress.asi .selected { color:#16dd36 }
.tool-progress.asi .selected span { border:#16dd36 solid 2px; }
.tool-progress.opp .selected { color:#b54f0d }
.tool-progress.opp .selected span { border:#b54f0d solid 2px; }
.tool-progress.aus .selected { color:#31869b }
.tool-progress.aus .selected span { border:#31869b solid 2px; }
.tool-progress.qui .selected { color:#d039a5 }
.tool-progress.qui .selected span { border:#d039a5 solid 2px; }
.tool-progress.qui-bar { color:#FFF; font-weight:700; line-height:1.5rem; font-size:0.8rem; background-color:#d039a5; }
.tool-progress.hol .selected { color:#2f75b5 }
.tool-progress.hol .selected span { border:#2f75b5 solid 2px; }
.tool-progress.hol-bar { color:#FFF; font-weight:700; line-height:1.5rem; font-size:0.8rem; background-color:#2f75b5; }
.tool-progress.wor .selected { color:#305496 }
.tool-progress.wor .selected span { border:#305496 solid 2px; }
.tool-progress.wor-bar { color:#FFF; font-weight:700; line-height:1.5rem; font-size:0.8rem; background-color:#305496; }
.tool-progress.ski .selected { color:#a83181 }
.tool-progress.ski .selected span { border:#a83181 solid 2px; }
.tool-progress.ski-bar { color:#FFF; font-weight:700; line-height:1.5rem; font-size:0.8rem; background-color:#a83181; }
.tool-progress.tgs .selected { color:#ff4d00 }
.tool-progress.tgs .selected span { border:#ff4d00 solid 2px; }
.tool-progress.mid .selected { color:#755b99 }
.tool-progress.mid .selected span { border:#755b99 solid 2px; }
.tool-progress.lat .selected { color:#e3a800 }
.tool-progress.lat .selected span { border:#e3a800 solid 2px; }
.tool-progress.ifp .selected { color:#4b9395 }
.tool-progress.ifp .selected span { border:#4b9395 solid 2px; }
.tool-progress.wri .selected { color:#c6590f }
.tool-progress.wri .selected span { border:#c6590f solid 2px; }
.tool-progress.ire .selected { color:#346535 }
.tool-progress.ire .selected span { border:#346535 solid 2px; }
.tool-progress.ukc .selected { color:#f76b37 }
.tool-progress.ukc .selected span { border:#f76b37 solid 2px; }
.tool-progress.pla .selected { color:#837aa3 }
.tool-progress.pla .selected span { border:#837aa3 solid 2px; }
.tool-progress.ca .selected { color:#006abf }
.tool-progress.ca .selected span { border:#006abf solid 2px; }
.tool-progress.cou .selected { color:#f15959 }
.tool-progress.cou .selected span { border:#f15959 solid 2px; }
.tool-progress.tal .selected { color:#4d6cfa }
.tool-progress.tal .selected span { border:#4d6cfa solid 2px; }

.tool-list-picker ul { padding:0; margin:0 0 2rem 0; }
.tool-list-picker ul li { list-style:none; padding:0; margin:0 0 0.5rem 0; }
.tool-list-picker ul li a { display:block; background-color:#eeeeee; padding:0.375rem 0.75rem; color:#33cc99; }
.tool-list-picker ul li a.selected { color:#FFF; }
.tool-list-picker ul li a.loading { background-color:#666; }
.tool-list-picker ul li a span { color:#999; }
.tool-list-picker ul li a em { display:none; }
.tool-list-picker ul li a.selected span { color:#FFF; opacity:0.5; }
.tool-list-picker.uni ul li a.selected { background-color:#a50036; }
.tool-list-picker.app ul li a.selected { background-color:#ec44f2; }
.tool-list-picker.fec ul li a.selected { background-color:#ff7901; }
.tool-list-picker.moo ul li a.selected { background-color:#4bc7c8; }
.tool-list-picker.eur ul li a.selected { background-color:#6815ad; }
.tool-list-picker.can ul li a.selected { background-color:#f90505; }
.tool-list-picker.usa ul li a.selected { background-color:#0052A5; }
.tool-list-picker.asi ul li a.selected { background-color:#16dd36; }
.tool-list-picker.opp ul li a.selected { background-color:#b54f0d; }
.tool-list-picker.aus ul li a.selected { background-color:#31869b; }
.tool-list-picker.tgs ul li a.selected { background-color:#ff4d00; }
.tool-list-picker.mid ul li a.selected { background-color:#755b99; }
.tool-list-picker.lat ul li a.selected { background-color:#e3a800; }
.tool-list-picker.ifp ul li a.selected { background-color:#4b9395; }
.tool-list-picker.ire ul li a.selected { background-color:#346535; }
.tool-list-picker.ukc ul li a.selected { background-color:#f76b37; }

.tool-list-picker.gas ul li a.selected { background-color:#e84c3d; }
.tool-list-picker.gas ul li { width: 100%; }
.tool-list-picker.gas ul li a { padding: 0.5rem 2rem 0.5rem 3rem; }
.tool-list-picker.gas ul li a .fa-fw { margin-left:-2rem; float:left; color:#9c9c9c; margin-top:0.4rem; font-size:1rem; }
.tool-list-picker.gas ul li a.selected .fa-fw { color:#FFF; }
.tool-list-picker.gas ul li a.selected span { opacity:0.7 }

.tool-collist-picker::after { display:table; clear:both; content:""; }
.tool-collist-picker ul { padding:0; margin:0 0 2rem 0; }
.tool-collist-picker ul li { list-style:none; padding:0.355rem 0.65rem; margin:0 0 0.5rem 0; background-color:#eeeeee; width:100%; border:#eeeeee solid 1px; }
.tool-collist-picker ul li.alum { background-color:#dbf4f4; border:#dbf4f4 solid 1px; }
.tool-collist-picker ul li > a { color:#33cc99; display:block; }

.tool-collist-picker ul li div { display:none; padding-left:1%; width:32%; float:left; min-height:1.5rem; background-color:#fff; }
.tool-collist-picker ul li div:hover { background-color:#33cc99; color:#FFF; }
.tool-collist-picker ul li div input { color:#000; border:none; }
.tool-collist-picker ul li div strong { font-weight:normal; color:#CCC; }
.tool-collist-picker ul li div:hover strong { color:#33cc99; }

.tool-collist-picker ul li div.readonly { color:#999; background-color:#f7f7f7; }
.tool-collist-picker ul li div.readonly:hover {  color:#999; background-color:#f7f7f7; }

.tool-collist-picker ul li div.edit { width:38%; }
.tool-collist-picker ul li div.readonly { width:38%; }
.tool-collist-picker ul li div.readonlytags { margin-left:1%; color:#999; }
.tool-collist-picker ul li div.readonlytags span { width:auto; margin-left:-6px; padding-left:6px; padding-right:6px; margin-right:6px; display:inline-block; }
.tool-collist-picker ul li div.readonlytags:hover { background-color:#FFF; color:#999; }

.tool-collist-picker.no-isotope ul li { min-height:2.3rem; }

.tool-collist-picker .tick { display:none; }


.tool-collist-picker .traffic { width:18%; margin-right:1%; display:block; float:left; color:#fff; padding-left:2px; overflow:hidden; font-style:normal; text-align:center; height:1.5rem; line-height:1.5rem; font-size:80%; cursor:pointer; }
.tool-collist-picker .traffic-0 { background-color:#ff0000; }
.tool-collist-picker .traffic-1 { background-color:#ff9000; }
.tool-collist-picker .traffic-2 { background-color:#009900; }

.tool-collist-picker .traffic-stack a { width:18%; margin-right:1%; display:block; float:left; color:#fff; padding-left:2px; overflow:hidden; font-style:normal; text-align:center; height:1.5rem; line-height:1.5rem; font-size:80%; cursor:pointer; }
.tool-collist-picker .traffic-stack a:hover { background-color:#333; }
.tool-collist-picker .traffic-inline { color:#fff; font-style:normal; line-height:1rem; font-size:80%; cursor:pointer; display:inline-block; }
.tool-collist-picker .traffic-inline a { color:#FFF; padding-left:2px; padding-right:2px; }
.tool-collist-picker .traffic-inline a:hover { background-color:#333; }
.tool-collist-picker .traffic-break { display:block; line-height: 1.5rem; }

.tool-collist-picker .traffic-bar0 a { background-color:#ff0000;  }
.tool-collist-picker .traffic-bar1 a { background-color:#ff9000;  }
.tool-collist-picker .traffic-bar2 a { background-color:#009900;  }
.tool-collist-picker .traffic-bar8 { color:#000; cursor:default; }
.tool-collist-picker .traffic-bar9 { color:#606060; cursor:default; }
.tool-collist-picker .traffic-bar9 a { color:#606060; cursor:default; }
.tool-collist-picker .traffic-bar10 a { background-color:#ff0000;  }
.tool-collist-picker .traffic-bar11 a { background-color:#ff9000;  }
.tool-collist-picker .traffic-bar12 a { background-color:#ff9000;  }
.tool-collist-picker .traffic-bar13 a { background-color:#009900;  }

.tool-collist-picker a.toggle-inline { color:#33cc99; font-size:80%; }
.tool-collist-picker a.toggle-inline .fa-chevron-right { display:none; }

.tool-collist-picker .traffic-block { font-style:normal; line-height:1rem; font-size:80%; display:block; padding-top:4px; padding-bottom:4px; }

.tool-gas-picker::after { display:table; clear:both; content:""; }
.tool-gas-picker ul { padding:0; margin:0 0 2rem 0; }
.tool-gas-picker ul li { list-style:none; padding:0.5rem 0.65rem; margin:0 0 0.5rem 0; background-color:#eeeeee; width:100%; border:#eeeeee solid 1px; }
.tool-gas-picker ul li.focus { background-color:#e1f7f0; animation:fadeoutbgEEE 2s forwards; animation-delay:2s; }
@keyframes fadeoutbgEEE { to { background-color:#EEE; } }

.tool-gas-picker ul li.alum { background-color:#dbf4f4; border:#dbf4f4 solid 1px; }

.tool-gas-picker .tick { display:none; }
.tool-gas-picker .small { line-height:1.25; }
.tool-gas-picker .block { display:inline-block; position: relative; width:9.5rem; font-size:0.8rem; line-height:1; padding:0.25rem; overflow:hidden; color:#FFF;  text-align:center; margin-right:0.25rem; }
.tool-gas-picker .block span { display:table; } 
.tool-gas-picker .block span span { display: table-cell; vertical-align: middle; width:9.5rem; height:2.5rem; }
.tool-gas-picker .block strong { position:absolute; top:0; right:0; background-color: rgba(255, 255, 255, 0.8); color:#000; display:inline-block; width:0.8rem; height:0.8rem; font-size:0.65rem; font-weight:400; }
.tool-gas-picker .block-green { background-color:#009900 }
.tool-gas-picker .block-amber { background-color:#ff9000 }

.tool-gas-picker.show-ticks ul li.not-ticked { background-color:#fff; }
.tool-gas-picker.show-ticks .tick { float:left; cursor:pointer; font-size:1.3rem; margin-top:0.18rem; margin-right:0.3rem; }
.tool-gas-picker.show-ticks .fa-check-square-o { display:block; }

.tool-gas-picker.show-ticks .not-ticked { background-color:#FFF; }
.tool-gas-picker.show-ticks .not-ticked .fa-square-o { display:block; }
.tool-gas-picker.show-ticks .not-ticked .fa-check-square-o { display:none; }

.tool-gas-picker ul li a.ca { background-color:#999999; color:#FFF; padding-left:2px; padding-right:2px;
line-height: 1.125rem; font-size: 80%; white-space: nowrap;
 }
.tool-gas-picker ul li a.ca-0 { background-color:#ff0000; }
.tool-gas-picker ul li a.ca-1 { background-color:#ff9000; }
.tool-gas-picker ul li a.ca-2 { background-color:#009900; }
.tool-gas-picker ul li a.ca-3 { background-color:#009900; }
.tool-gas-picker ul li a.ca:hover { background-color:#333; }
.tool-gas-picker ul li a:hover .txt-moo { color:#000; }


.tool-button-outer { border-top:#e5e5e5 solid 1px; border-bottom:#e5e5e5 solid 1px; }
.stuck-top .tool-button-outer { border-top:#f9f9f9 solid 1px; border-bottom:#f9f9f9 solid 1px; background-color:#f9f9f9 } 

.tool-filters-outer { border-top:#e5e5e5 solid 1px; border-bottom:#e5e5e5 solid 1px; background-color: #f9f9f9; padding-bottom:0.75rem; padding-top:1rem; }
.stuck-top .tool-filters-outer { border-top:#f9f9f9 solid 1px;  background-color:#f9f9f9 } 

.tool-filters-outer-light { background-color:#f9f9f9; padding-bottom:0.75rem; padding-top:1rem;  }

.tool-collist-select-all { width:1.3rem; text-align:left; cursor:pointer; }

.tool-filter-nav .fa-times { float:right; margin-top:10px; margin-bottom:0.4rem; font-size:1.5rem; cursor:pointer; }
.tool-filter-nav ul { list-style:none; padding:0; margin:0; }
.tool-filter-nav ul li { float:left; padding-right:1.4rem }
.tool-filter-nav ul li a { color:#33cc99; display:block; padding:0.75rem 0rem 0.5rem; } 
.tool-filter-nav.uni ul li.selected a { color:#a50036; }
.tool-filter-nav.app ul li.selected a { color:#ec44f2; }
.tool-filter-nav.fec ul li.selected a { color:#ff7901; }
.tool-filter-nav.moo ul li.selected a { color:#4bc7c8; }
.tool-filter-nav.oxb ul li.selected a { color:#007efa; }
.tool-filter-nav.tea ul li.selected a { color:#9F8A42; }
.tool-filter-nav.eur ul li.selected a { color:#6815ad; }
.tool-filter-nav.can ul li.selected a { color:#f90505; }


.tool-filter-nav ul li .fa-caret-up { display:none; }
.tool-filter-nav ul li .fa-fw-caret { width:1rem; text-align:right; }
.tool-filter-nav ul li.selected .fa-caret-down { display:none; }
.tool-filter-nav ul li.selected .fa-caret-up { display:inline-block; }

.tool-filter-panel .btn { margin-bottom:0.25rem; }
.tool-filter-panel .button-group-break { margin-top:0.5rem; }

.tool-ul-tabs { background-color:#f7f7f7; box-shadow: inset 0 -2px 1px rgba(203,203,203,0.2); }
.tool-ul-tabs::after { display:table; clear:both; content:""; }
.tool-ul-tabs ul { list-style:none; margin:0; padding:0; }
.tool-ul-tabs ul li { display:block; float:left; width:50%; text-align:center; border-top:#f7f7f7 solid 3px; }
.tool-ul-tabs ul li a { display:block; font-size:0.75rem; color:#33cc99; padding-top:0.75rem; padding-bottom:0.9rem; }
.tool-ul-tabs ul li a strong { font-size:1rem; line-height:1.25; display:block; }
.tool-ul-tabs ul li.selected { border-top:#33cc99 solid 3px; background-color:#FFF; }
.tool-ul-tabs ul li.selected a { color:#333; }
.tool-ul-tabs ul li a { border-left:#fff solid 1px; border-right:#fff solid 1px; }
.tool-ul-tabs ul li:first-child a { border-left:#fff solid 2px; }
.tool-ul-tabs ul li:last-child a { border-right:#fff solid 2px; }
.tool-ul-tabs-3 ul li { width:33.3333%; }

.tool-col-tabs { margin-bottom:0.5rem; }
.tool-col-tabs ul { padding:0; margin:0 0; }
.tool-col-tabs ul li { list-style:none; width:33.333%; float:left;  }
.tool-col-tabs ul li a { color:#606060; display:block; text-align:center; font-size:0.75rem; border-bottom:#FFF solid 3px; padding-top:0.75rem; padding-bottom:0.25rem; }
.tool-col-tabs ul li a em { display:none; }
.tool-col-tabs ul li a strong { display:block; }

.tool-col-tabs.uni { border-bottom:#a50036 solid 1px; }
.tool-col-tabs.uni ul li.selected a { border-color:#a50036; color:#a50036; }

.tool-col-tabs.usa { border-bottom:#0052A5 solid 1px; }
.tool-col-tabs.usa ul li.selected a { border-color:#0052A5; color:#0052A5; }

.tool-col-tabs.asi { border-bottom:#16dd36 solid 1px; }
.tool-col-tabs.asi ul li.selected a { border-color:#16dd36; color:#16dd36; }

.tool-col-tabs.opp { border-bottom:#b54f0d solid 1px; }
.tool-col-tabs.opp ul li.selected a { border-color:#b54f0d; color:#b54f0d; }

.tool-col-tabs.aus { border-bottom:#31869b solid 1px; }
.tool-col-tabs.aus ul li.selected a { border-color:#31869b; color:#31869b; }

.tool-col-tabs.mid { border-bottom:#755b99 solid 1px; }
.tool-col-tabs.mid ul li.selected a { border-color:#755b99; color:#755b99; }

.tool-col-tabs.lat { border-bottom:#e3a800 solid 1px; }
.tool-col-tabs.lat ul li.selected a { border-color:#e3a800; color:#e3a800; }

.tool-col-tabs.ifp { border-bottom:#4b9395 solid 1px; }
.tool-col-tabs.ifp ul li.selected a { border-color:#4b9395; color:#4b9395; }

.tool-col-tabs.ire { border-bottom:#346535 solid 1px; }
.tool-col-tabs.ire ul li.selected a { border-color:#346535; color:#346535; }

.tool-col-tabs.ukc { border-bottom:#f76b37 solid 1px; }
.tool-col-tabs.ukc ul li.selected a { border-color:#f76b37; color:#f76b37; }


.tool-col-tabs.app { border-bottom:#ec44f2 solid 1px; }
.tool-col-tabs.app ul li.selected a { border-color:#ec44f2; color:#ec44f2; }
.tool-col-tabs.fec { border-bottom:#ff7901 solid 1px; }
.tool-col-tabs.fec ul li.selected a { border-color:#ff7901; color:#ff7901; }
.tool-col-tabs.moo { border-bottom:#4bc7c8 solid 1px; }
.tool-col-tabs.moo ul li.selected a { border-color:#4bc7c8; color:#4bc7c8; }
.tool-col-tabs.eur { border-bottom:#6815ad solid 1px; }
.tool-col-tabs.eur ul li.selected a { border-color:#6815ad; color:#6815ad; }
.tool-col-tabs.can { border-bottom:#f90505 solid 1px; }
.tool-col-tabs.can ul li.selected a { border-color:#f90505; color:#f90505; }
.tool-col-tabs.oxb { border-bottom:#007efa solid 1px; }
.tool-col-tabs.oxb ul li.selected a { border-color:#007efa; color:#007efa; }
.tool-col-tabs.oxb ul li { width:50%; }
.tool-col-tabs.int { border-bottom:#b65959 solid 1px; }
.tool-col-tabs.int ul li a { padding-top: 1.5rem; }
.tool-col-tabs.int ul li a strong { font-size: 1.5rem; }
.tool-col-tabs.int ul li.selected a { border-color:#b65959; color:#b65959; }
.tool-col-tabs.int ul li { width:50%; }
.tool-col-tabs.intb { border-bottom:#d5b472 solid 1px; }
.tool-col-tabs.intb ul li.selected a { border-color:#d5b472; color:#d5b472; }
.tool-col-tabs.intb ul li { width:50%; }

.tool-col-tabs.tea { border-bottom:#9F8A42 solid 1px; margin-bottom:0; }
.tool-col-tabs.tea ul { overflow:hidden; height:49px; }
.tool-col-tabs.tea ul li.selected a { border-color:#9F8A42; color:#9F8A42; }
.tool-col-tabs.tea ul li { display:inline-block; width:auto; }
.tool-col-tabs.tea ul li a { text-align:left; padding:1rem 0 0.75rem; margin-right:1rem; border-color:#f9f9f9; }


.tool-col-picker::after { display:table; clear:both; content:""; }
.tool-col-picker ul { padding:0; margin:0; }
.tool-col-picker ul li { list-style:none; padding:0; margin:0 0 3px 0; width:100%; }
.tool-col-picker ul li a { display:block; background-color:#f4f4f4; padding:0.5rem 2rem 0.5rem 3rem; color:#666; line-height:1.25rem; }
.tool-col-picker ul li a.loading { background-color:#CCC; }
.tool-col-picker ul li a strong { font-weight:normal; color:#33cc99; } 
.tool-col-picker ul li a span { color:#000; }
.tool-col-picker ul li a .fa-fw { margin-left:-2rem; float:left; color:#9c9c9c; margin-top:0.2rem; font-size:1rem; }
.tool-col-picker ul li a .fa-building em { font-style:normal; font-size:0.75rem; font-family:Arial, Helvetica, sans-serif; }
.tool-col-picker ul li a .fa-exclamation-circle { margin-right:-1.5rem; float:right; color:#F00; font-size:1rem; }

.tool-col-picker a.selected { color:#FFF; }
.tool-col-picker a.selected strong { color:#FFF; }
.tool-col-picker a.selected span { color:#FFF; }
.tool-col-picker a.selected .fa-fw { color:#FFF; }
.tool-col-picker a.selected .fa-exclamation-circle { color:#FFF; }

.tool-col-picker.uni a.selected { background-color:#a50036; }
.tool-col-picker.app a.selected { background-color:#ec44f2; }
.tool-col-picker.fec a.selected { background-color:#ff7901; }
.tool-col-picker.moo a.selected { background-color:#4bc7c8; }
.tool-col-picker.eur a.selected { background-color:#6815ad; }
.tool-col-picker.can a.selected { background-color:#f90505; }
.tool-col-picker.oxb .frog1 a.selected { background-color:#0053a5; }
.tool-col-picker.oxb .frog2 a.selected { background-color:#70b8ff; }

.tool-col-picker.usa a.selected { background-color:#0052A5; }
.tool-col-picker.asi a.selected { background-color:#16dd36; }
.tool-col-picker.opp a.selected { background-color:#b54f0d; }
.tool-col-picker.aus a.selected { background-color:#31869b; }
.tool-col-picker.mid a.selected { background-color:#755b99; }
.tool-col-picker.lat a.selected { background-color:#e3a800; }
.tool-col-picker.ifp a.selected { background-color:#4b9395; }
.tool-col-picker.ire a.selected { background-color:#346535; }
.tool-col-picker.ukc a.selected { background-color:#f76b37; }


.tool-col-picker .traffic-0 { background-color:#ff0000; }
.tool-col-picker .traffic-1 { background-color:#ff9000; }
.tool-col-picker .traffic-2 { background-color:#009900; }

.tool-col-picker.int li { padding:0.75rem 1rem; margin-bottom:0.5rem; }
.tool-col-picker.int li span { display:none; }
.tool-col-picker.int li {border:#f9f9f9 solid 1px; background-color:#f7f7f7;  }
.tool-col-picker.int li .fa-trash { display:none; }
.tool-col-picker.int li .only-b { display:none; }
.tool-col-picker.int li .chosen { display:none; }
.tool-col-picker.int li.done { border:#eee solid 1px; background-color:#FFF; }
.tool-col-picker.int li.done .fa-trash { float:right; padding-left:1rem; color:#33cc99; line-height:1.5rem; display:block; cursor:pointer; }
.tool-col-picker.int li.done .hidden-done { display:none; }
.tool-col-picker.int li.done .chosen { display:inherit; }
.tool-col-picker.int li.hidden-chosen .chosen { display:none; }
.tool-col-picker.int li.disabled .fa-trash { display:none; }
.tool-col-picker.int li.hide-save .btn-save { display:none; }
.tool-col-picker.int li.hide-select select { display:none; }
.tool-col-picker.int .intb li .only-a { display:none; }
.tool-col-picker.int .intb li .only-b { display:inherit; }
.tool-col-picker.int .intb li.done span { background-color:#f4e6c9; }
.tool-col-picker.int ul li a.btn-outline-primary { display:inline-block; padding: .375rem 1rem; border-color:#33cc99; color:#33cc99; }
.tool-col-picker.int ul li a.btn-outline-primary:hover { color:#FFF; }
.tool-col-picker.int ul li a.btn-inline { display:inline; color:#33cc99; padding:0; background-color:inherit; }
.tool-col-picker.int ul li a.btn-inline:hover { color:#fff; background-color:#33cc99; text-decoration:none; }

.tool-col-picker.int strong.traffic { font-weight:400; color:#fff; margin-top:0.75rem; margin-bottom:-0.75rem; display:block; padding:0.5rem 1rem; margin-left:-1rem; margin-right:-1rem; }
.tool-col-picker.int li span.grey { background-color:#CCC; }
.tool-col-picker.int li.done span.grey { background-color:#CCC; }
.tool-col-picker.int li.done span.moo { background-color:#4bc7c8; }
.tool-col-picker.int .intb li span.grey { background-color:#CCC; }

.tool-col-picker.gas .items li { padding:0.75rem 1rem 0.75rem 4rem; margin-bottom:0.5rem; }
.tool-col-picker.gas .items li span { background-color:#ccc; font-weight:700; font-size:1rem; color:#FFF; display:block; width:2rem; height:2rem; text-align:center; border-radius:1rem; margin-left:-3rem; margin-top:-0.25rem; float:left; line-height:2rem; }
.tool-col-picker.gas .item li { border:#e84c3d solid 1px; line-height:1.25rem; }
.tool-col-picker.gas .item li span { background-color:#e84c3d; margin-top:0.25rem }

.tool-isotope-res-row { margin-right: -15px; margin-left: -15px; }
.tool-isotope-res { width:100%; padding-right:15px; padding-left:15px; }

.tool-collist-picker-header ul { padding:0.375rem 0.75rem; margin:0; }
.tool-collist-picker-header ul li { list-style:none; margin:0 0 0.5rem 0; padding:0; width:50%; float:left; }

.tool-counts { line-height:2rem; }
.tool-counts strong { display:block; margin-bottom:1rem; float:left; width:33.333%; text-align:center; font-size:0.75rem; }
.tool-counts span { background-color:#999999; font-weight:700; font-size:1rem; color:#FFF; display:block; width:2rem; height:2rem; text-align:center; border-radius:1rem; margin:0.25rem auto 0 auto; }
.tool-counts span.count-0 { background-color:#ed665e; }
.tool-counts span.count-uni { background-color:#a50036; }
.tool-counts span.count-app { background-color:#ec44f2; }
.tool-counts span.count-fec { background-color:#ff7901; }
.tool-counts span.count-moo { background-color:#4bc7c8; }
.tool-counts span.count-oxb { background-color:#007efa; }
.tool-counts span.count-eur { background-color:#6815ad; }
.tool-counts span.count-usa { background-color:#0052A5; }
.tool-counts span.count-can { background-color:#f90505; }
.tool-counts span.count-asi { background-color:#16dd36; }
.tool-counts span.count-opp { background-color:#b54f0d; }
.tool-counts span.count-aus { background-color:#31869b; }
.tool-counts span.count-mid { background-color:#755b99; }
.tool-counts span.count-lat { background-color:#e3a800; }
.tool-counts span.count-ifp { background-color:#4b9395; }
.tool-counts span.count-ire { background-color:#346535; }
.tool-counts span.count-ukc { background-color:#f76b37; }
.tool-counts span.count-res { background-color:#00b0f0; }
.tool-counts span.count-kno { background-color:#a03030; }
.tool-counts span.count-sub { background-color:#7030a0; }
.tool-counts span.count-car { background-color:#c89801; }
.tool-counts span.count-rwl { background-color:#17a0ff; }
.tool-counts span.count-tea { background-color:#9F8A42; }
.tool-counts span.count-per { background-color:#d95459; }
.tool-counts span.count-cae { background-color:#be54d9; }
.tool-counts span.count-pla { background-color:#837aa3; }

.tool-counts span.count-pres { background-color:#77bdbd; }
.tool-counts span.count-pcar { background-color:#8284be; }

.tool-counts a.selected { border-bottom:#999 solid 3px; }

.tool-shortlist-map { width:100%; height:350px; }
.tool-shortlist-map-half { width:100%; height:250px; margin-bottom:5px; }
.tool-shortlist-map-half.oxford { border-top:#0053a5 solid 5px; }
.tool-shortlist-map-half.cambridge { border-top:#70b8ff solid 5px; }

.tool-shortlist { background-color:#f9f9f9; padding:1rem; margin-bottom:4rem; }
.tool-shortlist-delete { text-align:right; margin-bottom:1rem; }
.tool-shortlist-delete .fa { margin-left:0.5rem; }
.tool-shortlist-title { padding:2rem 1rem 1rem 4rem; color:#FFF; }
.tool-shortlist-title h3 { font-size:1.5rem; }
.tool-shortlist-title .icon { margin-left:-3.5rem; opacity:0.5; width:3.5rem;  }
.tool-shortlist h4 { padding:0 0 0.5rem 0; font-size:2rem; margin-bottom:1rem; margin-top:2rem; }
.tool-shortlist .overflow { overflow:hidden; }

.tool-shortlist.uni { border-top:#a50036 solid 5px; }
.tool-shortlist.uni h4 { border-bottom:#a50036 solid 1px; color:#a50036; }
.tool-shortlist.app { border-top:#ec44f2 solid 5px; }
.tool-shortlist.app h4 { border-bottom:#ec44f2 solid 1px; color:#ec44f2; }
.tool-shortlist.fec { border-top:#ff7901 solid 5px; }
.tool-shortlist.fec h4 { border-bottom:#ff7901 solid 1px; color:#ff7901; }
.tool-shortlist.moo { border-top:#4bc7c8 solid 5px; }
.tool-shortlist.moo h4 { border-bottom:#4bc7c8 solid 1px; color:#4bc7c8; }
.tool-shortlist.oxb { border-top:#007efa solid 5px; }
.tool-shortlist.oxb h4 { border-bottom:#007efa solid 1px; color:#007efa; }
.tool-shortlist.eur { border-top:#6815ad solid 5px; }
.tool-shortlist.eur h4 { border-bottom:#6815ad solid 1px; color:#6815ad; }
.tool-shortlist.can { border-top:#f90505 solid 5px; }
.tool-shortlist.can h4 { border-bottom:#f90505 solid 1px; color:#f90505; }
.tool-shortlist.usa { border-top:#0052A5 solid 5px; }
.tool-shortlist.usa h4 { border-bottom:#0052A5 solid 1px; color:#0052A5; }
.tool-shortlist.asi { border-top:#16dd36 solid 5px; }
.tool-shortlist.asi h4 { border-bottom:#16dd36 solid 1px; color:#16dd36; }
.tool-shortlist.opp { border-top:#b54f0d solid 5px; }
.tool-shortlist.opp h4 { border-bottom:#b54f0d solid 1px; color:#b54f0d; }
.tool-shortlist.aus { border-top:#31869b solid 5px; }
.tool-shortlist.aus h4 { border-bottom:#31869b solid 1px; color:#31869b; }
.tool-shortlist.res { border-top:#00b0f0 solid 5px; }
.tool-shortlist.res h4 { border-bottom:#00b0f0 solid 1px; color:#00b0f0; }
.tool-shortlist.mid { border-top:#755b99 solid 5px; }
.tool-shortlist.mid h4 { border-bottom:#755b99 solid 1px; color:#755b99; }
.tool-shortlist.lat { border-top:#e3a800 solid 5px; }
.tool-shortlist.lat h4 { border-bottom:#e3a800 solid 1px; color:#e3a800; }
.tool-shortlist.ire { border-top:#346535 solid 5px; }
.tool-shortlist.ire h4 { border-bottom:#346535 solid 1px; color:#346535; }
.tool-shortlist.rwl { border-top:#17a0ff solid 5px; }
.tool-shortlist.rwl h4 { border-bottom:#ccc solid 1px; color:#17a0ff; }
.tool-shortlist.ukc { border-top:#f76b37 solid 5px; }
.tool-shortlist.ukc h4 { border-bottom:#ccc solid 1px; color:#f76b37; }
.tool-shortlist.ifp { border-top:#4b9395 solid 5px; }
.tool-shortlist.ifp h4 { padding:0 0 0.5rem 0; font-size:1.5rem; margin-bottom:1rem; margin-top:2rem; font-weight:700; border-bottom:#ccc solid 1px; color:#4b9395; }

.tool-shortlist .owl-nav { display:none; }
.tool-shortlist .owl-theme .owl-prev, .tool-shortlist .owl-theme .owl-next { top:100px; left:20px; z-index:2000; float:left; position:absolute; color:#FFF; display:block; background-color:transparent; }
.tool-shortlist .owl-theme .owl-prev:hover, .tool-shortlist .owl-theme .owl-next:hover { background-color:transparent;  }
.tool-shortlist .owl-carousel { height:265px; }
.tool-shortlist .owl-carousel .fa { color:#FFF; }

.tool-shortlist.oxford { border-top:#0053a5 solid 5px; }
.tool-shortlist.oxford h4 { padding:0 0 0.5rem 0; font-size:1.5rem; margin-bottom:1rem; margin-top:2rem; font-weight:700; border-bottom:#0053a5 solid 2px; color:#0053a5; }
.tool-shortlist.cambridge { border-top:#70b8ff solid 5px; }
.tool-shortlist.cambridge h4 { padding:0 0 0.5rem 0; font-size:1.5rem; margin-bottom:1rem; margin-top:2rem; font-weight:700; border-bottom:#70b8ff solid 2px; color:#70b8ff; }

.tool-shortlist-count { border-top: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px; padding-top: 0.75rem; padding-bottom: 0.25rem; background-color:#FFF; }
.tool-shortlist-count .btn { margin-top:0.5rem; }
.tool-shortlist-count h4 { text-align:center; padding:0.5rem; }

.stuck-top .tool-shortlist-count { border-top:#fff solid 1px;  }
.stuck-top .tool-shortlist-count .tool-counts { display:none; }
.stuck-top .tool-shortlist-count h4 { font-size:0.75rem; padding:0; }

.tool-icon-table table { width:100%; border:0; padding:0; margin:0; table-layout:fixed; }
.tool-icon-table table tr td { padding:0.75rem 0; border-bottom:#fff solid 1px; border-left:#fff solid 1px; background-color:#f5f5f5; text-align:center; }
.tool-icon-table table tr td.info { background-color:#eeeeee; font-size:1.1rem; }
.tool-icon-table.app table .head td { background-color:#f6a2f9; } 
.tool-icon-table.fec table .head td { background-color:#ffdbbb; } 
.tool-icon-table.moo table .head td { background-color:#98dddd; } 
.tool-icon-table table .head td { background-color:#CCC; text-align:center; font-size:12px; line-height:12px; padding-bottom:12px;  }
.tool-icon-table table .head td .fa { width:100%; color:#FFF; font-size:2rem; margin-top:0.5rem; margin-bottom:0.75rem;  }
.tool-icon-table table .head td span { display:block; font-size:80%; }
.tool-icon-table table .head td.grey { background-color:#dedede; }
.tool-icon-table table .head td.grey .fa { color:#939393; font-size:30px; }
.tool-icon-table table tr td:first-child { border-left:0; }
.tool-icon-table table tr:last-child td { border-bottom:0; }

.tool-stats-table table { width:100%; border:0; padding:0; margin:0; }
.tool-stats-table table tr td:not(.line):nth-child(1) { color:#666; padding:0.25rem 0rem; }
.tool-stats-table table tr td:not(.line):nth-child(2) { color:#000; padding:0.25rem 0rem; }

.tool-complete-ol li { padding-bottom:0.5rem; }

.tool-start { font-weight:700 }
.tool-start strong { font-size:1.5rem; line-height:1.5rem; font-weight:300; display:block; padding-bottom:0.5rem; }
.tool-start em { font-weight:700; font-style:normal; }
.tool-start .row { border-bottom:#e7e7e7 solid 1px; padding-top:1rem; padding-bottom:1rem; }
.tool-start-sm { font-size:80%; }
.tool-start-sm .row { padding-top:0.7rem; padding-bottom:0.7rem; }

.tool-section { margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px; }
.tool-section .right { margin-right:1rem; }
.tool-section .comment { border-top:#d95459 solid 3px; }
.tool-section-off h4 { color:#e4e4e4; }
.tool-section-off .form-control { color:#e4e4e4; }
.tool-section-off .col-form-label { color:#e4e4e4; }
.tool-section-off .txt-cvc { color:#e4e4e4; }
.tool-section-off .txt-ltgrey { color:#e4e4e4; }

.tool-section-border-0 { border-top:#ff0000 solid 5px; }
.tool-section-border-1 { border-top:#ff9000 solid 5px; }
.tool-section-border-2 { border-top:#009900 solid 5px; }

.tool-section.event-remove { position:relative; }
.tool-section.event-remove .fa-times { position:absolute; left:0.75rem; top:0.5rem; }

.tool-scroll-menu{height:50px;overflow:hidden;position:relative;z-index:1;margin-left:-.5rem;margin-right:-.5rem;border-bottom:#9F8A42 solid 1px}
.tool-scroll-menu .inner{-webkit-user-select:none;display:block;height:61px;overflow-y:hidden;padding:0;position:relative;-webkit-overflow-scrolling:touch;overflow-x:scroll}
.tool-scroll-menu .inner .core{display:inline-block;line-height:50px;height:50px;margin:0;padding:0;text-align:center;display:inline-block;position:relative;white-space:nowrap;overflow:hidden;}
.tool-scroll-menu .inner .core div{display:inline-block;line-height:50px;height:50px;margin:0;padding:0 0.5rem;text-align:center;min-width:3rem;}
.tool-scroll-menu a{color:#606060}
.tool-scroll-menu a strong{font-size:.75rem}
.tool-scroll-menu a em{display:none}
.tool-scroll-menu .inner .core .selected{border-bottom:3px solid #9F8A42;box-sizing:border-box}
.tool-scroll-menu .inner .core .selected a{color:#9F8A42}

.tool-teacher-sticker { padding-top:0.5rem; padding-bottom:0.5rem; border-bottom:#FFF solid 1px; }
.tool-teacher-sticker h3 { margin:0; }
.stuck-top .tool-teacher-sticker { border-bottom: #e5e5e5 solid 1px; }

.featherlight.tool-modal-confirm:last-of-type { background: rgba(255,255,255,0.8); }
.tool-modal-confirm .featherlight-content { width:90%; max-width:30rem; height:auto; padding:1.5rem; border-radius:0.25rem; box-shadow: 6px 6px 30px 0px rgba(0,0,0,0.4); }

.featherlight.tool-modal-form:last-of-type { background: rgba(255,255,255,0.8); }
.tool-modal-form .featherlight-content { width:90%; max-width:60rem; height:auto; padding:1.5rem; border-radius:0.25rem; box-shadow: 6px 6px 30px 0px rgba(0,0,0,0.4); }

.featherlight.tool-whats-this:last-of-type { background: rgba(255,255,255,0.8); }
.tool-whats-this .featherlight-content { width:90%; max-width:60rem; height:auto; padding:1.5rem; border-radius:0.25rem; box-shadow: 6px 6px 30px 0px rgba(0,0,0,0.4); }

.featherlight.tool-library-preview:last-of-type { background: rgba(255,255,255,0.8); }
.tool-library-preview .featherlight-content { width:90%; height:90%; padding:1.5rem; border-radius:0.25rem; box-shadow: 6px 6px 30px 0px rgba(0,0,0,0.4); }

.featherlight.tool-star-preview:last-of-type { background: rgba(255,255,255,0.8); }
.tool-star-preview .featherlight-content { width:90%; height:90%; padding:1.5rem; border-radius:0.25rem; box-shadow: 6px 6px 30px 0px rgba(0,0,0,0.4); }

.featherlight.tool-clearing-preview:last-of-type { background: rgba(255,255,255,0.8); }
.tool-clearing-preview .featherlight-content { width:95%; height:95%; padding:0.5rem; border-radius:0.25rem; box-shadow: 6px 6px 30px 0px rgba(0,0,0,0.4); }

.tool-log-tooltip{text-align:left;color:#000;background:#fff;position:absolute;z-index:100;padding:16px; border:#fff solid 1px; box-shadow: 2px 2px 5px 3px rgba(0,0,0,0.15); }
.tool-log-tooltip:after {width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;content:'';position:absolute;left:50%;bottom:-10px;margin-left:-10px; }
.tool-log-tooltip.top:after{border-top-color:transparent;border-bottom:10px solid #fff;top:-20px;bottom:auto}
.tool-log-tooltip.left:after{left:10px;margin:0}
.tool-log-tooltip.right:after{right:10px;left:auto;margin:0}

.tool-notes .featherlight-content { width:100%; height:auto; padding:1rem; }
.tool-notes p .note {  font-size:22px; color:#d95459; padding-left:2px; padding-right:2px; }
.tool-notes-on p { color:#33cc99; cursor:pointer; }
.tool-notes-on p .note { color:#ccc; cursor:default; }
.tool-notes-off p .note { cursor:pointer; }
.tool-notes-tooltip{text-align:center;color:#fff;background:#d95459;position:absolute;z-index:100;padding:15px}
.tool-notes-tooltip:after {width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #d95459;content:'';position:absolute;left:50%;bottom:-10px;margin-left:-10px}
.tool-notes-tooltip.top:after{border-top-color:transparent;border-bottom:10px solid #d95459;top:-20px;bottom:auto}
.tool-notes-tooltip.left:after{left:10px;margin:0}
.tool-notes-tooltip.right:after{right:10px;left:auto;margin:0}

.tool-notes.cae p .note { color:#be54d9; }
.tool-notes-tooltip.cae { background:#be54d9; }
.tool-notes-tooltip.cae:after { border-top-color:#be54d9; }
.tool-notes-tooltip.top.cae:after{ border-bottom-color:#be54d9; }

.tool-notes.wri p .note { color:#c6590f; }
.tool-notes-tooltip.wri { background:#c6590f; }
.tool-notes-tooltip.wri:after { border-top-color:#c6590f; }
.tool-notes-tooltip.top.wri:after{ border-bottom-color:#c6590f; }

.tool-notes-tooltip.com { background:#333; }
.tool-notes-tooltip.com:after { border-top-color:#333; }
.tool-notes-tooltip.top.com:after{ border-bottom-color:#333; }

.tool-notes-preview{text-align:left;color:#000;background:#f7f7f7;position:absolute;z-index:100;padding:2rem; border:#d95459 solid 1px;}
.tool-notes-preview .note{  font-size:22px; color:#d95459; padding-left:2px; padding-right:2px; }
.tool-notes-preview .fa-times { margin-top:-1rem; margin-right:-1rem; }

.tool-notes-preview.cae { border-color:#be54d9; }
.tool-notes-preview.cae .note{ color:#be54d9; }

.tool-notes-preview.wri { border-color:#c6590f; }
.tool-notes-preview.wri .note{ color:#c6590f; }

.tool-notes-bar div { cursor:pointer; }
.tool-notes-bar div a { font-size:12px; }

.tool-img-locker { background-color:#CCC; overflow:hidden; height:240px; line-height:240px; width:100%; text-align:center; position:relative; }
.tool-img-locker::after { content:' '; white-space: pre; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75.5' height='88.1' viewBox='0 -3 75.5 88.1'%3E%3Cpath fill='%23ADADAD' d='M20 60h35l2 1v4l-2 1H20l-1-1v-4l1-1zm0-13h35l2 2v3l-2 2H20l-1-2v-3l1-2zm-1-8v-3l1-1h35l2 1v3l-2 2H20l-1-2zM6 79h63V28H49c-3 0-5-2-5-4V3H6v76zM50 4v18h19l-1-2L52 5l-2-1zm7-4l15 16c2 2 4 5 4 8v56c0 3-3 5-5 5H5c-3 0-5-2-5-5V2c0-3 2-5 5-5h44c2 0 6 1 8 3z'/%3E%3C/svg%3E"); background-repeat:no-repeat; color:#fff; height:240px; line-height:240px; width:100%; display:inline-block; background-position:center; }
.tool-img-locker:hover a:after { background-color: rgba(51, 204, 153, 0.3); position: absolute; content:""; width:100%; height:100%; z-index:1; top:0; left:0; }

.tool-arrowtog .fa-angle-up { display:none; }
.tool-arrowtog.open .fa-angle-up { display:inline-block; }
.tool-arrowtog.open .fa-angle-down { display:none; }

.tool-hover-link img { transition:all 500ms ease-in-out; }
.tool-hover-link>span { top:0; left:0; width:100%; font-size:0.75rem; position:absolute; color:#000; opacity:0; display:block; transition:all 500ms ease-in-out; z-index:2; }
.tool-hover-link>span span { background-color:#FFF; padding:3px 8px; color:#333; }
.tool-hover-link:hover img { opacity:0.5; }
.tool-hover-link:hover span { opacity:1; }

.tool-bg-website { padding:80px; display:inline-block; background:#da669f; margin-top:40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='50.2 105.3 494.9 494.9'%3E%3Cpath fill='%23da9ebc' d='M297.6 105.3c71 0 129.4 25.4 175.4 72 46.7 46.1 72 104.6 72 175.4 0 71-25.3 129.4-72 175.4-46 46.7-104.5 72-175.4 72s-129.3-25.3-175.4-72c-46.6-46-72-104.5-72-175.4 0-69.6 25.4-127.5 72-174.2a235.2 235.2 0 0 1 175.4-73.2zm98.7 148.8h73.2a193.7 193.7 0 0 0-108-88.6 334 334 0 0 1 34.8 88.6zM297.6 155a350.5 350.5 0 0 0-47.8 99.2h95.7a350.5 350.5 0 0 0-47.9-99.2zM105.7 403h83.9c-4.8-32.4-4.8-67.9 0-100.3h-83.9c-8.3 32.4-8.3 67.9 0 100.3zm93.3 48.5h-73.2c24.2 41.9 61.4 73.2 108 88.6a342 342 0 0 1-34.8-88.6zM125.8 254H199c7.7-31.9 19.5-62 34.9-88.6a193.7 193.7 0 0 0-108.1 88.6zm171.8 296.5a358.3 358.3 0 0 0 47.9-99.2h-95.7c10.6 36 27.2 68.5 47.8 99.2zm-57.8-147.7h115.7c4.7-32.4 4.7-67.9 0-100.3H239.8c-4.8 32.4-4.8 67.9 0 100.3zm121.6 137a193.7 193.7 0 0 0 108-88.5h-73.1a342 342 0 0 1-34.9 88.6zm44.3-137h83.9c8.2-32.4 8.2-67.9 0-100.3h-83.9c4.7 32.4 4.7 67.9 0 100.3z'/%3E%3C/svg%3E"); background-position:center center; background-repeat:no-repeat; background-size:50%; }

.tool-bg-blank { width:160px; height:160px; line-height:200px; display:inline-block; margin-top:40px; text-align:center; }

.tool-img-locker-focus { background-color:#e1f7f0; animation:fadeoutbgCCC 2s forwards; animation-delay:2s; }
@keyframes fadeoutbgCCC { to { background-color:#CCC; } }

.tool-white-focus { background-color:#e1f7f0; animation:fadeoutbgFFF 2s forwards; animation-delay:2s; }
.bg-ltgrey.tool-white-focus { background-color:#e1f7f0; animation:fadeoutbgF9 2s forwards; animation-delay:2s; }

.tool-comment-focus { background-color:#e1f7f0; animation:fadeoutbgFFF 2s forwards; animation-delay:2s; }
@keyframes fadeoutbgFFF { to { background-color:#FFF; } }

.bg-ltgrey .tool-comment-focus { background-color:#e1f7f0; animation:fadeoutbgF9 2s forwards; animation-delay:2s; }
@keyframes fadeoutbgF9 { to { background-color:#f9f9f9; } }

.tool-section-focus { background-color:#e1f7f0; animation:fadeoutbgF9 2s forwards; animation-delay:2s; }
@keyframes fadeoutbgF9 { to { background-color:#f9f9f9; } }

.tool-email-addcomment { margin-top:-0.5rem; }

.tool-inline-nav { background-color:#f7f7f7; }
.tool-inline-nav::after { display:table; clear:both; content:""; }
.tool-inline-nav ul { list-style:none; margin:0; padding:0.75rem 0; }
.tool-inline-nav ul li.notselected { display:block; max-height:0; transition:max-height 0.35s ease-out; overflow:hidden; }
.tool-inline-nav ul.open li.notselected { display:block; max-height:3rem; overflow:hidden; }
.tool-inline-nav ul li.selected { display:block; border:#33cc99 solid 2px; background-color:#FFF; margin:0.5rem 0; } 

.tool-inline-nav ul li a { color:#999; font-weight:700; padding:0.75rem 0.8rem; display:block; font-size:1rem; }
.tool-inline-nav ul li a .fa { color:#33cc99; margin-right:0.65rem; }

.tool-inline-nav ul li a .fa-angle-down { float:right; margin-right:0rem; font-size:1.6rem; }
.tool-inline-nav ul.open li a .fa-angle-down { display:none; }
.tool-inline-nav ul li a .fa-times { display:none; }
.tool-inline-nav ul.open li a .fa-times { display:block; float:right; margin-right:0rem; font-size:1.5rem; }

.tool-teacher-nav { background-color:#f7f7f7; }
.tool-teacher-nav div ul { list-style:none; margin:0; padding:0; }
.tool-teacher-nav div > ul { border-bottom: #9F8A42 solid 1px; padding:0.75rem 0; }
.tool-teacher-nav .fa-bars, .tool-teacher-nav .fa-times { display:none; color:#33cc99; }

.tool-comment-result { line-height:1.1; padding-top:0.25rem; padding-bottom:0.25rem; }

.tool-ski-chart { padding:1rem; border:#dddddd solid 1px; }
.tool-ski-chart .head { width:10%; float:left; text-align:center; }
.tool-ski-chart .head-off {background-color:#CCC; }
.tool-ski-chart .head-on {background-color:#000; color:#fff; }
.tool-ski-chart .add { width:10%; float:left; text-align:center; }
.tool-ski-chart .add > div { padding-left:5px; }
.tool-ski-chart .cursor-pointer > div > div:hover { background-color:#33cc99 !important; color:#fff; }
.tool-ski-chart .desc { width:75%; float:left; text-align:left; padding-left:15px; color:#999; }

.tool-quiz-intro h4 { font-weight:700; font-size:1.25rem; text-align:center; margin-bottom:1rem; color:#333; }
.tool-quiz-intro p {  line-height:1.70rem; text-align:center; }
.tool-quiz-intro .fa { display:inline-block; margin-bottom:0; margin-right:0.25rem; }
.tool-quiz .tool-section { border-top:#000 solid 5px; }
.tool-quiz.done .tool-section { border-top:#CCC solid 5px; color:#CCC; background-color:#fff; }
.tool-quiz.done-course .tool-section { border-top:#999 solid 5px; background-color:#f9f9f9; }

.tool-quiz .quiz { float:left; font-size:3rem; text-align:center; cursor:pointer; border-radius:0.5rem; }
.tool-quiz .quiz-1 { color:#fa5a6c; }
.tool-quiz .quiz-2 { color:#ec929c; }
.tool-quiz .quiz-3 { color:#a5b6c8; }
.tool-quiz .quiz-4 { color:#89ce78; }
.tool-quiz .quiz-5 { color:#58d239; }
.tool-quiz .que-1 { color:#dcc9da; }
.tool-quiz .que-2 { color:#b98eb4; }
.tool-quiz .que-3 { color:#985791; }
.tool-quiz .que-4 { color:#78206e; }
.tool-quiz.done .quiz { color:#CCC; }
.tool-quiz .quiz-1.chosen { background-color:#fa5a6c; color:#64242b; }
.tool-quiz .quiz-2.chosen { background-color:#ec929c; color:#5e3a3e; }
.tool-quiz .quiz-3.chosen { background-color:#a5b6c8; color:#424950; }
.tool-quiz .quiz-4.chosen { background-color:#89ce78; color:#375230; }
.tool-quiz .quiz-5.chosen { background-color:#58d239; color:#235417; }
.tool-quiz .que-1.chosen { background-color:#dcc9da; color:#985791; }
.tool-quiz .que-2.chosen { background-color:#b98eb4; color:#78206e; }
.tool-quiz .que-3.chosen { background-color:#985791; color:#dcc9da; }
.tool-quiz .que-4.chosen { background-color:#78206e; color:#b98eb4; }
.tool-quiz .quiz-disagree { float:left; color:#fa5a6c; text-transform:uppercase; text-align:center; font-size:0.9rem; font-weight:700; }
.tool-quiz .quiz-agree { float:left; color:#58d239; text-transform:uppercase; text-align:center; font-size:0.9rem; font-weight:700; }
.tool-quiz .que .quiz-disagree { color:#000; }
.tool-quiz .que .quiz-agree { color:#000; }
.tool-quiz.done .quiz-disagree, .tool-quiz.done .quiz-agree { color:#CCC; }
.tool-quiz .question { color:#000; font-size:1.75rem; line-height:1.2; text-align:center; font-weight:700; }
.tool-quiz.done .question { color:#CCC; }
.tool-quiz-next { padding:1rem 1.5rem; font-size:1.25rem; font-weight:700; color:#FFF; display:inline-block; }

.tool-quiz-chart { border:#CCC solid 1px; page-break-inside: avoid; }
.tool-quiz-chart .top-bar { background-color:#CCC; color:#FFF;  font-weight:700; padding:0.5rem 0; text-align:center; }
.tool-quiz-chart .intro { font-size:18px; padding-left:1rem; padding-right:1rem; text-align:center; font-weight:300; }
.tool-quiz-chart .bar { background-color:#f7f7f7; height:1rem; float:left; width:50%; margin-top:0.5rem; position:relative; }
.tool-quiz-chart .bar .inner { height:1rem; }
.tool-quiz-chart .bar .mid { position:absolute; width:1px; left:50%; top:-0.25rem; height:1.5rem; background-color:#333; z-index:1; }
.tool-quiz-chart .bar-outer { margin:2rem 0; }
.tool-quiz-chart .more-info { padding:0 2rem 1rem 2rem; }
.tool-quiz-chart .barl, .tool-quiz-chart .barr { float:left; width:25%; font-weight:700; font-size:1.15rem; text-align:center; line-height:0.85; }
.tool-quiz-chart .barl small, .tool-quiz-chart .barr small { font-size:0.8rem; }
.tool-quiz-chart.ei { border-color:#51a9ab; color:#51a9ab; }
.tool-quiz-chart.ei .top-bar, .tool-quiz-chart.ei .bar .inner { background-color:#51a9ab; }
.tool-quiz-chart.ei .bar { background-color:#dceeee; }
.tool-quiz-chart.sn { border-color:#dda440; color:#dda440; }
.tool-quiz-chart.sn .top-bar, .tool-quiz-chart.sn .bar .inner { background-color:#dda440; }
.tool-quiz-chart.sn .bar { background-color:#f8edd9; }
.tool-quiz-chart.ft { border-color:#00b0f0; color:#00b0f0; }
.tool-quiz-chart.ft .top-bar, .tool-quiz-chart.ft .bar .inner { background-color:#00b0f0; }
.tool-quiz-chart.ft .bar { background-color:#cceffc; }
.tool-quiz-chart.jp { border-color:#cf7ba2; color:#cf7ba2; }
.tool-quiz-chart.jp .top-bar, .tool-quiz-chart.jp .bar .inner { background-color:#cf7ba2; }
.tool-quiz-chart.jp .bar { background-color:#f5e5ec; }

.tool-quiz-chart-mini { page-break-inside: avoid; }
.tool-quiz-chart-mini .bar { background-color:#d9d9d9; height:0.75rem; float:left; width:50%; margin-top:0.5rem; position:relative; }
.tool-quiz-chart-mini .bar .inner { height:0.75rem; }
.tool-quiz-chart-mini .bar .mid { position:absolute; width:1px; left:50%; top:-0.25rem; height:1.25rem; background-color:#333; z-index:1; }
.tool-quiz-chart-mini .bar-outer { margin:1.5rem 0; }
.tool-quiz-chart-mini .barl, .tool-quiz-chart-mini .barr { float:left; width:25%; font-weight:700; font-size:0.7rem; text-align:center; line-height:1; }
.tool-quiz-chart-mini .barl small, .tool-quiz-chart-mini .barr small { font-size:0.7rem; }
.tool-quiz-chart-mini.ei { color:#51a9ab; }
.tool-quiz-chart-mini.ei .bar .inner { background-color:#51a9ab; }
.tool-quiz-chart-mini.ei .bar { background-color:#dceeee; }
.tool-quiz-chart-mini.sn { color:#dda440; }
.tool-quiz-chart-mini.sn .bar .inner { background-color:#dda440; }
.tool-quiz-chart-mini.sn .bar { background-color:#f8edd9; }
.tool-quiz-chart-mini.ft { color:#00b0f0; }
.tool-quiz-chart-mini.ft .bar .inner { background-color:#00b0f0; }
.tool-quiz-chart-mini.ft .bar { background-color:#cceffc; }
.tool-quiz-chart-mini.jp { color:#cf7ba2; }
.tool-quiz-chart-mini.jp .bar .inner { background-color:#cf7ba2; }
.tool-quiz-chart-mini.jp .bar { background-color:#f5e5ec; }

.tool-bar-chart{display:table;table-layout:fixed;width:100%;height:320px;margin:0 auto;padding:0 1rem;background-color:#f7f7f7;border-bottom:#333 solid 2px}
.tool-bar-chart li{position:relative;display:table-cell;vertical-align:bottom;height:285px}
.tool-bar-chart span{margin:0 .2em;display:block;text-align:center}
.tool-bar-chart span::before{position:absolute;left:0;right:0;top:100%;padding:.65rem 1em 0;display:block;text-align:center;content:attr(title);word-wrap:break-word;font-size:80%;overflow:hidden;height:1.75rem}
.tool-bar-chart span::after{padding:0;display:block;text-align:center;content:attr(data-test);word-wrap:break-word;font-size:80%;transform:translateY(-1.5rem);color:#000;font-weight:700}

.tool-chart-ss { background-color:#fff; border:#CCC solid 1px; padding:1.75rem 1rem 1rem 1rem; }
.tool-chart-ss .bar { padding-left:14rem; min-height:1rem; }
.tool-chart-ss .left { float:left; margin-left:-14rem; width:12rem; text-align:right; margin-top:-0.25rem; font-weight:700; font-size:0.9rem; }
.tool-chart-ss .right { height:1rem; background-color:#7030a0; }

.tool-chart-st { border:#CCC solid 1px; padding:1.75rem 1rem 1rem 1rem; }
.tool-chart-st .bar { padding-left:8rem; padding-right:3rem; min-height:1rem; }
.tool-chart-st .left { float:left; margin-left:-8rem; width:6rem; text-align:right; margin-top:-0.25rem; font-weight:700; font-size:0.9rem; }
.tool-chart-st .total { float:right; margin-right:-3rem; width:3rem; text-align:center; margin-top:-0.25rem; font-weight:700; font-size:0.9rem; color:#000; }
.tool-chart-st .outer { height:1rem; background-color:#f7f7f7; }
.tool-chart-st .right { float:left; height:1rem; background-color:#7030a0; }

.tool-advanced-picker ul { padding: 0; margin: 0 0 2rem 0; }
.tool-advanced-picker ul li { list-style:none; padding:0.355rem 0.65rem; margin:0 0 0.5rem 0; background-color:#eeeeee; width:100%; border:#eeeeee solid 1px; }
.tool-advanced-picker ul li.alum { background-color:#dbf4f4; border:#dbf4f4 solid 1px; }
.tool-advanced-picker ul li .col1 { color:#33cc99; display:block; }
.tool-advanced-picker ul li .txt-black { color:#000; }
.tool-advanced-picker ul li .edit { display:none; }
.tool-advanced-picker ul li .tags { display:none; }

.tool-advanced-picker .col-tags { display:block; min-height:1.5rem; padding-left:6px; background-color:#fff; cursor:text; line-height:1.5rem; }
.tool-advanced-picker .col-tags span { margin-left:-6px; padding-left:6px; padding-right:6px; margin-right:6px; color:#000; display:inline-block; cursor:default; }
.tool-advanced-picker .col-tags span i { line-height:1.2rem; display: inline-block; cursor:pointer; }
.tool-advanced-picker .col-tags span i:before { font-size:1rem; color:#33cc99; content: "×"; font-style: normal; }
.tool-advanced-picker .col-tags span:hover { background-color:#33cc99; color:#FFF; }
.tool-advanced-picker .col-tags span:hover i:before { color: #FFF; }
.tool-advanced-picker .col-tags.readonly span { color:#999; }
.tool-advanced-picker .col-tags input { vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text; font-family: inherit; font-weight: inherit; font-size:inherit; line-height:inherit; line-height:inherit; font-style: inherit; box-shadow: none; background: none; color: #444; width:4rem; }
.tool-advanced-picker .col-tags.readonly span:hover { background-color:#fff; color:#999; }

.tool-advanced-picker ul li .vbar span { line-height:1rem; font-size:80%; color:#606060; }
.tool-advanced-picker ul li .vbar span.red { color:#F00; }
.tool-advanced-picker ul li .vbar span em.black { font-style:normal; }
.tool-advanced-picker ul li .vbar span:not(.red) em.black { color:#000; }
.tool-advanced-picker ul li .vbar a { color:#FFF; padding-left:2px; padding-right:2px; line-height:1.125rem; font-size:80%; white-space:nowrap; }
.tool-advanced-picker ul li .vbar a.inline { color:#33cc99; line-height:inherit; font-size:inherit; display:inline; }
.tool-advanced-picker ul li .vbarwrap { line-height:1.125rem; }
.tool-advanced-picker ul li .vbarwrap a { display:inline; white-space:normal; }
.tool-advanced-picker ul li .vblock span { font-style:normal; line-height:1rem; font-size:80%; display:block; padding-top:4px; padding-bottom: 4px; }
.tool-advanced-picker ul li .hbar a { color:#FFF; padding-left:2px; padding-right:2px; line-height:1.125rem; font-size:80%; display:block; width:18%; margin-right:1%; text-align:center; overflow: hidden; height: 1.5rem; line-height: 1.5rem; float:left; }
.tool-advanced-picker ul li .wbar a { color:#FFF; padding-left:6px; padding-right:6px; line-height:1.125rem; font-size:80%; display:block; margin-right:1%; height: 1.5rem; line-height: 1.5rem; float:left; }
.tool-advanced-picker ul li a.bar { background-color:#999999; }
.tool-advanced-picker ul li a.bar0 { background-color:#ff0000; }
.tool-advanced-picker ul li a.bar1 { background-color:#ff9000; }
.tool-advanced-picker ul li a.bar2 { background-color:#009900; }

.tool-advanced-picker ul li a.bar5 { background-color:#666666; }
.tool-advanced-picker ul li a.bar6 { background-color:#999999; }

.tool-advanced-picker .tick { display:none; }

.tool-advanced-picker.row-picker .row { padding-top:0.355rem; padding-bottom:0.355rem; margin:0 0 0.5rem 0; background-color:#eeeeee; width:100%; border:#eeeeee solid 1px; }
.tool-advanced-picker.row-picker .row.alum { background-color:#dbf4f4; border-color:#dbf4f4; }
.tool-advanced-picker.row-picker .row-header .row { background-color:#FFF; border-color:#FFF; }
.tool-advanced-picker.row-picker .arrow-down::before, .tool-advanced-picker.row-picker .arrow-up::before { display: inline-block; float:left; margin-left: -1rem; margin-top:0.5rem; content: ""; border-top: 0.35rem solid #000; border-right: 0.35rem solid transparent; border-bottom: 0; border-left: 0.35rem solid transparent; }
.tool-advanced-picker.row-picker .arrow-up::before { border-top:0; border-bottom:0.35rem solid #000; }

.tool-advanced-picker.show-ticks div.row.not-ticked { background-color:#FFF; }
.tool-advanced-picker.show-ticks-grey div.row.not-ticked { background-color:#eeeeee; }
.tool-advanced-picker.show-ticks-grey div.row.alum { background-color:#dbf4f4; border-color:#dbf4f4; }
.tool-advanced-picker .readonlytags { background-color:#fff; color:#999; padding-left:0.5rem; padding-right:0.5rem; overflow:hidden; }
.tool-advanced-picker .editlocked { background-color:#f7f7f7; color:#999; padding-left:0.5rem; padding-right:0.5rem; overflow:hidden; }

.tool-advanced-picker .editinline { background-color:#fff; padding-left:0.5rem; padding-right:0.5rem; }
.tool-advanced-picker .editinline:hover { background-color:#33cc99; color:#FFF; }
.tool-advanced-picker .editinline input { color:#000; border:none; outline: none; }
.tool-advanced-picker .editinline input:focus { outline: none; }
.tool-advanced-picker .editinline strong { font-weight:normal; color:#CCC; }
.tool-advanced-picker .editinline:hover strong { color:#33cc99; }

.tool-advanced-picker .traffic-inline { line-height:1rem; font-size:80%; }
.tool-advanced-picker .traffic-inline a { color:#FFF; padding-left:2px; padding-right:2px; display:inline-block; }
.tool-advanced-picker .traffic-inline a:hover { background-color:#333; }
.tool-advanced-picker .traffic-bar0 a { background-color:#ff0000;  }
.tool-advanced-picker .traffic-bar1 a { background-color:#ff9000;  }
.tool-advanced-picker .traffic-bar2 a { background-color:#009900;  }

.tool-basic-tasks { line-height:1.75rem; }
.tool-basic-tasks strong { margin-right:1rem; white-space:nowrap; }
.tool-basic-tasks span { padding:0 0.5rem; color:#FFF; }

.tool-loading-line { height:2px; background-color:#eeeeee; }
.tool-loading-line div { height:2px; width:0%; background-color:#33cc99; animation: loading_line 3s ease-in-out forwards; animation-delay:0.1s; }
@keyframes loading_line { 0% { width:0%; } 100% { width:100%; }}

.tool-numbered-list { padding:1rem 1rem 1rem 4rem; }
.tool-numbered-list span.number { background-color:#fff; font-weight:700; font-size: 1rem; color:#999999; display: block; width: 2rem; height: 2rem; text-align: center; border-radius: 1rem; margin-left: -3rem; margin-top: -0.25rem; float: left; line-height: 2rem; }

.tool-terlock-table { width:100%; margin:0; padding:0; border-bottom:rgba(0,0,0,0.1) solid 1px; }
.tool-terlock-table .opacity { opacity:0.75; }
.tool-terlock-table tr:hover td { background-color:#ebf4fd; }
.tool-terlock-table tr:hover td .opacity { opacity:1; }
.tool-terlock-table td { border-top:rgba(0,0,0,0.1) solid 1px; padding-top:0.75rem; padding-bottom:0.75rem; }
.tool-terlock-table td.thumb { width:60px; }
.tool-terlock-table td.thumb div.image { width:40px; height:40px; margin-left:5px; background-color:#fff; background-repeat:no-repeat; background-size:contain; background-position: center; }
.tool-terlock-table td.thumb div.icon { width:40px; height:40px; line-height:40px; margin-left:5px; background-color:#666; text-align:center; }
.tool-terlock-table td.edit { width:60px; }

.tool-circle { line-height:2; }
.tool-circle span { font-weight:700; font-size:0.85em; color:#FFF; display:inline-block; width:2em; height:2em; text-align:center; border-radius:1em; margin:0.25em auto 0 auto; }

.tool-btn-group .active::before { content: '\2B24'; color:#060; font-size: 0.75rem; vertical-align: middle; padding-right:0.6rem; position: relative; top:-0.1rem; }
.tool-btn-group .btn-outline-secondary:not(:disabled):not(.disabled).active, .tool-btn-group .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .tool-btn-group .btn-outline-secondary.dropdown-toggle {  color:#333;  background-color: #f8f9fa;  border-color: #ccc; }
.tool-btn-group .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .tool-btn-group .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .tool-btn-group .btn-outline-secondary.dropdown-toggle:focus { box-shadow:none; }

.tool-icon-h5 { line-height:3rem;}
.tool-icon-h5 span { display:inline-block; width:3rem; height:3rem; font-size:2rem; text-align:center; margin-right:0.5rem; border-radius:5px; }
.tool-b-l-car { border-left:#fbf5d7 solid 10px; }

.tool-circle-dotted { display:flex; justify-content:center; align-items:center; width:80px; height:80px; border:3px dotted black; border-radius:50%; font-size:40px; font-weight:bold; }

.grid-picker .confirmation { display:none; }
.grid-picker.selected .bg-ltgrey { background-color:#ff4d00; }
.grid-picker.selected .txt-tgs, .grid-picker.selected .txt-black { color:#FFF; }
.grid-picker.selected .txt-grey { color:#FFF; opacity:0.5; }
.grid-picker.selected .btn-outline-primary { display:none; }
.grid-picker.selected .confirmation { display:block; }

.teacher-charts > div { border:#CCC solid 1px; }
.teacher-charts .title { overflow:hidden; height:1.25rem; }
.teacher-charts .chart { min-height:240px; }
.teacher-charts .legend { min-height:20px; }

.teacher-charts .table-1 td { font-size:0.8rem; padding:6px; }
.teacher-charts .table-1 td:first-child { width:80px; }
.teacher-charts-lg .table-1 td:first-child { width:120px; }

.card { box-shadow: 0 0 35px 0 rgba(154,161,171,.15); border:none; border-radius:0; }
.card .border-s2 { border-left: 1px solid #dee2e6; }
.card .border-s3 { border-top:1px solid #dee2e6; }
.card .border-s4 { border-left:1px solid #dee2e6; border-top:1px solid #dee2e6; }

.btn-teacher-dash { display:block; text-align:left; color:#33cc99; border: #33cc99 dashed 1px; transition:none; }
.btn-teacher-dash strong { display:block; }
.btn-teacher-dash ul { color:#999; margin:0; padding:0 0.5rem 0.5rem 0; list-style:none; }
.btn-teacher-dash ul li { margin-top:0.5rem; margin-bottom:0.5rem; }

.btn-teacher-dash:hover { border-color:#666; }
.btn-teacher-dash:hover ul { color:#333; }

.toggle-favourite .favourite-on { display:none; }
.toggle-favourite.toggle-favourite-on .favourite-on { display:inherit; }
.toggle-favourite.toggle-favourite-on .favourite-off { display:none; }

.form-locker label { border:#eeeeee solid 1px; display:block; padding:0.5rem 0.5rem 0.5rem 2.5rem; }
.form-locker label .fa-check-square-o, .form-locker label .fa-square-o { margin-left:-1.6rem; margin-top:0.2rem; font-size: 1.33333333rem; float:left; }
.form-locker label .col-right { font-size:80%; text-transform:uppercase; float:right; line-height:1.5rem; }
.form-locker-radio { display:none; }
.form-locker-radio+label .fa-check-square-o { display:none; }
.form-locker-radio:checked+label { background-color:#eeeeee; }
.form-locker-radio:checked+label .fa-check-square-o { display:inline-block; }
.form-locker-radio:checked+label .fa-square-o { display:none; }

.a-bg-thumb-5 { position:relative; }

.bg-thumb-5 { float:left; width:2rem; height:2rem; background-color:#fff; background-repeat:no-repeat; background-size:contain; background-position:center; margin:0.25rem 0 0 0.25rem; }

.partner-rank-table { background-color:#f7f7f7; border:#CCC solid 1px; padding:1.5rem; min-height:400px; font-size:0.9rem; color:#000; }
.partner-rank-table table { font-weight:300; width:100% }
.partner-rank-table th { font-weight:300; color:#999; font-size:0.75rem; text-align:left; padding-top:0.5rem; padding-bottom:0.65rem; }
.partner-rank-table td { padding-top:0.5rem; padding-bottom:0.5rem; font-size:0.75rem; color:#000; }
.partner-rank-table tr.selected { background-color:#ffa925; }
.partner-rank-table tr.selected td { background-color:#ffa925; color:#FFF; font-weight:700; }
.partner-rank-table p { padding-left:8px; font-size:0.9rem; margin:0 0 0.5rem 0; }
.partner-rank-table tr th:first-child { padding-left:8px; }
.partner-rank-table tr td:first-child { padding-left:8px; }

.partner-rank-table2 { font-size:0.9rem; color:#000; }
.partner-rank-table2 table { font-weight:300; width:100% }
.partner-rank-table2 th { font-weight:700; color:#000; font-size:0.75rem; text-align:left; padding-top:0.5rem; padding-bottom:0.5rem; background-color:#f7f7f7; border-bottom:#ccc solid 1px; padding-right:8px; }
.partner-rank-table2 td { padding-top:0.5rem; padding-bottom:0.5rem; font-size:0.75rem; color:#000; border-bottom:#ccc solid 1px; }
.partner-rank-table2 tr.selected { background-color:#BCBFFC; }
.partner-rank-table2 tr.selected td { background-color:#BCBFFC; font-weight:700; }
.partner-rank-table2 p { padding-left:8px; font-size:0.9rem; margin:0 0 0.5rem 0; }
.partner-rank-table2 tr th:first-child { padding-left:8px; }
.partner-rank-table2 tr td:first-child { padding-left:8px; }

.partner-rank-table2.partner-pink tr.selected { background-color:#fb85c6; }
.partner-rank-table2.partner-pink tr.selected td { background-color:#fb85c6; }
.partner-rank-table2.partner-green tr.selected { background-color:#93ddde; }
.partner-rank-table2.partner-green tr.selected td { background-color:#93ddde; }

.gas-select-off { display:none; }
.gas-selected-btn-on { display:none; }
.gas-select-on { background-color:#e1f7f0; }
.gas-select-on .gas-selected-btn-off { display:none; }
.gas-select-on .gas-selected-btn-on { display:inline-block; }

.toggle-valid { color:#f00; }
.toggle-valid .fa-check { display:none; }
.toggle-valid.ok { color:#090; }
.toggle-valid.ok .fa-times { display:none; }
.toggle-valid.ok .fa-check { display:inline-block; }

.goal-menu a { display:block; border-left:#e9e9e9 solid 5px; border-top:#fff solid 1px; border-right:#fff solid 1px; border-bottom:#fff solid 1px; color:#33cc99; padding:0.5rem 0.5rem 0.5rem 0.75rem; margin-bottom:1rem; margin-right:1rem; }
.goal-menu a.active { color:#333333; border-left:#333333 solid 5px; border-top:#e9e9e9 solid 1px; border-right:#e9e9e9 solid 1px; border-bottom:#e9e9e9 solid 1px; }
.goal-charts.teacher-charts .bg-grey { background-color:#FFF; border-top:#e9e9e9 solid 1px; }
.goal-charts.teacher-charts > div { border:#e9e9e9 solid 1px; }
.goal-tips p { margin-bottom:0.5rem; }

/* SMALL */
@media (min-width: 544px) {

.header .logo .fa-logo { margin:1.5rem 0 0.8rem 0; font-size:2.85rem; }
.navbar-bars button { margin-top:1.5rem; margin-right:1rem; }

.std-iconbox { text-align:left }
.std-iconbox .fa { float:left; }

.tool-start .first-row { font-weight:700; font-size:1.25rem; }
.tool-start-sm .first-row { font-size:1rem; }

.tool-start strong { font-size:1.25rem; display:inline; }
.tool-start .row:nth-child(even) { background-color:#f7f7f7; }

}

/* UP TO MEDIUM */
@media (max-width: 767px) {
.bg-hidden-sm-down { background-image:none !important; }
.home-prizes img { height:150px; width:auto; }
}

/* MEDIUM */
@media (min-width: 768px) {

html, body { height:100%; }
.body-screen .wrap { min-height:100%; height:auto!important; margin:0 auto -5rem; }
.body-screen .push, .footer{height:5rem}

.p-y-2-md { padding-left:1.5rem; padding-right:1.5rem; }
.p-y-3-md { padding-left:3rem; padding-right:3rem; }

.row-halfgutter .col-md-6:nth-of-type(odd) { padding-right:0.5rem; clear:left; }
.row-halfgutter .col-md-6:nth-of-type(even) { padding-left:0.5rem; }

.link a:hover { color:#fff; background-color:#33cc99; text-decoration:none; }
.link-inherit a:hover { color:#fff; background-color:#33cc99; text-decoration:none; }
.link-stack a[href]:hover .fa-stack { color:#33cc99; }
.link-grey a:hover { color:#000; }

.tool-ul-tabs ul li a strong { font-size:1.5rem; }
.tool-ul-tabs ul li:hover a { color:#000; }
.tool-ul-tabs ul li.selected:hover { border-top-color:#000; }

.txt-right-md { text-align:right; }
.txt-center-md { text-align:center; }
.pull-right-md { float:right; }
.hidden-md { display:none; }

.header .logo a:hover { color:#4bc7c8; }
.navbar-bars { display:none; }
.navbar-open .main { display:block; }
.navbar-open .footer { display:block; }

.nav-main-outer  { transition:none; -webkit-transition:none; -moz-transition:none; transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); opacity:1; }
.nav-main { display:block; margin-top:1.6rem; }
.nav-main ul { float:right; }
.nav-main ul li { float:left; }
.nav-main ul li a { display:block; margin:0; padding:0.4rem; color:#999; text-decoration:none; letter-spacing:1px; font-weight:700; border:#fff solid 2px; font-size:0.85rem; line-height:1.5rem; }
.nav-main ul li a:hover { background:#33cc99;color:#fff;  }
.nav-main ul li a .fa-lock, .nav-main ul li a .fa-unlock-alt { display:none; }
.nav-main ul li a .fa-envelope-o { display:inline-block; font-size:1.5rem }
.nav-main ul li a .fa-cog { display:inline-block; font-size:1.5rem }
.nav-main ul li a .fa-search { display:inline-block; font-size:1.3rem }
.nav-main .signin a { border-color:#999; margin-left:0.5rem; font-size:0.75rem; margin-top:0.2rem; line-height:18px; }
.nav-main .signin a:hover { border-color:#33cc99; }
.nav-main .signin.selected a { border-color:#33cc99; }
.nav-main .comments a:hover { background:#fff; color:#33cc99; }
.nav-main .comments .text { display:none; }
.nav-main .comments .count { position:absolute; margin:-0.5rem 0 0 -0.5rem; border-radius:0.5rem; height:1rem; width:1rem; line-height:1rem; font-weight:bold; }
.nav-main .settings .text { display:none; }
.nav-main .search .text { display:none; }

.tool-section { margin-left:0; margin-right:0; padding-left:0; padding-right:0; }
.tool-section .right { margin-right:3rem; }

.form-group label { text-align:right; }
.form-group .form-locker label { text-align:left; }
.form-group .checkbox label { text-align:left; }
.form-group .radio label { text-align:left; }
.btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus { background-color:#000; border-color:#000; }

.img-hero img {margin-left:-25%;max-width:150%}
.img-hero-left img{margin-left:0; }

.home-hero { padding-bottom:0; background-position:25vw center; background-size: auto 100%; }
.home-pad { padding:3rem 0; }

.jobs-block-title { min-height:6rem; }

.contact-img ul { margin:0 0 0 -15px;  }
.contact-img ul li { float:left; margin:0 0 15px 15px; width:13.75rem; height:18.3rem }
.contact-img ul li h3 { top:14.55rem; }

.std-message { padding:15px 0; }
.std-message .col-left { float:left; width:100px; text-align:center; }
.std-message .col-right { overflow:hidden; padding-right:15px; }
.std-message:before, .std-message:after{display:table;content:" ";clear:both;}

.owl-fixed-3 { width:337.5px; }
.owl-fixed-4 { width:337.5px; }

.tool-dash-tile .inner { min-height:5rem; }

.tool-dash-btn a { padding-right:2rem; }
.tool-dash-btn a strong { font-size:1rem; }
.tool-dash-btn a:before { font-size:1rem; }

.tool-teacher-tile .inner { min-height:11rem; }

.tool-shortlists { margin:3rem 0 0 0; }
.tool-shortlists .title a.selected strong { display:inline-block; }
.tool-shortlists .title .school.selected strong { display:inline-block; }
.tool-shortlists .delete { margin-top:0; }
.tool-shortlists .delete a { font-size:0.8rem; padding-right:1rem; }
.tool-shortlists .delete a:hover { background-color:inherit; color:#333; }
.tool-shortlists .delete .fa-stack { font-size:1.25rem; }

.tool-progress ul li { width:auto; height:auto; font-size:0.85rem; padding-top:0.10rem; padding-bottom:0.10rem; }
.tool-progress.com ul li { width:2rem; height:2rem; margin-right:1rem; }

.tool-collist-picker ul li > a { width:50%; float:left; }
.tool-collist-picker ul li span { display:block; min-height:1rem; width:50%; float:left;  }

.tool-collist-picker.show-div-md ul li div { display:block; }

.tool-collist-picker.show-ticks ul li > a { width:46% }
.tool-collist-picker.show-ticks ul li.not-ticked div { background-color:#f7f7f7; }
.tool-collist-picker.show-ticks .tick { float:left; width:4%; cursor:pointer; font-size:1.33333333rem; margin-top:0.18rem; }
.tool-collist-picker.show-ticks .fa-check-square-o { display:block; }
.tool-collist-picker.show-ticks .fa-trash { display:block; color:#999; }
.tool-collist-picker.show-ticks .fa-lock { display:block; color:#999; }
.tool-collist-picker.show-ticks .not-ticked { background-color:#FFF; }
.tool-collist-picker.show-ticks .not-ticked .fa-square-o { display:block; }
.tool-collist-picker.show-ticks .not-ticked .fa-check-square-o { display:none; }

.tool-col-tabs ul li a { cursor:default; padding-top:1.5rem; padding-bottom:0.75rem; -webkit-tap-highlight-color:transparent; }
.tool-col-tabs ul li a em { font-style:normal; display:block; }
.tool-col-tabs ul li a strong { display:inline; font-size:1.25rem; }
.tool-col-tabs ul li.selected a.tab { border-color:#fff; color:inherit; }
.tool-col-tabs.uni ul li a strong { color:#a50036; }
.tool-col-tabs.app ul li a strong { color:#ec44f2; }
.tool-col-tabs.fec ul li a strong { color:#ff7901; }
.tool-col-tabs.usa ul li a strong { color:#0052A5; }
.tool-col-tabs.moo ul li a strong { color:#4bc7c8; }
.tool-col-tabs.eur ul li a strong { color:#6815ad; }
.tool-col-tabs.can ul li a strong { color:#f90505; }
.tool-col-tabs.asi ul li a strong { color:#16dd36; }
.tool-col-tabs.opp ul li a strong { color:#b54f0d; }
.tool-col-tabs.aus ul li a strong { color:#31869b; }
.tool-col-tabs.mid ul li a strong { color:#755b99; }
.tool-col-tabs.lat ul li a strong { color:#e3a800; }
.tool-col-tabs.ifp ul li a strong { color:#4b9395; }
.tool-col-tabs.ire ul li a strong { color:#346535; }
.tool-col-tabs.ukc ul li a strong { color:#f76b37; }

.tool-col-tabs.tea ul { height:auto; }
.tool-col-tabs.tea ul li { margin-right:0;  }
.tool-col-tabs.tea ul li a { cursor:pointer; padding-left:0; padding-right:1rem;  }
.tool-col-tabs.tea ul li a em { display:none; }
.tool-col-tabs.tea ul li:not(.selected) a:hover { color:#33cc99; }
.tool-col-tabs.tea ul li a strong { font-size:0.9rem; }

.tool-col-tabs.int ul li a strong { font-size:2rem; }
.tool-col-tabs.int ul li a em { font-size:1rem; }
  
.tool-col-tabs.intb { border-bottom:#b65959 solid 1px; }

.stuck-top .tool-col-tabs ul li a { padding-top:1em; padding-bottom:0.25rem; }
.stuck-top .tool-col-tabs ul li a em { display:none; }

.tool-col-picker.int .inner { min-height:7rem; }

.tool-isotope-res { width:50%; }

.tool-col-iso { float:left; width:32%; margin:0 0 0 1% }
.tool-col-iso.oxb { width:48.5%; }
.tool-col-iso.int { width:48.5%; }
.tool-col-iso.gas { width:99%; }

.tool-counts strong { display:inline-block; text-align:left; width:auto; float:none; font-size:1rem; margin-bottom:0.5rem; }
.tool-counts span { display:inline-block; margin-right:2rem; margin-left:0.5rem; }

.tool-shortlist { padding:1.5rem; }
.tool-shortlist .owl-nav { display:block; }
.tool-shortlist .owl-theme .owl-next { left:582px; }
.tool-shortlist-delete { margin-bottom:2rem; }
.tool-shortlist-title { padding:2rem 1rem 1rem 5rem;  }
.tool-shortlist-title .icon { margin-left:-4.5rem; width:4.5rem;  }
.tool-shortlist-title h3 { font-size:1.75rem; }
.tool-shortlist-count .btn { float:right; margin-top:-2.75rem;  }
.tool-shortlist-count h4 { text-align:left; padding:0.25rem 0; }
.stuck-top .tool-shortlist-count .tool-counts { display:block; }
.stuck-top .tool-shortlist-count h4 { font-size:1.5rem; }

.tool-shortlist-map-half { width:48.5%; height:350px; float:left; margin:1% 0 0 1%; }

.tool-complete-p { padding-left:2.5rem; }
.tool-complete-ol { padding-left:3.5rem; }

.tool-scroll-menu{margin-left:-.7375rem;margin-right:-.7375rem}
.tool-scroll-menu .inner{overflow-x:auto}
.tool-scroll-menu a:hover{color:#3c9}
.tool-scroll-menu a strong{font-size:0.83rem}
.tool-scroll-menu .inner .core div{padding:0 0.7375rem;}

.tool-modal-confirm .featherlight-content { padding:2rem; }
.tool-modal-form .featherlight-content { padding:2rem; }
.tool-whats-this .featherlight-content { padding:2rem; }
.tool-notes .featherlight-content { width:50%; }

.tool-inline-nav {box-shadow:inset 0 -2px 1px rgba(203,203,203,0.2) }
.tool-inline-nav ul { padding:0; }
.tool-inline-nav ul li.selected, .tool-inline-nav ul li.notselected, .tool-inline-nav ul.open li.notselected { border:none; margin:0; max-height:none; }
.tool-inline-nav ul li.selected { border-top:#33cc99 solid 3px; }
.tool-inline-nav ul li.notselected, .tool-inline-nav ul.open li.notselected { border-top:#f7f7f7 solid 3px; }
.tool-inline-nav ul li a { text-align:center; padding:0.75rem 0; margin-bottom:0.3rem; font-size:0.8rem; line-height:1.1; height:6rem; }
.tool-inline-nav ul li.selected a { color:#000; }
.tool-inline-nav ul li a .fa { width:100%; padding:0.5rem 0 0.6rem; font-size:1.25rem; }
.tool-inline-nav ul li a .fa-angle-down { display:none; }
.tool-inline-nav ul.open li a .fa-times { display:none; }
.tool-inline-nav ul li.notselected a:hover { color:#333;  }
.tool-inline-nav ul li.notselected a:hover .fa { color:#333; }
.tool-inline-nav ul li.notselected a { border-left:#fff solid 1px; border-right:#fff solid 1px; }
.tool-inline-nav ul li:first-child a { border-left:#fff solid 2px; }
.tool-inline-nav ul li:last-child a { border-right:#fff solid 2px; }
.tool-inline-nav.gas ul li { float:left; width:14.28%; }
.tool-inline-nav.comments ul li { float:left; width:25%; }
.tool-inline-nav.comments ul li a { height:auto; padding: 0.75rem 0 1rem 0; }

.tool-comment-result img { float:left; max-width:60px; }
.tool-comment-result div { padding-left:75px;  }

.tool-quiz .quiz-disagree { text-align:right; }
.tool-quiz .quiz-agree { text-align:left; }
.tool-quiz-next { padding:1rem 2rem; font-size:1.75rem; }
.tool-quiz-chart .intro { padding-left:4rem; padding-right:4rem; }

.tool-bar-chart span { margin:0 1em; }

.tool-advanced-picker ul li .col1 { width:50%; float:left; }
.tool-advanced-picker ul li .col2 { display:block; min-height:1rem; width:50%; float:left;  }
.tool-advanced-picker ul li::after { display:table; clear:both; content:""; }
.tool-advanced-picker ul li .vbar33 a { width:30%; display:inline-block; text-align:center; overflow:hidden; }
.tool-advanced-picker ul li .vbar50 a { width:47%; display:inline-block; text-align:center; overflow:hidden; }
.tool-advanced-picker ul li .vbar50 a.pad50 { margin-left:48% }
.tool-advanced-picker .vbar a:hover { background-color:#333; }
.tool-advanced-picker.show-ticks ul li .col1 { width:46% }
.tool-advanced-picker.show-ticks ul li.not-ticked .edit { background-color:#f7f7f7; }
.tool-advanced-picker.show-ticks ul .tick { float:left; width:4%; cursor:pointer; font-size:1.33333333rem; margin-top:0.18rem; }
.tool-advanced-picker.show-ticks ul .fa-check-square-o { display:block; }
.tool-advanced-picker.show-ticks ul .not-ticked { background-color:#FFF; }
.tool-advanced-picker.show-ticks ul .not-ticked .fa-square-o { display:block; }
.tool-advanced-picker.show-ticks ul .not-ticked .fa-check-square-o { display:none; }

.tool-advanced-picker.show-ticks div.row { padding-left:20px; }
.tool-advanced-picker.show-ticks div.row .tick { float:left; cursor:pointer; font-size:1.33333333rem; margin-top:0.18rem; margin-left:-1.5rem; }
.tool-advanced-picker.show-ticks div.row .fa-check-square-o { display:block; }
.tool-advanced-picker.show-ticks div.row.not-ticked .fa-square-o { display:block; }
.tool-advanced-picker.show-ticks div.row.not-ticked .fa-check-square-o { display:none; }

.tool-clearing-preview .featherlight-content { width:90%; height:90%; padding:1.5rem; border-radius:0.25rem; box-shadow: 6px 6px 30px 0px rgba(0,0,0,0.4); }

.card .border-s3 { border-top:none; border-left:1px solid #dee2e6; }
.card .border-s4 { border-top:none; }	

.a-bg-thumb-5 a:hover:after { background-color: rgba(51, 204, 153, 0.3); position: absolute; content:""; width:2.5rem; height:2.5rem; z-index:1; top:0; left:0; }

.hov-txt-frog:hover { color:#33cc99 }

.hov-bg-ltfrog:hover { background-color:#e0f3ec; color:#33cc99; }
.hov-bg-ltfrog:hover .txt-black { color:#33cc99; }

}


/* UP TO LARGE */
@media (max-width: 991px) {

.bg-hidden-lg-down { background-image:none !important; }

.stuck-top .stuck-top-small { font-size:1.5rem; }
	
.tool-teacher-nav a { color:#606060; font-weight:700; display:block; font-size:1rem; overflow:hidden; max-height:0; transition:max-height 0.35s ease-out; }
.tool-teacher-nav a span { padding:0.5rem; display:block; }
.tool-teacher-nav ul.open a { max-height:4rem; }
.tool-teacher-nav ul li.selected a { max-height:inherit; color:#9F8A42; } 

.tool-teacher-nav li.selected a .fa-bars { float:right; margin-right:0rem; font-size:1.6rem; display:block; }
.tool-teacher-nav ul.open a .fa-bars { display:none; }
.tool-teacher-nav ul.open li.selected a .fa-times { display:block; float:right; margin-right:0rem; font-size:1.5rem; }

.tool-teacher-nav ul.open li.dd > a { font-size:0.8rem; color:#CCC; cursor:default; border-top:#CCC solid 1px; margin-top:0.5rem; }
.tool-teacher-nav ul.open ul { padding-bottom:0.5rem; }
.tool-teacher-nav ul.open ul li a span  { padding-left:1rem; }
}


/* LARGE */
@media (min-width: 992px) {

.p-y-2-lg { padding-left:1.5rem; padding-right:1.5rem; }
.p-y-3-lg { padding-left:3rem; padding-right:3rem; }

.row-halfgutter .col-md-6:nth-of-type(odd) { padding-right:15px; clear:none; }
.row-halfgutter .col-md-6:nth-of-type(even) { padding-left:15px; }
.row-halfgutter .col-lg-4:nth-of-type(3n+1) { padding-right:0.5rem; clear:left; }
.row-halfgutter .col-lg-4:nth-of-type(3n+2) { padding-left:0.5rem; padding-right:0.5rem;  }
.row-halfgutter .col-lg-4:nth-of-type(3n) { padding-left:0.5rem;  }

.txt-right-lg { text-align:right; }
.pull-right-lg { float:right; }
.hidden-md { display:block; }

.nav-main ul li a { display:block; margin:0; padding:0.2rem 0.5rem 0.2rem 0.5rem; font-size:1rem; line-height:1.5; margin-left:0.15rem; }
.nav-main .signin a { margin-left:1rem; font-size:1rem; margin-top:0; line-height:1.5; }

.img-hero img{margin-left:0;max-width:100%}

.bg-frog-digital { background-position:right -250px top; }
.bg-frog-reading { background-position:right -250px top; }
.bg-frog-international { background-position:right 50px center; background-size:500px auto; }
.bg-frog-uk { background-position:right -50px center; }
.bg-frog-universities { background-position:right 50px center; }
.bg-frog-employers { background-position:right 50px center; }

.home-hero { background-position:38vw center; }
.home-pad { padding:6rem 0; }

.table-responsive-sticky-header { overflow-x:inherit; }
.table-responsive-sticky-header th { position:sticky; position:-webkit-sticky; top:0; background:#f9f9f9; }
.table-responsive-sticky-header .tablesorter-header { padding-top:12px; padding-bottom:12px; } 

.jobs-block-title { min-height:5rem; }

.contact-img ul li { width:13.51rem; height:18rem }
.contact-img ul li h3 { top:14.25rem; }

.tool-diagram ul li .tile { letter-spacing:0; }
.tool-diagram ul li span { cursor:default; }

.owl-fixed-3 { width:360px; }
.owl-fixed-4 { width:293.333px; }

.sticky-header-lg { position:sticky; position:-webkit-sticky; top:0; background:#fff; z-index: 900; }

.tool-dash-top .rank { margin-left:46rem; }

.tool-dash-thumb .zoom{transform:scale(1.01);}
.tool-dash-thumb:hover .zoom{transform:scale(1.05)}
.tool-dash-thumb .caption{padding:3rem}
.tool-dash-thumb:before{transition:all 500ms linear;content:"\f025";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;font-family:Unifrog;font-size:21.5rem;line-height:1;padding-left:45%;opacity:0;overflow:hidden}
.tool-dash-thumb:hover:before{opacity:.5;padding-left:55%}

.tool-dash-btn a strong { font-size:1.15rem; }
.tool-dash-btn a:before { font-size:1.5rem; }
.tool-dash-btn a:hover { background-color: rgba(0, 0, 0, 0.5); }

.tool-shortlists .delete a { font-size:1rem; padding-right:2rem; }
.tool-shortlists .delete .fa-stack { font-size:1.5rem; }
.tool-progress ul li { margin-right:2rem; font-size:1rem; }

.tool-col-tabs.tea ul li { width:16.6666%; display:block; }
.tool-col-tabs.tea ul li a em { display:block; }
.tool-col-tabs.tea ul li a { padding-right:0; }
.tool-col-tabs.tea ul li a strong { font-size:1rem; }

.tool-col-picker.int li { padding:0.75rem 1rem 0.75rem 4rem; }
.tool-col-picker.int li span { background-color:#b65959;  margin-top:0.25rem; font-weight:700; font-size:1rem; color:#FFF; display:block; width:2rem; height:2rem; text-align:center; border-radius:1rem; margin-left:-3rem;  float:left; line-height:2rem; }
.tool-col-picker.int li span .fa-check { display:none; }
.tool-col-picker.int li.done span { background-color:#f4d2c9; }
.tool-col-picker.int li.done span .fa-check { display:inline-block; }
.tool-col-picker.int li.done span strong { display:none; }
.tool-col-picker.int .intb li span { background-color:#d5b472; }
.tool-col-picker.int strong.traffic { padding-left:4rem; margin-left:-4rem; }

.tool-collist-picker-header ul li { width:38% }
.tool-collist-picker-header ul li:first-child { width:29% }
.tool-collist-picker-header ul li:last-child { width:32%; padding-left:1%; }

.tool-collist-picker ul li a { width:29%; }
.tool-collist-picker ul li span { width:38%; }
.tool-collist-picker ul li div { display:block; }


.tool-collist-picker.show-ticks ul li > a { width:26% }
.tool-collist-picker.show-ticks .tick { width:3%; }

.tool-collist-picker.no-edit ul li div:hover { background-color:#fff; color:#606060; }

.tool-isotope-res { width:33.3333%; }

.tool-shortlist { padding:2rem; }
.tool-shortlist .owl-theme .owl-next { left:786px; }

.tool-scroll-menu{height:auto;overflow:hidden;position:static}
.tool-scroll-menu .inner{display:block;height:auto;overflow:visible;position:static}
.tool-scroll-menu .inner .core{display:block;line-height:inherit;height:auto;text-align:left;position:static;white-space:inherit;overflow:visible}
.tool-scroll-menu .inner .core div{display:inline-block;line-height:inherit;height:auto;margin:0;padding:1rem 0.65rem 0.75rem 0.65rem;text-align:left;float:left;line-height:1.6; text-align:left; min-width:inherit; }

.tool-notes-bar { overflow:hidden; height:444px; }

.tool-inline-nav ul li a .fa {  font-size:1.75rem; }

.tool-teacher-nav a { color:#606060; font-weight:700; display:block; font-size:1rem; }
.tool-teacher-nav a span { padding:0.5rem 0.75rem; display:block; }
.tool-teacher-nav a:hover { color:#000; }
.tool-teacher-nav li { display:inline-block; }
.tool-teacher-nav ul { position: relative; }
.tool-teacher-nav ul ul { position: absolute; background-color:#f1eee3; left:0; width:100%; z-index:10;  }
.tool-teacher-nav ul li:hover { background-color:#f1eee3; }
.tool-teacher-nav ul li ul { display:none; }
.tool-teacher-nav ul li.dd-hover { background-color:#f1eee3; }
.tool-teacher-nav ul li.dd-hover ul { display:block; }

.tool-teacher-nav ul li:not(.dd-open).dd-hover ul { left:inherit; width:auto; display:inline-block; box-shadow:2px 2px 2px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2); }
.tool-teacher-nav ul li:not(.dd-open).dd-hover ul li { display:block; padding-right:0.5rem; }

.tool-teacher-nav .fa-angle-down { color:#33cc99; padding-left:0.2rem; }
.tool-teacher-nav li.selected a { color:#9F8A42; } 
.tool-teacher-nav li.dd-open { background-color:#eaeaea; }
.tool-teacher-nav li.dd-open ul { display:inherit; background-color:#eaeaea; z-index:5; padding:0.35rem 0; }
.tool-teacher-nav li.dd-open ul li a span { padding:0.15rem 0.75rem; }
.tool-teacher-nav li.dd-open.dd-hover { background-color:#eaeaea; }
.tool-teacher-nav li.dd-open li:hover { background-color:#eaeaea; }

.tool-partner-nav.tool-teacher-nav {  }	
.tool-partner-nav.tool-teacher-nav div > ul { border-bottom:none; background: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 calc(100% - 4px), #ccc calc(100% - 4px), #ccc 100%); padding:0; }
.tool-partner-nav.tool-teacher-nav a { border-bottom:#ccc solid 4px; padding-top:1rem; padding-bottom:0.5rem; }
.tool-partner-nav.tool-teacher-nav ul li:hover { background:none; }
.tool-partner-nav.tool-teacher-nav ul li.dd-hover { background:none; }
.tool-partner-nav.tool-teacher-nav li.selected a { border-bottom:#9F8A42 solid 4px; }

.tool-quiz .quiz {  font-size:4rem; }
.tool-quiz .quiz:not(.chosen):hover { background-color:#eee; }

.tool-quiz-chart .bar { width:70%; }
.tool-quiz-chart .barl, .tool-quiz-chart .barr { width:15%; }

.tool-bar-chart.ski span::before { height:auto; }

.tool-advanced-picker ul li .col1 { width:29%; }
.tool-advanced-picker ul li .col2 { width:38%; }
.tool-advanced-picker ul li .edit { padding-left:1%; width:32%; display:block; float:left; min-height:1.5rem; background-color:#fff; }
.tool-advanced-picker ul li .edit:hover { background-color:#33cc99; color:#FFF; }
.tool-advanced-picker ul li .edit input { color:#000; border:none; }
.tool-advanced-picker ul li .edit strong { font-weight:normal; color:#CCC; }
.tool-advanced-picker ul li .edit:hover strong { color:#33cc99; }	
.tool-advanced-picker ul li .tags { padding-left:1%; width:32%; display:block; float:left; min-height:1.5rem; background-color:#fff; cursor:text; line-height:1.5rem; }
.tool-advanced-picker ul li .tags span { margin-left:-6px; padding-left:6px; padding-right:6px; margin-right:6px; color:#000; display:inline-block; cursor:default; }
.tool-advanced-picker ul li .tags span i { line-height:1.2rem; display: inline-block; cursor:pointer; }
.tool-advanced-picker ul li .tags span i:before { font-size:1rem; color:#33cc99; content: "×"; font-style: normal; }
.tool-advanced-picker ul li .tags span:hover { background-color:#33cc99; color:#FFF; }
.tool-advanced-picker ul li .tags span:hover i:before { color: #FFF; }
.tool-advanced-picker ul li .tags.readonly span { color:#999; }
.tool-advanced-picker ul li .tags input { vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text; font-family: inherit; font-weight: inherit; font-size:inherit; line-height:inherit; line-height:inherit; font-style: inherit; box-shadow: none; background: none; color: #444; width:4rem; }
.tool-advanced-picker ul li .tags.readonly span:hover { background-color:#fff; color:#999; }
.tool-advanced-picker.show-ticks ul li .col1 { width:26% }
.tool-advanced-picker.show-ticks ul .tick { width:3%; }

.tool-dash-thumb.horizons .caption{ min-height:14rem; }

}

/* Extra large */
@media (min-width: 1200px) {

.visible-xl { display:block !important; }
.pull-right-xl { float:right; }

.bg-frog-attention { background-position:right -150px top; }
.bg-frog-building { background-position:right -50px center; background-size:400px auto; }
.bg-frog-digital { background-position:right -100px top; }	
.bg-frog-reading { background-position:right -100px top; }	
.bg-frog-international { background-position:right 50px center; background-size:600px auto; }	
.bg-frog-uk { background-position:right -50px center; }
.bg-frog-universities { background-position:right 50px center; background-size:550px auto; }	
.bg-frog-employers { background-position:right 50px center; background-size:550px auto; }	

.nav-main ul li a { margin-left:0.75rem; }
.nav-main .signin a { margin-left:2rem; }

.home-hero { background-position:50vw center; }

.jobs-block-title { min-height:7rem; }

.contact-img ul li { width:13.1rem; height:17.45rem }
.contact-img ul li h3 { top:13.7rem; }

.owl-fixed-4 { width:266.25px; }

.tool-dash-top .rank { margin-left:56rem; }
.tool-col-tabs.tea ul li a strong { font-size:1.25rem; }

.tool-shortlist { padding:2rem 2.5rem 2.5rem 2.5rem; }
.tool-shortlist .owl-theme .owl-next { left:970px; }

.tool-progress.com ul li { width:auto; height:auto; }

.tool-collist-picker.show-ticks ul li > a { width:26.5% }
.tool-collist-picker.show-ticks .tick { width:2.5%; }

.tool-scroll-menu a { display:inline-block; }
.tool-scroll-menu a em { display:block; font-size:0.75rem; font-style:normal; }
.tool-scroll-menu a strong{font-size:0.95rem}
.tool-scroll-menu .inner .core div { padding-left:0.9rem; padding-right:0.9rem; }

.featherlight .featherlight-content { overflow:hidden; }
.tool-whats-this .featherlight-content { overflow:auto;}
.tool-star-preview .featherlight-content { overflow:auto;}

.tool-inline-nav ul li a .fa {  font-size:2rem; }
.tool-inline-nav ul li a { height:5.8rem; }
.tool-inline-nav.comments ul li a { height:auto; }

.tool-counts-xl span { margin-right:1.5rem; margin-left:0.25rem; }

}

/* Super large */
@media (min-width: 1500px) {
.bg-frog-attention { background-position:right top; }	
.bg-frog-building { background-position:right center; background-size:500px auto; }	
.bg-frog-international { background-position:right 200px center; }
.bg-frog-uk { background-position:right 50px center; }
.bg-frog-universities { background-position:right 200px center; }
.bg-frog-employers { background-position:right 200px center; }
}

/* Super-Dooper large */
@media (min-width: 1720px) {
.tool-dash-thumb .zoom img{height:auto; width:100%; }
.bg-frog-international {  background-position:right 300px center; }
.bg-frog-uk { background-position:right 150px center; }
.bg-frog-universities { background-position:right 300px center; }
.bg-frog-employers { background-position:right 300px center; }
}

/*Retina graphics!*/
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 

}