@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

html,body {font-size: 100%; }

body { background: #0085ca; /*  #e74d50 background: #4179b1 url('../img/bg_school.png') center center no-repeat fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;*/color: #222;padding: 0;margin: 0;font-family: "Open Sans","Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight: 400;font-style: normal;line-height: 1.5;position: relative;cursor: auto; }

.wait, .wait * { cursor: wait; }

table { table-layout: fixed; }

/* txt */
p {font-family: inherit;font-weight: normal;font-size: 1rem;line-height: 1.6;margin-bottom: 1.25rem;text-rendering: optimizeLegibility; }
p.lead {font-size: 1.21875rem;line-height: 1.6; }
p aside {font-size: 0.875rem;line-height: 1.35;font-style: italic; }
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans","Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #111;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-size: 60%;color: #6f6f6f;line-height: 0; }
h1 {font-size: 2.125rem;margin-top: 0px;padding-top: 0px; }
h2 {font-size: 1.6875rem; }
h3 {font-size: 1.375rem;color: #e74d50; }
h4 {font-size: 1.125rem;margin: 0 0 1rem 0;padding-top: 0px;color: #fff; }
h5 {font-size: 1.125rem; }
h6 {font-size: 1rem; }

.cntrdcontent {background: rgba(0,0,0,0.1);padding-top: 1rem;padding-bottom: 1rem; }
.content p, .content h1, .content h2, .content label {color: #fff; }
.content h1, .content h2, .content h3 { white-space: word-break; overflow: hidden; }
.content p a {color: #fff;}
.content a {cursor: pointer;}
.content .columns:last-child, .content.columns:last-child {float:left;}

.border-left {border-left: 1px solid #fff;}
.border-right {border-right: 1px solid #fff;}
label {margin: 0 0 1rem 0;}
.wttr {color: #fff;}


/* nav */
.contain-to-grid {width: 100%;background: #fff;-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);box-shadow: 1px 1px 3px rgba(0,0,0,0.4);}
.top-bar {background: #fff;height: 65px;}
.top-bar .name {height: 65px;margin: 0; }
.top-bar .name h1 {line-height: 60px;font-size: 1.4rem;margin: 0rem 0 0 1rem; }
.top-bar .name h1 a {color: #000; }
.top-bar .name img {height: 45px;margin: 0.5rem 0 0 0.5rem; }
.top-bar .toggle-topbar a {color: #666;text-transform: uppercase;font-size: 0.8125rem;font-weight: bold;position: relative;display: block;padding: 0 0.9375rem;height: 2.8125rem;line-height: 2.8125rem; }
.top-bar .toggle-topbar.menu-icon a::after {content: "";position: absolute;right: 15px;display: block;width: 16px;top: 0;height: 0;-webkit-box-shadow: 2px 10px 1px 1px #000, 1px 16px 1px 1px #000, 1px 22px 1px 1px #000;box-shadow: 0 10px 0 1px #000, 0 16px 0 1px #000, 0 22px 0 1px #000; }
.top-bar.expanded .toggle-topbar a span::after {box-shadow: 0 0 0 0px #888888, 0 7px 0 0px #888888, 0 14px 0 0px #888888; }
.top-bar.expanded .title-area {background: #fff; }
.top-bar-section ul li > a {display: block;width: 100%;color: #666;padding: 1rem 0;padding-left: 15px;font-family: "Open Sans", Arial,"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 0.8125rem;font-weight: 700;background: #fff;text-transform: uppercase; }
.top-bar-section li.active:not(.has-form) a:not(.button) {padding: 0 15px;line-height: 65px;color: #e74d50;background: #fff; }
.top-bar-section li.active:not(.has-form) a:not(.button):hover {background: #fff;color: #e74d50; }
.top-bar-section li.hover > a:not(.button) {background: #f1f1f1;color: #666; }
.top-bar-section li:not(.has-form) a:not(.button) {padding: 0 15px;line-height: 65px;background: #fff;color: #666; }
.top-bar-section li:not(.has-form) a:not(.button):hover {background: #fff;color: #666; }
.top-bar-section .dropdown li.title h5{margin-bottom:10px;margin-top:0;font-size: 0.8rem;text-transform: uppercase; }
.top-bar-section ul li:hover:not(.has-form) > a {background: #fff;color: #666; }
.top-bar-section .dropdown li:not(.has-form) a:not(.button) {background: none repeat scroll 0 0 #fff;color: #666;}
.top-bar-section .dropdown li:not(.has-form) a:not(.button):hover {background: #1bbbe9 !important;color: #666; }
.top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button) {background: none repeat scroll 0 0 #1bbbe9;color: #666;}
.no-js .top-bar-section ul li:hover > a {background: none repeat scroll 0 0 #1bbbe9;color: #666;}



/* breadcrumbs */
.breadcrumbs>* { color: inherit; }
.breadcrumbs>a { color: #e74d50; }

/* panels */
.panel {border: 0px solid #d8d8d8;margin-bottom: 1.25rem;padding: 1.25rem;background:#fff;color: #333; }

.panel_new {border: 0px solid #d8d8d8;margin-bottom: 1.25rem;padding: 1.25rem 1.25rem 0 1.25rem;background:#fff;color: #333; }

.panel_plan {border: 0px solid #d8d8d8;margin-bottom: 1.25rem;padding: 1.25rem 1.25rem 0 1.25rem;background:#fff;color: #e74d50; }

.panel h2 {padding-bottom: 1rem;}
.panelquestion {border: 0px solid #d8d8d8;margin-bottom: 0rem;padding: 1.25rem;background:#fff;color: #333; }
.panelrating {border: 0px solid #d8d8d8;margin-bottom: 0rem;padding: 1.25rem;background:#f1f1f1;color: #333; }
.panelrate {border: 0px solid #d8d8d8;margin-bottom: 0rem;padding: 0rem;background:#fff;color: #333; }
.paneltrans {border: 0px;margin-bottom: 1.25rem;padding: 1.25rem 1.25rem 0.25rem 1.25rem;background:rgba(255,255,255,0.5);color: #333;overflow: hidden; }
.panelscore {margin-bottom: 1.25rem;padding: 1.25rem;background:rgba(0,0,0,0.2);color: #333; }
.paneltranz {margin-bottom: 1.25rem;padding: 1.25rem 1.25rem 0 1.25rem;background:rgba(0,0,0,0.1);overflow: hidden; }
.niks_r {padding-right:0;}
.niks_l {padding-left:0;}
.nopadz {padding: 0; margin: 0;}

/* buttons */
button, .button {
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Open Sans","Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  background-color: #008CBA;
  border-color: #007095;
  color: #FFFFFF;
  transition: background-color 300ms ease-out; }
button:hover, button:focus, .button:hover, .button:focus {background-color: #007095; }
button:hover, button:focus, .button:hover, .button:focus {color: #FFFFFF; }
button.gol, .button.gol {background-color: #30808b;border-color: #30808b;color: #fff; }
button.gol:hover, button.gol:focus, .button.gol:hover, .button.gol:focus {background-color: #cf2a0e; }
button.gol:hover, button.gol:focus, .button.gol:hover, .button.gol:focus {color: #fff; }
button.gor, .button.gor {background-color: #43AC6A;border-color: #43AC6A;color: #fff; }
button.gor:hover, button.gor:focus, .button.gor:hover, .button.gor:focus {background-color: #308c52; }
button.gor:hover, button.gor:focus, .button.gor:hover, .button.gor:focus {color: #fff; }

button.white, .button.white {background-color: #fff;border-color: #fff;color: #e74d50; }
button.white:hover, button.white:focus, .button.white:hover, .button.white:focus {background-color: #000; }
button.white:hover, button.white:focus, .button.white:hover, .button.white:focus {color: #fff; }

button.elze, .button.elze {background-color: transparent;color: #fff; border: 2px solid #fff; }
button.elze:hover, button.elze:focus, .button.elze:hover, .button.elze:focus {background-color: #fff; }
button.elze:hover, button.elze:focus, .button.elze:hover, .button.elze:focus {color: #000; }

button.success, .button.success {background-color: #e74d50;border-color: #e74d50;color: #fff; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {background-color: #111;color: #fff; }

button.disabled.success, .button.disabled.success {background-color: #e74d50;border-color: #e74d50;color: #fff; }
button.disabled.success:hover, button.disabled.success:focus, .button.disabled.success:hover, .button.disabled.success:focus {background-color: #111;color: #fff; }

button.disabled:hover, button.disabled:focus, .button.disabled:hover, .button.disabled:focus {background-color: inherit;color: inherit; }


/* reveal */
.reveal-modal, dialog {padding: 1rem 0.5rem 1rem 0.5rem; } 
.reveal-modal .close-reveal-modal, dialog .close-reveal-modal {font-size: 1.8rem;line-height: 1;position: absolute;top: 0.625rem;right: 0.8rem;color: #AAAAAA;font-weight: 700;cursor: pointer; }

/* pagination */
ul.pagination {display: block;min-height: 3rem;margin-left: -0.3125rem; }
ul.pagination li {width: 55px;height: 55px;color: #222222;font-size: 1.5rem;margin-left: 0.3125rem;margin-bottom: 1rem; }
ul.pagination li a, ul.pagination li button {display: block;/*padding: 0.0625rem 0.625rem 0.0625rem;*/padding: 0.5rem 1rem 0.5rem 1rem;color: #111;background: none;border-radius: 100px;font-weight: 700;font-size: 1em;line-height: inherit;background: #fff;transition: background-color 300ms ease-out; }
ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus {background: #43ac6a;color: #fff; }
ul.pagination li.unavailable a, ul.pagination li.unavailable button {cursor: default;color: #999999; }
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus {background: transparent; }
ul.pagination li.current a, ul.pagination li.current button {background: #43ac6a;color: #fff;font-weight: 700;cursor: default; }
ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {background: #008CBA; }
ul.pagination li {float: right;display: block; }

/* toggle modal */
.toc {margin: 0;padding: 0 0 0 0;list-style-type: none;font-family: inherit; }
.toc li {float: left;margin: 0 1rem 0 0;font-size: 1rem;font-weight: 700;text-transform: uppercase; }
.toc li a:not(.button) {display: block;color: #ccc;margin: 0;padding:0; }
.toc li a:not(.button):hover, .side-nav li a:not(.button):focus {color: #000; }

/* score toggle buttons */
ul#id_score {list-style: none;}
ul#id_score li {display: inline-block;}
ul#id_score button {display: block;padding: 0.5rem 1rem;color: #111;border-radius: 100px;font-weight: 700;font-size: 24px;width: 2.5em;height: 2.5em;background: none repeat scroll 0% 0% #FFF;transition: background-color 300ms ease-out 0s;}
ul#id_score button.checked,
ul#id_score button.blanco.checked,
ul#id_score button.blanco:hover,
ul#id_score button:hover {background: none repeat scroll 0% 0% #43AC6A;color: #FFF;}
ul#id_score button.blanco { background-color: red; color: #FFF; text-transform: capitalize; font-size: 12px; height: 5em; width: 5em; padding: 0; }
span.error, small.error {background: none repeat scroll 0 0 #f04124;color: #fff;display: block;font-size: 0.75rem;font-style: italic;font-weight: normal;margin-bottom: 1rem;margin-top: -17px;padding: 0.375rem 0.5625rem 0.5625rem;}


/* ROUNDS */
.account_score {font-size: 9rem;line-height: 9rem;margin: 0 0 1rem ;padding: 0;}
.circliful {position: relative;color: #e74d50;border: 0px solid red;}
.circle-text, .circle-info, .circle-text-half, .circle-info-half {width: 100%; height: 100px; position: absolute;text-align: center;display: inline-block; }
.circle-info, .circle-info-half {color: #e74d50;}
.circliful .fa {margin: -10px 3px 0 3px;position: relative;bottom: 4px;}
.circliful canvas {width: 100%; height: 50%; margin-bottom: 0; padding-bottom: 0;}

td p {font-size: 0.9rem;}

/* label  {color: #000 !important;} */


.progress.altcolor1 .meter { background: #43AC6A; height: 100%; display: block; }
.progress.altcolor2 .meter { background: #008CBA; height: 100%; display: block; }
.progress.altcolor3 .meter { background: #ff9900; height: 100%;display: block; }