/*
removido porque está barrando no proxy 
import url("https://fonts.googleapis.com/css?family=Montserrat:400,600,700");
*/



/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fonts/google/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fonts/google/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/google/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/google/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(../fonts/google/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(../fonts/google/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*************************************************************************
estas fontes já estavam definidas quando tinha o import para o googleapis
**************************************************************************/
@font-face {
    font-family: "Proxima Nova Rg";
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/proxima-nova/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova/ProximaNova-Bold.woff2") format("woff2"), url("../fonts/proxima-nova/Proxima-nova/ProximaNova-Bold.woff") format("woff"), url("../fonts/proxima-nova/ProximaNova-Bold.ttf") format("truetype"), url("../fonts/proxima-nova/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg");
}

@font-face {
    font-family: "Proxima Nova Rg";
    font-style: italic;
    font-weight: normal;
    src: url("../fonts/proxima-nova/ProximaNova-RegularIt.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova/ProximaNova-RegularIt.woff2") format("woff2"), url("../fonts/proxima-nova/ProximaNova-RegularIt.woff") format("woff"), url("../fonts/proxima-nova/ProximaNova-RegularIt.ttf") format("truetype"), url("../fonts/proxima-nova/ProximaNova-RegularIt.svg#ProximaNova-RegularIt") format("svg");
}

@font-face {
    font-family: "Proxima Nova Rg";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/proxima-nova/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova/ProximaNova-Regular.woff2") format("woff2"), url("../fonts/proxima-nova/ProximaNova-Regular.woff") format("woff"), url("../fonts/proxima-nova/ProximaNova-Regular.ttf") format("truetype"), url("../fonts/proxima-nova/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg");
}

html,
body {
    height: 100%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
    font-size: 0.9rem;
}

label {
    color: #999;
}

.versao {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    color: #fff;
    font-size: 1.2rem;
    z-index: 999999;
    opacity: .4;
}

/*
.btn {
    border-radius: 50px;
    background-color: #eee;
    border: 1px solid #aaa;
    color: #aaa;
}
.form-control {
    border: 2px solid #eee;
    width: auto;
}
*/

.btn-primary {
    background-color: #28a745;
    color: #fff;
}

.btn:hover {
    background-color: #ddd;
}

.btn-primary:hover {
    background-color: #208838;
    border: 1px solid #208838;
}

.btn {
    border: medium none;
    border-radius: 7px;
    cursor: pointer;
    font-size: 1.4em;
    font-weight: bold;
    margin-right: 5px;
    min-height: 48px;
    padding: 14px 24px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
}

.btn:hover {
    box-shadow: 0 0 15px #00a7e8;
}

.btn-default {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    color: #999;
}

.btn-primary {
    border-bottom: medium none #2eac58;
    border-color: #2eac58;
    color: #fff;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:visited {
    border-color: #2eac58;
}

a.btn:hover {
    color: #fff;
}

a.btn:active {
    color: #333;
}

.btn {
    font-size: 14px;
    min-height: 40px;
    padding: 9px 16px;
}

.btn-sm {}

.btn-md {
    font-size: 14px;
    min-height: 40px;
    padding: 9px 16px;
}

.btn-lg {
    font-size: 14px;
    min-height: 48px;
    padding: 14px 24px;
}

.btn-outline-secondary {
    border: 1px solid #6c757d;
    margin-right: 0;
}

.link-bar {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 132px;
}

.link-bar .btn-precisa-ajuda {
    color: #fff;
    display: table-row;
    font-size: 18px;
    text-decoration: underline;
}

.link-bar .btn-precisa-ajuda:hover {
    color: #e9a932;
}

#container-login {
    padding-left: 2rem;
}

.card-login {
    position: relative;
    max-width: 700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    margin-left: 132px;
    min-height: 20rem;
    /* fix: problema com o box-shadow do botao */
    /*  -webkit-box-shadow: 0px 25px 50px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 25px 50px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0px 25px 50px 0px rgba(0, 0, 0, 0.4); */
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.nav-pills .nav-link.active:hover {
    color: #fff;
    background-color: #28a745;
}

.nav-pills .nav-link.active::after {
    border-bottom: 13px solid transparent;
    border-left: 10px solid #28a745;
    border-top: 13px solid transparent;
    content: "";
    right: .4rem;
    margin-top: 8px;
    position: absolute;
    /* top: 50%; */
}

.nav-pills .nav-link.active .icon-label {
    color: #fff;
    font-weight: 600;
}

.icon-label {
    color: #999;
    display: inline-block;
    margin-left: 1rem;
}

.nav-pills .nav-link a {
    color: #999;
}

.nav-pills .nav-link {
    border-radius: 0;
}

.nav-pills .nav-link:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.nav-pills .nav-link:first-child {
    border-top-left-radius: 0.25rem;
}

.nav-pills .nav-link:last-child {
    border-bottom-left-radius: 0.25rem;
}

.nav-pills .disabled {
    display: none;
}

.svg-icon {
    height: 32px;
    width: 32px;
    margin: 0.4rem auto;
    display: inline-block;
    vertical-align: middle;
}

.icon-centralseguranca {
    background-image: url(../images/svg/icon-centralseguranca.svg)
}

.icon-sentinela {
    background-image: url(../images/icon-sentinela.png)
}

.icon-email {
    background-image: url(../images/svg/icon-email.svg)
}

.icon-expresso {
    background-image: url(../images/svg/icon-expresso.svg)
}

.icon-certificadodigital {
    background-image: url(../images/svg/icon-certificado.svg)
}

.icon-sms {
    background-image: url(../images/svg/icon-sms.svg)
}

.icon-app {
    background-image: url(../images/svg/icon-app.svg)
}

.icon-cpf {
    background-image: url(../images/svg/icon-cpf.svg)
}

.icon-google {
    background-image: url(../images/svg/icon-google.svg)
}

.icon-facebook {
    background-image: url(../images/svg/icon-facebook.svg)
}

.icon-sanepar {
    background-image: url(../images/svg/icon-sanepar.svg);
}

.active .icon-centralseguranca {
    background-image: url(../images/svg/icon-centralseguranca_w.svg)
}

.active .icon-email {
    background-image: url(../images/svg/icon-email_w.svg)
}

.active .icon-expresso {
    background-image: url(../images/svg/icon-expresso_w.svg)
}

.active .icon-certificadodigital {
    background-image: url(../images/svg/icon-certificado_w.svg)
}

.active .icon-sms {
    background-image: url(../images/svg/icon-sms_w.svg)
}

.active .icon-app {
    background-image: url(../images/svg/icon-app_w.svg)
}

.active .icon-cpf {
    background-image: url(../images/svg/icon-cpf_w.svg)
}

.active .icon-google {
    background-image: url(../images/svg/icon-google_w.svg)
}

.active .icon-facebook {
    background-image: url(../images/svg/icon-facebook_w.svg)
}

.active .icon-sanepar {
    background-image: url(../images/svg/icon-sanepar_w.svg)
}

.active svg path,
.active svg stroke,
.active svg rect {
    fill: #ffffff;
}

.logo-cs {
    display: block;
    height: 180px;
    width: 162px;
    margin: 0 auto;
    background-image: url(../images/logo-centralSeguranca.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.logo-celepar {
    display: block;
    height: 92px;
    width: 150px;
    margin: 2rem auto 0 auto;
   background-image: url(../images/svg/logo-celepar-v.svg); 
    background-repeat: no-repeat;
    background-size: cover;
}

.logo-empresa {
    /*background-image: url("../images/logo_paranacidade2.png");*/
    background-repeat: no-repeat;
    background-size: cover;
    display: block;

    height: 92px;
    width: 146px;
    margin: 2rem auto 0 auto;
}

.tab-content {
    display: block;
    margin: 32px;
}

/*
.bg-verde {
    background: rgb(40, 167, 69);
    background: -moz-linear-gradient(-45deg, rgba(40, 167, 69, 1) 0%, rgba(0, 122, 48, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(40, 167, 69, 1) 0%, rgba(0, 122, 48, 1) 100%);
    background: linear-gradient(135deg, rgba(40, 167, 69, 1) 0%, rgba(0, 122, 48, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28a745', endColorstr='#007a30', GradientType=1);

    /* background-image: url(../images/bg-01.png);
    background-image: url(../images/bg-02.png);
    background-image: url(../images/bg-03.png); */
    /* background-image: url(../images/bg-04.png); */
    /* background-image: url(../images/bg-05.png); */
    /* background-image: url(../images/bg-06.png); */
    /* background-image: url(../images/bg-connect.png); */
    /* background-image: url(../images/bg-cork.png); */
    /* background-image: url(../images/bg-cross-scratches.png); */
    /* background-image: url(../images/bg-cubes.png); */
    /* background-image: url(../images/bg-escheresque.png); */

    /* background-image: url(../images/bg-gplaypattern.png); */
    /* background-image: url(../images/bg-grey.png); */
    /* background-image: url(../images/bg-grey.jpg); */

    /* background-size: cover;  
}
*/

svg.icon path {
    fill: #999999;
}

.bt-voltar {
    display: none;
}

#autenticarPorSms #attribute,
#campos #password,
#autenticarPorEmail #password-email,
#autenticarPorExpresso #password {
    width: 132px;
}

#campos #attribute,
#autenticarPorExpresso #attribute,
#autenticarPorEmail #attribute-email {
    /* width: 300px; */
}

#autenticarPorSms #celular {
    width: 64px;
}

#autenticarPorOTP #attribute,
#autenticarPorOTP #codigoOTP {
    width: 132px;
}

@media (max-width: 576px) {

    .card-login {
        min-height: unset;
    }

    #btnCertificado {
        display: none;
    }

    .logo-cs {
        display: block;
        height: 54px;
        width: 286px;
        margin: 1rem auto;
        background-image: url(../images/logo-centralSeguranca-2.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .logo-lg {
        display: none;
    }

    .logo-sm {
        display: block;
        margin: 10px 0;
    }

    .tab-content {
        /* padding: 15px;
        min-height: 18rem; */
        display: none;

    }

    .link-bar {

        margin: 16px 0;
    }

    .bt-voltar {
        display: inline-block;
    }

}

@media (min-width: 576px) {
    .logo-sm {
        display: none;
    }

    .bt-voltar {
        display: none;
    }
}

@media (max-width: 768px) {
    #container-login {
        padding-left: 1rem;
    }

    /* .active .icon-centralseguranca {
        background-image: url(../images/svg/icon-centralseguranca.svg)
    }

    .active .icon-email {
        background-image: url(../images/svg/icon-email.svg)
    }

    .active .icon-expresso {
        background-image: url(../images/svg/icon-expresso.svg)
    }

    .active .icon-certificadodigital {
        background-image: url(../images/svg/icon-certificado.svg)
    }

    .active .icon-sms {
        background-image: url(../images/svg/icon-sms.svg)
    }

    .active .icon-app {
        background-image: url(../images/svg/icon-app.svg)
    }

    .active .icon-cpf {
        background-image: url(../images/svg/icon-cpf.svg)
    } */

    .logo-cs {
        display: inline-block;
        height: 54px;
        width: 286px;
        margin: 1rem auto;
        background-image: url(../images/logo-centralSeguranca-2.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .logo-celepar {
        display: none;
    }

    .logo-empresa {
        display: none;
    }

    /* .bt-voltar {
        display: inline-block;
    } */

    /* .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link,
    .nav-pills .nav-link.active:hover {
        color: #999;
        background-color: #fff;
    }

    .nav-pills .nav-link.active .icon-label {
        color: #999;
        font-weight: normal;
    } */

    .tab-content {
        margin: 16px;
    }

    .nav-pills .nav-link.active::after {
        display: none;
    }

    /* #container-logos {
        height: 11% !important;
        display: none;
    } */

    #container-login {
        height: 89% !important;
    }
}

@media (max-width: 992px) {
	.link-bar{
		margin:5px;
	}
    .logo-cs {
        display: inline-block;
        height: 54px;
        width: 286px;
        margin: 1rem auto;
        background-image: url(../images/logo-centralSeguranca-2.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .logo-celepar {
        display: none;
    }

    .logo-empresa {
        display: none;
    }

    .card-login {
        margin-left: 0px;

    }

    .logo-lg {
        display: none;
    }

    .logo-sm {
        display: block;
    }

    /* 
    #container-logos {     
        display: none;
    } */
}

.aviso-cd {
    text-align: center;
    font-size: 1.2em;
}

/* @media (max-width: 1400px) {
    .nav-pills .nav-link.active::after {
        display: none;
    }
} */

/*** loader ***/

.loader {
    border: 8px solid #DDDDDD;
    /* cinza claro */
    border-top: 8px solid #44C06B;
    /* verde */
    border-radius: 50%;
    width: 42px;
    height: 42px;
    animation: spin 2s linear infinite;
    display: none;
}

/************************************************************/
/*   modificações referente ao novo padrão (PIA)            */
/************************************************************/
.btn {
  border-radius: 7px !important;
  margin: 0 5px;
}

.btn-primary:focus,
.btn-primary {
  background-color: #27944A;
  border-color: #27944A;
  color:#FFF;
}

.form-control {
    border: 1px solid #00B858;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 7px;
}

.bg-azul {
    background: rgb(33, 78, 101);
    background: -moz-linear-gradient(-45deg, rgba(41, 132, 139, 1) 0%, rgba(33, 78, 101, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(41, 132, 139, 1) 0%, rgba(33, 78, 101, 1) 100%);
    background: linear-gradient(135deg, rgba(41, 132, 139, 1) 0%, rgba(33, 78, 101, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29848B', endColorstr='#214E65', GradientType=1);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.nav-pills .nav-link.active:hover {
    background-color: #214E65;
}

.nav-pills .nav-link.active::after {
    border-left: 10px solid #214E65;
}

.card-login {
    position: relative;
}

.card-login:before {
    content: '';
    position:absolute;
    left:0;
   	height: 100%;
    width: 39.2%;
    background: #EEE;
    z-index: 0;
}

@media (max-width:768px) {
    .card-login:before {
       width:30%
    }
}
@media (max-width:576px) {
    .card-login:before {
       display:none;
    }
}
.icon-label {
    width: 70%;
    vertical-align: middle;
}
.tit-opcoes-login {
	position:absolute;
    left: 160px;
    top: -25px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
}

@media (max-width:992px) {
    .tit-opcoes-login {
        left:20px;
    }
}