/* Minification failed. Returning unminified contents.
(2055,17): run-time error CSS1039: Token not allowed after unary operator: '-ui-01'
(2101,28): run-time error CSS1039: Token not allowed after unary operator: '-ui-01'
(2124,21): run-time error CSS1039: Token not allowed after unary operator: '-ui-01'
(3119,17): run-time error CSS1039: Token not allowed after unary operator: '-ui-01'
(3636,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(3657,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(5078,17): run-time error CSS1039: Token not allowed after unary operator: '-ui-01'
(5116,21): run-time error CSS1039: Token not allowed after unary operator: '-black'
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.flipOutX,
    .animated.flipOutY,
    .animated.bounceIn,
    .animated.bounceOut {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}


@keyframes folhaMovendo {

    0% {
        -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        fill: #4354a6;
    }

    50% {
        -moz-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        -o-transform: rotate(1deg);
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg);
        fill: #109A22;
    }

    100% {
        -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        fill: #4354a6;
    }
}

@-moz-keyframes folhaMovendo {
    0% {
        -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        fill: #4354a6;
    }

    50% {
        -moz-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        -o-transform: rotate(1deg);
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg);
        fill: #109A22;
    }

    100% {
        -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        fill: #4354a6;
    }
}

@-webkit-keyframes folhaMovendo {
    0% {
        -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        fill: #4354a6;
    }

    50% {
        -moz-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        -o-transform: rotate(1deg);
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg);
        fill: #109A22;
    }

    100% {
        -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        fill: #4354a6;
    }
}

@-ms-keyframes folhaMovendo {
    0% {
        -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        fill: #4354a6;
    }

    50% {
        -moz-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        -o-transform: rotate(1deg);
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg);
        fill: #109A22;
    }

    100% {
        -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        fill: #4354a6;
    }
}

@-o-keyframes folhaMovendo {
    0% {
        -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        fill: #4354a6;
    }

    50% {
        -moz-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        -o-transform: rotate(1deg);
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg);
        fill: #109A22;
    }

    100% {
        -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        fill: #4354a6;
    }
}



@keyframes folhaMovendo2 {
    0% {
        -moz-transform: rotate(.5deg);
        -ms-transform: rotate(.5deg);
        -o-transform: rotate(.5deg);
        -webkit-transform: rotate(.5deg);
        transform: rotate(.5deg);
        fill: #109A22;
    }

    50% {
        -moz-transform: rotate(-.5deg);
        -ms-transform: rotate(-.5deg);
        -o-transform: rotate(-.5deg);
        -webkit-transform: rotate(-.5deg);
        transform: rotate(-.5deg);
        fill: #4354a6;
    }

    100% {
        -moz-transform: rotate(.5deg);
        -ms-transform: rotate(.5deg);
        -o-transform: rotate(.5deg);
        -webkit-transform: rotate(.5deg);
        transform: rotate(.5deg);
        fill: #109A22;
    }
}

@-moz-keyframes folhaMovendo2 {
    0% {
        -moz-transform: rotate(.5deg);
        -ms-transform: rotate(.5deg);
        -o-transform: rotate(.5deg);
        -webkit-transform: rotate(.5deg);
        transform: rotate(.5deg);
        fill: #109A22;
    }

    50% {
        -moz-transform: rotate(-.5deg);
        -ms-transform: rotate(-.5deg);
        -o-transform: rotate(-.5deg);
        -webkit-transform: rotate(-.5deg);
        transform: rotate(-.5deg);
        fill: #4354a6;
    }

    100% {
        -moz-transform: rotate(.5deg);
        -ms-transform: rotate(.5deg);
        -o-transform: rotate(.5deg);
        -webkit-transform: rotate(.5deg);
        transform: rotate(.5deg);
        fill: #109A22;
    }
}

@-webkit-keyframes folhaMovendo2 {
    0% {
        -moz-transform: rotate(.5deg);
        -ms-transform: rotate(.5deg);
        -o-transform: rotate(.5deg);
        -webkit-transform: rotate(.5deg);
        transform: rotate(.5deg);
        fill: #109A22;
    }

    50% {
        -moz-transform: rotate(-.5deg);
        -ms-transform: rotate(-.5deg);
        -o-transform: rotate(-.5deg);
        -webkit-transform: rotate(-.5deg);
        transform: rotate(-.5deg);
        fill: #4354a6;
    }

    100% {
        -moz-transform: rotate(.5deg);
        -ms-transform: rotate(.5deg);
        -o-transform: rotate(.5deg);
        -webkit-transform: rotate(.5deg);
        transform: rotate(.5deg);
        fill: #109A22;
    }
}

@-ms-keyframes folhaMovendo2 {
    0% {
        -moz-transform: rotate(.5deg);
        -ms-transform: rotate(.5deg);
        -o-transform: rotate(.5deg);
        -webkit-transform: rotate(.5deg);
        transform: rotate(.5deg);
        fill: #109A22;
    }

    50% {
        -moz-transform: rotate(-.5deg);
        -ms-transform: rotate(-.5deg);
        -o-transform: rotate(-.5deg);
        -webkit-transform: rotate(-.5deg);
        transform: rotate(-.5deg);
        fill: #4354a6;
    }

    100% {
        -moz-transform: rotate(.5deg);
        -ms-transform: rotate(.5deg);
        -o-transform: rotate(.5deg);
        -webkit-transform: rotate(.5deg);
        transform: rotate(.5deg);
        fill: #109A22;
    }
}


@-o-keyframes folhaMovendo2 {
    0% {
        -moz-transform: rotate(.5deg);
        -ms-transform: rotate(.5deg);
        -o-transform: rotate(.5deg);
        -webkit-transform: rotate(.5deg);
        transform: rotate(.5deg);
        fill: #109A22;
    }

    50% {
        -moz-transform: rotate(-.5deg);
        -ms-transform: rotate(-.5deg);
        -o-transform: rotate(-.5deg);
        -webkit-transform: rotate(-.5deg);
        transform: rotate(-.5deg);
        fill: #4354a6;
    }

    100% {
        -moz-transform: rotate(.5deg);
        -ms-transform: rotate(.5deg);
        -o-transform: rotate(.5deg);
        -webkit-transform: rotate(.5deg);
        transform: rotate(.5deg);
        fill: #109A22;
    }
}


/*Fechamento*/
@-webkit-keyframes fadeInUp {
    from {
        /*opacity: 1;*/
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
        height: 100%;
        /*margin-top: 0;*/
        visibility: visible;
    }

    to {
        /*opacity: 0;*/
        -webkit-transform: none;
        transform: none;
        height: 0;
        /*margin-top: -20px;*/
        visibility: hidden;
    }
}

@keyframes fadeInUp {
    from {
        /*opacity: 1;*/
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
        height: 100%;
        /*margin-top: 0;*/
        visibility: visible;
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
    }

    to {
        /*opacity: 0;*/
        -webkit-transform: none;
        transform: none;
        height: 0;
        /*margin-top: -20px;*/
        visibility: hidden;
        padding-top: 0;
        padding-bottom: 0;
    }
}



/*Abertura*/
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

/*@font-face {
  font-family: 'icomoon';
  src:  url('../Fonts/icomoon.eot?m78nvg');
  src:  url('../Fonts/icomoon.eot?m78nvg#iefix') format('embedded-opentype'),
    url('../Fonts/icomoon.ttf?m78nvg') format('truetype'),
    url('../Fonts/icomoon.woff?m78nvg') format('woff'),
    url('../Fonts/icomoon.svg?m78nvg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

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



[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !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;
}


.icon-acf:before {
    content: "\e96f";
}

.icon-acf-tradutor:before {
    content: "\e971";
}

.icon-acf-leiloeiro:before {
    content: "\e9a8";
}
.icon-files:before {
  content: "\e94b";
}
.icon-speech-bubble:before {
  content: "\e940";
}
.icon-folder:before {
  content: "\e93e";
}
.icon-circle-check:before {
  content: "\e92c";
}
.icon-arrow-right:before {
  content: "\e929";
}
.icon-delete:before {
  content: "\e949";
}
.icon-person:before {
  content: "\e93f";
}
.icon-phone:before {
  content: "\e937";
}
.icon-ondemand_video:before {
  content: "\e91e";
}
.icon-arrow_back:before {
  content: "\e906";
}
.icon-notice:before {
  content: "\e938";
}
.icon-leiloeiros:before {
  content: "\e92d";
}
.icon-calendar:before {
  content: "\e920";
}
.icon-key:before {
  content: "\e90f";
}
.icon-printer-text:before {
  content: "\e923";
}
.icon-pen:before {
  content: "\e942";
}
.icon-file-pdf2:before {
  content: "\e93b";
}
.icon-document-file-pdf:before {
  content: "\e91b";
}
.icon-registro-nome-empresarial:before {
  content: "\e950";
}
.icon-termo-autenticacao:before {
  content: "\e94f";
}
.icon-termo-abertura:before {
  content: "\e94d";
}
.icon-termo-encerramento:before {
  content: "\e94e";
}
.icon-empresa-abertura-transformacao:before {
  content: "\e948";
}
.icon-autenticao-livros:before {
  content: "\e947";
}
.icon-demais-procuracoes:before {
  content: "\e945";
}
.icon-outros-protocolo-web:before {
  content: "\e946";
}
.icon-instrumento-ins2:before {
  content: "\e944";
}
.icon-procuracoes3:before {
  content: "\e943";
}
.icon-certificado:before {
  content: "\e941";
}
.icon-asterisco-sem-circulo:before {
  content: "\e93a";
}
.icon-asterisco:before {
  content: "\e939";
}
.icon-jucerja:before {
  content: "\e935";
}
.icon-protocolo-web:before {
  content: "\e930";
}
.icon-certidao-online:before {
  content: "\e931";
}
.icon-acompanhamento-processo:before {
  content: "\e932";
}
.icon-situacao-cadastral-de-empresas:before {
  content: "\e933";
}
.icon-tradutor:before {
  content: "\e934";
}
.icon-seta-dupla:before {
  content: "\e928";
}
.icon-gerar-boleto:before {
  content: "\e922";
}
.icon-downloads:before {
  content: "\e924";
}
.icon-novo-pedido:before {
  content: "\e925";
}
.icon-pedidos-andamento:before {
  content: "\e926";
}
.icon-perguntas-frequentes:before {
  content: "\e927";
}
.icon-seta-dropdown:before {
  content: "\e917";
}
.icon-empresa-abertura:before {
  content: "\e90d";
}
.icon-registro-pne:before {
  content: "\e910";
}
.icon-pne-2:before {
  content: "\e911";
}
.icon-undo:before {
    content: "\e965";
}
.icon-consultas-protocoloWeb:before {
  content: "\e912";
}
.icon-busca-empresa:before {
  content: "\e913";
}
.icon-alteracao:before {
  content: "\e914";
}
.icon-empresa:before {
  content: "\e92f";
}
.icon-extincao:before {
  content: "\e916";
}
.icon-cadastrar-usuarios:before {
  content: "\e90a";
}
.icon-consultar-usuario:before {
  content: "\e90b";
}
.icon-dados-convenio:before {
  content: "\e90c";
}
.icon-manual-usuario:before {
  content: "\e915";
}
.icon-buscar-empresa:before {
  content: "\e90e";
}
.icon-refresh:before {
  content: "\e94a";
}
.icon-industry:before {
  content: "\e92b";
}
.icon-external-link:before {
  content: "\e91a";
}
.icon-documento-digital:before {
  content: "\f094";
}
.icon-pencil:before {
  content: "\f058";
}
.icon-sign-in:before {
  content: "\f036";
}
.icon-expand:before {
  content: "\e93d";
}
.icon-in:before {
  content: "\e907";
}
.icon-picture:before {
  content: "\e91c";
}
.icon-search:before {
  content: "\e908";
}
.icon-blocked:before {
  content: "\e904";
}
.icon-location:before {
  content: "\e936";
}
.icon-checkmark:before {
  content: "\e905";
}
.icon-cancel:before {
  content: "\e921";
}
.icon-folder-upload:before {
  content: "\e94c";
}
.icon-clipboard:before {
  content: "\e91f";
}
.icon-attachment:before {
  content: "\e91d";
}
.icon-warning:before {
  content: "\e909";
}
.icon-loop2:before {
  content: "\e92a";
}
.icon-regin-carousel:before {
  content: "\e92e";
}
.icon-google-plus:before {
  content: "\e900";
}
.icon-facebook2:before {
  content: "\e901";
}
.icon-twitter:before {
  content: "\e902";
}
.icon-pinterest:before {
  content: "\e903";
}
.icon-file-pdf:before {
  content: "\e93c";
}
.icon-cross:before {
  content: "\e918";
}
.icon-plus:before {
  content: "\e919";
}

/*checkbox que fazem a animação de slide jogados para fora da tela*/
#main-nav-check,
.ats-menu .sub-nav-check {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

/*colocando o efeito de translate só no mobile, para não bugar o position fixed no desktop*/
@media only screen and (max-width:60.063em) {
    /*translate que faz o menu, submenu e o site ficarem na posição fechada quando o check não está marcado*/
    .container-site,
    .ats-menu,
    .ats-menu .ats-menu-submenu {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: -webkit-transform .25s ease;
        transition: transform .25s ease;
    }

        /*translate que faz o menu, submenu e o site ficarem na posição aberta quando o check está marcado*/
        #main-nav-check:checked ~ .container-site,
        #main-nav-check:checked ~ .ats-menu,
        .ats-menu .sub-nav-check:checked ~ [id$="-submenu"] {
            -webkit-transform: translate(20.333em, 0);
            -ms-transform: translate(20.333em, 0);
            transform: translate(20.333em, 0);
        }
}



/*esconde x de fechar quando o checkbox principal é deschecado*/
#main-nav-check + .close-all {
    display: none;
}

/*mostra o x de fechar quando o menu principal é aberto*/
#main-nav-check:checked ~ .close-all {
    display: inline;
    position: absolute;
    left: 9.3em;
    top: 0.5em;
    color: #4354A6;
    text-align: center;
    z-index: 30;
    padding: 0 0.2em;
    font: 2.3em/1em 'Open Sans', sans-serif;
    color: #fff;
    border-radius: 50%;
    background: #4354A6;
    z-index: 100;
}

.js .ats-menu .toggle {
    top: 0;
    z-index: 30;
}

/*tira o position relative da coluna do foundation no responsivo*/
.ats-menu .column,
.ats-menu .columns {
    padding: 0;
    /*width: inherit;
    float: none;*/
    position: inherit;
}

.ats-menu label, .close-all {
    font-size: inherit;
    line-height: inherit;
}

/*==== Estilo Header ====*/

.ats-header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: -webkit-linear-gradient(#EAF4F8, #F9FCFD 90%);
    background: -moz-linear-gradient(#EAF4F8, #F9FCFD 90%);
    background: -o-linear-gradient(#EAF4F8, #F9FCFD 90%);
    background: linear-gradient(#EAF4F8, #F9FCFD 90%);
    border-bottom: 1px solid #C5D7EB;
    z-index: 100;
}

    .ats-header .ats-header-cabecalho {
        position: absolute;
        top: .8em;
        left: 3.5em;
        text-transform: uppercase;
        font-weight: 600;
        line-height: inherit;
        margin: 0;
        font-size: 1.5em;
    }

        .ats-header .ats-header-cabecalho .ats-header-lnk,
        .ats-header .ats-header-cabecalho .ats-header-lnk:visited,
        .ats-header .ats-header-cabecalho .ats-header-lnk:active {
            color: #4261AF;
        }

    .ats-header .ats-header-logotipo,
    .ats-header .ats-header-subcabecalho {
        display: none;
    }

    .ats-header .ats-header-icoMobile {
        padding: 0 5px;
        color: #4261AF;
        position: absolute;
        cursor: pointer;
        left: 10px;
        top: 3px;
        font: 3.2em/1.298em 'Open Sans', sans-serif;
    }


/*==== Estilo Menu Resposivo ====*/

/*tirando float do menu de cadastar/acessar/usuário do responsivo */
.ats-menu-item.u-floatRight {
    float: none;
}

/*sobrescreve a cor de fundo que o foundation coloca na classe contain-to-grid*/
.ats-menu .contain-to-grid {
    background: #4354A6;
    line-height: 3.667em;
    text-decoration: none;
    padding: 0;
    list-style: none;
}

.ats-menu .ats-menu-lnk {
    display: none;
}

    .ats-menu .ats-menu-lnk.ats-menu-lnk--cadastrar {
        display: block;
    }

.ats-menu .ats-menu-label,
.ats-menu .ats-menu-lnk {
    font: normal 1.1em/2.4em 'Open Sans', sans-serif;
    color: #fff;
    background: #4354A6;
    width: 100%;
    cursor: pointer;
    margin: 0.5em 0;
    padding: 0 3.5em;
    position: relative;
}

.ats-menu .ats-menu-imagem {
    font: normal 1.1em/2.6em 'Open Sans', sans-serif;
    width: 100%;
    cursor: pointer;
    margin: 0.5em 0;
    padding: 0 3.5em;
    position: relative;
}

.ats-menu #menu-instagram.ats-menu-imagem {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.ats-menu .ats-menu-label:before,
.ats-menu .ats-menu-label:after,
.ats-menu .ats-menu-lnk:before,
.ats-menu .ats-menu-lnk:after {
    content: "";
    border: solid 5px;
    display: block;
    height: 0;
    width: 0;
    margin-top: -5px;
    margin-right: 0.9375rem;
    position: absolute;
    top: 50%;
}

.ats-menu .ats-menu-label:before,
.ats-menu .ats-menu-lnk:before {
    border-color: transparent transparent transparent #4354A6;
    border-left-style: solid;
    right: 1px;
    z-index: 10;
}

.ats-menu .ats-menu-label:after,
.ats-menu .ats-menu-lnk:after {
    border-color: transparent transparent transparent #fff;
    border-left-style: solid;
    right: 0;
}

/*==== Estilo Submenu Resposivo ====*/

/*seta cor de fundo e position do menu e do submenu responsivo*/
.ats-menu,
.ats-menu .ats-menu-submenu {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20.333em;
    background: #4354A6;
    left: -20.333em;
}

    .ats-menu .ats-menu-submenu {
        margin-top: -1px;
        line-height: 3.667em;
        list-style: none;
        margin: -0.25rem 0 1.125rem;
        overflow-x: hidden;
        overflow-y: scroll; /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch;
        z-index: 11;
    }
        /* label de voltar do submenu */
        .ats-menu .ats-menu-submenu .toggle {
            padding: .5em;
            background: #2E3975;
            color: #86AFE4;
            width: 100%;
            position: absolute;
            top: 0;
            right: -.0em;
        }

    /* nome da categoria do submenu*/
    .ats-menu .sub-heading {
        margin-top: 4em;
        margin-left: 0;
        padding-left: 1.5em;
        float: none;
        width: 100%;
        color: #86AFE4;
        font: normal 1em/3.2em 'Open Sans', sans-serif;
        text-transform: uppercase;
    }

/*escondendo a descrição que aparece no submenu desktop*/
.ats-menu-submenu .ats-menu-submenuDescricao {
    display: none;
}

/*coloca borda em todos os itens de lista do menu e submenu responsivo*/
.ats-menu .ats-menu-item, .ats-menu .ats-menu-submenuItem,
.ats-menu .ats-menu-submenuCabecalho {
    border-bottom: 1px solid #124373;
}
    /*seta tamanho de fonte de lkns do submenu no responsivo*/
    .ats-menu .ats-menu-submenuItem a {
        display: block;
        /* 14px*/
        font-size: 1.1067em;
        /* 24px*/
        padding-left: 2em;
        color: #fff;
        text-decoration: none;
    }

    /*seta block no item de menu cadastrar/acessar do responsivo*/
    .ats-menu .ats-menu-item .ats-menu-submenuLnk {
        display: block;
    }


/*tira hover no responsivo*/
.ats-menu li a:hover,
.ats-menu .ats-menu-label:hover,
.ats-menu .ats-menu-lnk:hover,
.ats-menu .ats-menu-imagem:hover {
    background: none;
}


/*==== Estilo para menu desktop ====*/

@media only screen and (min-width: 60em) {

    /* estilo para o header desktop */

    .ats-header {
        height: 8.5em;
        border-bottom: none;
        margin-bottom: 40px;
    }

        .ats-header .ats-header-containerLogo {
            height: 100%;
            vertical-align: middle;
            margin-top: 25px;
            width: 50%;
        }

        .ats-header .ats-header-containerTxt {
            width: 50%;
        }

        .ats-header .ats-header-containerLogo .ats-header-logotipo {
            display: block;
            float: right;
        }

        .ats-header .ats-header-cabecalho {
            position: static;
            font-size: 3.083em;
            margin-top: 10px;
            font-weight: 500;
        }

            /* prevenindo foundartion de botar cor no link */
            .ats-header .ats-header-cabecalho .ats-header-lnk,
            .ats-header .ats-header-cabecalho .ats-header-lnk:visited,
            .ats-header .ats-header-cabecalho .ats-header-lnk:active {
                color: #363636;
            }

        .ats-header .ats-header-subcabecalho {
            display: block;
            font-size: 1.333em;
            font-weight: 500;
        }

    /*==== estilo para o menu de navegação desktop ====*/

    .ats-menu {
        top: 8.5em;
        /*bottom: auto;*/
        left: auto;
        height: 0;
        width: 100%;
        z-index: 100;
    }

        /* coloca a posição da coluna do foundation relativa no desktop para o dropdown sempre abrir na mesma posição, não importando o link clicado*/
        .ats-menu .column, .ats-menu .columns {
            position: relative;
        }

        /*previne de fazer efeito de translate do menu responsivo quando no desktop*/
        .container-site,
        .ats-menu,
        .ats-menu .ats-menu-submenu {
            /*-webkit-transform: translate(0, 0) !important;
            -ms-transform: translate(0, 0) !important;
            transform: translate(0, 0) !important;*/
            margin-left: 0 !important;
        }

    /*quando o submenu estiver aberto, coloca cor selected no link*/
    .ats-menu-item.u-selecionado {
        background: #2a478f;
    }

    .ats-menu .ats-menu-item:hover {
        background: #2a478f;
    }

    /*deixa transparente cor de background de todos os links do menu*/
    .ats-menu .ats-menu-label,
    .ats-menu .ats-menu-lnk,
    .ats-menu .ats-menu-imagem,
    .ats-menu .ats-menu-label:hover,
    .ats-menu .ats-menu-lnk:hover
    .ats-menu .ats-menu-imagem:hover {
        background: transparent;
    }

    .ats-menu .ats-menu-lnk,
    .ats-menu .ats-menu-imagem {
        display: inline-block;
    }

    .ats-menu .ats-menu-label {
        display: none;
    }

    /*abre o dropdown no desktop*/
    .ats-menu .ats-menu-item.u-mostrar .ats-menu-submenu {
        /*display: block !important;*/
        flex-wrap: wrap;
        display: flex !important;
    }

    /*escondendo dropdown, subheader do menu responsivo */
    .ats-menu .ats-menu-submenu,
    .ats-menu .sub-heading,
    .ats-header .ats-header-icoMobile {
        display: none;
    }

    /*forçar desaparecimento do fechar no desktop*/
    #main-nav-check + label.close-all {
        display: none !important;
    }

    .ats-menu .ats-menu-lnk,
    .ats-menu .ats-menu-imagem {
        display: inline-block;
        padding: 0 1em;
        margin: 0.5em 0.2em;
        font-weight: 600;
    }
        /*tira setas do menu responsivo*/
        .ats-menu .ats-menu-label:before,
        .ats-menu .ats-menu-label:after,
        .ats-menu .ats-menu-lnk:before,
        .ats-menu .ats-menu-lnk:after,
        .ats-menu .ats-menu-imagem:before,
        .ats-menu .ats-menu-imagem:after {
            content: none;
        }

    .ats-menu .ats-menu-lista .ats-menu-item {
        float: left;
        border-bottom: none;
    }

    /*põe float right no menu cadastrar/acessar*/
    .ats-menu .ats-menu-item.u-floatRight {
        float: right;
    }

    /*.ats-menu .ats-menu-submenu .ats-menu-submenuItem:hover > a*/
    .ats-menu .ats-menu-submenu .ats-menu-submenuItem:hover {
        background: #DBE7F2;
        -webkit-transition: background-color .25s ease;
        transition: background-color .25s ease;
    }

    .ats-menu .ats-menu-lista .ats-menu-submenu {
        top: auto;
        bottom: auto;
        left: 0;
        width: 61.667em;
        margin-top: 0;
        background: #fff;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        box-shadow: 3px 3px 3px rgba(0,0,0, 0.2);
        overflow-y: hidden;
        border: 1px solid #ccc;
        line-height: normal;
        padding: 0 1em;
    }

    .ats-menu-lista #cadastrar-submenu.ats-menu-submenu {
        right: 0;
        left: auto;
        width: 15%;
        line-height: normal;
        padding: 0 1em;
    }

        .ats-menu-lista #cadastrar-submenu.ats-menu-submenu .ats-menu-submenuItem {
            float: none;
            width: 100%;
            border-left: 4px solid #DBE7F2;
            margin: 0.5em 0;
        }

            .ats-menu-lista #cadastrar-submenu.ats-menu-submenu .ats-menu-submenuItem a {
                font-size: 1.05em;
            }

    .ats-menu-lista .ats-menu-submenu .ats-menu-submenuItem {
        /*float: left;*/
        width: 33%;
        border-bottom: none;
        border-left: 4px solid #DBE7F2;
        margin: 0.5em 0;
    }

    .ats-menu .ats-menu-submenuItem a {
        padding: 0.5em;
        color: #4261AF;
        font-weight: 600;
    }

    .ats-menu-submenu .ats-menu-submenuDescricao {
        display: block;
        margin: 0;
        color: #4A4F53;
        font-size: .85em;
        margin-top: .3em;
        text-transform: none;
    }

    /*só garantindo que não vai ter translate no desktop para não bugar os elementos com position fixed*/
    .container-site {
        -webkit-transform: none !important;
        transform: none !important;
    }
}

/*==== consertando bugs ====*/
@-webkit-keyframes androidbugfix {
    from {
        padding: 0;
    }

    to {
        padding: 0;
    }
}

/*==== Nova Versáo JUCERJA - Adaptação Gov.BR ====*/
.ats-header-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ats-header-content {
    max-width: 1280px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

    .ats-header-content .ats-header-jucerja-logo-link {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        font-size: 14px;
    }

/*==== container que encapsula o formulário inteiro, que dá margem do footer ====*/
.ats-containerFormulario {
    margin-top: 1.5em;
    margin-bottom: 2em;
}

/*==== padrões de headers e módulos de texto ====*/
.ats-containerFormulario-header {
    border-bottom: 1px solid #a7b8e3;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

    .ats-containerFormulario-header.ats-containerFormulario-header--protocoloWebExtincao {
        margin: 1em 0;
    }

.ats-containerFormulario-label {
    color: #363636;
    vertical-align: middle;
    text-align: left;
    display: block;
    padding-bottom: 0.3em;
    font-weight: 600;
}

/*.ats-containerFormulario-label--obrigatorio::after,
.ats-containerFormulario-label--obrigatorio-condicional::after {
    content: "\e93a";
    font-family: 'icomoon' !important;
    font-size: .7em;
    padding-left: .5em;
}*/

.ats-containerFormulario-label--obrigatorio::after {
    content: "\e93a";
    font-family: 'icomoon' !important;
    font-size: .7em;
    padding-left: .5em;
}

.ats-containerFormulario-label--obrigatorio::after {
    color: #b00;
}

/*.ats-containerFormulario-label--obrigatorio-condicional::after {
    color: #2489c5;
}*/

.ats-containerFormulario-icone--help {
    font-size: 1em;
    font-weight: bolder;
    display: inline-block;
    background: #4354a6;
    border: 1px solid #4354a6;
    border-radius: 50%;
    padding: .3em 0;
    margin-left: .5em;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    line-height: 0.75em;
    text-align: center;
    color: white;
}

.ats-containerFormulario-label .ats-containerFormulario-icone {
    font-size: 1em;
    font-weight: bolder;
    display: inline-block;
    background: #ccc;
    border: 1px solid #a9a9a9;
    border-radius: 50%;
    padding: .3em 0;
    margin-left: .5em;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    line-height: 0.75em;
    text-align: center;
}

/*==== Padrão de checkboxes, radio e label ====*/
/*icheck*/
.ats-containerForm-lblIcheck {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}


@media only screen and (max-width: 40em) {
    .ats-containerForm-lblIcheck {
        margin-top: 20px;
    }
}

.ats-containerFormulario-campos .iradio_line-blue {
    padding-top: 1em;
    padding-bottom: 1em;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #4354a6;
}

    .ats-containerFormulario-campos .iradio_line-blue.hover {
        background: #4354a6;
    }

    .ats-containerFormulario-campos .iradio_line-blue.checked {
        background: #2f375d;
    }

    .ats-containerFormulario-campos .iradio_line-blue.disabled {
        background: #b3b3b3;
    }

    .ats-containerFormulario-campos .iradio_line-blue.checked.disabled {
        background: #828080;
    }


.ats-container-icheckBtn [class*="block-grid-"] > li {
    padding-bottom: 0;
}

.ats-container-icheckBtn {
    /*border: 1px solid #4261AF;*/
    background-color: #E4E4E4;
    padding: 1em;
    margin: 2em 0 1.5em;
}

/*==== exceção para a página de protocolo web empresa, no partial _ProtocoloWebEmpresaExtincao para não separar o label do input ====*/
.ats-containerFormulario-camposExtincao .ats-containerFormulario-txt {
    margin-left: 35px;
    margin-top: 5px;
}

/*==== Padrão de Inputs text e selects ====*/
.ats-containerFormulario-input[type="text"],
.ats-containerFormulario-input[type="password"],
.ats-containerFormulario-input[type="date"],
.ats-containerFormulario-input[type="datetime"],
.ats-containerFormulario-input[type="datetime-local"],
.ats-containerFormulario-input[type="month"],
.ats-containerFormulario-input[type="week"],
.ats-containerFormulario-input[type="email"],
.ats-containerFormulario-input[type="number"],
.ats-containerFormulario-input[type="search"],
.ats-containerFormulario-input[type="tel"],
.ats-containerFormulario-input[type="time"],
.ats-containerFormulario-input[type="url"],
.ats-containerFormulario-input[type="color"],
textarea,
textarea.ats-containerFormulario-input {
    -webkit-appearance: none;
    border-color: #888;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(66, 97, 175, 0.1);
    border-style: solid;
    font-size: 16px;
    transition: border 0.3s;
    text-transform: uppercase;
    font-family: 'rawline';
}

.ats-inputConsulta[type="text"] {
    height: 54px;
}

.ats-spinner-input {
    border-radius: 0;
    font-family: 'rawline', sans-serif;
}

    .ats-spinner-input .ats-containerFormulario-input {
        border: none;
        margin: 0;
    }

        .ats-spinner-input .ats-containerFormulario-input[type="text"]:focus {
            box-shadow: none;
            border-color: initial;
            border-bottom: none;
        }


.ats-containerFormulario-input[type="text"]:focus,
.ats-containerFormulario-input[type="password"]:focus,
.ats-containerFormulario-input[type="date"]:focus,
.ats-containerFormulario-input[type="datetime"]:focus,
.ats-containerFormulario-input[type="datetime-local"]:focus,
.ats-containerFormulario-input[type="month"]:focus,
.ats-containerFormulario-input[type="week"]:focus,
.ats-containerFormulario-input[type="email"]:focus,
.ats-containerFormulario-input[type="number"]:focus,
.ats-containerFormulario-input[type="search"]:focus,
.ats-containerFormulario-input[type="tel"]:focus,
.ats-containerFormulario-input[type="time"]:focus,
.ats-containerFormulario-input[type="url"]:focus,
.ats-containerFormulario-input[type="color"]:focus,
textarea:focus {
    box-shadow: 0 0 5px #80B0C5;
    border-color: #2489c5;
    outline: none;
    border-bottom: 2px solid #969696;
}

.ats-containerFormulario-select {
    background-color: #fff;
    border-color: #888;
    -webkit-appearance: none;
    -moz-appearance: none !important;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzQzNTRBNjt9PC9zdHlsZT48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjUuOTkyLDAgMi45OTIsMyAtMC4wMDgsMCAiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    font-family: 'rawline', sans-serif;
    font-size: inherit;
    /*margin: 0 0 .5rem 0;*/
    border-radius: 4px;
}

    .ats-containerFormulario-select:disabled,
    .ats-containerFormulario-input[type="text"]:disabled,
    .ats-containerFormulario-input[type="password"]:disabled,
    .ats-containerFormulario-input[type="date"]:disabled,
    .ats-containerFormulario-input[type="datetime"]:disabled,
    .ats-containerFormulario-input[type="datetime-local"]:disabled,
    .ats-containerFormulario-input[type="month"]:disabled,
    .ats-containerFormulario-input[type="week"]:disabled,
    .ats-containerFormulario-input[type="email"]:disabled,
    .ats-containerFormulario-input[type="number"]:disabled,
    .ats-containerFormulario-input[type="search"]:disabled,
    .ats-containerFormulario-input[type="tel"]:disabled,
    .ats-containerFormulario-input[type="time"]:disabled,
    .ats-containerFormulario-input[type="url"]:disabled,
    .ats-containerFormulario-input[type="color"]:disabled,
    textarea:disabled {
        border-bottom: 2px solid #ccc;
        color: #a5a3a3;
        background-color: #DDDDDD;
    }

        .ats-containerFormulario-select:disabled:hover {
            border-bottom: 2px solid #ccc;
            color: #bfbaba;
            background-color: #DDDDDD;
            border-color: #ccc;
        }

    .ats-containerFormulario-select:hover {
        background-color: #dedede;
        border-color: #8CA6C5;
    }

/*==== Jquery UI ====*/

.ats-containerFormulario-campos .ui-datepicker-trigger {
    position: absolute;
    top: 2.8em;
    right: 1.8em;
}
/*==== lista dentro de formulários ====*/
.ats-containerFormulario .ats-containerFormulario-formulario .ats-containerFormulario-lista {
    margin: 2em 0;
}

/*==== fieldsets que não tem um formulário dentro ====*/

.ats-fieldset {
    border-radius: 5px;
    margin: 1em 0 1em;
    padding: .8rem;
}

    .ats-fieldset .ats-fieldset-legenda {
        padding: 0 15px;
    }

    /*ver*/
    .ats-fieldset .ats-fieldset-lista {
        margin: 10px 0;
    }

.ats-fieldset-lista .ats-fieldset-item {
    display: block;
}

    .ats-fieldset-lista .ats-fieldset-item .ats-fieldset-txt {
        display: inline-block;
    }


/*==== Lista de Informações que tem dentro do formulário ====*/

.ats-containerFormulario-formulario .ats-containerFormularios-info {
    margin-top: 1em;
    margin-bottom: 1.5em;
}

/*==== padrões de erros em itens de formulário ====*/

/*muda a cor da borda de todos os inputs de texto quando tem erro*/
.ats-campoErro .ats-containerFormulario-input[type="text"],
.ats-campoErro .ats-containerFormulario-input[type="password"],
.ats-campoErro .ats-containerFormulario-input[type="date"],
.ats-campoErro .ats-containerFormulario-input[type="datetime"],
.ats-campoErro .ats-containerFormulario-input[type="datetime-local"],
.ats-campoErro .ats-containerFormulario-input[type="month"],
.ats-campoErro .ats-containerFormulario-input[type="week"],
.ats-campoErro .ats-containerFormulario-input[type="email"],
.ats-campoErro .ats-containerFormulario-input[type="number"],
.ats-campoErro .ats-containerFormulario-input[type="search"],
.ats-campoErro .ats-containerFormulario-input[type="tel"],
.ats-campoErro .ats-containerFormulario-input[type="time"],
.ats-campoErro .ats-containerFormulario-input[type="url"],
.ats-campoErro .ats-containerFormulario-input[type="color"],
.ats-campoErro textarea.ats-containerFormulario-input,
.ats-campoErro textarea,
.ats-campoErro .ats-containerFormulario-select,
.u-borda-validacao[type="text"],
select.u-borda-validacao {
    border-bottom: 2px solid #9a5151;
}

/*data picker de data do JqueryUI*/
/*.ui-datepicker {
    z-index: 10 !important;
    margin-bottom: 10px;
}*/

.ats-campoErro .ats-containerFormulario-label,
.ats-campoErro .ats-containerForm-lblIcheck,
.u-label-validacao.error,
.u-label-validacao {
    color: #9a5151;
}

.erro-formulario,
.field-validation-error,
.erro-form {
    background: #F3D2D4;
    color: #9a5151;
    padding: .5em;
    position: relative;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    display: block;
}

/*erro icheck*/
.erro-icheck {
    margin-top: 10px;
}

.erro-formulario:before,
.field-validation-error:before,
.erro-form:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #F3D2D4;
}

/*tirar a mensagem de validação caso o campo não tenha erro*/
.erro-form.field-validation-valid {
    display: none;
}

/*lista de erros*/

.ats-erro-box .validation-summary-errors {
    background: #F3D2D4;
    color: #9a5151;
    margin: 2em 0;
    padding: 1em 1em 1em 6.5em;
    position: relative;
}

.ats-erro-box.field-validation-error {
    margin: 1em 0;
    padding: 1em 1em 1em 4.5em;
    position: relative;
    font-size: 1.2em;
}

.ats-erro-box.field-validation-valid {
    display: none;
}

.ats-erro-box .validation-summary-errors::before {
    content: "\e904";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 2em;
    position: absolute;
    /*top: 36%;*/
    left: .5em;
}

.ats-erro-box.field-validation-error::before {
    content: "\e904";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 2em;
    position: absolute;
    left: .5em;
    border: 0;
    top: 9px;
}



.ats-erro-box .validation-summary-errors span {
    display: block;
    font-size: 1.133em;
    margin-bottom: .5em;
    font-weight: bold;
}

.ats-erro-box .validation-summary-errors ul {
    list-style: disc;
}

.ats-erro-box .validation-summary-errors li {
    font-size: 1.166em;
    list-style: none;
}


/*==== padrões de botões ====*/

/*botão quadrado classe base*/
.ats-btn {
    padding: 0 24px;
    font-family: 'rawline', sans-serif;
    font-weight: 600;
    min-height: 40px;
    border-radius: 100px;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    color: var(--ui-01);
}

/*botões desativados*/
.ats-botao--azul:disabled,
.ats-botao--azul:disabled:hover,
.ats-botao--verde:disabled,
.ats-botao--verde:disabled:hover,
.ats-botao--vermelho:disabled,
.ats-botao--vermelho:disabled:hover {
    background: #c5c5c5;
    border: none;
}


/* botão vermelho */
.ats-botao--vermelho {
    background-color: #EB162F;
    border: 1px solid #ad0a1d;
    color: #fff;
}

    .ats-botao--vermelho:hover,
    .ats-botao--vermelho:focus,
    .ats-botao--vermelho:active {
        color: #fff;
        background-color: #ad0a1d;
    }

/* botão verde */
.ats-botao--verde {
    background-color: #4f9f5f;
    border: 1px solid #3e7c4b;
    color: #fff;
}

    .ats-botao--verde:hover,
    .ats-botao--verde:focus,
    .ats-botao--verde:active {
        color: #fff;
        background-color: #3e7c4b;
    }

/* botão cinza degradee*/
.ats-botao--cinza {
    background: white;
    border: solid 1px var(--ui-01);
    color: #333233;
    width: max-content;
}

    .ats-botao--cinza[disabled],
    .ats-botao--cinza[disabled]:hover {
        color: #ccc;
        border: solid 1px #BCBDBC;
        background: -webkit-linear-gradient(#FDFDFD, #E9E9E9);
        background: -moz-linear-gradient(#FDFDFD, #E9E9E9);
        background: -o-linear-gradient(#FDFDFD, #E9E9E9);
        background: linear-gradient(#FDFDFD, #E9E9E9);
    }

        .ats-botao--cinza[disabled] *,
        .ats-botao--cinza[disabled]:hover * {
            color: #ccc;
        }

    .ats-botao--cinza:hover,
    .ats-botao--cinza:focus,
    .ats-botao--cinza:active {
        color: var(--ui-01);
        background: #d9e3f3;
    }

/* botão cinza sólido*/
.ats-botao--cinzaSolido {
    background: #969595;
    color: #fff;
    border: solid 1px #969595;
}

    .ats-botao--cinzaSolido:hover,
    .ats-botao--cinzaSolido:focus {
        background: #a7a7a7;
        color: #fff;
    }

/*botão cinza claro*/
.ats-botao--cinzaClaro {
    background: #cbcbcb;
    color: #727272;
}

    .ats-botao--cinzaClaro:hover,
    .ats-botao--cinzaClaro:focus {
        background: #9c9b9b;
        color: #808080;
    }


/*botão seta*/
.ats-botao--seta,
.ats-botao--seta:active,
.ats-botao--seta:focus {
    height: 40px;
    line-height: 40px;
    padding-top: 0;
    text-align: center;
    background-color: #4f9f5f;
    position: relative;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    display: block;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

    .ats-botao--seta:before {
        content: "";
        position: absolute;
        top: 0;
        right: -17px;
        border-style: solid;
        border-width: 20px 0 20px 20px;
        border-color: transparent transparent transparent #4f9f5f;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

    .ats-botao--seta:hover {
        background-color: #40834e;
        color: #fff;
    }

        .ats-botao--seta:hover:before {
            border-left-color: #40834e;
            color: #fff;
        }

/*botão azul Base Jucerja*/
.ats-botao--azul {
    background: #4261AF;
    color: #fff;
    padding: 0 24px;
    font-family: 'rawline', sans-serif;
    font-weight: 600;
    min-height: 40px;
    border-radius: 100px;
    border-radius: 100px !important;
}

    .ats-botao--azul:hover,
    .ats-botao--azul:focus {
        background: #2E4580;
        color: #fff;
    }

/*botão azul análogo Jucerja */
.ats-botao-azulAnalogo {
    background: #2489c5;
    color: #fff;
}

.ats-botao--semFundo,
.ats-botao--semFundo:hover,
.ats-botao--semFundo:focus,
.ats-botao--semFundo:visited {
    background: none;
    border: none;
    color: inherit;
    font-size: inherit !important;
    margin-bottom: 0;
    padding: 0;
    font-weight: bold;
}

    .ats-botao--semFundo:not(.semHover):hover {
        text-decoration: underline;
    }

    .ats-botao--semFundo.semHover:hover {
        text-decoration: none;
    }

.ats-botao-azulAnalogo:hover,
.ats-botao-azulAnalogo:focus {
    background: #1e6d9c;
    color: #fff;
}

/*botão com sombra azul*/
.ats-botao--azulSombra {
    background-color: #4261AF;
    border-bottom: 4px solid #124373;
    color: #fff;
    font-weight: lighter;
    font-size: 1.233em;
}

    .ats-botao--azulSombra:hover,
    .ats-botao--azulSombra:focus {
        background: #2E4580;
        color: #fff;
    }

/*botões que ficam ao lado do campo*/
.ats-btn--tamanhoCampo {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    margin-top: 1.7em;
}

/*botões que ficam grudados ao campo*/
.ats-btn.postfix {
    padding: inherit;
}

/*container com fundo cinza que tem os botões, em páginas de transações*/
.ats-containerBtns-transPedidos {
    /*background: #f4f4f4*;*/
    padding: 1em;
}

.ats-containerBtns-transPedidos--buscaImagem {
    padding: 1em 1em 0 1em;
    text-align: right;
}

.ats-containerBtns-transPedidos--fundo {
    background: #f4f4f4;
    padding: 3em 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.ats-containerBtns-transPedidos--fundoMenor {
    padding: 1em 0;
}

.ats-transacoesPedidos-btnsFooter {
    position: relative;
    z-index: 10;
}

    .ats-transacoesPedidos-btnsFooter .ats-transacoesPedidos-btn {
        margin-bottom: 0;
        float: right;
        margin-right: 10px;
    }

#botoesAcoesProtocoloConsulta .ats-transacoesPedidos-btnsFooter .ats-transacoesPedidos-btn {
    padding: 5px 20px;
    border-radius: 0px;
    margin-top: 20px;
}

#gestaovinculo-add-btn .ats-transacoesPedidos-btnsFooter .ats-transacoesPedidos-btn {
    padding: 5px 20px;
    border-radius: 0px;
    margin-top: 20px;
}

/*==== Formulário Vinculo Empresarial ====*/

.ats-container--vinculoEmpresarial .ats-containerFormulario {
    margin: 0;
}

    .ats-container--vinculoEmpresarial .ats-containerFormulario .ats-containerFormulario-campos {
        margin-bottom: 0;
    }

    .ats-container--vinculoEmpresarial .ats-containerFormulario .u-md-texto {
        margin-bottom: 15px;
    }

/*==== Box de valor total, página Tabela de preços, menu informações ====*/

.ats-boxValorTotal {
    background-color: #EEEEEE;
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 30px;
}

/*==== Viewport desktop ====*/
@media only screen and (min-width:40.063em) {
    .ats-containerFormulario-select {
        height: 40px;
        line-height: .9rem;
        padding: 0 .5rem;
    }

    .ats-containerFormulario-input[type="text"],
    .ats-containerFormulario-input[type="password"],
    .ats-containerFormulario-input[type="date"],
    .ats-containerFormulario-input[type="datetime"],
    .ats-containerFormulario-input[type="datetime-local"],
    .ats-containerFormulario-input[type="month"],
    .ats-containerFormulario-input[type="week"],
    .ats-containerFormulario-input[type="email"],
    .ats-containerFormulario-input[type="number"],
    .ats-containerFormulario-input[type="search"],
    .ats-containerFormulario-input[type="tel"],
    .ats-containerFormulario-input[type="time"],
    .ats-containerFormulario-input[type="url"],
    .ats-containerFormulario-input[type="color"] {
        height: 40px;
        line-height: .9rem;
        padding: 0 .5rem;
    }

    .postfix {
        height: 2.2rem;
        line-height: 2.2rem;
    }

    .ats-btn:nth-of-type(n+2) {
        margin-left: 10px;
    }

    .ats-dialogJqueryUi.ui-widget .ats-containerFormulario-input[type="text"],
    .ats-dialogJqueryUi.ui-widget .ats-containerFormulario-select {
        font-family: 'rawline',sans-serif;
        padding: 0 .5rem;
    }
}

@-moz-document url-prefix() {
    .ats-containerFormulario-select {
        padding: 5px;
    }
}


/*checkbox e radio*/

.ats-checkboxRadio[type=checkbox]:not(old),
.ats-checkboxRadio[type=radio]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
    position: absolute;
}

    .ats-checkboxRadio[type=checkbox]:not(old) + label,
    .ats-checkboxRadio[type=radio]:not(old) + label {
        display: inline-block;
        /*margin-left: -2em;
        line-height: 1.5em;*/
    }

        .ats-checkboxRadio[type=checkbox]:not(old) + label > span {
            display: inline-block;
            width: 1.5em;
            height: 1.5em;
            margin: .15em 1em .15em .15em;
            border: .0625em solid #222;
            background: transparent;
            vertical-align: bottom;
        }

        .ats-checkboxRadio[type=radio]:not(old) + label > span {
            display: inline-block;
            width: 1.5em;
            height: 1.5em;
            margin: .15em .4em .15em .15em;
            border-radius: 1em;
            border: .0625em solid #222;
            background: transparent;
            vertical-align: bottom;
        }



    .ats-checkboxRadio[type=checkbox]:not(old):checked + label > span,
    .ats-checkboxRadio[type=radio]:not(old):checked + label > span {
        border: none;
    }

        .ats-checkboxRadio[type=radio]:not(old):checked + label > span:before {
            border-radius: 1em;
        }

        .ats-checkboxRadio[type=checkbox]:not(old):checked + label > span:before,
        .ats-checkboxRadio[type=radio]:not(old):checked + label > span:before {
            content: '✓';
            display: block;
            width: 1.5em;
            color: #fff;
            font-size: 1.1em;
            line-height: 1.5em;
            text-align: center;
            font-weight: bold;
            background: #018ac8;
        }

input:hover {
    background: #dedede;
}

input:focus {
    border-color: #c2850c !important;
    box-shadow: 0 0 0 2px #c2850c !important;
    outline: none !important;
}

.ats-containerFormulario-select:focus {
    border-color: #c2850c !important;
    box-shadow: 0 0 0 2px #c2850c !important;
    outline: none !important;
}

@media only screen and (max-width: 767px) {
    .ats-transacoesPedidos-btnsFooter .ats-transacoesPedidos-btn {
        padding: 8px 12px;
        border-radius: 1px !important;
    }

    .ats-transacoesPedidos-btnsFooter .ats-transacoesPedidos-btn {
        margin: 0px -11px 19px 25px !important;
    }
}

.ats-href-disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.35;
}

.center-items-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.center-items-column {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
/*==== Links Utéis =====*/
.ats-lnkUteis {
    background-color: #EBF5F9;
    border-top: 1px solid #87B7E8;
    height: 142px;
    padding-top: 1.4em;
}

.ats-lnkUteis-lnk {
    font-size: 1.266em;
    color: #4354A6;
    font-weight: bold;
    text-align: center;
}

.u-icon-linksUteis {
    padding: 15px;
    width: auto;
    height: 80px;
    -webkit-transition:ease ;
        -moz-transition:ease ;
        -ms-transition:ease ;
        -o-transition:ease ;
        transition:ease ;
    -webkit-transition-duration:0.25s ;
        -moz-transition-duration:0.25s ;
        -ms-transition-duration:0.25s ;
        -o-transition-duration:0.25s ;
        transition-duration:0.25s ;
    }


@media only screen and (min-width: 40.063em) { 
    .u-icon-linksUteis:hover {
        height: 90px;
        -webkit-transition:ease ;
            -moz-transition:ease ;
            -ms-transition:ease ;
            -o-transition:ease ;
            transition:ease ;
        -webkit-transition-duration:0.25s ;
            -moz-transition-duration:0.25s ;
            -ms-transition-duration:0.25s ;
            -o-transition-duration:0.25s ;
            transition-duration:0.25s ;
    }
    .ats-lnkUteis {
    margin-top: 4em;
    }
}    
/*==== Footer ====*/
.ats-footer {
    background-color: #F6FAFD;
    background: -webkit-radial-gradient(#FDFEFF, #F1F8FB) !important;
    background: -moz-radial-gradient(#FDFEFF,#F1F8FB) !important;
    background: radial-gradient(#FDFEFF,#F1F8FB) !important;
    border-top: 1px solid #89B8E8;
    padding: 2em 0;
    color: #2587E8;
    z-index: 9;
    position: relative;
}

.ats-footer-cabecalho {
    color: #2587E8;
    font-size: 1.333em;
    font-weight: 500;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 4px;
}

p#tituloNossaLocalizacao {
    margin-bottom: 18px;
}

.ats-footer-icoDuvidas {
    text-align: center;
    font-size: 1.166em;
    line-height: 1.3em;
    display: block;
    margin: 0 auto;
    padding: 0 .5em;
    color: #2587E8;
}

.ats-footer-icone {
    background: #87b7e8;
    font-size: 3.5em;
    font-weight: bold;
    display: block;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    border-radius: 1.5em;
    text-align: center;
    color: #fff;
    margin: 0 auto .2em;
}

.ats-footer-icone--small {
    font-size: 1.5em;
    display: inline-block;
    margin: 0 .5em 0 0;
}

.ats-footer-lbl {
    color: #1B82E7;
    font-size: 1.166em;
    font-weight: 400;
    margin-top: 2em;
    margin-bottom: .5em;
}

.ats-footer-btn, .ats-footer-btn:hover {
    background: -webkit-linear-gradient(#EAF4F8, #FBFDFE);
    background: -moz-linear-gradient(#EAF4F8, #FBFDFE);
    background: -o-linear-gradient(#EAF4F8, #FBFDFE);
    background: linear-gradient(#EAF4F8, #FBFDFE);
    background-color: #EBF5F9;
    color: #2F8CE9;
    border: 1px solid #89B8E8;
    border-left: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 0;
}


input[type="text"].ats-footer-input {
    border: 1px solid #abccef;
    background: #fff;
    box-shadow: none;
}


    input[type="text"].ats-footer-input:focus {
        border-color: #125bea;
        box-shadow: 0px 1px 3px 3px rgba(25, 131, 255, 0.2);
        color: #4357a2!important;
    }    


.ats-footer-sectionLogo {
    display: none;
}

.ats-footer-logo {
    display: block;
    font-size: 6.5em;
    color: rgba(109,184,232, 0.8);
    text-shadow: 1px 4px 6px #def, 0 0 0 #000, 1px 4px 6px #def;
    text-align: center;
}

.ats-footer-txtLogo {
    text-transform: uppercase;
    color: #6db8ea;
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
}

.ats-footer-mapa {
    display: none;
}

.ats-footer-txt {
    font-size: 1.166em;
    color: #222;
}

.ats-footer-txt--creditos {
    display: block;
    text-align: center;

}

.ats-footer-sectionRedes {
    display: none;
}

/*====Footer Simples ====*/

.ats-footer--simples {
    padding: 1em 0;
    position: absolute;
    /*bottom: 0;*/
    width: 100%;
    z-index: 0;
}

.ats-footer-sectionLogo--footerSimples {
    display: block;
    text-align: center;
    margin-bottom: 1em;
}

    .ats-footer-sectionLogo--footerSimples .ats-footer-logo {
        display: inline-block;
        font-size: 5em;
        margin-right: .2em;
    }

    .ats-footer-sectionLogo--footerSimples .ats-footer-txtLogo {
        display: inline-block;
        font-size: 2em;
        vertical-align: top;
        line-height: 2.5em;
        margin: 0;
    }

.ats-footer-txt--footerSimples {
    font-size: 1.166em;
    text-align: center;
    margin: 0 0 1em 0;
}

.ats-footer-box--loc {
   /*margin-top: 52px;*/
} 

.ats-footer-txt.ats-footer-txt--loc {
    display: inline-block;
}

@media only screen and (min-width:40.063em) {
    input[type="text"].ats-footer-input,
    .ats-footer-btn {
        height: 46px;
        margin-bottom: 30px;
    }

    .ats-footer--simples {
        bottom: 0;
    }

    .ats-footer--creditos {
        padding: 1.5em 0;
    }

    #creditoEsquerdo {
    margin-bottom: 0;
    }
}

@media only screen and (min-width:48em) {

    .ats-footer-sectionLogo {
        display: block;
    }

    /* Retira a borda lateral do icone de acesso rápido no Rodapé*/
    .ats-footer-icoDuvidas {
        border-right: none;
    }

    .ats-footer-mapa {
        /* border: 1px solid #70A9ED; */
        margin-bottom: 1.3em;
        height: 160px;
        width: auto;
        display: block;
        background: url(../Images/mapa-jucerja.jpg) no-repeat 0 0;
        background-size: contain;
    }


    .ats-footer-sectionLoc {
        /*border-right: 1px solid #89B8E8;*/
        border-left: 1px solid #89B8E8;
        padding: 0 30px;
    }

    .ats-footer-txt--creditos {
        text-align: right;
    }

    .ats-footer-sectionRedes {
        display: block;
    }

    /*==== Footer Simples ====*/

    .container-site.container-site--simples {
        padding: 0 0 7em 0;
        min-height: 100%;
    }

    .ats-footer-section--footerSimples {
        height: 5em;
        padding-top: 1.5em;
    }

    .ats-footer-sectionLogo--footerSimples {
        text-align: left;
        margin-bottom: 0;
    }

        .ats-footer-sectionLogo--footerSimples .ats-footer-logo {
            text-align: left;
        }

    .ats-footer-txt--footerSimples {
        margin: 0;
    }


}

/*==== estrutura geral do site ====*/

/*html {
    overflow-y: auto;
}*/

.body-protocoloWeb {
    /* background: #f4f9fc; */
}

@media only screen and (min-width: 85.438em) {
    .row {
        max-width: 80rem;
    }
}


.apenas-impressao {
    display: none !important;
}

body {
    font: 12px/1.5 'rawline', sans-serif;
    overflow-y: scroll;
    background: #4354A6;
    overflow-x: hidden;
    -webkit-animation: androidbugfix infinite 1s;
    height: 100%;
}


@media only screen and (max-width: 40em) {
    body {
        font: 10px/1.5 'rawline', sans-serif;
    }
}

ul, li, p, a, span, div, label, button, .button, nav, h1, h2, h3, h4, h5, h6 {
    font-family: 'rawline', sans-serif;
}

    ul, li, ul li ul, ul li ol {
        margin: 0;
        padding: 0;
    }

ul {
    list-style-type: none;
}

/* zerando a proporção de fonte que tem no foundation*/
ul, ol, dl, p {
    font-size: inherit;
}

/*container que encapsula o site inteiro*/
.container-site {
    background: #fff;
    min-height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}


    .container-site.container-site--simples {
        padding: 0 0 0em 0;
        background: #f4f9fc;
    }


.ats-container,
.ats-container--paginaInterna {
    background-color: #fff;
}

.ats-margemInterna {
    padding-top: 1em;
    padding-bottom: 2em;
}

input[type="radio"].reset-margemZero {
    margin: 0;
}

.ats-headerPaginaInterna {
    margin-top: 1em;
}

.ats-voltar--protocoloWeb {
    margin-bottom: 3em;
}

.ats-container--paginaInterna .ats-headerPaginaInterna.ats-header--protocoloWeb {
    margin-top: 1.5em;
}

.ats-container--paginaInterna .ats-lista {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

/*Fundo Home Consulta de Protocolo*/
.ats-consultaProtocolo {
    background-image: url("../Images/bg_consultaprotocolo.jpg");
    background-repeat: repeat;
    display: block;
    position: relative;
    border-top: 1px solid #C8DBED;
    border-bottom: 1px solid #C8DBED;
    padding: 4em 0;
    margin: 4em 0;
}


.ats-iframe {
    height: 0;
    margin: 0;
    width: 0;
    border-width: 0;
}


@media only screen and (min-width: 40.063em) {
    .container-site.container-site--simples {
        background: #fff;
    }
}


@media only screen and (max-width: 64em) {
    .ats-container--paginaInterna .ats-headerPaginaInterna.ats-header--protocoloWeb {
        margin-top: 0;
    }
}

.ats-container--paginaInterna.ats-container--protocoloWebMsgSucesso {
    width: 100%;
    background: #ffffff url("../Images/bg_conclusao.png") repeat right top;
}


.ats-container--paginaInterna.ats-container--noticias {
    margin-bottom: 1em;
}

.ats-container--paginaInterna.ats-container--manual {
    margin-top: 1em;
    margin-bottom: 2em;
}

/*consertando bug no IE e no Firefo do Modal Reveal do foundation*/

/* Firefox */
@-moz-document url-prefix() {
    .reveal-modal, dialog {
        position: fixed;
    }
}

/* Internet Explorer 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .reveal-modal, dialog {
        position: fixed;
    }
}

/*aumentando grid em protocolo web / procuração*/

.ats-dialogJqueryUi .row {
    max-width: 80rem;
}

.iframeresponsive {
    position: relative;
    width: 100%;
    overflow: scroll;
}

.ats-barra-rolagem-y {
    overflow-y: auto;
    height: auto;
    max-height: 750px
}
.ats-acessoRapido {
    position: fixed;
    bottom: -150%;
    left: 0;
    margin: auto;
    background: #fff;
    overflow: auto;
    z-index: 1000;
    width: 100%;
    height: auto;
    padding-top: 2em;
}

.ats-acessoRapido--aberto {
    height: 100vh;
    padding-top: 0;
    bottom: 0;
}

.ats-acessoRapido-header {
    color: black;
    font-size: 1.5em;
    width: 100%;
    text-transform: uppercase;
    font-weight: 300;
    padding: 0.3em 4em;
    margin: 1.5em 0;
}

.ats-acessoRapido-Label {
    margin-bottom: 0;
    font-weight: 600;
    margin-left: 14px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 6px 0;
}

.ats-ativador-acessoRapido {
    position: fixed;
    right: -5px;
    top: 170px;
    background: #fff;
    height: 40px;
    border: 1px solid #4261AF;
    border-radius: 4px;
    padding: 9px 5px 5px 5px;
    z-index: 5;
    color: #4261AF;
    text-transform: uppercase;
    font-size: 1.233em;
    font-weight: 500;
    transition: all .2s linear;
}

    .ats-ativador-acessoRapido:hover {
        background: #4261AF;
        color: #fff;
    }

.ats-acessoRapido-categoria {
    font-size: 1.366em;
    font-weight: bold;
    color: #87b7e8;
    padding-bottom: .5em;
    border-bottom: 1px dotted #87b7e8;
}

.ats-acessoRapido-lnk {
    display: block;
    font-size: 1.166em;
    color: #4261AF;
    padding: .2em;
    margin-bottom: .5em;
}

    .ats-acessoRapido-lnk:hover,
    .ats-acessoRapido-lnk:active {
        color: #213361;
    }

.ats-acessoRapido-lnk--destaque {
    background: #4261AF;
    color: #fff;
}

    .ats-acessoRapido-lnk--destaque:hover,
    .ats-acessoRapido-lnk--destaque:active {
        text-decoration: underline;
        color: #fff;
    }

div#acesso-rapido-row {
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
    background-color: #f8f8f8;
    padding: 14px 20px;
}

    div#acesso-rapido-row label#textoFacaBusca {
        margin: 0;
        color: black;
    }

    div#acesso-rapido-row input#inputAcessoRapido {
        margin-bottom: 0;
        padding: 0 0 0 21px;
        font-size: 16px !important;
    }

    div#acesso-rapido-row a#btnBuscarAcessoRapido {
        margin-bottom: 0;
    }

a#btnBuscarAcessoRapido {
    border: 0;
    color: var(--ui-01);
    width: 42px;
    height: 42px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 100%;
    transition: all ease .35s;
    font-size: 20px;
}

    a#btnBuscarAcessoRapido:hover {
        background: #dbe8fb;
        transition: all ease .35;
    }

.acesso-rapido-content-form {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
}

    .acesso-rapido-content-form input#inputAcessoRapido {
        border: 0;
        background: white;
        width: 100%;
        height: 64px;
    }

    .acesso-rapido-content-form .acesso-rapido-form-busca {
        width: 100%;
        position: relative;
    }

    .acesso-rapido-content-form a#btnBuscarAcessoRapido {
        margin: 0 10px;
    }

div#acesso-rapido-row input#inputAcessoRapido:focus {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.acesso-rapido-content-form .acesso-rapido-form-busca small#mensagemBuscaAcessoRapido {
    position: absolute;
    bottom: -53px;
}

section.ats-acessoRapido-content p.ats-acessoRapido-categoria {
    color: black;
}

div#containerDropDownAcessoRapido a#acessoRapidoFechar {
    background: white;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    transition: all ease .35s;
    border-radius: 100%;
    border: 0;
    font-size: 22px;
    margin: 12px 0 12px 0;
}

    div#containerDropDownAcessoRapido a#acessoRapidoFechar:hover {
        background: #d9e3f3;
        transition: all ease .35;
    }

@media only screen and (max-width: 40.063em) {
    .ats-ativador-acessoRapido {
        display: none;
    }
}


@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .ats-ativador-acessoRapido {
        display: none;
    }
}

/*==== formatação texto ====*/

/* maior tamanho de cabeçalho >  44px */
.u-lg-cabecalho {
    font-size: 3.57em;
}

/* 15% a menos > 37px */
.u-md-cabecalho {
    font-size: 3em;
}

/* 25% a menos > 33px */
.u-sm-cabecalho {
    font-size: 2.5em;
}

/* 50% a menos > 22px */
.u-xsm-cabecalho {
    font-size: 1.833em;
}

/*maior tamanho de subcabeçalho  > 30 px */
.u-lg-subcabecalho {
    font-size: 2.500em;
}

/* 15% a menos > 26px */
.u-md-subcabecalho {
    font-size: 2.167em;
}

/* 25% a menos > 23px  */
.u-sm-subcabecalho {
    /*font-size: 1.917em;*/
    font-size: 1.7em;
}

.u-xsm-subcabecalho {
    font-size: 1.366em;
}

.u-xxsm-subcabecalho {
    font-size: 1.2em;
}

/*maior tamanho de texto > 16px*/
.u-lg-texto {
    font-size: 1.333em;
}

/* 15% a menos > 14px*/
.u-md-texto {
    font-size: 1.167em;
}

/* 25% a menos > 12px*/
.u-sm-texto {
    font-size: 1em;
}

.u-xsm-texto {
    font-size: .9em;
}

/*maior tamanho de legenda  > 18 px */
.u-lg-legenda {
    font-size: 1.500em;
}

/* 15% a menos > 15px */
.u-md-legenda {
    font-size: 1.250em;
}

/* 25% a menos > 13px  */
.u-sm-legenda {
    font-size: 1.083em;
}

.u-xsm-legenda {
    font-size: 1em;
}

/*maior tamanho de label  > 16 px */
.u-lg-label, .u-lg-tableHead, .u-lg-link, .u-lg-txtBtn {
    font-size: 1.333em;
}

/* 15% a menos > 14px */
.u-md-label, .u-md-tableHead, .u-md-link, .u-md-txtBtn {
    font-size: 1.167em;
}

/* 25% a menos > 12px  */
.u-sm-label, .u-sm-tableHead, .u-sm-link, .u-sm-txtBtn {
    font-size: 1em;
}

/*== Links ==*/

.u-sm-link,
.u-md-link,
.u-lg-link {
    color: #4261AF;
}

    .u-sm-link:hover, .u-md-link:hover, .u-lg-link:hover {
        text-decoration: underline;
        color: #213361;
    }

.icon-cross.u-corVermelha:hover {
    color: #9E202F;
}

/*== peso de fonte ==*/

.u-bold {
    font-weight: bold;
}

.u-semBold {
    font-weight: normal;
}

.u-fonteFina {
    font-weight: 300;
}

/*== cor de fonte ==*/

.u-corAzul {
    color: #4261AF;
}

.u-corAzulClaro {
    color: #5EA0EB;
}

.u-corVioleta {
    color: #7C92C6;
}

.u-corCinzaClaro {
    color: #83878A;
}

.u-corCinza {
    color: #4A4F53;
}

.u-corCinzaEscuro {
    color: #363636;
}

.u-corVerde {
    color: #5bb66e;
}

.u-corVermelha {
    color: #EB162F;
}

.u-corBranca {
    color: #fff;
}

.u-corAmareloClaro {
    color: #F1E69B;
}

.u-corAmarelo {
    color: #FFBB00;
}

/*== estilo fonte ==*/

.u-semItalico {
    font-style: normal;
}

.u-italico {
    font-style: italic;
}

.ats-dashboard-lnk span.u-corVermelha {
    color: blueviolet !important;
}

/*== estilo páginas internas - usar quando o texto vier do banco com tags de html - Ver padrão na view institucional / A Jucerja ==*/

.ats-container--paginaInterna .ats-cabecalho--paginaInterna {
    font-size: 2.333em;
    color: #637BBA;
    padding: 20px 0 10px 0;
    margin: 0;
}

.ats-container-textosViews {
    font-family: 'rawline', sans-serif;
    font-size: 1.167em;
}

    .ats-container-textosViews * {
        font-family: 'rawline', sans-serif;
        font-size: inherit;
        font-weight: normal;
    }


/*== Transformação do texto ==*/

.u-maiuscula {
    text-transform: uppercase;
}

.u-minuscula {
    text-transform: lowercase;
}

.u-semTextTransform {
    text-transform: none !important;
}

.u-camelCase {
    text-transform: capitalize;
}

/*== Alinhamento do texto ==*/

.u-txtCentralizado {
    text-align: center;
}

.u-txtEsquerda {
    text-align: left;
}

.u-txtDireita {
    text-align: right;
}

.u-txtJustificado {
    text-align: justify;
}

/*== espaçamento da letra ==*/

.u-nowrapEntreletra {
    white-space: nowrap;
}

/*== Decoração do texto ==*/

.u-sublinhado {
    text-decoration: underline;
}

.u-semSublinhado,
.u-semSublinhado:hover {
    text-decoration: none;
}

/*== line height ==*/

.u-sm-lnHeight {
    line-height: .5em;
}

.u-md-lnHeight {
    line-height: 1.5em;
}

.u-lg-lnHeight {
    line-height: 2em;
}

/*== Vertical Align ==*/

.u-aliVerticalMiddle {
    vertical-align: middle;
}


/*== quebrar linha no mobile ==*/

.u-quebraLinha {
    display: none;
}

@media only screen and (max-width: 40em) {
    .u-quebraLinha {
        display: block;
    }
}

/*== voltar ==*/

.ats-voltar {
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    z-index: 10;
    text-decoration: none;
    color: #4261AF;
    font-size: 1.333em;
    display: block;
}

    .ats-voltar:hover {
        color: #363636;
    }

/*== Botão/ Link Fechar ==*/

.ats-fechar {
    font-size: 2.5rem;
    line-height: 1;
    color: #AAA;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

    .ats-fechar:hover {
        color: #828282;
    }

/*== Header Home Seções ==*/

.ats-cabecalhoSecoes--home {
    font-size: 2.5em;
    color: #4A4F53;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
}

.ats-cabecalhoSecoes--SemMargemHome {
    margin-top: 0 !important;
}

.ats-cabecalhoSecoes--MargemMenorHome {
    margin-top: 1.2em !important;
}

@media only screen and (min-width: 40.063em) {
    .ats-cabecalhoSecoes--home {
        margin-top: 1.82em;
    }
}


/*Formatação Texto do Modal de Comunicados - HOME */

.ats-modal-home {
    padding: 1.875rem 1.875rem 0px !important;
}

.ats-modal-alerts {
    display: table;
    background-color: #f1f1f1 !important;
    border: 1px solid #DADADA !important;
    box-shadow: 0px 2px 20.16px 0.84px rgba(87, 87, 87, 0.23);
    padding: 10px;
    color: #4f4f4f;
}


    /* Hover para card padrão */
    .ats-modal-alerts:hover, .ats-modal-alerts:active, .ats-modal-alerts:focus, .ats-modal-alerts:visited {
        cursor: pointer;
        background-color: #e8e8e8 !important;
    }

div.ats-modal-alerts a, div.ats-modal-alerts a:hover, div.ats-modal-alerts a:visited, div.ats-modal-alerts a:focus, div.ats-modal-alerts a:active {
    display: block;
    color: #4f4f4f;
}




.ats-modal-alertIcon {
    display: table-cell;
    /* border: 1px solid red;
    vertical-align: middle; */
    padding-top: 15px;
}

.ats-modal-groupTxt {
    display: table-cell;
    vertical-align: middle;
    /* border: 1px solid blue; */
    text-align: left;
    padding: 10px;
}


.ats-modal-titleAlert {
    font-size: 16px;
    color: #4261af;
    font-weight: 700;
    margin-bottom: 5px;
}



.ats-modal-txtAlert {
    margin-bottom: 0px;
}

.ats-modal-alertButton {
    display: table-cell;
    vertical-align: middle;
    width: 120px;
    padding-right: 12px;
}


    .ats-modal-alertButton button {
        /*border: 1px solid green;*/
        padding: 5px 10px;
        background-color: #4261af;
        color: #fff;
        font-style: italic margin-top: 20px;
    }

.ats-modal-button-verMais {
    margin-bottom: 0px;
    background-color: #4261af;
    border-radius: 40px;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    text-transform: capitalize;
    font-size: 13px;
    padding-top: 6px;
    padding-bottom: 6px;
    -webkit-transition: ease;
    -moz-transition: ease;
    -ms-transition: ease;
    -o-transition: ease;
    transition: ease;
    -webkit-transition-duration: 0.3;
    -moz-transition-duration: 0.3;
    -ms-transition-duration: 0.3;
    :
}

    .ats-modal-button-verMais:hover, .ats-modal-button-verMais:active, .ats-modal-button-verMais:focus {
        background-color: #2e3e88;
        -webkit-transition: ease;
        -moz-transition: ease;
        -ms-transition: ease;
        -o-transition: ease;
        transition: ease;
        -webkit-transition-duration: 0.3;
        -moz-transition-duration: 0.3;
        -ms-transition-duration: 0.3;
    }

.ats-modal-closeAlert {
    top: 0 !important;
    margin-top: 10px !important;
    color: #6c7a90 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    -webkit-transition: ease;
    -moz-transition: ease;
    -ms-transition: ease;
    -o-transition: ease;
    transition: ease;
    -webkit-transition-duration: 0.3;
    -moz-transition-duration: 0.3;
    -ms-transition-duration: 0.3;
}

    .ats-modal-closeAlert:hover {
        color: #4261af !important;
        -webkit-transition: ease;
        -moz-transition: ease;
        -ms-transition: ease;
        -o-transition: ease;
        transition: ease;
        -webkit-transition-duration: 0.3;
        -moz-transition-duration: 0.3;
        -ms-transition-duration: 0.3;
    }


.ats-modal-icon-alert {
    font-size: 24px;
    padding: 0 10px;
    color: #6c7a90;
}

.ats-modal-hr-top {
    margin: 25px -45px;
}

.ats-modal-hr-bottom {
    margin: 25px -45px 0px;
}

.ats-modalTitle {
    font-size: 24px !important;
    text-transform: uppercase;
}

.ats-modal-button-bottom {
    display: block !important;
    padding-bottom: 25px -45px !important;
    color: #929cac !important;
    font-size: 18px !important;
    font-style: italic !important;
    text-decoration: underline !important;
    position: relative !important;
    margin-right: -42px !important;
    margin-bottom: 35px !important;
    margin-top: 10px !important;
    font-weight: normal !important;
}

    .ats-modal-button-bottom:hover {
        color: #4261af !important;
    }

.ats-modal-home-close {
    top: 1.72rem !important;
}

.u-alerta-vermelho {
    color: #c50c33;
}

.u-fundoAlerta-vermelho {
    background-color: #fcedef !important;
    border-color: #ffd9dd !important;
}

.u-botaoAlerta-vermelho {
    background-color: #c50c33 !important;
}


.u-alerta-amarelo {
    color: #db9600;
}

.u-fundoAlerta-amarelo {
    background-color: #fbf4e8 !important;
    border-color: #f6e1bd !important;
}

.u-botaoAlerta-amarelo {
    background-color: #db9600 !important;
}

/* hover para carda Médio */
.ats-modal-alerts.u-fundoAlerta-vermelho:hover, .ats-modal-alerts.u-fundoAlerta-vermelho:active, .ats-modal-alerts.u-fundoAlerta-vermelho:focus, .ats-modal-alerts.u-fundoAlerta-vermelho:visited {
    cursor: pointer;
    background-color: #fbdde1 !important;
}

/*btn-close*/
.ats-modal-alerts.u-fundoAlerta-vermelho a.ats-modal-closeAlert {
    color: #c50c33 !important
}

    .ats-modal-alerts.u-fundoAlerta-vermelho a.ats-modal-closeAlert:hover, .ats-modal-alerts.u-fundoAlerta-vermelho a.ats-modal-closeAlert:visited, .ats-modal-alerts.u-fundoAlerta-vermelho a.ats-modal-closeAlert:focus, .ats-modal-alerts.u-fundoAlerta-vermelho a.ats-modal-closeAlert:active {
        color: #900c28 !important;
    }

/* hover para carda Alta Prioridade */
.ats-modal-alerts.u-fundoAlerta-amarelo:hover, .ats-modal-alerts.u-fundoAlerta-amarelo:active, .ats-modal-alerts.u-fundoAlerta-amarelo:focus, .ats-modal-alerts.u-fundoAlerta-amarelo:visited {
    cursor: pointer;
    background-color: #fff0d4 !important;
}

/*btn-close*/
.ats-modal-alerts.u-fundoAlerta-amarelo a.ats-modal-closeAlert {
    color: #db9600 !important;
}

    .ats-modal-alerts.u-fundoAlerta-amarelo a.ats-modal-closeAlert:hover, .ats-modal-alerts.u-fundoAlerta-amarelo a.ats-modal-closeAlert:visited, .ats-modal-alerts.u-fundoAlerta-amarelo a.ats-modal-closeAlert:focus, .ats-modal-alerts.u-fundoAlerta-amarelo a.ats-modal-closeAlert:active {
        color: #da8e0c !important;
    }

#modalPopupMetodoAssinatura .ats-containerFormulario-txt.u-md-texto {
    color: black;
}
/*==== cor background ====*/

.u-fundoAzul87B7E8 {
    background: #87B7E8;
}

.u-fundoAzule1edf7 {
    background: #e1edf7;
}

.u-backgroundCinzaClaro {
    background: #EEEEEE;
}

.u-fundoAzul {
    background: #4261AF;
}

.u-fundoCinzaf5f6f8 {
    background: #f5f6f8;
}

/*==== Position dos elementos ====*/
.u-absoluto {
    position: absolute;
}

.u-relativo {
    position: relative;
}

/*==== float dos elementos ====*/
.u-floatLeft {
    float: left;
}

.u-floatRight {
    float: right;
}

/*==== width elementos ====*/
.u-width5porcento {
    width: 5%;
}

.u-width95porcento {
    width: 95%;
}

.u-width90porcento {
    width: 90%;
}

/*==== pointers events====*/

.u-pointer {
    cursor: pointer;
}

/*==== overflow elementos ====*/

.u-overflowHidden {
    overflow: hidden;
}

.u-overflowY {
    overflow-y: auto;
}

.u-overflowHiddenY {
    overflow-y: hidden;
}

.u-overflowHiddenX {
    overflow-x: hidden;
}

/*==== borda elementos ====*/
.u-semBorda {
    border: none;
}

.u-semBordaBottom {
    border-bottom: none;
}

.u-semBordaTop {
    border-top: none;
}

.u-semBordaLeft {
    border-left: none;
}

.u-semBordaRight {
    border-right: none;
}

.u-bordaRight--cinzaCCC {
    border-right: 1px solid #ccc;
}

.u-bordaLeft--cinzaCCC {
    border-left: 1px solid #ccc;
}

.u-bordaTop--cinzaCCC {
    border-top: 1px solid #ccc;
}

.u-bordaBottom--cinzaCCC {
    border-bottom: 1px solid #ccc;
}

/*==== Display dos Elementos ====*/

.u-inlineBlock {
    display: inline-block;
}

.u-block {
    display: block;
}

/*==== Visibilidade dos elementos ====*/

.u-mostrar,
.ats-exibir {
    display: block !important;
}

.u-esconder,
.ats-ocultar {
    display: none !important;
}

.u-aparecer {
    visibility: visible;
}

.u-desaparecer {
    visibility: hidden;
}

.u-semOpacidade {
    opacity: 0;
}

/*==== Imagem ====*/
.u-imagem {
    width: 100%;
    max-width: 250px;
    height: auto;
    display: block;
    margin-bottom: 1em;
}

.u-imagemFloatLeft {
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width:40.063em) {
    .u-imagemFloatLeft {
        float: left;
        margin-right: 2em;
        margin-bottom: 2em;
    }
}

/*==== Margem dos elementos ====*/

.u-semMargem {
    margin: 0;
}

.u-margemBottomZero {
    margin-bottom: 0;
}

.u-margemTopZero {
    margin-top: 0;
}

.u-margemLeftZero {
    margin-left: 0;
}

.u-margemRightZero {
    margin-right: 0;
}

.u-margemCentralizada {
    margin-right: auto;
    margin-left: auto;
}

.u-margemZero,
.u-sm-subcabecalho.u-margemZero {
    margin-top: 0;
    margin-bottom: 0;
}

.u-xsm-margemTop {
    margin-top: .5em;
}

.u-sm-margemTop {
    margin-top: 1em;
}

.u-md-margemTop {
    margin-top: 2em;
}

.u-lg-margemTop {
    margin-top: 3em;
}

.u-xlg-margemTop {
    margin-top: 4em;
}

.u-xsm-margemBottom {
    margin-bottom: .5em;
}

.u-sm-margemBottom {
    margin-bottom: 1em;
}

.u-md-margemBottom {
    margin-bottom: 2em;
}

.u-lg-margemBottom {
    margin-bottom: 3em;
}

.u-xlg-margemBottom {
    margin-bottom: 4em;
}

.u-xsm-margemRight {
    margin-right: .5em;
}

.u-sm-margemRight {
    margin-right: 1em;
}

.u-md-margemRight {
    margin-right: 2em;
}

.u-lg-margemRight {
    margin-right: 3em;
}

.u-xsm-margemLeft {
    margin-left: .5em;
}

.u-sm-margemLeft {
    margin-left: 1em;
}

.u-md-margemLeft {
    margin-left: 2em;
}

.u-lg-margemLeft {
    margin-left: 3em;
}


/*==== Padding ====*/

.u-xsm-padding {
    padding: 0.5em;
}

.u-sm-padding {
    padding: 1em;
}

.u-md-padding {
    padding: 2em;
}

.u-lg-padding {
    padding: 3em;
}

.u-paddingTopZero,
[class*="block-grid-"] > li.u-paddingTopZero {
    padding-top: 0;
}

.u-xsm-paddingTop {
    padding-top: .5em;
}

.u-sm-paddingTop {
    padding-top: 1em;
}

.u-md-paddingTop {
    padding-top: 2em;
}

.u-lg-paddingTop {
    padding-top: 3em;
}

.u-xlg-paddingTop {
    padding-top: 4em;
}

.u-paddingBottomZero,
[class*="block-grid-"] > li.u-paddingBottomZero {
    padding-bottom: 0;
}


.u-xsm-paddingBottom {
    padding-bottom: .5em;
}

.u-sm-paddingBottom {
    padding-bottom: 1em;
}

.u-md-paddingBottom {
    padding-bottom: 2em;
}

.u-lg-paddingBottom {
    padding-bottom: 3em;
}

.u-xlg-paddingBottom {
    padding-bottom: 4em;
}

.u-xsm-paddingLeft {
    padding-left: .5em;
}

.u-sm-paddingLeft {
    padding-left: 1em;
}

.u-md-paddingLeft {
    padding-left: 2em;
}

.u-lg-paddingLeft {
    padding-left: 3em;
}

.u-xsm-paddingRight {
    padding-right: .5em;
}

.u-sm-paddingRight {
    padding-right: 1em;
}

.u-md-paddingRight {
    padding-right: 2em;
}

.u-lg-paddingRight {
    padding-right: 3em;
}

.u-paddingZero,
[class*="block-grid-"] > li.u-paddingZero {
    padding: 0;
}

/*==Estilo Lista ==*/
.u-listaRomana {
    list-style-type: upper-roman;
}


/*==== Borda ====*/

.u-bordaAzul--pontilhada {
    border: 1px dotted #4261AF;
}

.u-bordaAzul {
    border: 1px solid #4261AF;
}


.u-bordaCinzaccc--pontilhada {
    border: 1px dotted #ccc;
}

.u-bordaCinzae5e5e5 {
    border-bottom: 1px solid #e5e5e5;
}

.u-bordaVermelha--pontilhada {
    border: 1px dotted #eb162f;
}

/*=== Flexbox altura igual entre colunas ===*/

.u-flexboxContainer {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.u-flexboxItem {
    margin-right: 1%;
}

    .u-flexboxItem:last-child {
        margin-right: 0;
    }

.u-flexboxItem-2col {
    width: 49.5%;
}

.u-flexboxItem-3col {
    width: 32.66%;
}


/*==== Ícones Isolados ====*/
.u-iconeCirculo {
    display: block;
    border-radius: 2em;
    height: 2em;
    width: 2em;
    text-align: center;
    margin: 0 auto 1em;
    font-size: 2em;
    color: #ccc;
    border: 2px solid #ccc;
    line-height: 2em;
}

.u-iconeCirculo--vermelho {
    border: 2px solid #EB162F;
    color: #EB162F;
}

.u-iconeCirculo--verde {
    border: 2px solid #5bb66e;
    color: #5bb66e;
}

.u-margem-footer {
    margin-bottom: 20px;
}

div.u-botao-verde button {
    margin: 20px 0px 0px 0px;
}

.u-botao-voltar {
    margin-right: 8px;
}




/* 28/11/2016: Solução temporária. Logo será removida a inclusão dos !importants. O identificador está sendo usado apenas para testes. */
.u-icone-eventos-ativado {
    border: 3px solid #4261AF !important;
    color: #fff !important;
    background-color: #4354A6 !important;
}

.u-icone-eventos-desativado {
    border: 3px solid #4261AF !important;
    color: #4261AF !important;
    background-color: #fff !important;
}

.ats-icone-galeria-atividades {
    margin: 0px 10px 0px 10px;
}

.foto-atividade {
    width: 10em;
    height: 5em;
}

.foto-principal-eventos {
    width: 50em;
    height: 30em;
}


.u-sem-evento {
    pointer-events: none;
}


.u-com-evento {
    pointer-events: auto;
}

/*== estilo tabela ==*/

.ats-containerTabela {
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.ats-tabela {
    width: 100%;
    border-spacing: 0;
    border: 1px solid #7EA5CD;
    border-collapse: collapse;
}

    .ats-tabela input[type="file"],
    .ats-tabela input[type="checkbox"],
    .ats-tabela input[type="radio"],
    .ats-tabela select {
        margin: 0;
    }

    .ats-tabela thead th {
        font-weight: bold;
        border-bottom: 1px solid #7EA5CD;
        border-right: 1px solid #7EA5CD;
        background: #c6dbf1;
    }

    .ats-tabela .ats-tabela-celula {
        vertical-align: middle;
        padding-top: .5em;
        /*padding-bottom: .5em;*/
        padding-right: .5em;
        font-size: 1.066em;
        border-right: 1px solid #7EA5CD;
    }

.ats-tabela-celula--selecionada {
    background: #4f9f5f;
    color: #fff;
    font-weight: bold;
    border: 1px solid #ccc;
}

.ats-tabela-celula--selecionada-vermelho {
    background: #f41414;
    color: #fff;
    font-weight: bold;
    border: 1px solid #ccc;
}

.ats-tabela .ats-tabela-celula:first-child {
    padding-left: 1em;
}

.ats-tabela .ats-tabela-celula .ats-tabela-inputRadio {
    vertical-align: middle;
}

.ats-tabela-celula--tachado {
    text-decoration: line-through;
}

.ats-tabela .ats-tabela-linha:nth-child(even) {
    background: #E2F0FE;
}

.ats-tabela .ats-tabela-linha:nth-child(odd) {
    background: #fff;
}

/*para tabelas que usam display none em algumas linhas*/
.ats-tabela .ats-tabela-linha--alternada.par,
.ats-tabela .par {
    background: #E2F0FE !important;
}

/*para tabelas que usam display none em algumas linhas*/
.ats-tabela .ats-tabela-linha--alternada.impar,
.ats-tabela .impar {
    background: #fff !important;
}

.ats-tabela .ats-tabela-footer {
    background: #c6dbf1;
    border: 1px solid #7EA5CD;
    border-left:    0;
}

.ats-tabela-footer tr td {
    padding: .5em;
}


/*== Tabela Cinza ==*/

.ats-tabelaCinza {
    border: 1px solid #ccc;
}

    .ats-tabelaCinza .ats-tabela-header th {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background: #fff;
    }

    .ats-tabelaCinza .ats-tabela-linha:not(.u-esconder):nth-child(odd) {
        background: #e8e8e8;
    }

    .ats-tabelaCinza .ats-tabela-linha:nth-child(even) {
        background: #fff;
    }

    .ats-tabelaCinza .ats-tabela-linha--alternada.impar,
    .ats-tabelaCinza .impar {
        background: #e8e8e8 !important;
    }

    .ats-tabelaCinza .ats-tabela-linha--alternada.par,
    .ats-tabelaCinza .par {
        background: #fff !important;
    }

    .ats-tabelaCinza .ats-tabela-celula {
        border-right: 1px solid #ccc;
    }

    .ats-tabelaCinza .ats-tabela-footer {
        background: #fff;
        border: 1px solid #ccc;
    }

/*== Tabela com ícone ==*/

.ats-tabela-linha .ats-tabela-celula .ats-tabela-lnk {
    clear: both;
}

.ats-tabela-celula .ats-tabela-lnk .ats-tabela-icone {
    float: right;
}

/*== Paginação Tabela ==*/

/*se o footer da tabela tiver fundo azul, a paginação fica azul escura*/
.ats-tabela .pagination-centered.ats-paginacao .pagination li a {
    color: #4261AF;
}

.ats-tabela .pagination-centered.ats-paginacao .pagination li.active a {
    color: #FFFFFF;
}    

.pagination-centered.ats-paginacao .pagination li a {
    padding: 0.05rem 0.5rem 0.05rem;
}

.pagination-centered.ats-paginacao .pagination li {
    padding: 0;
}

.pagination-centered.ats-paginacao .pagination .active.numero-paginacao {
    background: #e6e6e6;
    padding: 0.05rem 0.5rem 0.05rem;
}

/*ativando cor de fundo quando o número estiver ativo*/
.pagination-centered.ats-paginacao .pagination .active a {
    background: #4261AF;
    color: #fff;
}

/*sumindo com reticências que não servem pra nada*/
.pagination-centered .pagination .disabled.PagedList-ellipses {
    display: none;
}

/*Tabela da página de estatísticas no mapa */
.ats-estatisticaMapa .ats-tabela .ats-tabela-linha:hover {
    background: #d6d6d7;
    cursor: pointer;
}

/*== Tabela Comparação Viabilidade x DBE [Fernanda Assis] ==*/
.ats-tabelaDBE {
    border: 0px !important;
}

.ats-th-DBE {
    border: thin solid #ccc;
}

.ats-celula-red {
    background-color: #f3bcbc;
    color: #f41414;
    border: thin dotted #f41414;
    text-align: center;
}

.ats-celula-blue {
    background-color: #daeefe;
    color: #4261af;
    border: thin dotted #76afe5;
    text-align: center;
}

.ats-celula-none {
    background-color: #fff;
    border: 0px !important;
    border-right: thin solid #ccc !important;
}

.ats-celula-white {
    background-color: #fff;
    border: thin #ccc solid;
    text-align: center;
}

.ats-celula-DBE {
    border-right: thin solid #ccc;
    border-collapse: separate;
    border-spacing: 10px 50px;
}

    .ats-celula-DBE:nth-child(n+2) {
        border-bottom: 1px solid #ccc;
    }


/*Tabela Página mapas/serviços */
.ats-container--mapaServicos .ats-containerTabela {
    margin-top: 3.5em;
    margin-bottom: 3.5em;
}

/*Tabela Header com dois th's Azul*/
.ats-tabela .ats-tabela-header.u-fundoAzul87B7E8 tr {
    background: #87B7E8;
}

/*== Estilização de  Tabela do datatables ==*/
.ats-tabela--datatable {
    width: 100% !important;
    border-spacing: 0;
    border: 1px solid #7EA5CD;
    font: 12px/1.5 'Open Sans', sans-serif;
}

    .ats-tabela--datatable td {
        color: #4261AF;
        /*text-transform: lowercase;*/
    }

.datatable-pointer tr td {
    cursor: pointer;
    color: #4261AF;
}

    .datatable-pointer tr td:hover {
        text-decoration: underline;
    }

/*container com o resultado exibido por página e o campo pesquisar*/
.ats-containerTabela--dataTable .dataTables_wrapper .dataTables_length label,
.ats-containerTabela--dataTable .dataTables_wrapper .dataTables_filter label {
    margin-bottom: 10px;
    font-size: 1.167em;
}
    /*select de escolha da quantidade do resultado exibido por página*/
    .ats-containerTabela--dataTable .dataTables_wrapper .dataTables_length label select {
        background-color: #FAFAFA;
        border-color: #ccc;
        -webkit-appearance: none;
        -moz-appearance: none !important;
        appearance: none;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FtYWRhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjkzLjUgMzk4LjIgMy4yIDIuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMjkzLjUgMzk4LjIgMy4yIDIuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzgwQjBDNTt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS0yOTEuNywzOTlsLTAuMSwwLjFsMC40LDAuNGwwLjQtMC40bC0wLjEtMC4xbC0wLjMsMC4zTC0yOTEuNywzOTl6Ii8+DQo8L3N2Zz4NCg==);
        background-repeat: no-repeat;
        font-family: 'Open Sans', sans-serif;
        font-size: inherit;
        border-bottom: 2px solid #2489c5;
        margin-right: 10px;
    }

/*input para pesquisa*/
.ats-containerTabela--dataTable .dataTables_wrapper .dataTables_filter input {
    -webkit-appearance: none;
    border-color: #cccccc;
    border-radius: 0;
    background-color: #FFFFFF;
    box-shadow: inset 0 1px 2px rgba(66, 97, 175, 0.1);
    border-style: solid;
    border-bottom: 2px solid #2489c5;
}


.ats-tabela--datatable.dataTable thead .sorting,
.ats-tabela--datatable.dataTable thead .sorting_asc,
.ats-tabela--datatable.dataTable thead .sorting_desc {
    background-image: none;
    position: relative;
}


    .ats-tabela--datatable.dataTable thead .sorting:before,
    .ats-tabela--datatable.dataTable thead .sorting:after,
    .ats-tabela--datatable.dataTable thead .sorting_asc:after,
    .ats-tabela--datatable.dataTable thead .sorting_desc:after {
        content: "";
        border-style: solid;
        display: block;
        position: absolute;
        right: .8em;
    }

    .ats-tabela--datatable.dataTable thead .sorting:before,
    .ats-tabela--datatable.dataTable thead .sorting_asc:after {
        border-color: transparent transparent #fff transparent;
        border-width: 0 4px 6px 4px;
        top: 1.4em;
    }


    .ats-tabela--datatable.dataTable thead .sorting:after,
    .ats-tabela--datatable.dataTable thead .sorting_desc:after {
        border-color: #fff transparent transparent transparent;
        border-width: 6px 4px 0 4px;
        bottom: 1.4em;
    }

/*thead datable com uma linha só, alinhamento setas de ordenação*/
.thead-single.dataTable thead .sorting:after,
.thead-single.dataTable thead .sorting_desc:after {
    bottom: .8em;
}

.thead-single.dataTable thead .sorting:before,
.thead-single.dataTable thead .sorting_asc:after {
    top: 0.8em;
}

.ats-tabela--datatable.dataTable thead .sorting_asc:after {
    border-color: transparent transparent #4261AF transparent;
}

.ats-tabela--datatable.dataTable thead .sorting_desc:after {
    border-color: #4261AF transparent transparent transparent;
}


.ats-tabela--datatable thead th {
    background-color: #87B7E8;
    color: #4261AF;
}

.ats-tabela--datatable tr:nth-child(even) {
    background: #E2F0FE;
}

/* Paginação  Datatables*/
.dataTables_paginate.paging_simple_numbers .pagination .paginate_button a {
    color: #4261af;
    position: relative;
    padding: 0.0625rem 0.5rem 0.0625rem;
}

.dataTables_paginate.paging_simple_numbers .pagination .paginate_button.previous a {
    padding-left: 1.2rem;
}

    .dataTables_paginate.paging_simple_numbers .pagination .paginate_button.previous a:before {
        content: "\00AB";
        font-size: 1.3em;
        position: absolute;
        top: -5px;
        left: 5px;
    }

.dataTables_paginate.paging_simple_numbers .pagination .paginate_button.next a {
    padding-right: 1.2rem;
}

    .dataTables_paginate.paging_simple_numbers .pagination .paginate_button.next a:before {
        content: "\00BB";
        font-size: 1.3em;
        position: absolute;
        top: -5px;
        right: 5px;
    }

.dataTables_paginate.paging_simple_numbers .pagination .paginate_button.unavailable a {
    color: #999;
}

.dataTables_paginate.paging_simple_numbers .pagination .paginate_button.current a,
.dataTables_paginate.paging_simple_numbers .pagination .paginate_button:not(.unavailable) a:hover {
    background: #4261af;
    color: #fff;
}


/*== Tabela Extranet Empresa Arquivamentos ==*/
.datatable-pointer tr .ats-tabelaCelula--empresaArquivamento:hover {
    text-decoration: none;
}

/*== Tabela de Arquivamento - Certidão Online ==*/
.ats-containerTabela--dataTable.ats-containerTabela--selArq .ats-containerTabela-header {
    background: #4261AF;
    color: #fff;
    font-size: 1.5em;
    text-align: left;
    padding: .5em;
    margin: 0;
    text-transform: uppercase;
}

.ats-containerTabela--dataTable.ats-containerTabela--selArq .ats-tabela--datatable {
    margin-top: 0 !important;
    margin-bottom: 2em !important;
    max-width: 100%;
    width: 100%;
}


.ats-tabela--selArq.ats-tabela--datatable tr td:not(.dataTables_empty):first-child:before {
    content: "\e919";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    margin-right: .5em;
    font-size: 1.3em;
}

.ats-tabela--selArq.ats-tabela--datatable thead th {
    background-color: inherit;
    position: relative;
    border-bottom: 1px dotted #4261AF;
}

.ats-tabela--datatable.ats-tabela--selArq thead .sorting:before {
    border-color: #4261AF transparent transparent transparent;
    border-width: 6px 4px 0 4px;
}

.ats-tabela--datatable.ats-tabela--selArq thead .sorting:after {
    border-color: transparent transparent #4261AF transparent;
    border-width: 0 4px 6px 4px;
}

.ats-tabela--datatable.ats-tabela--selArq thead .sorting_desc:after {
    bottom: .8em;
}

.ats-tabela--datatable.ats-tabela--selArq thead .sorting_asc:after {
    top: 0.8em;
}

/*== media-query mobile datatable ==*/
@media only screen and (max-width: 40em) {
    .ats-containerTabela--dataTable.u-md-margemTop {
        margin-top: 0;
    }

    /*para tornar container de busca, resultado por página e paginação uma small-12*/
    .ats-containerTabela--dataTable .dataTables_wrapper .row .small-6,
    .ats-containerTabela--dataTable .dataTables_wrapper .row .small-6 label,
    .ats-containerTabela--dataTable .dataTables_wrapper .row .small-6 .dataTables_paginate.paging_simple_numbers {
        width: 100%;
        float: none;
        margin-top: 15px;
    }

        .ats-containerTabela--dataTable .dataTables_wrapper .row .small-6 input {
            display: block !important;
            margin: 0;
        }

    /*sumir com select de paginação*/
    .ats-containerTabela--dataTable .dataTables_wrapper .dataTables_length label {
        display: none !important;
    }

    /*centralizando paginação*/
    .ats-containerTabela--dataTable .dataTables_wrapper .row .small-6 .dataTables_paginate.paging_simple_numbers .pagination {
        text-align: center;
        margin: 0 auto;
        width: 80%;
        max-width: 100%;
    }

    /*informação que mostra quantos registro estão sendo exibidos*/
    .dataTables_info {
        text-align: center;
    }

    /*tirando efeito de hover da paginação no mobile*/
    .dataTables_paginate.paging_simple_numbers .pagination .paginate_button:not(.unavailable) a:hover {
        background: none;
    }
}

/*==Tabela Selecionada no Protocolo Web*/

.u-pointer tr td {
    cursor: pointer;
}

.ats-tabela-linha-selecionada td {
    background: #ccdbe4;
    position: relative;
    color: #4261AF;
    font-weight: bold;
}

/*tabela com efeito de hover*/

.ats-tabela--hover .ats-tabela-linha:hover {
    background: #ccdbe4;
}

/* tabela EmpresaPessoaCondicao.cshtml quando tem erro*/
.ats-tabela-linha .hasError {
    position: relative;
    background: #e0515a;
    color: #fff;
    font-weight: normal;
}

    .ats-tabela-linha .hasError .field-validation-error {
        position: absolute;
        bottom: -160%;
        z-index: 10;
    }

/* Mostrar paginação no responsivo com o responsive tables, escondendo a primeira td do tfoot no desktop */
@media only screen and (min-width: 767px) {
    .ats-tdResponsivoPag {
        display: none;
    }
}

/*ícone em protocolo web _ListaPessoas.cshtml */

.analfabeto-icon,
.emancipado-icon {
    font-weight: bolder;
    font-size: 1.233em;
    display: inline-block;
    border-radius: 22px;
    border: 2px solid #000;
    text-align: center;
    height: 22px;
    width: 22px;
}

.analfabeto-icon {
    color: #4354a6;
    border: 2px solid #4354a6;
}

.emancipado-icon {
    color: #4f9f5f;
    border: 2px solid #4f9f5f;
}

/*==== Utilitários tabela====*/

/*tamanho colunas*/
.u-xsm-thead {
    width: 10%;
}

.u-sm-thead {
    width: 15%;
}

.u-md-thead {
    width: 20%;
}

.u-lg-thead {
    width: 35%;
}

.u-xlg-thead {
    width: 50%;
}

/*==Tabela Procuração ==*/

.ats-tabela-celula--aviso {
    color: #9a5151;
    background: #F3D2D4;
    border-bottom: 1px solid #fbacac;
    font-size: .8rem;
    /*position: relative;*/
    /*padding-left: 2.3em;*/
    line-height: 1.3em;
}

/*==== estilo breadcrumb páginas internas ====*/

.ats-breadcrumb--paginasInternas {
    padding-top: 20px;
    padding-bottom: 5px;
}

.ats-breadcrumb .ats-breadcrumb-lnk, .ats-breadcrumb .ats-breadcrumb--titulo {
}

    .ats-breadcrumb .ats-breadcrumb-lnk:after {
    }

.ats-breadcrumb .ats-breadcrumb--titulo {
    color: #4354A6;
    font-weight: bold;
    margin-left: .2em;
    margin-bottom: 2px;
}

/*==== Para menus que deslizam, como na extranet e na certidão online ====*/

.ats-breadcrumb .ats-ativador-dropdownMenuInterno .ats-breadcrumb--titulo {
    cursor: pointer;
}
    /*cursor: pointer;
    float: right;
    border: 1px solid gray;
    padding: 10px;
    font-size: 1.2em;
    color: gray;
    font-weight: 600;
}

    .ats-breadcrumb .ats-ativador-dropdownMenuInterno .ats-breadcrumb--titulo:hover {
    cursor: pointer;
    cursor: pointer;
    float: right;
    border: 1px solid #4354A6;
    padding: 10px;
    font-size: 1.2em;
    color: #4354A6;
    font-weight: 600;
    box-shadow: 5px 5px 11px rgba(88,88,230,0.2);
    -webkit-transition: ease;
    -moz-transition: ease;
    -ms-transition: ease;
    -o-transition: ease;
    transition: ease;
    -webkit-transition-duration: 0.3;
    -moz-transition-duration: 0.3;
    -ms-transition-duration: 0.3;
    -o-transition-duration: 0.3;
    transition-duration: 0.3;
    
}*/



    .ats-breadcrumb .ats-ativador-dropdownMenuInterno .ats-breadcrumb--titulo:after {
        content: "\e917";
        font-family: 'icomoon' !important;
    }




.ats-btn-dropdown {
    display: block;
    float: right;
    background-color: #fff;
    color: gray;
    border: 1px solid lightgray;
    padding: 10px 30px;
    margin-top: -65px;
}

    .ats-btn-dropdown:hover, .ats-btn-dropdown:active, .ats-btn-dropdown:focus {
        display: block;
        float: right;
        background-color: #f4f4f4;
        color: gray;
        border: 1px solid lightgray;
        padding: 10px 30px;
        margin-top: -65px;
    }

@media only screen and (max-width: 40.063em) {
    .ats-btn-dropdown {
        padding: 8px 16px;
        margin-top: -60px;
        font-size: 12PX;
    }
}

@media only screen and (max-width: 30.063em) {
    .ats-btn-dropdown {
        margin-top: 15px;
        font-size: 12PX;
        color: gray;
        float: left;
        margin-top: 12px;
    }

        .ats-btn-dropdown:hover, .ats-btn-dropdown:active, .ats-btn-dropdown:focus {
            display: block;
            float: left;
            background-color: #f4f4f4;
            color: gray;
            border: 1px solid lightgray;
            margin-top: 15px;
            padding: 8px 16px;
            margin-top: -60px;
            font-size: 12PX;
        }
}

.ats-btn-menuInterno {
    cursor: pointer !important;
    border: 1px solid #e4e4e5 !important;
    padding: 10px !important;
    font-size: 1.2em !important;
    color: #4354A6 !important;
    font-weight: 600 !important;
    margin: 20px 0px 30px !important;
}




@media only screen and (min-width: 40.063em) {

    .ats-btn-menuInterno:hover {
        cursor: pointer;
        border: 1px solid gray;
        padding: 10px;
        font-size: 1.2em;
        color: gray;
        font-weight: 600;
        box-shadow: 5px 5px 11px rgba(88,88,230,0.2);
        -webkit-transition: ease;
        -moz-transition: ease;
        -ms-transition: ease;
        -o-transition: ease;
        transition: ease;
        -webkit-transition-duration: 0.3;
        -moz-transition-duration: 0.3;
        -ms-transition-duration: 0.3;
        -o-transition-duration: 0.3;
        transition-duration: 0.3;
    }
}

.ats-breadcrumb-lnk:first-child::before {
    content: "\f015"; 
    font: normal 900 11px "Font Awesome 6 Free";
    padding-right: 8px;
    color: var(--ui-01);
    padding: 0px 6px 0 0;
    border-radius: 100%;
}

.ats-breadcrumb-lnk:not(:last-child)::after {
    content: "\f054"; 
    padding: 0 8px;
    font: normal 900 9px "Font Awesome 6 Free";
}

.ats-breadcrumb-lnk::before, .ats-breadcrumb-lnk::after {
    vertical-align: middle;
}


section#breadcrumb {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}

    section#breadcrumb a.ats-breadcrumb-lnk {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        font-size: 12px;
    }

        section#breadcrumb a.ats-breadcrumb-lnk:hover {
        }

    section#breadcrumb h6.ats-breadcrumb--titulo {
        font-size: 12px;
        color: var(--black);
        font-weight: normal;
    }
.ats-box-secoes {
    padding: 2em;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background: #f5f6f8;
}


.ats-boxInfos {
    padding: 1em;
    background: #EBF6FF;
    border: 1px solid #b6d9f4;
    border-radius: 3px;
    margin: 1em 0 1.5em;
}

    .ats-boxInfos [class*="block-grid-"] > li {
        padding-bottom: 0;
    }

    .ats-boxInfos .ats-boxInfos-header {
        margin-bottom: 2em;
    }

    .ats-boxInfos .ats-boxInfos-lista .ats-boxInfos-listaItem {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 10px 0;
    }

        .ats-boxInfos .ats-boxInfos-lista .ats-boxInfos-listaItem:nth-child(7) {
            border-top: none;
            margin-bottom: 10px;
        }

    .ats-boxInfos.ats-boxInfos--protoloGerado {
        background: #fff;
        border: 1px solid #d0e3c2;
        -webkit-box-shadow: -9px -5px 20px -6px rgba(208,227,194,0.91);
        -moz-box-shadow: -9px -5px 20px -6px rgba(208,227,194,0.91);
        box-shadow: -9px -5px 20px -6px rgba(208,227,194,0.91);
    }

    .ats-boxInfos .ats-boxInfos-warning {
        background: #ffd8d8;
        border: 1px dotted #dd6d6d;
        padding: 10px;
        margin: 20px auto;
    }


/*==== Box de destaque para guia bancária ====*/
.ats-boxDestaque {
    background: #EBF6FF;
    border: 1px dotted #6591b6;
    padding: 10px;
    margin: 20px auto;
}

.ats-boxDestaque-azul {
    background: #EBF6FF;
    border: 1px dotted #6591b6;
    padding: 10px;
    margin: 20px auto;
    color: #4261AF;
}

.ats-boxDestaque-vermelho {
    background: #F3D2D4;
    border: 1px dotted #9a5151;
    padding: 10px;
    margin: 20px auto;
    color: #9a5151;
}

/*==== Box Comparativos - Usado na página de novo pedido - Certidão Online ====*/
.ats-boxComparativo {
    border: 1px solid #4261AF;
    margin-bottom: 1em;
    min-height: 36.6em;
}

    .ats-boxComparativo .ats-boxComparativo-header {
        position: relative;
    }

        .ats-boxComparativo .ats-boxComparativo-header:after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            height: 3em;
            width: 100%;
            background-color: #E4E4E4;
        }

        .ats-boxComparativo .ats-boxComparativo-header .ats-boxComparativo-svg,
        .sprite-certidaoOnline {
            height: 7em;
            width: auto;
            margin: 0 auto;
            position: relative;
            z-index: 10;
        }

.sprite-certidaoOnline {
    display: none;
}

.ats-boxComparativo .ats-boxComparativo-header .ats-boxComparativo-tit {
    font-size: 1.3em;
    font-weight: bold;
    color: #4261AF;
    text-align: center;
}

.ats-boxComparativo .ats-boxComparativo-contentForm {
    padding: .5em 1em;
    /*margin: .5em auto;*/
}


    .ats-boxComparativo .ats-boxComparativo-contentForm .ats-boxComparativo-descricao {
        font-size: 1.167em;
        margin-bottom: .5em;
        margin-top: .5em;
    }

/*==== Box de Time ====*/

.ats-timer {
    background: #e1edf7;
    color: #4261AF;
    border: 1px solid #c8cedc;
    padding: .5em 1em;
}

.ats-timer-icone {
    display: inline-block;
    font-size: 2em;
    line-height: 1.5em;
    vertical-align: middle;
    margin-right: .3em;
}

.ats-timer-texto {
    font-size: 1.266em;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

/*== Fallback para imagens de certidão online no IE ==*/

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    /* IE9+ CSS*/
    .ats-boxComparativo .ats-boxComparativo-header .ats-boxComparativo-svg {
        display: none;
    }

    .sprite-certidaoOnline {
        background-image: url("../Images/sprite-certidao-online.png");
        background-repeat: no-repeat;
        background-position-y: top;
        background-position-x: left;
        height: 65px;
        display: block !important;
    }

        .sprite-certidaoOnline.icone-certidaoSimplificada {
            background-position: -116px 0;
            width: 52px;
        }

        .sprite-certidaoOnline.icone-certidaoInteiroTeor {
            background-position: -57px 0;
            width: 55px;
        }

        .sprite-certidaoOnline.icone-certidaoEspecifica {
            background-position: 0 0;
            width: 52px;
        }
}
/*==== Botões com degradê cinza ====*/
.ats-containerBts {
    margin: 1em 0;
}

.ats-containerBts-lista .ats-containerBts-item {
    margin-bottom: 1.333em;
    clear: both;
    display: block;
}

     .ats-containerBts-lnk {
        background: -webkit-linear-gradient(#FDFDFD, #E9E9E9);
        background: -moz-linear-gradient(#FDFDFD, #E9E9E9);
        background: -o-linear-gradient(#FDFDFD, #E9E9E9);
        background: linear-gradient(#FDFDFD, #E9E9E9);
        border: solid 1px #BCBDBC;
        padding: 1em;
        display: inline-block;
        width: 100%;
        font-size: 1.133em;
        color: #333233;
    }

       .ats-containerBts-lnk:hover, 
       .ats-containerBts-lnk:focus {
            color: #333233;
            background: -webkit-linear-gradient(#eeecec, #dcdcdc);
            background: -moz-linear-gradient(#eeecec, #dcdcdc);
            background: -o-linear-gradient(#eeecec, #dcdcdc);
            background: linear-gradient(#eeecec, #dcdcdc);
        }

        .ats-containerBts-lnk .ats-containerBts-icone {
            float: right;
            font-size: 1.333em;
            font-weight: 300;
            color: #9a9a9a;
        }


/*==== lista de link com alternância da cor azul ====*/
.ats-listaLnks .ats-listaLnks-item {
    display: block;
    padding: 10px;
}

    .ats-listaLnks .ats-listaLnks-item .ats-listaLnks-lnk {
        display: block;
        vertical-align: middle;
        color: #363636;
        word-wrap: break-word;
    }

    .ats-listaLnks .ats-listaLnks-item:nth-child(odd) {
        background: #e2f0fe;
    }

    .ats-listaLnks .ats-listaLnks-item .ats-listaLnks-ico {
        font-size: 1.6em;
        padding: 10px;
        margin-top: 5px;
        text-align: right;
        display: block;
        vertical-align: middle;
    }

/*==== lista de link com alternância da cor cinza ====*/

.ats-listaLnks--listaCinza .ats-listaLnks-item:nth-child(odd) {
    background: #E0E0E0;
}

/*==== Tirando <br> gravado no banco ====*/
.ats-container--estrutura br {
    display: none;
}

/*==== lista numeração ====*/
.ats-lista--numeracao {
    counter-reset: ats-counter;
    list-style-type: none;
    margin-left: 0;
}

    .ats-lista--numeracao .ats-lista--numeracaoItem {
        position: relative;
        padding: 1em 0 0 4em;
        margin-bottom: 2em;
        border-top: 1px solid #B8C0E6;
    }

        .ats-lista--numeracao .ats-lista--numeracaoItem:before {
            content: counter(ats-counter);
            counter-increment: ats-counter;
            position: absolute;
            left: 0;
            top: -1px;
            background: #4354A6;
            color: #fff;
            padding: 10px 15px;
            text-align: center;
            font: bold 14px/1.5 'Open Sans', sans-serif;
        }


/*==== Lista Normal ====*/

.ats-lista {
    list-style-type: disc;
    margin-left: 3em;
}

    .ats-lista .ats-lista-item {
        font-size:  1.333em;
        margin-bottom: .5em;
    }

/*==== Lista Ordenada ====*/

.ats-lista--ordenacao {
    list-style-type: decimal;
}

    .ats-lista--ordenacao .ats-lista--ordenacaoItem {
        font-size:  1.333em;
    }

.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-box{border:none;border-radius:5px;background:#fff;box-shadow:0 0 10px 6px rgba(0,0,0,.1)}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-content{color:#8d8d8d}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{height:6px;margin-left:-6px;width:12px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{height:12px;margin-left:0;margin-top:-6px;width:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border{border:6px solid transparent}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border{border-left-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border{border-right-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{border-top-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{left:-6px}
/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }

/* Mobile */
@media only screen and (max-width: 767px) {
	
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; /*border-right: 1px solid #ccc*/; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; /*border-left: none;*/ width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; border-right: 1px solid #4260af;}
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
	ul.pagination {
    display: block;
    min-height: 1.5rem;
    text-align: left;
    } 
    td.ats-tdResponsivoPag {
    background-color: #c6dcf1;
    }
	
} 

/*== Loading local ==*/

.sk-circle {
    margin: 10px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

    .sk-circle .sk-child {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .sk-circle .sk-child:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            background-color: #4354A6;
            border-radius: 100%;
            -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
            animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
        }

    .sk-circle .sk-circle2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .sk-circle .sk-circle3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .sk-circle .sk-circle4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .sk-circle .sk-circle5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    .sk-circle .sk-circle6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg);
    }

    .sk-circle .sk-circle7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sk-circle .sk-circle8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg);
    }

    .sk-circle .sk-circle9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    .sk-circle .sk-circle10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .sk-circle .sk-circle11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);
    }

    .sk-circle .sk-circle12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .sk-circle .sk-circle2:before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .sk-circle .sk-circle3:before {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .sk-circle .sk-circle4:before {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .sk-circle .sk-circle5:before {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .sk-circle .sk-circle6:before {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .sk-circle .sk-circle7:before {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .sk-circle .sk-circle8:before {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .sk-circle .sk-circle9:before {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .sk-circle .sk-circle10:before {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .sk-circle .sk-circle11:before {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .sk-circle .sk-circle12:before {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


/*== Loading que trava a tela ==*/

#loading {
    position: absolute;
    top: 0;
    margin: 0 auto;
    /*top: 50%;
    left: 50%;*/
    padding-top: 200px;
    display: block;
    list-style-type: none;
    z-index: 200;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    background: -webkit-linear-gradient(#EAF4F8, #F9FCFD 30%);
    background: -moz-linear-gradient(#EAF4F8, #F9FCFD 10%);
    background: -o-linear-gradient(#EAF4F8, #F9FCFD 30%);
    background: linear-gradient(#EAF4F8, #F9FCFD 10%);
}

    /*== Loading que não trava a tela ==*/
    /*#loading.loadLocal {
        background: none;
        width: 10%;
        text-align: center;
    }


        #loading.loadLocal .cssload-container {
            width: inherit;
            height: 50%;
            right: 50%;
        }*/


/*.cssload-container {
    width: 100%;
    height: 48%;
    text-align: center;
    position: fixed;
}*/



/*==== mensagem de erro superior do plugin do foundation ====*/

.field-validation-error.text-danger {
    background: #F3D2D4;
    font-size: 1.2em;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    color: #9a5151;
    padding: 1em 1em 1em 4.5em;
    position: relative;
    margin-bottom: 1.5em;
    margin-top: .5em;
    font-style: normal;
}

    .field-validation-error.text-danger:before {
        content: '\e904';
        font-family: icomoon !important;
        font-weight: normal;
        left: 18px;
        top: 3px;
        display: block;
        z-index: 0;
        position: absolute;
        font-size: 2em;
    }


/*==== mensagem de erro superior da parte de login ====*/
.ats-alerta > .ats-alertaBox {
    font-size: 1em;
    border: none;
}

.ats-alerta .ats-alertaBox-conteudo {
    display: inline-block;
    padding: 0 0.5rem 0 2rem;
    margin: 0;
}

.ats-alerta .ats-alertaBox--erro {
    background: #F3D2D4;
    color: #9a5151;
}


.ats-alerta .ats-alertaBox--atencao {
    background: #F1E69B;
    color: #AB7B24;
}

.ats-alerta .ats-alertaBox--sucesso {
    background: #C4E6BF;
    color: #04380B;
}

.ats-alerta .ats-alertaBox--Anexo {
    background: #d4d1d1;
    color: #040b38;
}

.ats-alerta .ats-alertaBox-icone {
    margin-right: 1em;
    font-size: 2em;
    font-size: 1.375rem;
    padding: 9px 6px 4px;
    line-height: 0;
    position: absolute;
    top: 50%;
    margin-top: -0.6875rem;
    left: 0.25rem;
}

.ats-alerta .ats-alertaBox-txt {
    margin: 0;
    font-size: 1.233em;
}

.ats-alerta .u-md-link.ats-alertaBox-lnk,
.ats-alerta .u-md-texto.ats-alertaBox-txt {
    font-size: 1.083em;
}

.ats-alerta .ats-alertaBox-lnk {
    display: block;
    font-size: 1.233em;
    color: #4261AF;
}

    .ats-alerta .ats-alertaBox-lnk:hover {
        text-decoration: underline;
        color: #213361;
    }

.ats-alerta .ats-alertaBox-txt.ats-alertaBox-txtErro {
    color: #9a5151;
}

.ats-alerta .ats-alertaBox-txt.ats-alertaBox-txtSucesso {
    color: #0F801F;
}

.ats-alerta .ats-alertaBox-txt.ats-alertaBox-txtAnexo {
    color: #4261AF;
}

.ats-alerta .ats-alertaBox-txt.ats-alertaBox-txtAtencao {
    color: #AB7B24;
}


@media only screen and (max-width: 64em) {
    .ats-alerta > .ats-alertaBox {
        font-size: 1.083em;
    }
}