@charset "UTF-8";
/*
*
* Code Standard : http://codeguide.co/
* BEM Naming Convention : [BLOCK]__[ELEMENT]—[MODIFIER]
*
* https://www.lullabot.com/articles/bem-atomic-design-a-css-architecture-worth-loving
* https://seesparkbox.com/foundry/thoughtful_css_architecture
*
* 
* base - functions ( don't output css )
* atom - simple base elements, no parent
* molecule - simple module ( three to ten lines of HTML is likely a molecule )
* organism - complex module ( more than ten lines of html ) 
* template - re-used many times, ex.: list page, detail page ... 
* page - used only once 
*/
/*
*
* define size for object
* if height is omitted object will be a square, same height as width value
*/
/*
*
* Set background image on object using css
*/
/*
*
* Set background image on object, image url not included expected in html
*
*/
/*
*
* Remove list style
*
*/
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none; }

/*
*
* Add pseudo-element
* $element: before, after
*/
/*
*
* show bs grid on body:hover by breakpoint
*
*/
/*
*
* convert PX to EM based on font-size base size
*
*/
/*
*
* define font and line-height size in EM's and fallback PX's given values in PX's
*
*/
/*
*
* define z-index according to list
*
*/
.m-0, .readonly .output-text, .readonly .field-appcriteriaobservation-observation p {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2, .clearRadio,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5, .error-summary {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.m-6 {
  margin: 4.5rem !important; }

.mt-6,
.my-6 {
  margin-top: 4.5rem !important; }

.mr-6,
.mx-6 {
  margin-right: 4.5rem !important; }

.mb-6,
.my-6 {
  margin-bottom: 4.5rem !important; }

.ml-6,
.mx-6 {
  margin-left: 4.5rem !important; }

.m-7 {
  margin: 5rem !important; }

.mt-7,
.my-7 {
  margin-top: 5rem !important; }

.mr-7,
.mx-7 {
  margin-right: 5rem !important; }

.mb-7,
.my-7 {
  margin-bottom: 5rem !important; }

.ml-7,
.mx-7 {
  margin-left: 5rem !important; }

.m-8 {
  margin: 6.5rem !important; }

.mt-8,
.my-8 {
  margin-top: 6.5rem !important; }

.mr-8,
.mx-8 {
  margin-right: 6.5rem !important; }

.mb-8,
.my-8 {
  margin-bottom: 6.5rem !important; }

.ml-8,
.mx-8 {
  margin-left: 6.5rem !important; }

.m-9 {
  margin: 8rem !important; }

.mt-9,
.my-9 {
  margin-top: 8rem !important; }

.mr-9,
.mx-9 {
  margin-right: 8rem !important; }

.mb-9,
.my-9 {
  margin-bottom: 8rem !important; }

.ml-9,
.mx-9 {
  margin-left: 8rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4, .error-summary {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.p-6 {
  padding: 4.5rem !important; }

.pt-6,
.py-6 {
  padding-top: 4.5rem !important; }

.pr-6,
.px-6 {
  padding-right: 4.5rem !important; }

.pb-6,
.py-6 {
  padding-bottom: 4.5rem !important; }

.pl-6,
.px-6 {
  padding-left: 4.5rem !important; }

.p-7 {
  padding: 5rem !important; }

.pt-7,
.py-7 {
  padding-top: 5rem !important; }

.pr-7,
.px-7 {
  padding-right: 5rem !important; }

.pb-7,
.py-7 {
  padding-bottom: 5rem !important; }

.pl-7,
.px-7 {
  padding-left: 5rem !important; }

.p-8 {
  padding: 6.5rem !important; }

.pt-8,
.py-8 {
  padding-top: 6.5rem !important; }

.pr-8,
.px-8 {
  padding-right: 6.5rem !important; }

.pb-8,
.py-8 {
  padding-bottom: 6.5rem !important; }

.pl-8,
.px-8 {
  padding-left: 6.5rem !important; }

.p-9 {
  padding: 8rem !important; }

.pt-9,
.py-9 {
  padding-top: 8rem !important; }

.pr-9,
.px-9 {
  padding-right: 8rem !important; }

.pb-9,
.py-9 {
  padding-bottom: 8rem !important; }

.pl-9,
.px-9 {
  padding-left: 8rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .m-sm-6 {
    margin: 4.5rem !important; }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 4.5rem !important; }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 4.5rem !important; }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 4.5rem !important; }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 4.5rem !important; }
  .m-sm-7 {
    margin: 5rem !important; }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 5rem !important; }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 5rem !important; }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 5rem !important; }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 5rem !important; }
  .m-sm-8 {
    margin: 6.5rem !important; }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 6.5rem !important; }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 6.5rem !important; }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 6.5rem !important; }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 6.5rem !important; }
  .m-sm-9 {
    margin: 8rem !important; }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: 8rem !important; }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: 8rem !important; }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 8rem !important; }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: 8rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .p-sm-6 {
    padding: 4.5rem !important; }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 4.5rem !important; }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 4.5rem !important; }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 4.5rem !important; }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 4.5rem !important; }
  .p-sm-7 {
    padding: 5rem !important; }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 5rem !important; }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 5rem !important; }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 5rem !important; }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 5rem !important; }
  .p-sm-8 {
    padding: 6.5rem !important; }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 6.5rem !important; }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 6.5rem !important; }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 6.5rem !important; }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 6.5rem !important; }
  .p-sm-9 {
    padding: 8rem !important; }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: 8rem !important; }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: 8rem !important; }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 8rem !important; }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: 8rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .m-md-6 {
    margin: 4.5rem !important; }
  .mt-md-6,
  .my-md-6 {
    margin-top: 4.5rem !important; }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 4.5rem !important; }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 4.5rem !important; }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 4.5rem !important; }
  .m-md-7 {
    margin: 5rem !important; }
  .mt-md-7,
  .my-md-7 {
    margin-top: 5rem !important; }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 5rem !important; }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 5rem !important; }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 5rem !important; }
  .m-md-8 {
    margin: 6.5rem !important; }
  .mt-md-8,
  .my-md-8 {
    margin-top: 6.5rem !important; }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 6.5rem !important; }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 6.5rem !important; }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 6.5rem !important; }
  .m-md-9 {
    margin: 8rem !important; }
  .mt-md-9,
  .my-md-9 {
    margin-top: 8rem !important; }
  .mr-md-9,
  .mx-md-9 {
    margin-right: 8rem !important; }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: 8rem !important; }
  .ml-md-9,
  .mx-md-9 {
    margin-left: 8rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .p-md-6 {
    padding: 4.5rem !important; }
  .pt-md-6,
  .py-md-6 {
    padding-top: 4.5rem !important; }
  .pr-md-6,
  .px-md-6 {
    padding-right: 4.5rem !important; }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 4.5rem !important; }
  .pl-md-6,
  .px-md-6 {
    padding-left: 4.5rem !important; }
  .p-md-7 {
    padding: 5rem !important; }
  .pt-md-7,
  .py-md-7 {
    padding-top: 5rem !important; }
  .pr-md-7,
  .px-md-7 {
    padding-right: 5rem !important; }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 5rem !important; }
  .pl-md-7,
  .px-md-7 {
    padding-left: 5rem !important; }
  .p-md-8 {
    padding: 6.5rem !important; }
  .pt-md-8,
  .py-md-8 {
    padding-top: 6.5rem !important; }
  .pr-md-8,
  .px-md-8 {
    padding-right: 6.5rem !important; }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 6.5rem !important; }
  .pl-md-8,
  .px-md-8 {
    padding-left: 6.5rem !important; }
  .p-md-9 {
    padding: 8rem !important; }
  .pt-md-9,
  .py-md-9 {
    padding-top: 8rem !important; }
  .pr-md-9,
  .px-md-9 {
    padding-right: 8rem !important; }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: 8rem !important; }
  .pl-md-9,
  .px-md-9 {
    padding-left: 8rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .m-lg-6 {
    margin: 4.5rem !important; }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 4.5rem !important; }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 4.5rem !important; }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 4.5rem !important; }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 4.5rem !important; }
  .m-lg-7 {
    margin: 5rem !important; }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 5rem !important; }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 5rem !important; }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 5rem !important; }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 5rem !important; }
  .m-lg-8 {
    margin: 6.5rem !important; }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 6.5rem !important; }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 6.5rem !important; }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 6.5rem !important; }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 6.5rem !important; }
  .m-lg-9 {
    margin: 8rem !important; }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: 8rem !important; }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 8rem !important; }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 8rem !important; }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 8rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .p-lg-6 {
    padding: 4.5rem !important; }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 4.5rem !important; }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 4.5rem !important; }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 4.5rem !important; }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 4.5rem !important; }
  .p-lg-7 {
    padding: 5rem !important; }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 5rem !important; }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 5rem !important; }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 5rem !important; }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 5rem !important; }
  .p-lg-8 {
    padding: 6.5rem !important; }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 6.5rem !important; }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 6.5rem !important; }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 6.5rem !important; }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 6.5rem !important; }
  .p-lg-9 {
    padding: 8rem !important; }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: 8rem !important; }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: 8rem !important; }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 8rem !important; }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: 8rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .m-xl-6 {
    margin: 4.5rem !important; }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 4.5rem !important; }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 4.5rem !important; }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 4.5rem !important; }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 4.5rem !important; }
  .m-xl-7 {
    margin: 5rem !important; }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 5rem !important; }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 5rem !important; }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 5rem !important; }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 5rem !important; }
  .m-xl-8 {
    margin: 6.5rem !important; }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 6.5rem !important; }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 6.5rem !important; }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 6.5rem !important; }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 6.5rem !important; }
  .m-xl-9 {
    margin: 8rem !important; }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: 8rem !important; }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 8rem !important; }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 8rem !important; }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 8rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .p-xl-6 {
    padding: 4.5rem !important; }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 4.5rem !important; }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 4.5rem !important; }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 4.5rem !important; }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 4.5rem !important; }
  .p-xl-7 {
    padding: 5rem !important; }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 5rem !important; }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 5rem !important; }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 5rem !important; }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 5rem !important; }
  .p-xl-8 {
    padding: 6.5rem !important; }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 6.5rem !important; }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 6.5rem !important; }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 6.5rem !important; }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 6.5rem !important; }
  .p-xl-9 {
    padding: 8rem !important; }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: 8rem !important; }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: 8rem !important; }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 8rem !important; }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: 8rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

@font-face {
  font-family: 'Bebas Neue';
  src: url("../fonts//bebasneue/BebasNeue-Thin.eot"), url("../fonts//bebasneue/BebasNeue-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts//bebasneue/BebasNeue-Thin.woff2") format("woff2"), url("../fonts//bebasneue/BebasNeue-Thin.woff") format("woff"), url("../fonts//bebasneue/BebasNeue-Thin.ttf") format("truetype"), url("../fonts//bebasneue/BebasNeue-Thin.svg#BebasNeue-Thin") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Bebas Neue';
  src: url("../fonts//bebasneue/BebasNeueLight.eot"), url("../fonts//bebasneue/BebasNeueLight.eot?#iefix") format("embedded-opentype"), url("../fonts//bebasneue/BebasNeueLight.woff2") format("woff2"), url("../fonts//bebasneue/BebasNeueLight.woff") format("woff"), url("../fonts//bebasneue/BebasNeueLight.ttf") format("truetype"), url("../fonts//bebasneue/BebasNeueLight.svg#BebasNeueLight") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Bebas Neue';
  src: url("../fonts//bebasneue/BebasNeueBold.eot"), url("../fonts//bebasneue/BebasNeueBold.eot?#iefix") format("embedded-opentype"), url("../fonts//bebasneue/BebasNeueBold.woff2") format("woff2"), url("../fonts//bebasneue/BebasNeueBold.woff") format("woff"), url("../fonts//bebasneue/BebasNeueBold.ttf") format("truetype"), url("../fonts//bebasneue/BebasNeueBold.svg#BebasNeueBold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Bebas Neue Book';
  src: url("../fonts//bebasneue/BebasNeueBook.eot"), url("../fonts//bebasneue/BebasNeueBook.eot?#iefix") format("embedded-opentype"), url("../fonts//bebasneue/BebasNeueBook.woff2") format("woff2"), url("../fonts//bebasneue/BebasNeueBook.woff") format("woff"), url("../fonts//bebasneue/BebasNeueBook.ttf") format("truetype"), url("../fonts//bebasneue/BebasNeueBook.svg#BebasNeueBook") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Bebas Neue';
  src: url("../fonts//bebasneue/BebasNeueRegular.eot"), url("../fonts//bebasneue/BebasNeueRegular.eot?#iefix") format("embedded-opentype"), url("../fonts//bebasneue/BebasNeueRegular.woff2") format("woff2"), url("../fonts//bebasneue/BebasNeueRegular.woff") format("woff"), url("../fonts//bebasneue/BebasNeueRegular.ttf") format("truetype"), url("../fonts//bebasneue/BebasNeueRegular.svg#BebasNeueRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fpf-icons';
  src: url("../fonts//fpf/fpf-icons.eot?55hi9q");
  src: url("../fonts//fpf/fpf-icons.eot?55hi9q#iefix") format("embedded-opentype"), url("../fonts//fpf/fpf-icons.ttf?55hi9q") format("truetype"), url("../fonts//fpf/fpf-icons.woff?55hi9q") format("woff"), url("../fonts//fpf/fpf-icons.svg?55hi9q#fpf-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="i-"], [class*=" i-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fpf-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.i-lock:before, .icon-lock:before {
  content: "\e90b"; }

.i-open:before, .icon-open:before {
  content: "\e90c"; }

.i-eye:before, .icon-eye:before, .panel-body .viewAction:before {
  content: "\e90a"; }

.i-star:before, .icon-star:before {
  content: "\e909"; }

.i-hexagon:before, .icon-hexagon:before {
  content: "\e908"; }

.i-check:before, .icon-check:before {
  content: "\e907"; }

.i-search:before, .icon-search:before {
  content: "\e904";
  color: #000; }

.i-arrow:before, .icon-arrow:before {
  content: "\e905"; }

.i-download:before, .icon-download:before {
  content: "\e906"; }

.i-cog:before, .icon-settings:before {
  content: "\e900"; }

.i-close:before, .icon-close:before, .panel-body .deleteAction:before {
  content: "\e901";
  color: #000; }

.i-edit:before, .icon-edit:before, .panel-body .updateAction:before {
  content: "\e902";
  color: #000; }

.i-logout:before, .icon-logout:before {
  content: "\e903"; }

@-webkit-keyframes blinkr {
  from {
    background-color: rgba(231, 56, 39, 0); }
  50% {
    background-color: rgba(231, 56, 39, 0.2); }
  to {
    background-color: rgba(231, 56, 39, 0); } }

@-webkit-keyframes blinkDot {
  from {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  to {
    -webkit-transform: scale(0);
            transform: scale(0); } }

pre {
  margin-bottom: 0;
  display: none; }

body {
  overflow-x: hidden; }

.bgi {
  display: block;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  width: 100%; }

.bgi--16x9 {
  display: block;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  padding: 56.25% 0 0 0; }

.bgi--4x3 {
  display: block;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  padding: 75% 0 0 0; }

.bgi--1x3 {
  display: block;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  padding: 37.9% 0 0 0; }

.bg-xs--16x9 {
  display: block;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  padding: 56.25% 0 0 0; }

.bg-xs--4x3 {
  display: block;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  padding: 75% 0 0 0; }

@media (min-width: 576px) {
  .bg-sm--16x9 {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding: 56.25% 0 0 0; } }

@media (min-width: 576px) {
  .bg-sm--4x3 {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding: 75% 0 0 0; } }

@media (min-width: 768px) {
  .bg-md--16x9 {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding: 56.25% 0 0 0; } }

@media (min-width: 768px) {
  .bg-md--4x3 {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding: 75% 0 0 0; } }

@media (min-width: 992px) {
  .bg-lg--16x9 {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding: 56.25% 0 0 0; } }

@media (min-width: 992px) {
  .bg-lg--4x3 {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding: 75% 0 0 0; } }

@media (min-width: 1200px) {
  .bg-xl--16x9 {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding: 56.25% 0 0 0; } }

@media (min-width: 1200px) {
  .bg-xl--4x3 {
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding: 75% 0 0 0; } }

/* -- br responsive * -- */
@media (max-width: 575.98px) {
  .br-xs {
    display: block; } }

.br-xs-up {
  display: block; }

@media (max-width: 575.98px) {
  .br-xs-down {
    display: block; } }

@media (min-width: 576px) and (max-width: 767.98px) {
  .br-sm {
    display: block; } }

@media (min-width: 576px) {
  .br-sm-up {
    display: block; } }

@media (max-width: 767.98px) {
  .br-sm-down {
    display: block; } }

@media (min-width: 768px) and (max-width: 991.98px) {
  .br-md {
    display: block; } }

@media (min-width: 768px) {
  .br-md-up {
    display: block; } }

@media (max-width: 991.98px) {
  .br-md-down {
    display: block; } }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .br-lg {
    display: block; } }

@media (min-width: 992px) {
  .br-lg-up {
    display: block; } }

@media (max-width: 1199.98px) {
  .br-lg-down {
    display: block; } }

@media (min-width: 1200px) {
  .br-xl {
    display: block; } }

@media (min-width: 1200px) {
  .br-xl-up {
    display: block; } }

.br-xl-down {
  display: block; }

.required-symbol {
  display: inline;
  position: relative; }
  .required-symbol:before {
    display: inline-block;
    content: '* '; }

.icon-required {
  background-image: url( ../images/svg/asterisk.svg?v=4);
  background-position: center center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  width: 15px;
  height: 15px;
  display: inline-block; }

html {
  font-size: 100%; }

body {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 22px;
  font-family: "Bebas Neue", sans-serif; }

p, empty {
  margin-top: 12px;
  margin-bottom: 17px; }

.text-warning {
  color: #FC6E51 !important; }

a {
  position: relative;
  color: #E73827;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  text-decoration: underline; }
  a[href^="#"] {
    text-decoration: none; }
  a:hover, a:focus, a.active, a:active {
    text-decoration: none;
    color: #971d11;
    outline: none; }

b {
  display: block;
  margin-bottom: 20px; }

.title {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 54px;
  line-height: 3.375rem;
  position: relative;
  padding: 0 0 10px;
  margin: 0 0 15px;
  font-weight: bold; }
  .title:after {
    content: '';
    display: block;
    width: 50px;
    height: 0;
    margin-top: 0;
    border-top: 4px solid #e73827;
    border-right: 4px solid transparent; }

.standard-list li + li {
  margin-top: 12px; }

.standard-list.numbered {
  list-style: upper-roman; }

.field-ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap; }

.field {
  margin-right: 20px; }
  .field small {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Roboto", sans-serif;
    color: #666666; }
  .field h4, .field h5 {
    margin-bottom: 0;
    font-weight: bold; }
  .field .btn, .field .clearRadio {
    height: 100%; }
  .step_info .field {
    margin-bottom: 45px;
    -webkit-box-flex: 1;
            flex: 1 0 calc(25% - 10px); }

.description {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  line-height: 1rem;
  margin: 10px 0; }
  .description label {
    margin-bottom: 5px;
    font-weight: bold; }

.font-base, .readonly .subsub-wrapper > legend {
  font-family: "Roboto", sans-serif !important; }

.font-secondary, .card-dashboard.closed .card-dashboard__wrapper p, .closed.card-visit .card-dashboard__wrapper p, .card-dashboard.closed .card-visit--wrapper p, .closed.card-visit .card-visit--wrapper p {
  font-family: "Bebas Neue", sans-serif !important; }

.fx:after {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  display: block; }

.fx:after {
  background-image: url( ../images/fx.svg?v=4);
  background-position: center center;
  background-repeat: no-repeat;
  width: 120px;
  height: 200px;
  background-size: contain;
  position: absolute;
  bottom: -30px;
  right: -70px;
  pointer-events: none; }

.fx.flipped {
  -webkit-transform: scale(-1);
          transform: scale(-1); }

.r-45 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.bg-gray, .summary {
  background-color: #e6e6e6; }

.border-light {
  border-color: #979797 !important; }

button, .btn, .clearRadio {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 22px;
  line-height: 1.375rem;
  position: relative;
  padding-top: 10px;
  font-family: "Bebas Neue", sans-serif;
  font-weight: bold;
  text-decoration: none;
  background-color: #333333;
  border-radius: 0;
  border: none;
  cursor: pointer; }
  button:disabled, .btn:disabled, .clearRadio:disabled {
    cursor: not-allowed;
    background-color: #979797; }
  button-default, .btn-default {
    padding-right: 45px;
    background-color: white;
    color: #333333; }
    button-default:before, .btn-default:before {
      content: " ";
      width: 100%;
      height: 100%;
      position: absolute;
      display: block; }
    button-default:before, .btn-default:before {
      width: 30px;
      height: 100%;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 34px;
      line-height: 2.125rem;
      content: "›";
      top: 0;
      right: 0;
      font-family: "Roboto", sans-serif;
      font-weight: bold;
      color: white;
      background-color: #E73827; }
    button-default.search:before, .btn-default.search:before {
      content: "\e904";
      font-family: "fpf-icons", sans-serif;
      font-size: 17px;
      line-height: 41px; }
    button-default.btn-previous, .btn-default.btn-previous {
      padding-left: 45px;
      padding-right: 15px; }
      button-default.btn-previous:before, .btn-default.btn-previous:before {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
        right: auto;
        left: 0; }
    button-default:hover, .btn-default:hover {
      background-color: #E73827;
      color: white; }
    button-default:focus, .btn-default:focus {
      box-shadow: 0 0 0 0.2rem rgba(231, 56, 39, 0.25); }
  button-plus:before, .btn-plus:before {
    content: '+';
    font-weight: lighter; }
  button-success, .btn-success {
    background-color: #4AAF51;
    color: white !important; }
  button-info, .btn-info {
    background-color: #3E7EAF; }
    button-info-dark, .btn-info-dark {
      background-color: #3B5998; }
  button-erlog, .btn-erlog {
    background-color: darkorange;
    color: #333333; }
  button-danger, button.close, .btn-danger, .clearRadio, .btn.close, .close.clearRadio {
    background-color: #E73827; }
    button-danger.btn-xs, button.close.btn-xs, .btn-danger.btn-xs, .btn-xs.clearRadio, .btn.close.btn-xs, .close.btn-xs.clearRadio {
      padding: 4px; }
    button-danger .icon-remove, button.close .icon-remove, .btn-danger .icon-remove, .clearRadio .icon-remove, .btn.close .icon-remove, .close.clearRadio .icon-remove {
      width: 16px;
      height: 26px;
      display: block;
      position: relative; }
      button-danger .icon-remove:before, button.close .icon-remove:before, .btn-danger .icon-remove:before, .clearRadio .icon-remove:before, .btn.close .icon-remove:before, .close.clearRadio .icon-remove:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        display: block; }
      button-danger .icon-remove:before, button.close .icon-remove:before, .btn-danger .icon-remove:before, .clearRadio .icon-remove:before, .btn.close .icon-remove:before, .close.clearRadio .icon-remove:before {
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 26px;
        line-height: 1.625rem;
        content: "×";
        top: 0;
        right: 0;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        color: white; }

.clearRadio {
  padding: 5px 10px 2px;
  left: 19px;
  color: white; }

.download:after {
  content: " ";
  width: 35px;
  height: 48px;
  position: absolute;
  display: block; }

.download:after {
  background-image: url( ../images/download-pdf.svg?v=4);
  background-position: center center;
  background-repeat: no-repeat; }

.i-only, .table .icon {
  width: 25px;
  height: 25px;
  display: block;
  position: relative;
  text-decoration: none;
  text-align: center;
  padding: 2px; }

.icon:before {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20px;
  line-height: 1.25rem;
  color: #E73827;
  font-family: "fpf-icons", sans-serif;
  font-style: normal;
  text-decoration: none; }

.header-main {
  font-family: "Bebas Neue", sans-serif;
  -webkit-transition: top .3s ease-in-out;
  transition: top .3s ease-in-out;
  overflow: hidden;
  background-color: #fff; }
  .header-main--content {
    border-bottom: 3px solid #E73827; }
  .header-main a[href='/'] {
    text-decoration: none; }
  .header-main-logo {
    padding-right: 16px;
    padding-top: 14px; }
    .header-main-logo + p {
      position: relative;
      padding-left: 16px;
      top: 14px;
      border-left: 1px solid #8c8c8c;
      display: inline-block;
      max-width: 150px; }
  .header-main-desc {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #333333;
    font-weight: bold; }
  .header-main-info {
    position: relative;
    padding-left: 0;
    background-color: #E73827;
    color: white; }
    .header-main-info:before, .header-main-info:after {
      position: absolute;
      content: " ";
      display: block;
      top: 0;
      height: 100%;
      z-index: -1; }
    .header-main-info:before {
      width: 30px;
      left: -45px;
      -webkit-transform: skewX(-10deg);
              transform: skewX(-10deg);
      background-color: white;
      z-index: 2; }
    .header-main-info:after {
      left: -30px;
      width: 130vh;
      background-color: #E73827;
      z-index: 0; }
  .header-main .entity {
    position: relative;
    padding-top: 14px; }
    .header-main .entity-name {
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 24px;
      line-height: 1.5rem;
      font-weight: bold;
      margin-bottom: 0; }
    .header-main .entity-manager {
      font-size: 16px;
      font-size: 1rem;
      line-height: 24px;
      line-height: 1.5rem;
      margin-top: 0;
      margin-bottom: 4px; }
    .header-main .entity-logo {
      width: 64px;
      height: 84px;
      display: inline;
      float: left;
      margin-right: 16px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top center; }
  .header-main .season {
    position: relative;
    left: -30px;
    margin-bottom: 10px;
    padding-left: 35px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #333333;
    z-index: 1; }
    .header-main .season:before {
      position: absolute;
      content: " ";
      display: block;
      top: 0;
      height: 100%;
      width: 30px;
      right: -4px;
      -webkit-transform: skewX(-10deg);
              transform: skewX(-10deg);
      background-color: #333333;
      z-index: -1; }
    .header-main .season ~ .row {
      position: relative;
      z-index: 9; }
  .header-main .season-info {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px;
    line-height: 1.125rem;
    margin: 0;
    font-weight: bold; }
    .header-main .season-info span {
      font-size: 10px;
      font-size: 0.625rem;
      line-height: 15px;
      line-height: 0.9375rem;
      display: block;
      font-weight: normal;
      font-family: "Roboto", sans-serif; }
  .header-main .clock {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 14px;
    line-height: 0.875rem;
    font-family: "Roboto", sans-serif;
    margin: 0 0 0 12px; }
    .header-main .clock span {
      font-size: 36px;
      font-size: 2.25rem;
      line-height: 36px;
      line-height: 2.25rem;
      display: block;
      font-family: "Bebas Neue", sans-serif; }
  .header-main .session-timer {
    position: relative; }
    .header-main .session-timer-clock {
      margin: 0; }
      .header-main .session-timer-clock span {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 12px;
        line-height: 0.75rem;
        display: block;
        padding-bottom: 3px;
        font-family: "Roboto", sans-serif; }
      .header-main .session-timer-clock strong {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 36px;
        line-height: 2.25rem;
        display: block; }
    .header-main .session-timer-bar {
      position: relative;
      overflow: hidden;
      height: 6px;
      width: 100%;
      background-color: #333333; }
      .header-main .session-timer-bar .runner {
        position: absolute;
        display: block;
        top: 0;
        height: 100%;
        left: 0;
        background-color: white; }
    .header-main .session-timer-renew {
      background-image: url( ../images/refresh.svg?v=4);
      background-position: center center;
      background-repeat: no-repeat;
      width: 30px;
      height: 30px;
      background-size: contain;
      position: absolute;
      top: 10px;
      right: 0;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden; }
      .header-main .session-timer-renew:hover, .header-main .session-timer-renew:focus {
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
  .header-main .modality {
    position: absolute;
    right: 48%;
    bottom: -2px;
    padding: 5px 10px;
    margin: 1px;
    color: white;
    z-index: 1; }
    .header-main .modality:before {
      content: " ";
      width: 100%;
      height: 100%;
      position: absolute;
      display: block; }
    .header-main .modality:after {
      content: " ";
      width: 100%;
      height: 100%;
      position: absolute;
      display: block; }
    .header-main .modality:after {
      width: 10px;
      height: 100%;
      top: 0;
      right: -15px;
      -webkit-transform: skewX(-10deg);
              transform: skewX(-10deg); }
    .header-main .modality:before {
      top: 0;
      left: 0;
      border: 1px solid;
      -webkit-transform: skewX(-10deg);
              transform: skewX(-10deg);
      z-index: -1; }
    .header-main .modality.soccer:before, .header-main .modality.soccer:after {
      border-color: #4AAF51;
      background-color: #4AAF51; }
    .header-main .modality.futsal:before, .header-main .modality.futsal:after {
      border-color: #329dee;
      background-color: #329dee; }

.sub-menu {
  background-color: #333333; }
  .sub-menu a {
    color: white; }
    .sub-menu a:hover, .sub-menu a:focus {
      color: #E73827; }
    .sub-menu a.disabled {
      color: #979797; }
      .sub-menu a.disabled:hover {
        cursor: not-allowed; }

.footer-main {
  margin-top: 44px;
  background-color: #E5E5E5; }
  .footer-main a {
    padding: 0; }
  .footer-main-line-top {
    padding-top: 16px;
    padding-bottom: 16px;
    font-family: "Bebas Neue", sans-serif; }
    .footer-main-line-top h4 {
      margin: 0 0 10px 0;
      color: #666666; }
    .footer-main-line-top p {
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 45px;
      line-height: 2.8125rem;
      margin: 0; }
    .footer-main-line-top span {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 27px;
      line-height: 1.6875rem;
      display: block;
      color: #666666; }
    .footer-main-line-top a {
      font-size: 16px;
      font-size: 1rem;
      line-height: 24px;
      line-height: 1.5rem;
      display: block;
      padding: 6px 20px;
      color: #333333;
      font-family: "Roboto", sans-serif; }
    .footer-main-line-top ul {
      padding-top: 40px; }
    .footer-main-line-top .col .col + .col {
      border-left: 1px solid #979797; }
  .footer-main-line-bottom {
    color: white;
    background-color: #333333; }
    .footer-main-line-bottom a {
      font-size: 16px;
      font-size: 1rem;
      line-height: 24px;
      line-height: 1.5rem;
      display: block;
      padding: 6px 20px;
      color: #666666 !important;
      text-decoration: none; }
      .footer-main-line-bottom a:first-child {
        padding-left: 0; }
      .footer-main-line-bottom a:hover, .footer-main-line-bottom a:focus {
        color: #E73827 !important; }

.readonly .navigation-step--bar {
  display: none; }

.readonly .panel {
  margin-top: 20px; }

.radio-inline + .radio-inline {
  margin-left: 20px; }

label {
  position: relative; }

input[type*=file] {
  background-color: transparent;
  border: 1px solid #666666;
  border-radius: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer; }
  input[type*=file]:hover, input[type*=file]:focus {
    background-color: #666666;
    color: white; }

input, .form-control, select {
  border: 1px solid #979797;
  border-radius: 0 !important;
  padding: 4px 10px; }
  input:hover, input:active, .form-control:hover, .form-control:active, select:hover, select:active {
    color: #333333; }
  input:focus, input:visited, .form-control:focus, .form-control:visited, select:focus, select:visited {
    border-color: #2E4677;
    box-shadow: none; }

select, select.form-control {
  outline: 1px solid #979797;
  outline-offset: -1px;
  border: 0 !important; }
  select:focus, select.form-control:focus {
    outline: 1px solid #2E4677; }

.panel {
  border: 1px solid #666666;
  padding: 20px;
  padding-top: 0; }
  .panel p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Roboto", sans-serif;
    color: #666666; }
  #home-content-warns .panel {
    padding-top: 20px;
    border: none;
    background-color: #e6e6e6;
    margin-bottom: 20px; }
    #home-content-warns .panel legend {
      margin-bottom: 0; }
    #home-content-warns .panel .error-list {
      margin-bottom: 20px; }
      #home-content-warns .panel .error-list .fa-exclamation-triangle {
        color: #E73827; }

.panel-heading {
  width: 100%;
  margin-bottom: 20px; }
  .panel-heading .panel-title {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 20px;
    line-height: 1.25rem;
    position: relative;
    margin: 0 -21px;
    padding: 22px 0 8px 100px;
    font-weight: bold;
    background-color: #666666;
    color: white;
    top: -1px; }
    .panel-heading .panel-title p {
      margin-top: 20px; }
    .panel-heading .panel-title span, .panel-heading .panel-title i {
      margin-bottom: 0;
      font-family: "Bebas Neue", sans-serif;
      color: white; }
    .panel-heading .panel-title span {
      width: 0;
      height: 0;
      font-size: 0; }
    .panel-heading .panel-title i {
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 60px;
      line-height: 3.75rem;
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      height: 100%;
      padding-left: 15px;
      font-style: normal;
      font-weight: bold;
      text-align: center;
      background-color: white;
      z-index: 1; }
      .panel-heading .panel-title i:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        display: block; }
      .panel-heading .panel-title i:after {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        display: block; }
      .panel-heading .panel-title i:before, .panel-heading .panel-title i:after {
        width: 100%;
        height: 100%;
        z-index: -1;
        -webkit-transform: skewX(-10deg);
                transform: skewX(-10deg);
        top: 0; }
      .panel-heading .panel-title i:before {
        background-color: #E73827;
        -webkit-transform: skewX(-10deg);
                transform: skewX(-10deg);
        right: -5px; }
      .panel-heading .panel-title i:after {
        background-color: #c52516;
        right: -15px;
        z-index: -2; }

.panel-body .dd-list {
  padding: 0; }
  .panel-body .dd-list:last-child {
    margin-bottom: 20px; }

.panel-body .dd-content {
  padding: 5px 10px;
  border-bottom: 1px solid #979797;
  background-color: white; }
  .panel-body .dd-content > span {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
    color: #333333; }
    .panel-body .dd-content > span:first-child {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 22px;
      line-height: 1.375rem; }
  .panel-body .dd-content .name {
    color: #333333 !important;
    margin-left: 15px;
    position: relative; }
    .panel-body .dd-content .name:before {
      content: " ";
      width: 100%;
      height: 100%;
      position: absolute;
      display: block; }
    .panel-body .dd-content .name:before {
      content: "-";
      left: -10px;
      top: 0;
      bottom: 0;
      margin: auto; }
  .panel-body .dd-content:hover, .panel-body .dd-content:focus {
    background-color: #d8d8d8; }

.panel-body .updateAction, .panel-body .deleteAction, .panel-body .viewAction {
  width: 26px;
  height: 26px;
  display: inline-block;
  padding: 3px;
  margin: 0 5px !important;
  font-size: 0;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  background-size: 16px 16px;
  float: right; }
  .panel-body .updateAction:before, .panel-body .deleteAction:before, .panel-body .viewAction:before {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #E73827;
    font-family: "fpf-icons", sans-serif; }
  .panel-body .updateAction:hover:before, .panel-body .updateAction:focus:before, .panel-body .deleteAction:hover:before, .panel-body .deleteAction:focus:before, .panel-body .viewAction:hover:before, .panel-body .viewAction:focus:before {
    color: #333333; }

.panel-body h4 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "Roboto", sans-serif;
  font-weight: bold; }

.fieldset {
  padding: 20px !important;
  border: 1px solid #979797; }

.incomeElem, .expenseElem {
  margin-bottom: 20px;
  border-bottom: 1px solid #979797; }

.critHeading > legend {
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
  font-family: "Roboto", sans-serif; }
  .critHeading > legend:first-child {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 20px;
    line-height: 1.25rem;
    position: relative;
    padding: 25px 0 10px 15px;
    font-family: "Bebas Neue", sans-serif;
    font-weight: bold;
    letter-spacing: .8px;
    background-color: #E5E5E5; }
    .critHeading > legend:first-child span {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 14px;
      line-height: 0.875rem;
      position: absolute;
      top: 7px;
      font-family: "Roboto", sans-serif;
      font-weight: normal;
      color: #333333;
      visibility: visible; }
  .critHeading > legend span {
    visibility: hidden; }

.critHeading > p {
  padding: 0 15px; }

.critHeading + div legend {
  background-color: transparent !important; }

[id^=sub-] {
  border: 1px solid #E5E5E5;
  margin-bottom: 40px; }
  [id^=sub-] p {
    margin-bottom: 10px; }
  [id^=sub-] label {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
    color: black; }
    [id^=sub-] label + p {
      margin-top: 0; }
  [id^=sub-] .subsub:only-of-type .critHeading > legend {
    display: none; }
  [id^=sub-] .subsub:only-of-type .subsub-wrapper {
    margin: 0 -15px; }
  [id^=sub-] .subsub:only-of-type .fieldset-wrapper > legend {
    background-color: white; }
  [id^=sub-] .subsub:not(:only-of-type), [id^=sub-] #humanResource-grid-pjax {
    margin-bottom: 20px; }
    [id^=sub-] .subsub:not(:only-of-type) .subsub-wrapper, [id^=sub-] #humanResource-grid-pjax .subsub-wrapper {
      background-color: #E5E5E5;
      padding-bottom: 10px; }
      [id^=sub-] .subsub:not(:only-of-type) .subsub-wrapper .btn-success, [id^=sub-] #humanResource-grid-pjax .subsub-wrapper .btn-success {
        margin-bottom: 20px; }
    [id^=sub-] .subsub:not(:only-of-type) .btn-success, [id^=sub-] #humanResource-grid-pjax .btn-success {
      margin-bottom: 20px; }
    [id^=sub-] .subsub:not(:only-of-type) legend, [id^=sub-] #humanResource-grid-pjax legend {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 22px;
      line-height: 1.375rem;
      padding-bottom: 5px;
      font-family: "Roboto", sans-serif;
      font-weight: bold;
      border-bottom: 2px solid #333333;
      background-color: white;
      padding-left: 0; }
  [id^=sub-] .fieldset-wrapper {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #979797; }
    [id^=sub-] .fieldset-wrapper > legend {
      font-size: 16px;
      font-size: 1rem;
      line-height: 20px;
      line-height: 1.25rem;
      background-color: #E5E5E5;
      border: none;
      position: relative;
      left: -20px;
      width: auto;
      padding: 0 10px; }

.form-group {
  margin-bottom: 0; }
  .form-group > .form-group {
    margin-bottom: 10px; }
  .form-group:last-child > .form-group {
    margin-bottom: 0; }
  .form-group label:not([for^="AppTriage"]) {
    font-size: 16px;
    font-size: 1rem;
    position: relative;
    width: auto;
    max-width: 90%;
    margin-bottom: 0;
    padding-left: 50px; }
  .form-group label[for^="AppTriage"] {
    margin-right: 5px; }
  .form-group > label:not(:only-child) {
    padding-left: 0;
    font-weight: bold; }
  .form-group .checkbox-custom label {
    width: auto; }
  .form-group.required label:before {
    font-size: 30px;
    font-size: 1.875rem;
    content: '*';
    display: inline-block;
    position: relative;
    left: 0;
    top: 10px;
    color: #E73827;
    padding-right: 5px; }
    .screening-answer-wrapper .form-group.required label:before {
      display: none; }
  .form-group.has-danger {
    -webkit-animation: blinkr 1.5s ease-in-out infinite;
            animation: blinkr 1.5s ease-in-out infinite;
    padding: 5px; }
    .form-group.has-danger input, .form-group.has-danger select {
      border-color: #E73827; }
    .form-group.has-danger select, .form-group.has-danger select.form-control {
      outline: 1px solid #E73827; }
    .form-group.has-danger .help-block-error {
      color: white;
      font-weight: bold;
      background-color: #E73827;
      padding: 5px;
      white-space: pre-wrap; }

.field-loginform-_recaptcha label {
  font-size: 10px;
  font-size: 0.625rem;
  margin-bottom: 0; }

.pjax-wrapper {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #979797; }
  .pjax-wrapper h4, .pjax-wrapper a {
    margin-bottom: 0 !important; }
  .pjax-wrapper h4 {
    background-color: #CFCFCF;
    padding: 10px; }
  .pjax-wrapper:last-child {
    margin-bottom: 20px; }

.critRequired {
  background-color: rgba(50, 157, 238, 0.1);
  padding: 10px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  padding-left: 15px; }
  .critRequired[class*="file"] label {
    padding-left: 30px; }
  .critRequired label {
    padding-left: 15px;
    position: relative; }
    .critRequired label:after {
      content: " ";
      width: 100%;
      height: 100%;
      position: absolute;
      display: block; }
    .critRequired label.custom-label {
      padding-left: 50px; }
    .critRequired label:after {
      width: 10px;
      height: 10px;
      top: 0;
      left: 0;
      background-color: #329dee;
      border-radius: 100%;
      -webkit-animation: blinkDot 1.5s ease-in-out infinite;
              animation: blinkDot 1.5s ease-in-out infinite; }

.form-controls {
  bottom: -30px;
  -webkit-transition: bottom .3s ease;
  transition: bottom .3s ease; }
  .form-controls.controls-fixed {
    z-index: 2;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
    border: 1px solid #666666;
    border-top: 0;
    background-color: white;
    box-shadow: 0 -12px 18px -5px rgba(102, 102, 102, 0.3); }
    @media (min-width: 1200px) {
      .form-controls.controls-fixed {
        max-width: 1140px; } }
    @media (min-width: 992px) and (max-width: 1199.98px) {
      .form-controls.controls-fixed {
        max-width: 960px; } }
    @media (min-width: 768px) and (max-width: 991.98px) {
      .form-controls.controls-fixed {
        max-width: 720px; } }
    @media (min-width: 576px) and (max-width: 767.98px) {
      .form-controls.controls-fixed {
        max-width: 540px; } }
    @media (max-width: 767.98px) {
      .form-controls.controls-fixed {
        max-width: 540px; } }
  .form-controls--wrapper {
    border-radius: 0;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: white;
    margin-top: 20px;
    position: relative; }

ol {
  padding: 0 30px; }

.add-player, .readonly .field-name {
  margin: 0;
  margin-bottom: 10px;
  padding: 10px;
  padding-top: 0;
  border-bottom: 1px solid #666666;
  background-color: #E5E5E5; }
  .add-player a, .readonly .field-name a {
    bottom: 0;
    position: absolute; }

.summary {
  padding: 10px; }
  .summary b {
    display: inline-block;
    margin: 0; }

.pagination {
  margin: 10px 0; }
  .pagination a {
    font-family: "Bebas Neue", sans-serif;
    text-decoration: none;
    color: #333333;
    font-weight: bold; }
  .pagination li {
    position: relative;
    padding: 5px 10px;
    background-color: white;
    color: #333333;
    font-family: "Bebas Neue", sans-serif;
    cursor: pointer; }
    .pagination li.active {
      background-color: #E73827; }
      .pagination li.active a {
        color: white; }
    .pagination li:hover {
      background-color: #E73827; }
      .pagination li:hover a {
        color: white; }
  .pagination .prev, .pagination .next {
    background-color: #E73827; }
    .pagination .prev:before, .pagination .next:before {
      content: " ";
      width: 100%;
      height: 100%;
      position: absolute;
      display: block; }
    .pagination .prev a, .pagination .next a {
      color: white; }
    .pagination .prev:before, .pagination .next:before {
      border: 17px solid;
      top: 0;
      left: 0;
      width: 10px; }
  .pagination .prev:before {
    border-color: transparent #E73827 transparent transparent;
    left: -34px; }
  .pagination .prev.disabled:before {
    border-color: transparent #979797 transparent transparent; }
  .pagination .next:before {
    border-color: transparent transparent transparent #E73827;
    left: auto;
    right: -34px; }
  .pagination .next.disabled:before {
    border-color: transparent transparent transparent #979797; }
  .pagination .disabled {
    color: white;
    background-color: #979797;
    cursor: not-allowed; }
    .pagination .disabled:hover {
      background-color: #979797; }

/****************
***checkbox****
****************/
.radio {
  margin-bottom: 10px; }

/* Customize the label (the container) */
.custom-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.custom-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

/* Create a custom checkbox */
.checkmark {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 20px;
  background-color: #979797; }
  .radio .checkmark {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 20px;
    background-color: #979797;
    border-radius: 100%;
    margin-bottom: 5px; }

/* On mouse-over, add a grey background color */
.custom-label:hover input ~ .checkmark {
  background-color: #646464; }

/* When the checkbox is checked, add a blue background */
.custom-label input:checked ~ .checkmark {
  background-color: #E73827; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.custom-label input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.custom-label .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.radio .custom-label .checkmark:after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: white;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.pjax-wrapper h4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin: 10px 0 10px;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  border-bottom: 1px solid #E5E5E5; }

.error-summary {
  background-color: #e73827;
  color: white; }
  .error-summary > p {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold; }

.date-submition-warning {
  font-weight: bold;
  padding: .5rem 1rem; }
  .date-submition-warning.warning {
    background-color: #ffc107;
    color: #333333; }
  .date-submition-warning.success {
    background-color: #4AAF51;
    color: white; }
  .card-dashboard .date-submition-warning, .card-visit .date-submition-warning {
    margin-bottom: 0; }

.input-group-addon {
  background-color: #E73827;
  padding: 7px 12px; }
  .input-group-addon i {
    color: white; }

.no-edit-required {
  width: 100%;
  font-family: "Roboto", sans-serif;
  padding: 20px 40px;
  background-color: #dee2e6;
  text-align: center; }

.table {
  overflow: hidden;
  background-color: white; }
  .table thead {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
    background-color: #666666;
    border: none; }
    .table thead th {
      padding: 0.45rem;
      font-weight: 400;
      color: white;
      border: none; }
      .table thead th a {
        font-weight: bold;
        color: white; }
  .table tbody th:not(:first-child), .table tbody th:empty {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
    text-align: left;
    color: #979797;
    font-weight: 400;
    background-color: white; }
  .table tbody tr {
    border: none; }
    .table tbody tr:nth-child(even) {
      background-color: #E5E5E5; }
    .table tbody tr:hover, .table tbody tr:focus {
      color: white;
      background-color: #727272; }
  .table tbody td {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 21px;
    line-height: 1.3125rem;
    position: relative;
    z-index: 1;
    /* CROSS SELECTION WITH POINTER EVENTS NONE  */ }
  .table td {
    padding: 5px 10px;
    border: none;
    vertical-align: middle; }
  .table.resources td {
    padding: 5px; }
    .table.resources td:first-child {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 20px;
      line-height: 1.25rem;
      font-weight: 700; }
  .table [class^='elem'] {
    position: relative;
    margin: 0; }
    .table [class^='elem'] .table-select {
      padding: 0; }
      .table [class^='elem'] .table-select select.form-control {
        height: auto !important; }
      .table [class^='elem'] .table-select label {
        display: none; }
    .table [class^='elem'] .btn-danger.btn-xs, .table [class^='elem'] .btn-xs.clearRadio {
      max-height: 23px;
      top: -3px;
      padding: 6px; }
      .table [class^='elem'] .btn-danger.btn-xs i:before, .table [class^='elem'] .btn-xs.clearRadio i:before {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 9px;
        line-height: 0.5625rem; }
  .table .line-remove {
    padding: 0;
    margin: 0;
    margin-left: 4px; }
  .table .icon {
    float: right; }
    .table .icon:hover:before, .table .icon:focus:before {
      color: #333333; }

.breadcrumb-wrapper {
  background-color: #e6e6e6; }

.breadcrumb {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  text-transform: uppercase;
  background-color: transparent;
  margin-bottom: 0; }
  .breadcrumb li {
    padding-right: 20px;
    position: relative; }
    .breadcrumb li:not(:last-child) {
      font-weight: bold; }
      .breadcrumb li:not(:last-child) a:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        display: block; }
      .breadcrumb li:not(:last-child) a:before {
        width: 10px;
        height: 100%;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 10px;
        line-height: 0.625rem;
        content: "›";
        top: 0;
        right: -15px; }
  .breadcrumb a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #333333; }
    .breadcrumb a:hover {
      color: #E73827; }

.alert {
  border-radius: 0;
  margin: 0 -15px; }
  .alert h4 {
    margin-bottom: 10px; }
  .alert .close {
    background-color: transparent; }

.alert-danger {
  color: white;
  background-color: #E73827;
  border: none; }

.alert-success {
  color: white;
  background-color: #4AAF51;
  border: none; }

.alert-info {
  color: white;
  background-color: #2E4677;
  border: none; }

.text-info {
  color: #329dee; }

.bg-danger, .bg-success {
  color: white !important;
  padding: 10px 20px; }

.bg-danger {
  background-color: #E73827; }

.bg-success {
  background-color: #4AAF51; }

.close {
  height: 22px;
  top: 5px;
  position: relative;
  opacity: 1;
  background-color: transparent; }
  .close span {
    line-height: 0;
    font-size: 31px;
    color: white; }

.navigation-step--bar + div .alert-dismissable {
  margin-top: -40px; }
  .navigation-step--bar + div .alert-dismissable:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block; }
  .navigation-step--bar + div .alert-dismissable:before {
    top: 0;
    width: 150vw;
    height: 100%; }
  .navigation-step--bar + div .alert-dismissable:before {
    left: -45%;
    z-index: -1; }

.alert-dismissable.alert-success:before {
  background-color: #4AAF51; }

.alert-dismissable.alert-danger:before {
  background-color: #E73827; }

.cookiebar {
  background-color: #cccccc;
  padding: 20px;
  color: #333333;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 99999; }
  .cookiebar h4 {
    margin-bottom: 0; }
  .cookiebar p {
    display: inline-block;
    margin: 0; }
  .cookiebar #cookienotice-close-button {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.big-number {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          flex-direction: column-reverse; }
  .big-number-title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: "Roboto", sans-serif;
    position: relative; }
    .big-number-title:before {
      content: " ";
      width: 100%;
      height: 5px;
      position: absolute;
      display: block; }
    .big-number-title:before {
      top: -10px;
      left: 0;
      background-color: #666666; }
    .big-number-title span {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 18px;
      line-height: 1.125rem;
      display: block; }
  .big-number-number {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 28px;
    line-height: 1.75rem;
    margin-bottom: 10px;
    font-family: "Bebas Neue", sans-serif;
    font-weight: bold; }
  .big-number + .big-number {
    margin-left: 30px; }
  .big-number.entity-class-1 .big-number-title:before {
    background-color: #E73827; }
  .big-number.entity-class-2 .big-number-title:before {
    background-color: #4AAF51; }
  .big-number.entity-class-3 .big-number-title:before {
    background-color: #2E4677; }
  .big-number.entity-class-4 .big-number-title:before {
    background-color: #666666; }
  .big-number.warning .big-number-title:before {
    background-color: #FC6E51; }
  .big-number.warning {
    border: 1px solid #FC6E51;
    background-color: rgba(252, 110, 81, 0.1);
    padding: 10px; }

.bar-group {
  display: -webkit-box;
  display: flex;
  height: 40px;
  color: transparent;
  -webkit-transform: skewX(-20deg) skewY(0deg);
          transform: skewX(-20deg) skewY(0deg);
  margin-bottom: 30px; }
  .bar-group [class*="bar-group-w"] {
    display: inline-block;
    background-color: #666666;
    box-shadow: 0 0 0 2px white; }
    .bar-group [class*="bar-group-w"].entity-class-1 {
      background-color: #E73827; }
    .bar-group [class*="bar-group-w"].entity-class-2 {
      background-color: #4AAF51; }
    .bar-group [class*="bar-group-w"].entity-class-3 {
      background-color: #2E4677; }
    .bar-group [class*="bar-group-w"].entity-class-4 {
      background-color: #666666; }
    .bar-group [class*="bar-group-w"].warning {
      background-color: #FC6E51; }

.bar-group-w0 {
  width: 0%; }

.bar-group-w1 {
  width: 1%; }

.bar-group-w2 {
  width: 2%; }

.bar-group-w3 {
  width: 3%; }

.bar-group-w4 {
  width: 4%; }

.bar-group-w5 {
  width: 5%; }

.bar-group-w6 {
  width: 6%; }

.bar-group-w7 {
  width: 7%; }

.bar-group-w8 {
  width: 8%; }

.bar-group-w9 {
  width: 9%; }

.bar-group-w10 {
  width: 10%; }

.bar-group-w11 {
  width: 11%; }

.bar-group-w12 {
  width: 12%; }

.bar-group-w13 {
  width: 13%; }

.bar-group-w14 {
  width: 14%; }

.bar-group-w15 {
  width: 15%; }

.bar-group-w16 {
  width: 16%; }

.bar-group-w17 {
  width: 17%; }

.bar-group-w18 {
  width: 18%; }

.bar-group-w19 {
  width: 19%; }

.bar-group-w20 {
  width: 20%; }

.bar-group-w21 {
  width: 21%; }

.bar-group-w22 {
  width: 22%; }

.bar-group-w23 {
  width: 23%; }

.bar-group-w24 {
  width: 24%; }

.bar-group-w25 {
  width: 25%; }

.bar-group-w26 {
  width: 26%; }

.bar-group-w27 {
  width: 27%; }

.bar-group-w28 {
  width: 28%; }

.bar-group-w29 {
  width: 29%; }

.bar-group-w30 {
  width: 30%; }

.bar-group-w31 {
  width: 31%; }

.bar-group-w32 {
  width: 32%; }

.bar-group-w33 {
  width: 33%; }

.bar-group-w34 {
  width: 34%; }

.bar-group-w35 {
  width: 35%; }

.bar-group-w36 {
  width: 36%; }

.bar-group-w37 {
  width: 37%; }

.bar-group-w38 {
  width: 38%; }

.bar-group-w39 {
  width: 39%; }

.bar-group-w40 {
  width: 40%; }

.bar-group-w41 {
  width: 41%; }

.bar-group-w42 {
  width: 42%; }

.bar-group-w43 {
  width: 43%; }

.bar-group-w44 {
  width: 44%; }

.bar-group-w45 {
  width: 45%; }

.bar-group-w46 {
  width: 46%; }

.bar-group-w47 {
  width: 47%; }

.bar-group-w48 {
  width: 48%; }

.bar-group-w49 {
  width: 49%; }

.bar-group-w50 {
  width: 50%; }

.bar-group-w51 {
  width: 51%; }

.bar-group-w52 {
  width: 52%; }

.bar-group-w53 {
  width: 53%; }

.bar-group-w54 {
  width: 54%; }

.bar-group-w55 {
  width: 55%; }

.bar-group-w56 {
  width: 56%; }

.bar-group-w57 {
  width: 57%; }

.bar-group-w58 {
  width: 58%; }

.bar-group-w59 {
  width: 59%; }

.bar-group-w60 {
  width: 60%; }

.bar-group-w61 {
  width: 61%; }

.bar-group-w62 {
  width: 62%; }

.bar-group-w63 {
  width: 63%; }

.bar-group-w64 {
  width: 64%; }

.bar-group-w65 {
  width: 65%; }

.bar-group-w66 {
  width: 66%; }

.bar-group-w67 {
  width: 67%; }

.bar-group-w68 {
  width: 68%; }

.bar-group-w69 {
  width: 69%; }

.bar-group-w70 {
  width: 70%; }

.bar-group-w71 {
  width: 71%; }

.bar-group-w72 {
  width: 72%; }

.bar-group-w73 {
  width: 73%; }

.bar-group-w74 {
  width: 74%; }

.bar-group-w75 {
  width: 75%; }

.bar-group-w76 {
  width: 76%; }

.bar-group-w77 {
  width: 77%; }

.bar-group-w78 {
  width: 78%; }

.bar-group-w79 {
  width: 79%; }

.bar-group-w80 {
  width: 80%; }

.bar-group-w81 {
  width: 81%; }

.bar-group-w82 {
  width: 82%; }

.bar-group-w83 {
  width: 83%; }

.bar-group-w84 {
  width: 84%; }

.bar-group-w85 {
  width: 85%; }

.bar-group-w86 {
  width: 86%; }

.bar-group-w87 {
  width: 87%; }

.bar-group-w88 {
  width: 88%; }

.bar-group-w89 {
  width: 89%; }

.bar-group-w90 {
  width: 90%; }

.bar-group-w91 {
  width: 91%; }

.bar-group-w92 {
  width: 92%; }

.bar-group-w93 {
  width: 93%; }

.bar-group-w94 {
  width: 94%; }

.bar-group-w95 {
  width: 95%; }

.bar-group-w96 {
  width: 96%; }

.bar-group-w97 {
  width: 97%; }

.bar-group-w98 {
  width: 98%; }

.bar-group-w99 {
  width: 99%; }

.bar-group-w100 {
  width: 100%; }

.history-line {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          flex-direction: column-reverse;
  flex-flow: wrap-reverse;
  position: relative;
  width: 100%; }
  .history-line:before {
    content: " ";
    width: 58px;
    height: 58px;
    position: absolute;
    display: block; }
  .history-line:after {
    content: " ";
    width: 58px;
    height: 58px;
    position: absolute;
    display: block; }
  .history-line:not(:last-child) {
    margin-bottom: 20px; }
  .history-line:before, .history-line:after {
    font-family: "fpf-icons", sans-serif;
    line-height: 57px;
    top: -4px;
    left: 0; }
  .history-line:before {
    content: "\e908";
    text-align: left;
    font-size: 47px;
    color: #666666; }
  .history-line:after {
    top: -4px;
    left: -2px;
    text-align: center;
    color: white; }
  .history-line--success:before {
    color: #4AAF51; }
  .history-line--success:after {
    content: "\e907"; }
  .history-line--error:before {
    color: #E73827; }
  .history-line--error:after {
    content: "\e901"; }
  .history-line--date {
    width: 100%;
    margin-bottom: 8px;
    padding-left: 58px;
    color: #979797;
    border-bottom: 1px solid #979797; }
  .history-line--title, .history-line--desc, .history-line--field {
    margin: 0; }
  .history-line--title {
    display: block;
    padding-left: 58px; }
  .history-line--desc {
    margin-left: 10px; }

.status-progress-bar .progress {
  border-radius: 0;
  background-color: #CCCCCC; }
  .status-progress-bar .progress .bg-danger {
    background-color: #E73827; }
  .status-progress-bar .progress .bg-sucess {
    background-color: #4AAF51; }

.status-progress-bar--entity, .status-progress-bar--stars {
  font-family: "Bebas Neue", sans-serif;
  display: block; }

.status-progress-bar--entity {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 10px;
  line-height: 0.625rem; }

.status-progress-bar--stars {
  font-weight: bold; }

.status-progress-bar--points {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 13px;
  line-height: 0.8125rem;
  color: #666666;
  display: block;
  margin-bottom: 6px; }
  .status-progress-bar--points ~ span:not(.status-progress-bar--entity) {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    font-family: "Bebas Neue", sans-serif; }

.status-progress-bar .classification-bar-star {
  z-index: 0;
  color: white;
  width: 20px;
  padding-top: 1px;
  font-weight: bold;
  font-size: 14px;
  text-align: center; }
  .status-progress-bar .classification-bar-star:after {
    content: " ";
    width: 20px;
    height: 20px;
    position: absolute;
    display: block; }
  .status-progress-bar .classification-bar-star:after {
    content: "\e909";
    z-index: -1;
    top: 0;
    left: 0;
    font-family: "fpf-icons", sans-serif;
    font-size: 20px;
    color: #4AAF51; }
  .status-progress-bar .classification-bar-star.disabled {
    color: #979797; }
    .status-progress-bar .classification-bar-star.disabled:after {
      color: #E5E5E5; }

.status-progress-bar--requirements {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: bold;
  color: #666666;
  position: relative;
  display: block;
  text-align: left;
  padding-right: 12px; }
  .status-progress-bar--requirements:before {
    content: " ";
    width: 1px;
    height: 50px;
    position: absolute;
    display: block; }
  .status-progress-bar--requirements:before {
    right: 0;
    top: 0;
    background-color: #666666; }
  .status-progress-bar--requirements-limit {
    padding-left: 10px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold; }
  .status-progress-bar--requirements-star {
    font-size: 15px;
    font-size: 0.9375rem;
    position: relative;
    color: #666666; }
    .status-progress-bar--requirements-star:before {
      content: " ";
      width: 1px;
      height: 50px;
      position: absolute;
      display: block; }
    .status-progress-bar--requirements-star:before {
      left: -15px;
      border: 1px dashed #999999;
      top: -4px; }

.status-progress-bar--criteria i {
  font-style: normal; }

.accordion {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  overflow: hidden; }
  .accordion input {
    position: absolute;
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%; }
    .accordion input:checked ~ .accordion-content {
      border: 1px solid #979797;
      max-height: 100%; }
    .accordion input[type=checkbox] + label::after {
      content: "+"; }
    .accordion input[type=checkbox]:checked + label:after {
      -webkit-transform: rotate(315deg);
              transform: rotate(315deg);
      color: black; }
    .accordion input[type=checkbox]:checked + label:before {
      background-color: white; }
    .accordion input:hover {
      cursor: pointer; }
      .accordion input:hover + label:before {
        background-color: #971d11; }
  .accordion label {
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    margin: 0;
    font-weight: bold;
    line-height: 3;
    cursor: pointer;
    background: #979797; }
    .accordion label:after, .accordion label:before {
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      width: 3em;
      height: 3em;
      line-height: 3;
      text-align: center;
      -webkit-transition: all .35s;
      transition: all .35s; }
    .accordion label:before {
      content: '';
      background-color: #E73827; }
  .accordion-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .35s;
    transition: max-height .35s; }
    .accordion-content p {
      margin: 1em; }

.result-label {
  font-size: 10px;
  font-size: 0.625rem;
  position: absolute;
  top: -35px;
  left: 0;
  width: 100%;
  padding: 5px;
  font-weight: bold;
  color: white;
  background-color: #333333; }
  .result-label.success {
    background-color: #4AAF51; }

.compare-label {
  border-bottom: 1px solid #bfbfbf;
  padding: 14px 0 13px; }
  .compare-label:last-child {
    border-bottom: 1px solid white; }

.qus-result {
  min-height: 74px; }
  .qus-result:not(:last-child) {
    border-bottom: 1px solid #bfbfbf; }

.compare-card {
  position: relative;
  width: 20%;
  height: 100%;
  background-color: #E5E5E5;
  margin-right: 1px; }
  .compare-card.achieved {
    background-color: #d7eed9; }
    .compare-card.achieved:first-child {
      background-color: red !important; }
      .compare-card.achieved:first-child:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        display: block; }
      .compare-card.achieved:first-child:before {
        top: 0;
        left: 0;
        background-color: #4AAF51;
        content: 'Enquadramento Previsto'; }
  .compare-card.proposed {
    background-color: #f2f2f2;
    padding-top: 40px; }
  .compare-card:last-of-type {
    margin-right: 0; }
  .compare-card h3, .compare-card label {
    font-family: "Bebas Neue", sans-serif; }
  .compare-card label {
    margin-bottom: 0; }
  .compare-card h3 {
    font-weight: bold; }
  .compare-card .icon-check:before {
    color: #4AAF51; }
  .compare-card .icon-close:before, .compare-card .panel-body .deleteAction:before, .panel-body .compare-card .deleteAction:before {
    color: #E73827; }

.nav-pills {
  font-size: 16px;
  font-size: 1rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-weight: bold; }
  .nav-pills a {
    padding-left: 25px;
    color: #333333;
    text-decoration: none; }
    .nav-pills a:hover, .nav-pills a:focus {
      color: #E73827; }
    .nav-pills a[href*='/logout']:before {
      position: absolute; }
    .nav-pills a[href*='/user']:before {
      position: absolute; }
    .nav-pills a:before {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 20px;
      line-height: 1.25rem;
      font-family: "fpf-icons", sans-serif;
      top: -3px;
      left: 0;
      color: #E73827; }

.navigation-step--bar {
  margin-bottom: 40px;
  padding: 25px;
  border-top: 1px solid #979797;
  background-color: #e6e6e6;
  padding-bottom: 35px; }
  @media (max-width: 1199.98px) {
    .navigation-step--bar {
      padding-bottom: 15px; } }
  @media (max-width: 1199.98px) {
    .navigation-step--bar .col-lg-12 {
      margin-bottom: 30px; } }

.navigation-step--title {
  position: absolute;
  top: -10px;
  left: 100%;
  padding-left: 10px;
  min-width: 310px;
  opacity: 0;
  text-align: left;
  text-size: 0.8remM; }

.navigation-step--wrapper {
  position: relative;
  height: 54px;
  z-index: 2; }
  .navigation-step--wrapper:before {
    content: " ";
    width: 88%;
    height: 1px;
    position: absolute;
    display: block; }
  @media (max-width: 767.98px) {
    .navigation-step--wrapper:before {
      content: " ";
      width: 91%;
      height: 1px;
      position: absolute;
      display: block; } }
  .navigation-step--wrapper:before {
    left: 4.5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #333333; }
    @media (max-width: 575.98px) {
      .navigation-step--wrapper:before {
        top: 25%; } }
  .navigation-step--wrapper li {
    position: relative;
    display: inline-block;
    width: 7.6%;
    height: 54px; }
    .navigation-step--wrapper li:before {
      content: " ";
      width: 30px;
      height: 30px;
      position: absolute;
      display: block; }
    .navigation-step--wrapper li a {
      display: block;
      height: 100%;
      text-align: center; }
    .navigation-step--wrapper li .number-item {
      font-size: 20px;
      font-size: 1.25rem;
      position: absolute;
      top: 70%;
      font-weight: bold;
      font-family: "Bebas Neue", sans-serif;
      color: #333333;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      left: 0;
      right: 0;
      margin: auto; }
    .navigation-step--wrapper li:before {
      background-image: url( ../images/svg/shape-polygon--black.svg?v=4);
      background-position: center center;
      background-repeat: no-repeat;
      top: 12px;
      left: 0;
      right: 0;
      width: 14px;
      margin: auto;
      background-size: contain; }
    .navigation-step--wrapper li:last-child {
      padding-right: 0; }
    .navigation-step--wrapper li .item-hover {
      width: 100%;
      height: 100%;
      z-index: 4;
      top: 0;
      left: 0;
      right: 0;
      margin: auto;
      position: absolute;
      opacity: 0;
      -webkit-transition: opacity .3s ease-in-out;
      transition: opacity .3s ease-in-out; }
      .navigation-step--wrapper li .item-hover:before {
        content: " ";
        width: 83px;
        height: 83px;
        position: absolute;
        display: block; }
      .navigation-step--wrapper li .item-hover span {
        font-size: 30px;
        font-size: 1.875rem;
        top: 24px;
        left: 26px;
        color: white; }
      .navigation-step--wrapper li .item-hover:before {
        background-image: url( ../images/svg/shape-polygon--black.svg?v=4);
        background-position: center center;
        background-repeat: no-repeat;
        top: -15px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
    .navigation-step--wrapper li.errors .number-item:before {
      content: " ";
      width: 15px;
      height: 15px;
      position: absolute;
      display: block; }
    .navigation-step--wrapper li.errors .number-item:after {
      content: " ";
      width: 100%;
      height: 100%;
      position: absolute;
      display: block; }
    .navigation-step--wrapper li.errors .number-item:before, .navigation-step--wrapper li.errors .number-item:after {
      display: block;
      -webkit-transform: scale(0.7);
              transform: scale(0.7);
      pointer-events: none;
      -webkit-transition: all .3s ease;
      transition: all .3s ease; }
    .navigation-step--wrapper li.errors .number-item:before {
      background-color: #E73827;
      border-radius: 100%;
      bottom: -20px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      bottom: -14px; }
    .navigation-step--wrapper li.errors .number-item:after {
      content: '!';
      font-size: 14px;
      font-size: 0.875rem;
      font-family: "Roboto", sans-serif;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      color: white;
      font-weight: bold;
      bottom: -19px; }
    .navigation-step--wrapper li:hover .navigation-step--title, .navigation-step--wrapper li.active .navigation-step--title {
      opacity: 1; }
    .navigation-step--wrapper li:hover .item-hover, .navigation-step--wrapper li.active .item-hover {
      opacity: 1; }
    .navigation-step--wrapper li:hover .number-item, .navigation-step--wrapper li.active .number-item {
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 13px;
      line-height: 0.8125rem;
      z-index: 4;
      top: 55%;
      display: block;
      color: white;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      .navigation-step--wrapper li:hover .number-item i, .navigation-step--wrapper li.active .number-item i {
        font-size: 20px;
        font-size: 1.25rem; }
      .navigation-step--wrapper li:hover .number-item:before, .navigation-step--wrapper li.active .number-item:before {
        background-color: #E73827;
        bottom: -26px; }
      .navigation-step--wrapper li:hover .number-item:after, .navigation-step--wrapper li.active .number-item:after {
        color: white;
        bottom: -25px; }
    .navigation-step--wrapper li:hover {
      z-index: 9999; }
    .navigation-step--wrapper li.active .item-hover:before {
      background-image: url( ../images/svg/shape-polygon.svg?v=4);
      background-position: center center;
      background-repeat: no-repeat; }
    .navigation-step--wrapper li.active .number-item:before {
      background-color: white; }
    .navigation-step--wrapper li.active .number-item:after {
      color: #E73827; }
    .navigation-step--wrapper li strong {
      font-size: 24px;
      font-size: 1.5rem;
      font-weight: bold;
      font-family: "Bebas Neue", sans-serif;
      color: #333333;
      -webkit-transition: opacity .3s ease-in-out;
      transition: opacity .3s ease-in-out; }
  .navigation-step--wrapper li.active.navigation-hover .navigation-step--title {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: .05; }

.card-navigation li {
  display: inline-block; }
  .card-navigation li a {
    font-size: 10px;
    font-size: 0.625rem;
    color: #333333; }

.login p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-bottom: 10px; }

.site-login {
  background-color: #e6e6e6; }
  .site-login--header {
    background-color: #979797;
    min-height: 60px;
    padding: 15px;
    padding-left: 24px; }
    .site-login--header h1 {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 29px;
      line-height: 1.8125rem;
      margin-bottom: 0;
      color: white;
      font-weight: bold;
      margin-top: 6px; }
  .site-login--wrapper {
    padding: 24px; }
    .site-login--wrapper p {
      font-size: 12px;
      font-size: 0.75rem;
      margin-top: 0; }
      .site-login--wrapper p.help-block {
        color: #E73827; }

.help-block-error {
  color: #E73827;
  font-weight: bold; }

.entity-header {
  background-color: #e6e6e6;
  margin-bottom: 20px;
  padding: 20px; }
  .entity-header-association {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    position: relative;
    padding: 0;
    margin: 0;
    font-weight: bold; }
  .entity-header-name {
    font-size: 32px;
    font-size: 2rem;
    line-height: 44px;
    line-height: 2.75rem;
    position: relative;
    padding: 0;
    margin: 0;
    font-weight: bold; }

.form-card {
  background-color: #e6e6e6; }
  .form-card--title {
    background-color: #979797;
    min-height: 60px;
    padding: 15px;
    padding-left: 24px; }
    .form-card--title h1 {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 29px;
      line-height: 1.8125rem;
      margin-bottom: 0;
      color: white;
      font-weight: bold;
      margin-top: 6px; }
  .form-card--wrapper {
    padding: 24px; }
    .form-card--wrapper p {
      font-size: 12px;
      font-size: 0.75rem;
      margin-top: 0; }
      .form-card--wrapper p.help-block {
        color: #E73827; }

.card-visit h4 {
  font-size: 18px;
  font-size: 1.125rem;
  opacity: .5;
  font-weight: bold; }

.card-visit--wrapper {
  margin-bottom: 8px; }
  .card-visit--wrapper h3 span {
    display: block; }
  .card-visit--wrapper p {
    font-size: 16px;
    font-size: 1rem;
    margin-top: -8px; }
  .card-visit--wrapper ul li small {
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: bold; }

.card-visit .field small {
  opacity: .5; }

.card-visit .sub-title {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: bold; }

.dashboard-page .card-visit--wrapper h3 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 33px;
  line-height: 2.0625rem; }

.dashboard-page .card-visit--wrapper p {
  margin-top: 0; }

.card-criterion {
  position: relative;
  padding: 20px 0; }
  .card-criterion:before {
    content: " ";
    width: 100%;
    height: 1px;
    position: absolute;
    display: block; }
  .card-criterion:before {
    background-color: #CCCCCC;
    left: 0;
    bottom: 0; }
  .card-criterion strong {
    color: #666666; }
  .card-criterion label {
    height: 37px;
    padding: 0 10px;
    margin-right: 12px;
    margin-bottom: 0; }
    .card-criterion label.badge-to-validate {
      background-color: #E25A00; }
      .card-criterion label.badge-to-validate ~ span {
        color: #E25A00;
        font-weight: 700; }
    .card-criterion label.badge-reopen {
      background-color: #F5A623; }
    .card-criterion label.badge-invalid {
      background-color: #E73827; }
    .card-criterion label.badge-valid {
      background-color: #4AAF51; }
    .card-criterion label.badge-fade {
      opacity: .3; }
      .card-criterion label.badge-fade ~ span {
        opacity: .3; }
    .card-criterion label span {
      height: 100%;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center;
      color: white; }
  .card-criterion--warning {
    background-color: rgba(245, 166, 35, 0.1); }
  .card-criterion--open span {
    color: #666666; }
  .card-criterion--form {
    position: relative;
    padding-top: 30px;
    margin-top: 20px; }
    .card-criterion--form:before {
      content: " ";
      width: 100%;
      height: 6px;
      position: absolute;
      display: block; }
    .card-criterion--form:before {
      background-color: #F5A623;
      top: 0;
      left: 0; }

@media (min-width: 768px) {
  [id^=sub-] .modal-dialog {
    width: 100%;
    max-width: 1080px; } }

.modal-dialog {
  width: 100%;
  max-width: 1080px; }
  .modal-dialog .modal-content-wrapper {
    padding: 20px; }
  .modal-dialog h4 {
    font-family: "Bebas Neue", sans-serif; }
  .modal-dialog .form-group > label {
    color: #333333;
    font-weight: bold; }
    .modal-dialog .form-group > label.control-label {
      padding: 0; }
  .modal-dialog .modal-header {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 33px;
    line-height: 2.0625rem;
    position: relative;
    font-family: "Bebas Neue", sans-serif;
    font-weight: bold;
    text-align: left;
    border-radius: 0;
    color: white;
    background-color: #979797; }
    .modal-dialog .modal-header button {
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      opacity: 1;
      color: white;
      -webkit-transition: all .3s ease;
      transition: all .3s ease; }
      .modal-dialog .modal-header button.close {
        background-color: #E73827; }
      .modal-dialog .modal-header button:hover {
        background-color: #971d11; }
  .modal-dialog .modal-content {
    border-radius: 0; }

/******************************************/
/**  v  CSS DO applicationSteps.php   v ***/
/******************************************/
.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857143; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.modal-footer .btn + .btn, .modal-footer .clearRadio + .btn, .modal-footer .btn + .clearRadio, .modal-footer .clearRadio + .clearRadio {
  margin-left: 5px;
  margin-bottom: 0; }

.modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .clearRadio + .btn, .modal-footer .btn-group .btn + .clearRadio, .modal-footer .btn-group .clearRadio + .clearRadio {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

.fade.in {
  opacity: 1; }

.dropdown-menu {
  display: block !important; }

.card-selection {
  position: relative; }
  .card-selection:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block; }
  .card-selection:before {
    background-image: url( ../images/svg/bg-selection.svg?v=4);
    background-position: center center;
    background-repeat: no-repeat;
    background-repeat: repeat-x;
    left: -20vw;
    top: 30px; }
  .card-selection .title {
    margin-bottom: 0;
    padding-bottom: 0; }
    .card-selection .title:after {
      display: none; }
  .card-selection span {
    font-size: 20px;
    font-size: 1.25rem;
    display: block;
    color: #666666;
    text-transform: lowercase; }
  .card-selection--header {
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 46px;
    margin-top: 30px; }
    .card-selection--header:after {
      position: absolute;
      left: 50%;
      bottom: 0;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      content: '';
      display: block;
      width: 50px;
      height: 0;
      margin-top: 0;
      border-top: 4px solid #e73827;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent; }
  .card-selection--image {
    background-color: red;
    height: 406px;
    background-position: top center;
    text-decoration: none; }
    .card-selection--image:after {
      content: " ";
      width: 100%;
      height: 100%;
      position: absolute;
      display: block; }
    .card-selection--image:after {
      background-color: rgba(0, 0, 0, 0.5);
      top: 0;
      left: 0;
      -webkit-transition: background-color .3s ease-in-out;
      transition: background-color .3s ease-in-out; }
    .card-selection--image:hover:after {
      background-color: transparent; }
    .card-selection--image h2 {
      font-size: 69px;
      font-size: 4.3125rem;
      position: relative;
      font-weight: bold;
      color: white;
      z-index: 3; }

.corner:before {
  position: absolute;
  content: '';
  display: block;
  background-image: url( ../images/svg/shape-selection.svg?v=4);
  background-position: center center;
  background-repeat: no-repeat;
  width: 196px;
  height: 222px;
  z-index: 3; }

.corner-left:before {
  left: -100px;
  top: 0; }

.corner-right:before {
  bottom: 0;
  right: -100px; }

.screening {
  font-family: "Bebas Neue", sans-serif; }
  .screening p {
    font-family: "Roboto", sans-serif; }

.screening-question-wrapper {
  position: relative;
  padding-left: 140px;
  margin-bottom: 20px; }

.screening-question {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 28px;
  line-height: 1.75rem;
  padding-top: 10px;
  padding-left: 15px; }

.screening-answer-wrapper {
  position: absolute;
  left: 0;
  top: 0; }

.screening-input[type="radio"] {
  opacity: 0;
  width: 0;
  height: 0; }
  .screening-input[type="radio"]:checked ~ label {
    color: white; }
  .screening-input[type="radio"].value-1:checked ~ label {
    background-color: #4AAF51; }
  .screening-input[type="radio"].value-0:checked ~ label {
    background-color: #E73827; }

.screening-answer {
  float: left; }

.screening-label {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20px;
  line-height: 1.25rem;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 10px 26px 6px 20px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #E5E5E5;
  color: #979797;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; }
  .screening-label:before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .screening-label.value-1:hover, .screening-label.value-1:focus, .screening-label.value-1:active {
    background-color: #4AAF51; }
  .screening-label.value-0:hover, .screening-label.value-0:focus, .screening-label.value-0:active {
    background-color: #E73827; }

.extra-question {
  display: none; }

.screening-result-wrapper {
  background-color: #E5E5E5;
  color: #979797;
  padding: 10px 20px 40px; }
  .screening-result-wrapper li {
    font-size: 31px;
    font-size: 1.9375rem;
    line-height: 25px;
    line-height: 1.5625rem;
    font-weight: bold;
    position: relative;
    padding-left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
    .screening-result-wrapper li + li {
      margin-top: 20px; }
    .screening-result-wrapper li span {
      font-size: 21px;
      font-size: 1.3125rem;
      line-height: 25px;
      line-height: 1.5625rem;
      display: block;
      font-weight: lighter; }
    .screening-result-wrapper li.active {
      color: #4AAF51;
      padding-left: 30px; }
      .screening-result-wrapper li.active:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        display: block; }
      .screening-result-wrapper li.active:before {
        background-color: #4AAF51;
        width: 10px;
        left: 0;
        -webkit-transform: skewX(-15deg);
                transform: skewX(-15deg); }

.result-btn {
  width: 200px;
  height: 58px;
  -webkit-transition: all .15s ease;
  transition: all .15s ease; }
  .result-btn:not(:disabled) {
    background-color: transparent;
    background-image: url( ../images/triage-submit-btn.svg?v=4);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    background-size: contain;
    color: #4AAF51;
    text-align: center; }
    .result-btn:not(:disabled):hover {
      background-color: #4AAF51;
      width: 100%; }

.screening-readonly-header {
  background-color: #e6e6e6;
  padding: 20px 60px; }
  .screening-readonly-header .title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    display: inline-block;
    border-bottom: 1px solid #E73827;
    padding-bottom: 10px;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-weight: normal; }
    .screening-readonly-header .title:before, .screening-readonly-header .title:after {
      display: none; }
  .screening-readonly-header .classification {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 54px;
    line-height: 3.375rem;
    font-family: "Bebas Neue", sans-serif;
    font-weight: bold;
    margin-bottom: 0; }

.screening-readonly-answers .title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-bottom: 0;
  padding: 10px;
  font-weight: normal;
  text-transform: capitalize;
  text-align: center;
  font-family: "Roboto", sans-serif;
  background-color: #CFCFCF; }
  .screening-readonly-answers .title:before, .screening-readonly-answers .title:after {
    display: none; }

.screening-readonly-answers ul {
  padding: 40px 60px;
  border: 1px solid #CFCFCF;
  border-top-width: 0; }
  .screening-readonly-answers ul li {
    padding: 20px 0; }
  .screening-readonly-answers ul .line-top {
    border-top: 1px solid #CFCFCF; }
  .screening-readonly-answers ul span {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 20px;
    line-height: 1.25rem;
    display: inline-block;
    background-color: #E73827;
    color: white;
    padding: 10px 20px 6px;
    margin: 0 30px 0 0;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif; }
    .screening-readonly-answers ul span.value-1 {
      background-color: #4AAF51; }
    .screening-readonly-answers ul span.value-0 {
      background-color: #E73827; }
  .screening-readonly-answers ul h4 {
    display: inline-block;
    margin: 0; }

.dashboard-page .breadcrumb-wrapper {
  display: none; }

.dashboard-header {
  background-image: url( ../images/db-bg.jpg?v=4);
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 280px;
  padding: 45px;
  padding-top: 20px;
  color: white; }
  .dashboard-header h2 {
    margin-bottom: 10px; }
  .dashboard-header small {
    opacity: .5; }
  .dashboard-header p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px;
    line-height: 1.125rem;
    margin: 0; }
    .dashboard-header p:last-child {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 16px;
      line-height: 1rem; }

.dashboard-wrapper {
  margin-top: -60px; }
  .dashboard-wrapper .row > div:nth-child(-n+2) .card-dashboard:first-child h3, .dashboard-wrapper .row > div:nth-child(-n+2) .card-visit:first-child h3, .dashboard-wrapper .row > div:nth-child(-n+2) .card-dashboard:first-child small, .dashboard-wrapper .row > div:nth-child(-n+2) .card-visit:first-child small {
    color: white; }
  @media (max-width: 767.98px) {
    .dashboard-wrapper .row > div:nth-child(2) .card-dashboard:first-child h3, .dashboard-wrapper .row > div:nth-child(2) .card-visit:first-child h3, .dashboard-wrapper .row > div:nth-child(2) .card-dashboard:first-child small, .dashboard-wrapper .row > div:nth-child(2) .card-visit:first-child small {
      color: #333333; } }

.card-dashboard, .card-visit {
  margin-bottom: 20px;
  position: relative; }
  .card-dashboard h3, .card-visit h3 {
    margin-bottom: 10px;
    font-weight: bold; }
  .card-dashboard__wrapper, .card-visit--wrapper {
    background-color: #e6e6e6;
    padding: 20px; }
    .card-dashboard__wrapper a i, .card-visit--wrapper a i {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 30px;
      line-height: 1.875rem; }
  .card-dashboard__evaluation {
    background-color: rgba(172, 172, 172, 0.5);
    margin: 30px -20px -20px;
    padding: 0 20px 20px; }
  .card-dashboard.cand-1 .card-dashboard__wrapper, .cand-1.card-visit .card-dashboard__wrapper, .card-dashboard.cand-1 .card-visit--wrapper, .cand-1.card-visit .card-visit--wrapper {
    background-color: #333333;
    background-image: url( ../images/1st-bg.png?v=4);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white; }
    .card-dashboard.cand-1 .card-dashboard__wrapper h4, .cand-1.card-visit .card-dashboard__wrapper h4, .card-dashboard.cand-1 .card-visit--wrapper h4, .cand-1.card-visit .card-visit--wrapper h4 {
      margin-bottom: 0; }
    .card-dashboard.cand-1 .card-dashboard__wrapper p, .cand-1.card-visit .card-dashboard__wrapper p, .card-dashboard.cand-1 .card-visit--wrapper p, .cand-1.card-visit .card-visit--wrapper p {
      margin-top: 0;
      margin-bottom: 20px; }
      .card-dashboard.cand-1 .card-dashboard__wrapper p b, .cand-1.card-visit .card-dashboard__wrapper p b, .card-dashboard.cand-1 .card-visit--wrapper p b, .cand-1.card-visit .card-visit--wrapper p b {
        margin-bottom: 0; }
  .card-dashboard.closed .card-dashboard__wrapper, .closed.card-visit .card-dashboard__wrapper, .card-dashboard.closed .card-visit--wrapper, .closed.card-visit .card-visit--wrapper {
    background-image: url( ../images/closed-bg.png?v=4);
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 130px;
    padding-top: 40px; }
    .card-dashboard.closed .card-dashboard__wrapper p, .closed.card-visit .card-dashboard__wrapper p, .card-dashboard.closed .card-visit--wrapper p, .closed.card-visit .card-visit--wrapper p {
      font-size: 24px;
      font-size: 1.5rem;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: auto;
      padding: 1rem 1rem 0.6rem;
      font-weight: bold;
      background-color: #ffc107;
      color: #333333; }
      .card-dashboard.closed .card-dashboard__wrapper p.success, .closed.card-visit .card-dashboard__wrapper p.success, .card-dashboard.closed .card-visit--wrapper p.success, .closed.card-visit .card-visit--wrapper p.success {
        background-color: #28a745;
        color: white; }
  .card-dashboard.reopened b, .reopened.card-visit b {
    display: inline-block;
    margin: 0px; }
  .card-dashboard.reopened .counter, .reopened.card-visit .counter {
    width: 75%;
    margin-right: 20px;
    display: inline-block; }
    .card-dashboard.reopened .counter .progress, .reopened.card-visit .counter .progress {
      background-color: #343a40;
      border-radius: 0; }
      .card-dashboard.reopened .counter .progress-bar, .reopened.card-visit .counter .progress-bar {
        background-color: #ffc107; }
  .card-dashboard .dashboard-dates, .card-visit .dashboard-dates {
    width: 100%;
    font-size: 0; }
    .card-dashboard .dashboard-dates > div, .card-visit .dashboard-dates > div {
      display: inline-block;
      width: 50%;
      padding: 20px; }
      .card-dashboard .dashboard-dates > div h3, .card-visit .dashboard-dates > div h3 {
        margin: 0;
        line-height: 22px; }
      .card-dashboard .dashboard-dates > div.candidaturas, .card-visit .dashboard-dates > div.candidaturas {
        background-color: #4AAF51; }
      .card-dashboard .dashboard-dates > div.encerramento, .card-visit .dashboard-dates > div.encerramento {
        background-color: #333333; }
  .card-dashboard .docs a, .card-visit .docs a {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 26px;
    line-height: 1.625rem;
    display: block;
    margin: 0 -20px;
    padding: 20px;
    font-family: "Bebas Neue", sans-serif;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #666666;
    color: #333333; }
    .card-dashboard .docs a:after, .card-visit .docs a:after {
      top: 50%;
      right: 20px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .card-dashboard .docs a:hover, .card-visit .docs a:hover, .card-dashboard .docs a:focus, .card-visit .docs a:focus {
      background-color: #CFCFCF; }
    .card-dashboard .docs a:last-child, .card-visit .docs a:last-child {
      border-bottom: none; }
  .card-dashboard .alert, .card-visit .alert {
    margin-bottom: 0; }
  .card-dashboard.stats h5, .stats.card-visit h5 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 28px;
    line-height: 1.75rem;
    margin-bottom: 10px;
    font-family: "Bebas Neue", sans-serif;
    font-weight: bold; }
    .card-dashboard.stats h5 + span, .stats.card-visit h5 + span {
      position: relative; }
      .card-dashboard.stats h5 + span:before, .stats.card-visit h5 + span:before {
        content: " ";
        width: 100%;
        height: 5px;
        position: absolute;
        display: block; }
      .card-dashboard.stats h5 + span:before, .stats.card-visit h5 + span:before {
        top: -10px;
        left: 0;
        background-color: #666666; }
  .card-dashboard.stats .total, .stats.card-visit .total {
    padding: 20px;
    text-align: center;
    margin-right: 20px; }
    .card-dashboard.stats .total:before, .stats.card-visit .total:before {
      content: " ";
      width: 2px;
      height: 100%;
      position: absolute;
      display: block; }
    .card-dashboard.stats .total:before, .stats.card-visit .total:before {
      top: 50%;
      right: 0;
      background-color: #666666;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .card-dashboard.stats .total h5, .stats.card-visit .total h5, .card-dashboard.stats .total span, .stats.card-visit .total span {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 0px;
      line-height: 0rem; }
    .card-dashboard.stats .total h5, .stats.card-visit .total h5 {
      display: inline-block;
      margin-bottom: 0; }
    .card-dashboard.stats .total span, .stats.card-visit .total span {
      font-family: "Bebas Neue", sans-serif; }

.entity-card {
  position: relative;
  top: 0px;
  margin-bottom: 10px;
  padding: 20px;
  background-color: #f2f2f2;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }
  .entity-card:hover, .entity-card:focus {
    top: -5px;
    background-color: #ebebeb;
    box-shadow: 0 5px 10px rgba(102, 102, 102, 0.2); }

.entity-card > a, .entity-card {
  text-decoration: none;
  color: #333333;
  display: block; }
  .entity-card > a:last-child, .entity-card:last-child {
    margin-bottom: 0; }
  .entity-card > a > ul, .entity-card > ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    flex-wrap: wrap; }
    .entity-card > a > ul .field.last, .entity-card > ul .field.last {
      min-width: 13ch;
      margin-right: 0; }
    .entity-card > a > ul:first-child .field.last, .entity-card > ul:first-child .field.last {
      margin-right: 0;
      align-self: center; }
    .entity-card > a > ul:first-child .field.last:last-child, .entity-card > ul:first-child .field.last:last-child {
      margin-left: 20px; }
    .entity-card > a > ul:last-child, .entity-card > ul:last-child {
      -webkit-box-pack: left;
              justify-content: left; }
      .entity-card > a > ul:last-child .field.last, .entity-card > ul:last-child .field.last {
        margin-left: auto; }
  .entity-card > a .field, .entity-card .field {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; }

.readonly {
  width: 100%; }
  .readonly .critHeading {
    margin: 20px 0;
    padding: 0;
    box-shadow: inset 0 0 0px 1px #E5E5E5; }
    .readonly .critHeading legend > span {
      color: #979797; }
    .readonly .critHeading > hr {
      height: 10px;
      border: none;
      background-color: #E5E5E5; }
  .readonly legend {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 20px;
    line-height: 1.25rem;
    position: relative;
    margin: 00px 0 10px;
    padding-bottom: 10px;
    font-family: "Bebas Neue", sans-serif;
    font-weight: bold; }
    .readonly legend span {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 20px;
      line-height: 1.25rem;
      margin-right: 10px;
      font-family: "Roboto", sans-serif;
      visibility: visible;
      display: block; }
    .readonly legend + legend, .readonly legend + div:empty + legend {
      margin-top: 40px; }
      .readonly legend + legend:before, .readonly legend + div:empty + legend:before {
        content: " ";
        width: 30px;
        height: 1px;
        position: absolute;
        display: block; }
      .readonly legend + legend:before, .readonly legend + div:empty + legend:before {
        content: "-";
        top: -30px;
        left: 0;
        color: #979797; }
  .readonly h3 {
    padding: 10px 20px;
    margin: 0 -20px 22px;
    background-color: #e6e6e6;
    border-bottom: 1px solid #E5E5E5; }
    .readonly h3 span {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 20px;
      line-height: 1.25rem;
      color: #666666;
      margin-right: 20px;
      display: block; }
  .readonly h4 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin: 10px 0 10px;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    border-bottom: 1px solid #E5E5E5; }
  .readonly label {
    font-weight: 400 !important;
    color: #666666 !important; }
    .readonly label.font-weight-bold {
      font-weight: 700 !important; }
    .readonly label ~ div, .readonly label ~ p {
      font-weight: bold;
      color: #333333; }
  .readonly .subsub-wrapper {
    padding-top: 0 !important; }
    .readonly .subsub-wrapper > legend {
      font-size: 16px;
      font-size: 1rem; }
    .readonly .subsub-wrapper fieldset {
      margin: 10px 0; }
      .readonly .subsub-wrapper fieldset > legend:first-child {
        padding: 15px 0 10px 15px;
        margin: 0; }
    .readonly .subsub-wrapper div.critHeading {
      box-shadow: none;
      margin: 0; }
      .readonly .subsub-wrapper div.critHeading legend {
        font-size: 16px;
        font-size: 1rem;
        font-family: "Roboto", sans-serif;
        background-color: white;
        margin: 0; }
  .readonly .field-name {
    padding-bottom: 0; }
  .readonly .pjax-wrapper {
    margin: 0;
    padding: 0;
    border-bottom: none; }
  .readonly .critRequired {
    padding-left: 30px;
    margin: 3px -15px;
    -webkit-box-flex: 0;
            flex: 0 0 calc(100% + 30px);
    max-width: 105%; }
    .readonly .critRequired label:after {
      left: -20px;
      -webkit-animation: none;
              animation: none; }
  .readonly.step0 .output-text {
    color: #333333; }
  .readonly .critRequired .output-text.fail {
    color: #E73827; }
  .readonly .output-text {
    font-weight: bold;
    color: #333333; }
  .readonly .field-appcriteriaobservation-observation {
    border-left: 1px solid #979797;
    margin-bottom: 10px;
    padding: 5px 10px; }
    .readonly .field-appcriteriaobservation-observation .output-text {
      color: #333333; }
  .readonly .form-group {
    margin-bottom: 10px; }

.evaluate-link {
  margin-top: 10px;
  margin-bottom: 25px; }
  .evaluate-link a {
    padding: 15px 60px;
    color: #333333; }
    .evaluate-link a:after {
      top: 0;
      left: 0; }

.evaluate-notes {
  margin: -22px -20px 0;
  background-color: #3B5998;
  padding: 18px 20px; }
  .evaluate-notes--title {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    color: white;
    font-weight: bold;
    padding-top: 0;
    text-transform: uppercase; }
  .evaluate-notes p {
    margin-top: 0;
    color: white;
    margin-bottom: 0; }

.evaluate-options--wrapper div {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-color: #CCCCCC;
  cursor: pointer;
  position: relative;
  -webkit-transition: background-color .4s ease-in-out;
  transition: background-color .4s ease-in-out; }
  .evaluate-options--wrapper div i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 2px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .evaluate-options--wrapper div i:before {
      color: white; }

.evaluate-options--check.is-active {
  background-color: #4AAF51; }

.evaluate-options--close.is-active {
  background-color: #E73827; }

.evaluate-options--block.is-active, .evaluate-options--open.is-active {
  background-color: #CC8612; }

.evaluate-options--result {
  text-align: center;
  margin-bottom: 12px; }
  .evaluate-options--result-accept, .evaluate-options--result-open {
    font-size: 14px;
    font-size: 0.875rem;
    color: white;
    font-weight: bold;
    padding: 6px 0;
    width: 112px;
    height: 35px; }
  .evaluate-options--result-accept {
    background-color: #4AAF51; }
  .evaluate-options--result-open {
    background-color: #CC8612; }

.evaluate-board .critRequired label:after {
  left: -200px; }

.select2 .select2-selection.select2-selection--single, .select2.select2-container--open .select2-selection.select2-selection--single {
  box-shadow: none;
  border: 1px solid #979797;
  border-radius: 0;
  min-height: 34px; }

.select2 .select2-selection__arrow b, .select2.select2-container--open .select2-selection__arrow b {
  border-color: #E73827 transparent transparent transparent !important; }

.select2.select2-container--open .select2-selection.select2-selection--single {
  border-color: #979797; }

.select2.select2-container--open .select2-selection__arrow b {
  border-color: transparent transparent #E73827 transparent !important; }

.select2-dropdown.select2-dropdown--below, .select2-dropdown.select2-dropdown--above {
  border-color: #979797;
  border-radius: 0; }

.select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: #E73827; }

.select2-selection--single {
  box-shadow: none;
  cursor: pointer;
  display: block; }
  .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .select2-selection--single .select2-selection__clear {
    position: relative;
    left: 12px;
    background-color: white;
    padding: 0 10px;
    z-index: 1; }

#lectiveyearchangeform-year_id {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  outline: none !important;
  background-color: #333333;
  color: white; }
/*# sourceMappingURL=styles.css.map */