html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* 
http://sass-lang.com/documentation/Sass/Script/Functions.html#other_color_functions warnings
Operational colors generate with debug, example @debug $warning_color - 10; 
/_messages.scss DEBUG: #a00000 $error_color - 10;          => $error-color-minus-ten;
/_messages.scss DEBUG: #d35c00 $warning_color - 10;        => $warning-color-minus-ten;
/_messages.scss DEBUG: #295c29 $success_color - 10;        => $success-color-minus-ten;
/_messages.scss DEBUG: #a6a68b $reference_back - #444;     => $reference_back-minus-black;
/_colors.scss   DEBUG: #626247 $reference_back - #888;     => $reference_color;
/payments.scss: DEBUG: #1b77ce $amco_new_bg * 1.5;         => $amco-new-bg-one-and-a-half-times;
/payments.scss: DEBUG: #ffee06 $amco_yellow * 1.1;         => $amco-yellow-one-and-one;
/payments.scss: DEBUG: #ffd200 $orange * 1.2;              => $orange-one-and-two;
/payments.scss: DEBUG: #d51a64 $magenta * 1.1;             => $magenta-one-and-one;
/payments.scss: DEBUG: #1e5184 $logo_blue+30;              => $logo-blue-plus-thirty;
/extranet.scss: DEBUG: #1b77ce $tag_color_hover + #333333; => $logo-blue-plus-thirty;
/covers.scss DEBUG: #66ccff $tag_color_hover + #333333;    => $tag-color-hover-minus-thre-six-times;
/covers.scss DEBUG: #ffbb33 $tag_back - #999999;           => $tag_back-minus-nine-six-times;
/covers.scss DEBUG: #5d5d5d $tag_color - #111111;          => $tag_color-minus-one-six-times;
/covers.scss DEBUG: #666666 $tag_color - #222222;          => $tag_color-minus-two-six-times;
/covers.scss DEBUG: #555555 $tag_color - #333333;          => $tag_color-minus-thre-six-times;
/covers.scss DEBUG: #444444 $light_blue + #333333;         => $light_blue-minus-thre-six-times;
/deposit_slip.scss DEBUG: #124f89 $amco_new_bg * 1         => $amco-new-bg-times-one;
/global.scss DEBUG: #000d2c $dark_blue - #111111;          => $dark-blue-minus-one-six-times;
*/
/* 
http://sass-lang.com/documentation/Sass/Script/Functions.html#other_color_functions warnings
Operational colors generate with debug, example @debug $warning_color - 10; 
/_messages.scss DEBUG: #a00000 $error_color - 10;          => $error-color-minus-ten;
/_messages.scss DEBUG: #d35c00 $warning_color - 10;        => $warning-color-minus-ten;
/_messages.scss DEBUG: #295c29 $success_color - 10;        => $success-color-minus-ten;
/_messages.scss DEBUG: #a6a68b $reference_back - #444;     => $reference_back-minus-black;
/_colors.scss   DEBUG: #626247 $reference_back - #888;     => $reference_color;
/payments.scss: DEBUG: #1b77ce $amco_new_bg * 1.5;         => $amco-new-bg-one-and-a-half-times;
/payments.scss: DEBUG: #ffee06 $amco_yellow * 1.1;         => $amco-yellow-one-and-one;
/payments.scss: DEBUG: #ffd200 $orange * 1.2;              => $orange-one-and-two;
/payments.scss: DEBUG: #d51a64 $magenta * 1.1;             => $magenta-one-and-one;
/payments.scss: DEBUG: #1e5184 $logo_blue+30;              => $logo-blue-plus-thirty;
/extranet.scss: DEBUG: #1b77ce $tag_color_hover + #333333; => $logo-blue-plus-thirty;
/covers.scss DEBUG: #66ccff $tag_color_hover + #333333;    => $tag-color-hover-minus-thre-six-times;
/covers.scss DEBUG: #ffbb33 $tag_back - #999999;           => $tag_back-minus-nine-six-times;
/covers.scss DEBUG: #5d5d5d $tag_color - #111111;          => $tag_color-minus-one-six-times;
/covers.scss DEBUG: #666666 $tag_color - #222222;          => $tag_color-minus-two-six-times;
/covers.scss DEBUG: #555555 $tag_color - #333333;          => $tag_color-minus-thre-six-times;
/covers.scss DEBUG: #444444 $light_blue + #333333;         => $light_blue-minus-thre-six-times;
/deposit_slip.scss DEBUG: #124f89 $amco_new_bg * 1         => $amco-new-bg-times-one;
/global.scss DEBUG: #000d2c $dark_blue - #111111;          => $dark-blue-minus-one-six-times;
*/
form > div, form fieldset > div, form fieldset {
  margin: 0.8em 0 0.8em 0; }
form input, form select {
  margin: 0.4em;
  display: inline; }
form .errorExplanation {
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px 10px 10px 0px;
  line-height: 1.2em;
  margin-bottom: 1em;
  padding: .5em .8em;
  border: 1px solid #ccc;
  font-weight: bold;
  color: #aa0000;
  background-color: #ffaaaa;
  border-color: #a00000;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-align: left;
  padding-left: 1.6em;
  padding-right: 2.5em; }
  form .errorExplanation h2 {
    font-size: 1.2em; }
  form .errorExplanation ul, form .errorExplanation p {
    font-weight: normal;
    color: black; }
  form .errorExplanation ul {
    margin: 0.4em 0;
    font-weight: bold;
    list-style: circle inside; }
form label {
  font-weight: bold; }
form .radio .desc label {
  font-weight: normal; }
form .radio .desc .details {
  color: #666;
  margin-left: 0.4em;
  font-style: italic; }
form fieldset {
  padding: 0.6em 2.2em 1.2em 1.4em;
  border: 4px solid #ddd;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }
  form fieldset legend {
    font-size: 1.2em;
    font-weight: bold;
    margin-left: 1em;
    padding: 0 0.3em;
    text-transform: uppercase; }
form input.text, form textarea {
  border: 2px solid lightgray; }
form .field_with_errors input.text, form .field_with_errors textarea {
  border: 2px solid #A00;
  background-color: #ffaaaa;
  color: #aa0000; }

.simple_form #student_note_body {
  height: 50px;
  margin-bottom: 30px; }
.simple_form #note {
  list-style-type: none;
  margin: 5px 10px; }
.simple_form #add_student_note {
  float: left; }
.simple_form #student_notes {
  overflow-y: scroll;
  padding: 5px;
  border: 1px solid #000;
  width: 400px;
  height: 200px; }
.simple_form .radio label.collection_radio {
  font-weight: normal; }
  .simple_form .radio label.collection_radio input {
    margin-right: 0.4em; }
.simple_form label {
  margin-right: 0.6em; }

#context_menu form {
  background-color: #bfbfa5;
  background-color: #eaeacf;
  padding: 2px; }
  #context_menu form h2 {
    background-color: #787869;
    color: #eaeacf;
    font-size: 1.0em; }
  #context_menu form > * {
    padding-left: 0.4em; }
  #context_menu form input, #context_menu form select, #context_menu form textarea {
    max-width: 96%; }
  #context_menu form label {
    display: block; }

#reimbursments table td.actions {
  width: 10em;
  text-align: center;
  word-spacing: 0.5em; }
#reimbursments table td.updating {
  background: url(/assets/ajax_loader-82bb53ec0d2054f39bf4e884e2e93f18c14f0254d8db77e9cfb61dd78bd399a2.gif) no-repeat center center; }
#reimbursments table td.updating a {
  display: none; }

@font-face {
  font-family: 'MuseoSans';
  src: url(/assets/museosans300.otf) format("opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'MuseoSans-Bold';
  src: url(/assets/museosans500.otf) format("opentype");
  font-weight: Bold;
  font-style: Bold; }
@font-face {
  font-family: 'MuseoSans-Bolder';
  src: url(/assets/museosans700.otf) format("opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'MuseoSans-Boldest';
  src: url(/assets/museosans900.otf) format("opentype");
  font-weight: normal;
  font-style: normal; }
html, body {
  font-size: 16px !important;
  font-family: 'MuseoSans' !important;
  height: 100%;
  width: 100%;
  background-color: #f4f4f9 !important; }

a {
  color: #55a0e5;
  text-decoration: none; }

a:hover {
  color: #4d49ae; }

strong {
  font-weight: bold;
  font-size: 1.2rem; }

em {
  font-style: italic; }

h1, h2 {
  font-size: 2em; }

h3 {
  font-size: 1.8em; }

h4 {
  font-size: 1.6em; }

h5 {
  font-size: 1.25rem; }

h6 {
  text-decoration: underline;
  line-height: 1.2em; }

.hidden {
  display: none; }

.visible {
  display: block; }

.bold {
  font-weight: bold; }

.row {
  display: flex;
  flex-direction: row; }
  .row .col {
    font-size: 1rem;
    flex: 1; }

.filter-form-up {
  position: absolute;
  top: 130px;
  left: 15%;
  right: 170px;
  width: 70%;
  min-width: 700px;
  border-style: solid;
  border-width: 0 35px 0px 35px;
  border-color: transparent transparent #ffffff transparent; }

.filter-student-form-up {
  position: absolute;
  top: 130px;
  left: 25%;
  right: 170px;
  width: 70%;
  min-width: 700px;
  border-style: solid;
  border-width: 0 35px 0px 35px;
  border-color: transparent transparent #ffffff transparent; }

.svg-filter-icon, .svg-pagination-icon {
  width: 1rem;
  height: auto; }

.svg-filter-icon {
  width: 2vmin; }

.filter-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  color: #4d49af;
  background-color: #e5e4fb;
  border-radius: 0.25rem;
  padding: 1.3vmin;
  cursor: pointer;
  margin-left: 1rem; }
  .filter-body .filter-icon, .filter-body .filter-description {
    display: flex;
    justify-content: center;
    align-items: center; }
  .filter-body .filter-icon {
    width: 30%;
    float: left; }
  .filter-body .filter-description {
    width: 70%;
    font-size: 1rem !important;
    font-weight: bold; }

#payments-filter, #students-payments-filter {
  background-color: white;
  -webkit-box-shadow: 0px 0px 17px 9px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 17px 9px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 17px 9px rgba(0, 0, 0, 0.16);
  color: #33445c;
  width: 25%;
  padding: 1rem; }
  #payments-filter .form-header, #students-payments-filter .form-header {
    padding-bottom: 1rem; }
    #payments-filter .form-header a, #students-payments-filter .form-header a {
      float: right;
      margin-right: 1rem;
      padding: 0.10rem;
      border-radius: 0.5rem;
      border: 1px solid; }
  #payments-filter input, #payments-filter select, #students-payments-filter input, #students-payments-filter select {
    width: 90%;
    padding: 0.461rem 1.538rem;
    box-sizing: border-box;
    border: 1px solid #eceff5;
    margin-left: -0.3rem; }
  #payments-filter .button, #students-payments-filter .button {
    width: 100%;
    background-color: #4d49af;
    border: none;
    color: white;
    border-radius: 0.25rem;
    cursor: pointer;
    padding: 1rem; }
  #payments-filter .button:hover, #students-payments-filter .button:hover {
    background-color: #383588; }
  #payments-filter #search_school_year, #payments-filter #search_student_name, #students-payments-filter #search_school_year, #students-payments-filter #search_student_name {
    width: 96%; }
  #payments-filter #search_ending_date, #payments-filter #search_amco_grade, #payments-filter #search_reference, #students-payments-filter #search_ending_date, #students-payments-filter #search_amco_grade, #students-payments-filter #search_reference {
    width: 91.5%; }

#payments-filter input, #payments-filter select {
  font-size: 1rem; }
#payments-filter #search_code {
  margin-top: 3.5%; }

#students-payments-filter input, #students-payments-filter select {
  font-size: 1rem; }
#students-payments-filter #search_school_year, #students-payments-filter #search_grade {
  width: 95%; }
#students-payments-filter #search_grade {
  margin-left: 3%; }
#students-payments-filter #search_paid_amount {
  width: 100%; }

#session-wrapper {
  font-size: 1rem;
  width: 100%;
  height: 100%; }
  #session-wrapper #header {
    width: 100%;
    height: 35%;
    background-color: #4d49af;
    position: relative; }
    #session-wrapper #header #logo {
      text-align: center;
      padding-top: 4.5%; }
      #session-wrapper #header #logo .logo-img {
        display: inline-block; }
  #session-wrapper #main {
    width: 100%;
    height: 60%; }
    #session-wrapper #main #content {
      width: 100%;
      height: 100%; }
      #session-wrapper #main #content .login-container {
        margin: 0;
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -47%);
        width: 20%;
        height: 35%;
        max-width: 400px;
        max-height: 478px;
        min-width: 276px;
        border-radius: 4px;
        opacity: 1; }
        #session-wrapper #main #content .login-container .login-form {
          position: relative;
          background-color: white;
          padding: 2rem 2rem 2rem 2rem;
          border-radius: 0.3rem; }
          #session-wrapper #main #content .login-container .login-form .back-link {
            width: 100%;
            height: 3rem; }
            #session-wrapper #main #content .login-container .login-form .back-link a {
              float: left;
              color: #8393aa;
              font-size: 1rem;
              font-weight: normal; }
          #session-wrapper #main #content .login-container .login-form .login-title {
            text-align: center;
            padding: 0 0 1rem 0;
            font-family: 'MuseoSans-Boldest';
            color: #112540;
            font-size: 1.5vmin; }
          #session-wrapper #main #content .login-container .login-form .sub-title {
            padding: 1.5rem 0 0 0;
            font-family: 'MuseoSans-Bold';
            font-weight: normal;
            font-size: 1.125rem; }
          #session-wrapper #main #content .login-container .login-form label {
            color: #607592;
            font-size: 1rem;
            font-weight: normal; }
          #session-wrapper #main #content .login-container .login-form a {
            color: #318bdf;
            text-decoration: none;
            float: right;
            font-size: 0.875rem; }
          #session-wrapper #main #content .login-container .login-form input {
            width: 86%;
            min-width: 70%;
            padding: 0.8rem 1.538rem;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #D4DDEA;
            border-radius: 4px;
            font-size: 1rem; }
          #session-wrapper #main #content .login-container .login-form .button {
            background-color: #4d49af;
            border: none;
            color: white;
            border-radius: 0.25rem;
            cursor: pointer;
            margin-top: 1.25rem;
            width: 100% !important;
            font-family: 'MuseoSans-Bolder'; }
          #session-wrapper #main #content .login-container .login-form .button:hover {
            background-color: #383588; }
        #session-wrapper #main #content .login-container .buy_books {
          text-align: center;
          margin: 20px 0px; }
        #session-wrapper #main #content .login-container .buy_books_button {
          background-color: #e5e4fb;
          border: none;
          color: #4d49af;
          border-radius: 0.25rem;
          cursor: pointer;
          margin-top: 1.25rem;
          width: 100%;
          max-width: 127px;
          padding: 15px 15px;
          margin: 0 auto;
          display: block;
          text-align: center; }
        #session-wrapper #main #content .login-container .buy_books_button:hover {
          opacity: 0.8; }

#session-wrapper #footer, #subwrapper #footer {
  position: relative;
  bottom: 3%;
  width: 100%;
  text-align: center;
  background-color: #f4f4f9; }
  #session-wrapper #footer .footer-content .footer-multicolor, #subwrapper #footer .footer-content .footer-multicolor {
    position: relative;
    line-height: 3.076rem;
    width: 20%;
    left: 40%; }
  #session-wrapper #footer .footer-content .footer-multicolor:after, #subwrapper #footer .footer-content .footer-multicolor:after {
    background: linear-gradient(to right, #4ec6e5 25%, #fed35b 25%, #fed35b 50%, #fe70a1 50%, #fe70a1 75%, #a9cd71 75%);
    position: absolute;
    content: '';
    height: 0.5rem;
    right: 0;
    left: 0;
    top: 0; }
  #session-wrapper #footer .footer-content ul.inline-content li, #subwrapper #footer .footer-content ul.inline-content li {
    display: inline-block;
    margin: 0 1rem 3rem 0 !important; }
  #session-wrapper #footer .footer-content ul.inline-content li a, #subwrapper #footer .footer-content ul.inline-content li a {
    text-decoration: none;
    color: #8393aa;
    cursor: pointer; }
  #session-wrapper #footer .footer-content ul.inline-content li a:hover, #subwrapper #footer .footer-content ul.inline-content li a:hover {
    color: #4d49ae; }
  #session-wrapper #footer .footer-content .copyright, #subwrapper #footer .footer-content .copyright {
    font-weight: lighter;
    color: #8393aa;
    padding-bottom: 2%; }

#subwrapper {
  display: inline-block;
  width: 100%; }
  #subwrapper #sub-nav {
    float: left;
    width: 15%;
    height: 100%;
    background-color: #4d49ae; }
    #subwrapper #sub-nav #header {
      display: inline-block; }
      #subwrapper #sub-nav #header {
        display: block; }
      #subwrapper #sub-nav #header #logo-wrapper {
        margin: 1rem 1rem 1rem 2rem; }
        #subwrapper #sub-nav #header #logo-wrapper #logo {
          height: 8rem;
          background-image: url(/assets/extranet/amco-extranet-logo-62309c67f023c4002502b40459dfba1c4fc8f2723584edff3e59502853c75851.svg);
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
      #subwrapper #sub-nav #header #heading {
        float: left;
        padding-left: 2rem;
        margin-top: 2rem;
        margin-bottom: 2rem; }
        #subwrapper #sub-nav #header #heading h1 {
          font-size: 1.25rem;
          line-height: 2rem;
          color: whitesmoke;
          margin-bottom: 0.2rem;
          margin-top: 0.33rem;
          margin-right: 0.5rem;
          font-family: 'MuseoSans-bolder'; }
        #subwrapper #sub-nav #header #heading #subtitle {
          color: whitesmoke;
          font-size: 1rem; }
    #subwrapper #sub-nav #main {
      overflow: visible;
      display: inline-block;
      width: 100%;
      margin-top: 5rem;
      padding-top: 2.7rem; }
      #subwrapper #sub-nav #main {
        display: block; }
      #subwrapper #sub-nav #main #context_menu {
        height: 100%;
        min-height: 800px;
        font-size: 1.8vmin;
        margin: 0.0rem 0.7rem; }
        #subwrapper #sub-nav #main #context_menu #logout {
          margin-top: 1.1rem; }
        #subwrapper #sub-nav #main #context_menu #menu-icon {
          width: 100%;
          display: inline-block;
          font-size: 1.7vmin; }
          #subwrapper #sub-nav #main #context_menu #menu-icon #link-icon {
            float: left;
            padding-right: 1.2rem;
            margin-top: -0.3rem; }
          #subwrapper #sub-nav #main #context_menu #menu-icon #link-tag {
            font-family: 'MuseoSans-bold';
            font-size: 1rem;
            font-weight: normal; }
          #subwrapper #sub-nav #main #context_menu #menu-icon .clicked {
            background-color: #413f94;
            border-radius: 0.3rem; }
        #subwrapper #sub-nav #main #context_menu a {
          display: block;
          padding: 1.4em 1em 1.4em 1em;
          margin-bottom: 0.34rem;
          text-decoration: none;
          color: white; }
          #subwrapper #sub-nav #main #context_menu a:hover {
            background-color: #413f94;
            border-radius: 0.3rem; }
        #subwrapper #sub-nav #main #context_menu .current a {
          color: white; }
  #subwrapper #sub-body {
    float: right;
    width: 85%; }
    #subwrapper #sub-body #content {
      height: 70%;
      margin: 0em 2em 5em 0em;
      overflow: hidden;
      display: inline-block;
      overflow: visible; }
      #subwrapper #sub-body #content {
        display: block; }
      #subwrapper #sub-body #content #view #page_actions {
        margin: 0 0 1em; }

div#payments_pagination {
  font-size: 1.8vmin;
  word-spacing: 0;
  padding: 1.3rem 0;
  margin: 1.1rem 1.1rem 0rem 1.1rem; }
  div#payments_pagination a {
    background-color: white;
    color: #142842;
    text-decoration: none;
    padding: 1.25rem; }
  div#payments_pagination a:hover {
    background-color: #ecf0f4;
    color: #142842; }
  div#payments_pagination .active {
    background-color: #4d49af;
    color: white; }

#content {
  line-height: 1.5em; }
  #content #view {
    /* SLIDER */
    /* SLIDER */ }
    #content #view .content-header {
      width: 100%; }
      #content #view .content-header .payments-filter, #content #view .content-header .payments-cycle, #content #view .content-header .students-payments-filter, #content #view .content-header .payments-tag {
        margin-left: 1.5rem;
        border-radius: 0.3rem; }
      #content #view .content-header .event-top-data {
        padding: 1rem;
        background-color: #f5f7fa;
        margin: 2rem 0;
        width: 98%;
        height: 94px;
        border-radius: 4px;
        opacity: 1; }
        #content #view .content-header .event-top-data .title {
          font-size: 2.5em;
          color: #4D49AF;
          font-weight: bold; }
        #content #view .content-header .event-top-data .data {
          font-size: 2.3vmin; }
      #content #view .content-header .payments-filter, #content #view .content-header .students-payments-filter {
        width: 7vmin;
        height: auto;
        color: #4d49af;
        background-color: #e5e4fb;
        padding: 0.5rem 0.8rem; }
        #content #view .content-header .payments-filter span, #content #view .content-header .students-payments-filter span {
          position: relative;
          bottom: 0.1rem; }
      #content #view .content-header .payments-filter, #content #view .content-header .students-payments-filter {
        font-size: 1.5vmin; }
      #content #view .content-header #payments-search-status, #content #view .content-header #payments-search-nickname, #content #view .content-header #payments-search-student_name, #content #view .content-header #payments-search-code, #content #view .content-header #payments-search-reference {
        margin-right: 2.5rem !important; }
      #content #view .content-header .payments-cycle, #content #view .content-header .payments-tag {
        background-color: #ecf0f4;
        padding: 0.35rem;
        font-size: 1rem;
        display: flex;
        justify-content: center;
        align-items: center; }
        #content #view .content-header .payments-cycle #close-icon, #content #view .content-header .payments-tag #close-icon {
          margin-top: -0.8rem; }
          #content #view .content-header .payments-cycle #close-icon .icon, #content #view .content-header .payments-tag #close-icon .icon {
            width: 1.4vmin !important;
            height: auto !important; }
      #content #view .content-header .payments-tag {
        margin-left: 1.5rem;
        width: 100%;
        height: 81%;
        display: grid;
        grid-template-columns: 85% 15%; }
    #content #view table.summary, #content #view table.data, #content #view table.table-payments-info, #content #view table.data {
      color: #142842;
      margin-top: 2rem;
      width: 100%;
      padding: 1rem; }
      #content #view table.summary p, #content #view table.data p, #content #view table.table-payments-info p, #content #view table.data p {
        margin: 0; }
      #content #view table.summary th, #content #view table.data th, #content #view table.summary td, #content #view table.data td, #content #view table.table-payments-info th, #content #view table.data th, #content #view table.table-payments-info td, #content #view table.data td {
        padding: 0.5rem; }
      #content #view table.summary tr:hover td, #content #view table.data tr:hover td, #content #view table.table-payments-info tr:hover td, #content #view table.data tr:hover td {
        background-color: #f5f7fa; }
      #content #view table.summary th, #content #view table.data th, #content #view table.table-payments-info th, #content #view table.data th {
        background-color: white;
        color: #4f4bb0;
        font-weight: bold; }
        #content #view table.summary th a, #content #view table.data th a, #content #view table.table-payments-info th a, #content #view table.data th a {
          color: white; }
      #content #view table.summary td, #content #view table.data td, #content #view table.table-payments-info td, #content #view table.data td {
        vertical-align: top;
        background-color: white; }
        #content #view table.summary td .student, #content #view table.data td .student, #content #view table.table-payments-info td .student, #content #view table.data td .student {
          margin: 0 0 0.5em 0;
          line-height: 110%; }
          #content #view table.summary td .student p, #content #view table.data td .student p, #content #view table.table-payments-info td .student p, #content #view table.data td .student p {
            font-weight: bold; }
          #content #view table.summary td .student ul, #content #view table.data td .student ul, #content #view table.table-payments-info td .student ul, #content #view table.data td .student ul {
            padding-bottom: 0.5rem; }
            #content #view table.summary td .student ul li, #content #view table.data td .student ul li, #content #view table.table-payments-info td .student ul li, #content #view table.data td .student ul li {
              font-size: 0.8em;
              margin: 0.4em 0; }
      #content #view table.summary p.status, #content #view table.data p.status, #content #view table.table-payments-info p.status, #content #view table.data p.status {
        color: #469e99;
        background-color: #ddfff3;
        padding: 0.5rem 0;
        margin: 0;
        text-align: center;
        border-radius: 1rem; }
    #content #view table.summary th:last-child, #content #view table.data th:last-child {
      text-align: center; }
    #content #view table.table-payments-info, #content #view table.data {
      border-collapse: separate;
      border-spacing: 0 1rem; }
      #content #view table.table-payments-info tr:last-child td, #content #view table.data tr:last-child td {
        font-weight: bold; }
    #content #view .form-group label {
      display: inline-block;
      width: 180px;
      text-align: left; }
    #content #view #prices_form_group .add_price {
      display: table-cell;
      width: 50%; }
    #content #view .top-content {
      display: flex;
      justify-content: space-between;
      width: 100%; }
      #content #view .top-content .title {
        font-size: 1em;
        font-weight: bold; }
      #content #view .top-content div a {
        width: 100% !important; }
    #content #view .inline-icons {
      display: inline-flex; }
    #content #view .event-text {
      font-size: 1.1em; }
    #content #view .switch {
      position: relative;
      display: inline-block;
      width: 49px;
      height: 22px; }
    #content #view .switch input {
      opacity: 0;
      width: 0;
      height: 0; }
    #content #view .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s; }
    #content #view .slider:before {
      position: absolute;
      content: "";
      height: 15px;
      width: 15px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s; }
    #content #view input:checked + .slider {
      background-color: #43B43A; }
    #content #view input:focus + .slider {
      box-shadow: 0 0 1px white; }
    #content #view input:checked + .slider:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px); }
    #content #view .slider.round {
      border-radius: 34px; }
    #content #view .slider.round:before {
      border-radius: 50%; }
    #content #view .new-event-container {
      width: 100%;
      display: grid;
      height: 640px; }
      #content #view .new-event-container .title {
        font-size: 20px;
        font-weight: bold; }
      #content #view .new-event-container .continue-button, #content #view .new-event-container .cancel {
        position: fixed;
        float: right;
        right: 35px;
        width: 15% !important;
        z-index: 1;
        bottom: 75px; }
      #content #view .new-event-container .cancel {
        right: 125px;
        font-size: 16px; }
      #content #view .new-event-container .flex {
        display: flex; }
      #content #view .new-event-container .first-container, #content #view .new-event-container .second-container {
        margin: 1.2rem 2.1rem;
        background-color: white;
        border-radius: 0.3rem;
        padding: 1.3rem 1rem;
        height: 320px;
        margin-right: 0px; }
        #content #view .new-event-container .first-container .mandatory-data, #content #view .new-event-container .second-container .mandatory-data {
          padding-top: 75px; }
        #content #view .new-event-container .first-container input[type=text], #content #view .new-event-container .first-container input[type=number], #content #view .new-event-container .first-container select, #content #view .new-event-container .second-container input[type=text], #content #view .new-event-container .second-container input[type=number], #content #view .new-event-container .second-container select {
          width: 240px;
          height: 35px;
          text-align: left;
          font-size: 16px;
          padding-left: 10px;
          font-weight: normal;
          letter-spacing: 0px;
          color: #112540;
          opacity: 1;
          background: #FFFFFF 0% 0% no-repeat padding-box;
          border: 1px solid #4D49AF;
          border-radius: 4px; }
        #content #view .new-event-container .first-container .subscription_events_start_date > input[type=text], #content #view .new-event-container .first-container .subscription_events_end_date > input[type=text], #content #view .new-event-container .second-container .subscription_events_start_date > input[type=text], #content #view .new-event-container .second-container .subscription_events_end_date > input[type=text] {
          background-image: url(/assets/parents/payments/angle-down-solid-231586a6cae740c3ae2c4297fad782a8521d9c10013bf9f85d6c5e58354475f1.svg);
          background-size: 10px;
          background-position: 97% 50%;
          background-repeat: no-repeat; }
        #content #view .new-event-container .first-container .left, #content #view .new-event-container .first-container .right, #content #view .new-event-container .second-container .left, #content #view .new-event-container .second-container .right {
          flex: 1; }
          #content #view .new-event-container .first-container .left label, #content #view .new-event-container .first-container .right label, #content #view .new-event-container .second-container .left label, #content #view .new-event-container .second-container .right label {
            display: inline-block;
            width: 210px;
            letter-spacing: 0px;
            font-size: 16px;
            opacity: 1;
            font-weight: normal;
            color: #607592; }
        #content #view .new-event-container .first-container .padding_top, #content #view .new-event-container .second-container .padding_top {
          padding-top: 15px; }
        #content #view .new-event-container .first-container .left, #content #view .new-event-container .second-container .left {
          float: left;
          position: relative;
          left: 40px;
          margin-right: 40px; }
        #content #view .new-event-container .first-container .right, #content #view .new-event-container .second-container .right {
          display: flex; }
          #content #view .new-event-container .first-container .right .data, #content #view .new-event-container .second-container .right .data {
            flex: 1;
            text-align: left;
            letter-spacing: 0px;
            color: #112540;
            opacity: 1; }
            #content #view .new-event-container .first-container .right .data label, #content #view .new-event-container .second-container .right .data label {
              color: black;
              font-weight: normal;
              font-size: 1.1em;
              width: auto; }
            #content #view .new-event-container .first-container .right .data input, #content #view .new-event-container .second-container .right .data input {
              width: 20px;
              height: 15px;
              border: 2px solid #4D49AF;
              opacity: 1; }
    #content #view .event-container {
      width: 100%;
      display: flex; }
      #content #view .event-container #edit-button {
        position: absolute;
        float: right;
        right: 35px;
        width: 15% !important;
        z-index: 1;
        bottom: 25px; }
      #content #view .event-container .title {
        font-size: 20px;
        font-weight: bold; }
      #content #view .event-container .event-detail-left {
        float: left;
        margin: 4.9rem 1.1rem;
        background-color: white;
        border-radius: 0.3rem;
        padding: 1.3rem 1rem;
        height: 620px;
        width: 45%;
        margin-right: 0px;
        overflow: scroll; }
        #content #view .event-container .event-detail-left #event-top-data {
          padding: 1rem;
          background-color: #f5f7fa;
          margin: 2rem 0; }
          #content #view .event-container .event-detail-left #event-top-data .title {
            font-size: 2.4vmin;
            color: #4D49AF;
            font-weight: bold; }
          #content #view .event-container .event-detail-left #event-top-data p:first-child {
            color: rebeccapurple;
            font-weight: bold;
            font-size: 1.35rem; }
        #content #view .event-container .event-detail-left .row {
          display: flex;
          flex-direction: row;
          line-height: 2em; }
          #content #view .event-container .event-detail-left .row .col {
            flex: 1;
            text-align: left;
            letter-spacing: 0px;
            color: #112540;
            opacity: 1;
            font-size: 2.2vmin;
            font-weight: normal; }
        #content #view .event-container .event-detail-left .event-data {
          line-height: 1.7em; }
        #content #view .event-container .event-detail-left .left {
          float: left;
          text-align: left;
          margin-left: 10px; }
        #content #view .event-container .event-detail-left #event_info p span {
          font-weight: bold; }
        #content #view .event-container .event-detail-left #event_info .row {
          line-height: 4.6em; }
        #content #view .event-container .event-detail-left #event_info .col {
          text-align: right;
          font-size: 2.2vmin; }
        #content #view .event-container .event-detail-left #event_info .padding_right {
          padding-right: 5em; }
        #content #view .event-container .event-detail-left #event_info .bold {
          font-weight: bold; }
        #content #view .event-container .event-detail-left #event_info .client_data {
          line-height: 1.4em !important;
          font-size: 16px; }
        #content #view .event-container .event-detail-left #event_info .gray {
          color: #607592; }
        #content #view .event-container .event-detail-left .edit-form input[type=text], #content #view .event-container .event-detail-left .edit-form select {
          width: 40%;
          height: 35px;
          text-align: left;
          font-size: 1.2em;
          padding-left: 10px;
          font-weight: normal;
          letter-spacing: 0px;
          color: #112540;
          opacity: 1;
          background: #FFFFFF 0% 0% no-repeat padding-box;
          border: 1px solid #4D49AF;
          border-radius: 4px; }
        #content #view .event-container .event-detail-left .edit-form #subscription_events_state {
          width: 254px; }
        #content #view .event-container .event-detail-left .edit-form label {
          width: 45%;
          height: 19px;
          text-align: right;
          letter-spacing: 0px;
          color: #607592;
          font-size: 16px;
          font-weight: normal; }
        #content #view .event-container .event-detail-left .edit-form .client-data {
          overflow: scroll;
          display: flex;
          height: 185px; }
          #content #view .event-container .event-detail-left .edit-form .client-data .left-label {
            width: 47%;
            text-align: right; }
          #content #view .event-container .event-detail-left .edit-form .client-data .right-data label {
            color: black;
            font-weight: normal;
            font-size: 2.3vmin; }
          #content #view .event-container .event-detail-left .edit-form .client-data .right-data input {
            width: 20px;
            height: 15px;
            border: 2px solid #4D49AF;
            opacity: 1; }
      #content #view .event-container .event-detail-right {
        float: right;
        height: auto; }
        #content #view .event-container .event-detail-right .title {
          font-size: 20px;
          font-weight: bold; }
        #content #view .event-container .event-detail-right .label {
          font-size: 16px;
          color: var(--secondary-text);
          text-align: left;
          letter-spacing: 0px;
          color: #607592;
          opacity: 1; }
        #content #view .event-container .event-detail-right .input-link {
          width: 520px;
          height: 24px;
          text-align: left;
          font-size: 16px;
          letter-spacing: 0px;
          color: #112540;
          padding-left: 10px;
          opacity: 1; }
        #content #view .event-container .event-detail-right button {
          width: 132px;
          height: 35px;
          background: #4D45B2 0% 0% no-repeat padding-box;
          border-radius: 4px;
          opacity: 1; }
        #content #view .event-container .event-detail-right .top, #content #view .event-container .event-detail-right .bottom {
          top: 3.8rem;
          position: relative;
          padding: 1.3rem 1rem;
          width: 47rem;
          margin: 1rem 1.1rem;
          background-color: white;
          border-radius: 0.3rem; }
        #content #view .event-container .event-detail-right .bottom {
          height: 32.5rem;
          overflow: scroll; }
          #content #view .event-container .event-detail-right .bottom .top-text {
            display: flex; }
            #content #view .event-container .event-detail-right .bottom .top-text .edit-link {
              float: right;
              position: relative;
              left: 290px;
              font-size: 16px; }
            #content #view .event-container .event-detail-right .bottom .top-text .complete-flow-link {
              float: right;
              position: relative;
              left: 200px;
              font-size: 16px; }
          #content #view .event-container .event-detail-right .bottom h5 {
            text-align: left;
            letter-spacing: 0px;
            color: #112540;
            opacity: 1;
            font-size: 20px;
            font-weight: bold; }
        #content #view .event-container .event-detail-right .cancel {
          position: relative;
          float: left;
          left: 323px;
          top: 58px;
          font-size: 16px;
          font-weight: normal; }
      #content #view .event-container .price-table .th {
        font-size: 14px;
        text-align: left;
        letter-spacing: 0px;
        color: #4D49AF;
        opacity: 1; }
      #content #view .event-container .price-table .td {
        padding: 0.5rem 1.5rem; }
      #content #view .event-container .price-table hr {
        width: 210%; }
      #content #view .event-container .price-table #group-status {
        width: 110px;
        height: 14px;
        text-align: left;
        letter-spacing: 0px;
        color: #112540;
        opacity: 1;
        display: inline-flex;
        padding-left: 0px; }
        #content #view .event-container .price-table #group-status #rectangle {
          width: 10px;
          height: 10px;
          border-radius: 12px;
          opacity: 1;
          margin-top: 5px;
          margin-right: 5px; }
        #content #view .event-container .price-table #group-status .red {
          background: red 0% 0% no-repeat padding-box; }
        #content #view .event-container .price-table #group-status .green {
          background: #43B43A 0% 0% no-repeat padding-box; }
        #content #view .event-container .price-table #group-status .text {
          margin-left: 5px; }
    #content #view .payment-detail-info.left, #content #view .payment-detail-info.right {
      margin: 4.9rem 1.1rem;
      background-color: white;
      border-radius: 0.3rem;
      padding: 1.3rem 1rem;
      height: 80vh;
      font-size: 1.15rem; }
      #content #view .payment-detail-info.left h4, #content #view .payment-detail-info.right h4 {
        font-weight: bold; }
      #content #view .payment-detail-info.left hr, #content #view .payment-detail-info.right hr {
        border-top: 1px solid #f5f7fa; }
      #content #view .payment-detail-info.left ul li, #content #view .payment-detail-info.right ul li {
        font-size: 1.2em;
        margin-bottom: 0.5em; }
      #content #view .payment-detail-info.left #client_info, #content #view .payment-detail-info.left #payment_info, #content #view .payment-detail-info.right #client_info, #content #view .payment-detail-info.right #payment_info {
        padding: 1rem; }
      #content #view .payment-detail-info.left #client_info, #content #view .payment-detail-info.right #client_info {
        background-color: #f5f7fa;
        margin: 2rem 0; }
        #content #view .payment-detail-info.left #client_info p:first-child, #content #view .payment-detail-info.right #client_info p:first-child {
          color: rebeccapurple;
          font-weight: bold;
          font-size: 1.35rem; }
      #content #view .payment-detail-info.left #payment_info p span, #content #view .payment-detail-info.right #payment_info p span {
        font-weight: bold; }

.detail_nav {
  padding: 1.5rem 0.5rem; }
  .detail_nav a {
    color: gray;
    font-size: 1.5vmin;
    padding: 1rem 1.2rem;
    margin: 0.2rem; }
  .detail_nav a:hover, .detail_nav .clicked {
    color: #5653b2;
    font-size: 1.5vmin;
    padding: 1rem 1.2rem;
    background-color: #edecf7;
    border-radius: 0.4rem;
    margin-left: 0.2rem; }

#content #view table.data {
  width: auto; }

.school-qr {
  margin: 3rem 1rem 1rem 1rem; }
  .school-qr .school-code {
    display: table;
    clear: both;
    background-color: white;
    border-radius: 0.4rem;
    padding: 0.5rem; }
    .school-qr .school-code a > img {
      float: right;
      border-radius: 4px;
      width: 20px; }
    .school-qr .school-code .data {
      padding-bottom: 2rem; }
    .school-qr .school-code #title {
      font: status-bar;
      font-size: 1.6vmin !important;
      font-weight: bold;
      margin-bottom: 1rem; }
    .school-qr .school-code .column1 {
      float: left;
      width: 53.5%;
      padding: 10px;
      box-sizing: border-box; }
    .school-qr .school-code .column2 {
      float: left;
      width: 16%;
      padding: 10px;
      box-sizing: border-box; }
    .school-qr .school-code .column3 {
      float: left;
      width: 30.3%;
      padding: 10px;
      box-sizing: border-box; }

.school-data, .disabled-payments-data {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-left: 1rem;
  overflow-y: scroll;
  max-height: 47vh; }
  .school-data .fiscal-address, .disabled-payments-data .fiscal-address, .school-data .shipment-address, .disabled-payments-data .shipment-address, .school-data .prices, .disabled-payments-data .prices {
    background-color: white;
    border-radius: 0.3rem;
    padding: 2rem;
    margin: 0rem 1rem 0rem 0rem; }
    .school-data .fiscal-address #table-title, .disabled-payments-data .fiscal-address #table-title, .school-data .shipment-address #table-title, .disabled-payments-data .shipment-address #table-title, .school-data .prices #table-title, .disabled-payments-data .prices #table-title {
      font-size: 1rem;
      font-family: 'MuseoSans-Bolder';
      font-weight: normal;
      margin-bottom: 2rem; }

.disabled-payments-data {
  max-height: 70vh; }

.orders-header {
  grid-template-columns: 1fr 1fr; }
  .orders-header .title, .orders-header .search {
    border-radius: 0.3rem; }
  .orders-header .search {
    float: left; }
    .orders-header .search label, .orders-header .search input {
      margin-top: -0.8rem;
      font-weight: 400 !important; }
    .orders-header .search label {
      color: #8393aa !important; }
    .orders-header .search select {
      height: 30px !important;
      padding: 4px 5px !important;
      border-radius: 4px;
      color: #242424;
      border: 1px solid #BBBBBB;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      transition: border-color 0.2s; }
      .orders-header .search select:focus {
        border-color: #5653b2; }

.comissions-resume-data {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 4.9rem 1.1rem; }
  .comissions-resume-data .language, .comissions-resume-data .resume {
    border-radius: 0.3rem;
    padding: 2rem; }
    .comissions-resume-data .language .title, .comissions-resume-data .resume .title {
      display: inline-block;
      width: 100%; }
      .comissions-resume-data .language .title .cycle, .comissions-resume-data .resume .title .cycle {
        float: left;
        margin-right: 1rem;
        margin-bottom: 1rem; }
      .comissions-resume-data .language .title .links, .comissions-resume-data .resume .title .links {
        float: left;
        margin-bottom: 1rem; }
    .comissions-resume-data .language #table-title, .comissions-resume-data .resume #table-title {
      font-size: 1.5vmin;
      font-weight: bold;
      margin-bottom: 2rem; }
  .comissions-resume-data .language {
    background-color: white;
    height: 92%; }
    .comissions-resume-data .language .languages {
      padding: 1.5rem 0.5rem; }
      .comissions-resume-data .language .languages a {
        color: gray;
        font-size: 1.1rem;
        padding: 1rem 1.2rem;
        margin: 0.2rem; }
      .comissions-resume-data .language .languages a:hover, .comissions-resume-data .language .languages .clicked {
        color: #5653b2;
        font-size: 1.1rem;
        padding: 1rem 1.2rem;
        background-color: #edecf7;
        border-radius: 0.4rem;
        margin-left: 0.2rem; }
    .comissions-resume-data .language .strong {
      font-weight: 600 !important;
      font-size: 1.2rem; }
  .comissions-resume-data .resume {
    display: grid;
    grid-template-rows: 1fr 1fr;
    padding: 0rem;
    margin-left: 2rem; }
    .comissions-resume-data .resume .adjustment-grid, .comissions-resume-data .resume .paid-grid {
      border-radius: 0.3rem;
      background-color: white;
      padding: 2rem; }
    .comissions-resume-data .resume .adjustment-grid {
      margin-bottom: 1rem; }
    .comissions-resume-data .resume .paid-grid {
      margin-top: 1rem; }

.report_type_nav {
  position: relative;
  z-index: 10 !important;
  margin: 2rem 1rem -3.5rem;
  color: #8393aa;
  font-size: 0.9rem; }
  .report_type_nav a {
    color: #0476d8; }

#td-tag {
  color: slategray;
  font-size: 1rem !important; }

#td-data {
  font-size: 0.875rem !important; }

#title-data, #title-data-client-phone {
  font-size: 1rem !important; }

#title-data-client-phone {
  padding-bottom: 0.25rem; }

#big-title-data {
  font-weight: 600;
  font-size: 1.8vmin !important; }

#title-category {
  font-size: 2vmin !important;
  font-weight: 600; }

#tr-tag, #tr-tag-gray, #tr-tag-client {
  font-size: 0.875;
  font-family: 'MuseoSans-Bolder';
  font-weight: normal;
  color: #4d49ae; }

#tr-tag-gray {
  font-weight: 400 !important;
  color: #8393aa; }

#tr-tag-client {
  padding-bottom: 0.25rem; }

.scrollit {
  overflow: scroll;
  width: 100% !important;
  height: 600px; }

.payment-students #table-title, .payment-report #table-title {
  font-size: 1.6vmin;
  font-weight: bolder;
  margin-bottom: 2rem; }

.status-paid, .status-pagado, .status-recibido, .status-enviado, .status-pending, .status-pendiente, .status-pre-ingresado,
.status-ingresado, .status-reembolsado, .status-rejected, .status-rechazado, .status-reversed, .status-reversado, .status-en,
.status-success, .status-warning, .status-error, .status-reimbursment {
  padding: 0.5rem 1.25rem;
  margin: 0;
  text-align: center;
  border-radius: 1rem; }

.status-paid, .status-pagado, .status-recibido, .status-enviado, .status-success {
  color: #469e99;
  background-color: #ddfff3; }

.status-pending, .status-pendiente, .status-reembolsado, .status-pre-ingresado,
.status-en, .status-ingresado, .status-warning, .status-reimbursment {
  color: #b79615;
  background-color: #ffff9f; }

.status-rejected, .status-rechazado, .status-reversed, .status-reversado, .status-error {
  color: #900b22;
  background-color: #ff7b7b; }

.commissions-report {
  border-radius: 0.3rem;
  padding: 0.7rem 1rem;
  background-color: #fff; }
  .commissions-report a:hover {
    color: #55a0e5;
    text-decoration: none;
    background-color: #edf1f5 !important; }

.base-div-payments {
  min-width: 750px !important; }

.base-div-show-orders {
  min-width: 800px !important; }

.base-div, .base-div-payments, .base-div-show-orders {
  display: grid;
  margin: 4.9rem 1.1rem 0rem 1.1rem;
  background-color: white;
  border-radius: 0.3rem;
  padding: 1.3rem 1rem;
  min-width: 600px; }
  .base-div .subbase-div, .base-div-payments .subbase-div, .base-div-show-orders .subbase-div {
    margin: 1rem 1.5rem; }
    .base-div .subbase-div hr, .base-div-payments .subbase-div hr, .base-div-show-orders .subbase-div hr {
      margin-top: 1rem;
      border: 0.005rem solid #EEEEEE;
      color: #EEEEEE; }
    .base-div .subbase-div .counter, .base-div-payments .subbase-div .counter, .base-div-show-orders .subbase-div .counter {
      font-size: 1.6vmin;
      display: flex;
      flex-direction: row;
      border-radius: 0.3rem;
      background-color: #f5f7fa;
      color: slategray;
      padding: 1rem 1rem;
      margin-top: -3.5rem; }
      .base-div .subbase-div .counter .counter-num, .base-div-payments .subbase-div .counter .counter-num, .base-div-show-orders .subbase-div .counter .counter-num {
        color: black;
        font-weight: bolder;
        padding-left: 5px; }
  .base-div.recovery-password, .base-div-payments.recovery-password, .base-div-show-orders.recovery-password {
    width: 80%;
    padding-bottom: 10rem; }
    .base-div.recovery-password .sub-form, .base-div-payments.recovery-password .sub-form, .base-div-show-orders.recovery-password .sub-form {
      width: 30rem; }
  .base-div.edit-password, .base-div-payments.edit-password, .base-div-show-orders.edit-password {
    padding-bottom: 10rem; }
    .base-div.edit-password .sub-form, .base-div-payments.edit-password .sub-form, .base-div-show-orders.edit-password .sub-form {
      font-size: 1.5vmin;
      max-width: 35%; }
  .base-div.stage-control, .base-div-payments.stage-control, .base-div-show-orders.stage-control {
    width: 100%;
    padding-bottom: 10rem; }
    .base-div.stage-control .sub-form, .base-div-payments.stage-control .sub-form, .base-div-show-orders.stage-control .sub-form {
      font-size: 1.5vmin;
      max-width: 35%; }

.button {
  border: 0;
  width: 30% !important;
  padding: 10px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  transition: background-color 0.3s; }
  .button:hover {
    text-decoration: none; }
  .button.purple {
    color: white;
    background-color: #4d45b1; }
    .button.purple:hover {
      background-color: #5f57be; }
  .button.box-shadow {
    box-shadow: 0 0 4px 0 rgba(149, 149, 149, 0.5); }

.form-wrapper {
  width: 70%;
  height: 40px;
  display: inline-block; }
  .form-wrapper label {
    color: #617692;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    margin-top: 10rem; }
  .form-wrapper input {
    width: 100%;
    height: 30px;
    padding: 4px 5px;
    border-radius: 4px;
    color: #242424;
    float: left;
    border: 1px solid #BBBBBB;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: border-color 0.2s; }
    .form-wrapper input:focus {
      border-color: #4A90E2; }
  .form-wrapper input[type=submit] {
    border: 0; }
  .form-wrapper button.button {
    position: absolute;
    right: 0;
    top: 0;
    overflow: visible;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 125px; }
  .form-wrapper button::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .form-wrapper .session {
    margin-left: 1rem; }

.payment-report {
  padding: 0rem 2rem 2rem 2rem; }
  .payment-report .content-header {
    margin-bottom: 2rem !important; }

.div-table, .div-table-payments, .div-table-school {
  font-size: 1.5vmin !important;
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0 5px;
  border: 1px solid transparent; }
  .div-table.order_info, .div-table-payments.order_info, .div-table-school.order_info {
    background-color: #f5f7fa;
    border-radius: 0.4rem;
    width: 100%; }
    .div-table.order_info .tr:hover, .div-table-payments.order_info .tr:hover, .div-table-school.order_info .tr:hover {
      background-color: #f5f7fa;
      border: 0px solid #f5f7fa;
      border-top: 0px solid #f5f7fa;
      height: 0rem; }
  .div-table.order_subinfo, .div-table-payments.order_subinfo, .div-table-school.order_subinfo {
    background-color: #ffffff;
    width: 40%; }
    .div-table.order_subinfo .tr:hover, .div-table-payments.order_subinfo .tr:hover, .div-table-school.order_subinfo .tr:hover {
      background-color: #ffffff;
      border: 0px solid #ffffff;
      border-top: 0px solid #ffffff;
      height: 0rem; }
  .div-table.order_menu, .div-table-payments.order_menu, .div-table-school.order_menu {
    background-color: #ffffff;
    width: 30%; }
    .div-table.order_menu a, .div-table-payments.order_menu a, .div-table-school.order_menu a {
      color: gray;
      font-size: 1.6vmin;
      padding: 1rem 1.2rem;
      margin-left: -1.5rem; }
    .div-table.order_menu a:hover, .div-table.order_menu .clicked, .div-table-payments.order_menu a:hover, .div-table-payments.order_menu .clicked, .div-table-school.order_menu a:hover, .div-table-school.order_menu .clicked {
      color: #5653b2;
      font-size: 1.6vmin;
      padding: 1rem 1.2rem;
      background-color: #edecf7;
      border-radius: 0.4rem;
      margin-left: -1.5rem; }
    .div-table.order_menu .tr:hover, .div-table-payments.order_menu .tr:hover, .div-table-school.order_menu .tr:hover {
      background-color: #ffffff;
      border: 0px solid #ffffff;
      border-top: 0px solid #ffffff;
      height: 0rem; }

.div-table-payments {
  min-width: 600px; }
  .div-table-payments #group-status {
    width: 110px;
    height: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #112540;
    opacity: 1;
    display: inline-flex;
    padding-left: 0px; }
    .div-table-payments #group-status #rectangle {
      width: 10px;
      height: 10px;
      border-radius: 12px;
      opacity: 1;
      margin-top: 5px;
      margin-right: 5px; }
    .div-table-payments #group-status .red {
      background: red 0% 0% no-repeat padding-box; }
    .div-table-payments #group-status .green {
      background: #43B43A 0% 0% no-repeat padding-box; }
    .div-table-payments #group-status .gray {
      background: #D4DDEA 0% 0% no-repeat padding-box; }
    .div-table-payments #group-status .text {
      margin-left: 5px; }

.div-table-school {
  min-width: 80%; }

.div-table .tr,
.div-table-payments .tr,
.div-table-school .tr {
  display: table-row;
  min-width: 20%; }

.div-table .thead,
.div-table-payments .thead,
.div-table-school .thead {
  display: table-header-group; }

.div-table .td, .th,
.div-table-payments .td, .th,
.div-table-school .td, .th {
  display: table-cell;
  padding: 1rem 3rem;
  font-size: 1.04rem; }

.div-table .thead,
.div-table-payments .thead,
.div-table-school .thead {
  display: table-header-group;
  font-weight: bold; }

.div-table .tfoot,
.div-table-payments .tfoot,
.div-table-school .tfoot {
  display: table-footer-group;
  font-weight: bold; }

.div-table .tbody,
.div-table-payments .tbody,
.div-table-school .tbody {
  display: table-row-group; }

.div-table, .div-table-payments, .div-table-school {
  font-size: 1rem;
  cursor: default;
  width: 100%; }

.div-table .th,
.div-table .td,
.div-table-payments .th,
.div-table-payments .td,
.div-table-school .th,
.div-table-school .td {
  padding: 1.5rem 1.5rem 1.5rem 0; }

.div-table .tr,
.div-table-payments .tr,
.div-table-school .tr {
  height: 2rem; }

.div-table .tr:hover,
.div-table-payments .tr:hover,
.div-table-school .tr:hover {
  background-color: whitesmoke;
  border: 0px solid whitesmoke;
  border-top: 0px solid whitesmoke;
  height: 2rem; }

.payment-history {
  margin: 20px 0 40px; }

.versions tbody {
  display: block;
  overflow: auto;
  height: 200px; }
.versions thead {
  display: block;
  width: auto; }
.versions tbody tr td {
  width: 90px; }

table.history {
  width: 400px;
  margin-top: 10px; }
  table.history tr:nth-child(odd) {
    background-color: #e4efff; }
  table.history th {
    padding: 10px; }

.table-horizontal-scroll {
  overflow: auto;
  white-space: nowrap; }

#maintenance_msg {
  width: 50em;
  margin: 20px auto;
  line-height: 128%; }
  #maintenance_msg h3 {
    color: #003366;
    margin: 0 0 10px; }
  #maintenance_msg p {
    margin: 0 0 8px; }
  #maintenance_msg ul {
    list-style: circle;
    margin: 2em; }
    #maintenance_msg ul li {
      margin: 5px 0; }
  #maintenance_msg #sign {
    text-align: center;
    border-top: 1px solid #555;
    padding-top: 1em; }
  #maintenance_msg #amco {
    font-size: 1.5em;
    color: #003366; }

#flash, #messages {
  width: 100%; }

.info {
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px 10px 10px 0px;
  line-height: 1.2em;
  margin-bottom: 1em;
  padding: .5em .8em;
  border: 1px solid #ccc;
  color: #336633;
  background-color: #E0F5E1;
  border-color: #295c29; }

.warning {
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px 10px 10px 0px;
  line-height: 1.2em;
  margin-bottom: 1em;
  padding: .5em .8em;
  border: 1px solid #ccc;
  color: #dd6600;
  background-color: #ffff99;
  border-color: #d35c00; }

.error {
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px 10px 10px 0px;
  line-height: 1.2em;
  margin-bottom: 1em;
  padding: .5em .8em;
  border: 1px solid #ccc;
  font-weight: bold;
  color: #aa0000;
  background-color: #ffaaaa;
  border-color: #a00000; }

.info-login {
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px 8px 8px 8px;
  margin-bottom: 2rem;
  padding: 0.5rem;
  background-color: #F0F4FE;
  font-family: roboto;
  display: flex; }
  .info-login .body {
    height: 90%;
    width: 100%; }
    .info-login .body .flash-icon {
      float: left;
      width: 10%; }
    .info-login .body .message {
      float: left;
      width: 80%; }
      .info-login .body .message .title-message {
        color: #3647A4;
        font-weight: bold;
        font-size: 1rem; }
      .info-login .body .message .text-message {
        height: 80%;
        font-size: 1rem;
        color: #3647A4;
        letter-spacing: 0px; }
    .info-login .body .flash-icon-close {
      float: right;
      padding: 2rem;
      width: 10% !important; }

.warning-login {
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px 8px 8px 8px;
  margin-bottom: 2rem;
  padding: 0.5rem;
  background-color: #F0F4FE;
  font-family: roboto;
  display: flex; }
  .warning-login .body {
    height: 90%;
    width: 100%; }
    .warning-login .body .flash-icon {
      float: left;
      width: 10%; }
    .warning-login .body .message {
      float: left;
      width: 80%; }
      .warning-login .body .message .title-message {
        color: #3647A4;
        font-weight: bold;
        font-size: 1rem; }
      .warning-login .body .message .text-message {
        height: 80%;
        font-size: 1rem;
        color: #3647A4;
        letter-spacing: 0px; }
    .warning-login .body .flash-icon-close {
      float: right;
      padding: 2rem;
      width: 10% !important; }

.error-login {
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px 8px 8px 8px;
  margin-bottom: 2rem;
  padding: 0.5rem;
  background-color: #F0F4FE;
  font-family: roboto;
  display: flex;
  background-color: #FCE8E9; }
  .error-login .body {
    height: 90%;
    width: 100%; }
    .error-login .body .flash-icon {
      float: left;
      width: 10%; }
    .error-login .body .message {
      float: left;
      width: 80%; }
      .error-login .body .message .title-message {
        color: #3647A4;
        font-weight: bold;
        font-size: 1rem; }
      .error-login .body .message .text-message {
        height: 80%;
        font-size: 1rem;
        color: #3647A4;
        letter-spacing: 0px; }
    .error-login .body .flash-icon-close {
      float: right;
      padding: 2rem;
      width: 10% !important; }
  .error-login .body .message .title-message {
    color: #B82020; }
  .error-login .body .message .text-message {
    color: #B82020; }

.error-login-inputs input.text {
  background-color: #FCE8E9;
  border: 2px solid #B82020 !important; }

.success-login {
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px 8px 8px 8px;
  margin-bottom: 2rem;
  padding: 0.5rem;
  background-color: #F0F4FE;
  font-family: roboto;
  display: flex; }
  .success-login .body {
    height: 90%;
    width: 100%; }
    .success-login .body .flash-icon {
      float: left;
      width: 10%; }
    .success-login .body .message {
      float: left;
      width: 80%; }
      .success-login .body .message .title-message {
        color: #3647A4;
        font-weight: bold;
        font-size: 1rem; }
      .success-login .body .message .text-message {
        height: 80%;
        font-size: 1rem;
        color: #3647A4;
        letter-spacing: 0px; }
    .success-login .body .flash-icon-close {
      float: right;
      padding: 2rem;
      width: 10% !important; }

#flash-dashboard {
  padding-left: 1rem;
  width: 100% !important;
  padding-bottom: 0rem; }

.success-dashboard, .error-dashboard {
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px 8px 8px 8px;
  margin-bottom: 2rem;
  padding: 0.5rem;
  background-color: #F0F4FE;
  font-family: roboto;
  display: flex;
  background-color: #E3FCED;
  display: flex;
  font-family: 'Roboto', sans-serif;
  padding: 0.5rem 0.5rem; }
  .success-dashboard .body, .error-dashboard .body {
    height: 90%;
    width: 100%; }
    .success-dashboard .body .flash-icon, .error-dashboard .body .flash-icon {
      float: left;
      width: 10%; }
    .success-dashboard .body .message, .error-dashboard .body .message {
      float: left;
      width: 80%; }
      .success-dashboard .body .message .title-message, .error-dashboard .body .message .title-message {
        color: #3647A4;
        font-weight: bold;
        font-size: 1rem; }
      .success-dashboard .body .message .text-message, .error-dashboard .body .message .text-message {
        height: 80%;
        font-size: 1rem;
        color: #3647A4;
        letter-spacing: 0px; }
    .success-dashboard .body .flash-icon-close, .error-dashboard .body .flash-icon-close {
      float: right;
      padding: 2rem;
      width: 10% !important; }
  .success-dashboard .body .flash-icon, .error-dashboard .body .flash-icon {
    padding: 0.15rem; }
  .success-dashboard .body .message, .error-dashboard .body .message {
    float: left !important;
    width: 75% !important; }
    .success-dashboard .body .message .title-message, .error-dashboard .body .message .title-message {
      font-size: 1.4vmin;
      color: #197741; }
    .success-dashboard .body .message .text-message, .error-dashboard .body .message .text-message {
      font-size: 1rem;
      color: #197741; }
  .success-dashboard .body .flash-icon-close, .error-dashboard .body .flash-icon-close {
    padding: 0rem 0rem; }
    .success-dashboard .body .flash-icon-close .icon, .error-dashboard .body .flash-icon-close .icon {
      float: right; }

.error-dashboard {
  background-color: #FCE8E9; }
  .error-dashboard .body .message .title-message {
    color: #B82020; }
  .error-dashboard .body .message .text-message {
    color: #B82020; }

.recovery-form {
  width: 100%; }
  .recovery-form .button {
    font-size: 1rem; }
  .recovery-form input {
    width: 70%;
    height: 30px;
    padding: 4px 5px;
    border-radius: 4px;
    color: #242424;
    transition: border-color 0.2s; }
    .recovery-form input:focus {
      border-color: #4A90E2; }

.reference {
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px 10px 10px 0px;
  line-height: 1.2em;
  margin-bottom: 1em;
  padding: .5em .8em;
  border: 1px solid #ccc;
  color: #626247;
  background-color: #EAEACF;
  border-color: #a6a68b; }
  .reference > * {
    margin-left: 0.3em; }
  .reference > *:first-child {
    margin-left: 0;
    font-weight: bold; }

.important {
  font-weight: bolder; }

.caption {
  font-size: smaller;
  font-style: italic; }

#ssl_seal {
  text-align: center; }

#copyright_notice {
  float: right; }

#help_tab {
  top: -10em;
  position: absolute;
  cursor: pointer;
  background-color: #39B53C;
  border: 3px solid white;
  color: white;
  font-weight: bold;
  font-size: 105%;
  border-top: 0;
  padding: .7em;
  text-decoration: none;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0;
  border-radius: 0 0 10px 10px;
  -moz-box-shadow: #001235, 5px, 5px, 15px;
  -webkit-box-shadow: #001235, 5px, 5px, 15px;
  box-shadow: #001235, 5px, 5px, 15px;
  z-index: 100;
  display: none; }

span.hint {
  color: gray; }

.dimmed {
  color: #c6c6c6 !important; }

.clearfix {
  overflow: hidden;
  display: inline-block; }
  .clearfix {
    display: block; }

.clear {
  clear: both; }

#version {
  position: absolute;
  top: 53px;
  left: 128px; }

.negative {
  color: #C00; }

.notice {
  display: none; }

.hidden {
  display: none; }

.select2-result-label li {
  background-color: #e4efff; }

#content p {
  margin: 10px 0; }

.order_request_note label {
  display: block; }

form.simple_form.bundle {
  height: 300px; }

.student-payments-download-reports {
  display: grid;
  grid-template-columns: 1fr 1fr; }
  .student-payments-download-reports #student-report-btn, .student-payments-download-reports #printer {
    display: flex;
    justify-content: right;
    align-items: center;
    margin-left: 2rem; }
  .student-payments-download-reports #student-report-btn {
    float: left;
    color: white;
    font-size: 1rem !important;
    padding: 1.3vmin;
    background-color: #5653b2;
    border-radius: 0.4rem;
    margin-left: 0.2rem; }
    .student-payments-download-reports #student-report-btn a {
      text-decoration: none;
      color: white;
      cursor: pointer; }
    .student-payments-download-reports #student-report-btn a:hover {
      color: white; }
  .student-payments-download-reports #printer .svg-printer-icon {
    background-color: #e5e4fb;
    border-radius: 0.4rem;
    font-size: 1.3vmin;
    padding: 1.4vmin;
    margin-bottom: -0.32rem; }

.students-payments-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 0.25rem;
  width: 100%; }
  .students-payments-header .students-filter-data {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; }
  .students-payments-header .student-payments-download-reports {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end; }

.forgot_password {
  text-align: center; }

.forgot_password a {
  float: none !important; }

.password-field {
  position: relative; }

.password-field::after {
  content: "";
  position: absolute;
  left: 68%;
  top: 35px;
  bottom: 0;
  width: 24px;
  height: 24px;
  background: url(/assets/extranet/icons/menu/password_gray-18e6c22eb00eae176cc90b55950bcd9c7e93f9851d611cd1686ded2477c569d7.svg); }