/* PORTAL CLIENTE ADM */
@import url("portalCliente.css");
@import url("portalOperadora.css");
@import url("portalCorretor.css");
@import url("skeleton.css");
@import url("fixes-ui-bootstrap.css");

/* TAGS HTML*/
html,body {height:100%;font-family: 'Open Sans', sans-serif; color:#404040;}
header    {height:86px; width:100%;padding:0px;margin: 0px;border-bottom:1px solid #B3B3B3}
nav       {padding:15px 20px 0px 20px;margin: 0px;}
nav button{margin:0 0 0 0!important; padding:15px 15px 0 0!important;}
nav ul    {background-color: #E6E6E6;border:1px solid #b3b3b3; list-style: none;}
nav ul a  {color: #404040;}
footer    {padding:0px 20px;height:86px;border-top:1px solid #B3B3B3}
h1        {font-family: "open sans"; font-size: 1.4rem; font-weight:300;font-style:italic; color:#404040;padding-bottom:40px; margin: 0px;min-width: 280px;}
h2        {font-family: "open sans"; font-size: 1.3rem; font-weight:bold; font-style:normal; color:#404040;padding-bottom:40px;}
h3        {font-family: "open sans"; font-size: 1.2rem; font-weight:bold; font-style:normal; color:#404040;padding-bottom:20px;}
a ,
a:hover   {color:#00995D}  /* cor cliente */
a, a:visited {text-decoration: none;}
a:hover,
a:focus,
a:active    {text-decoration: underline;}

button:hover,
button:focus,
button:active {outline: none !important; box-shadow: none !important;}

table               {margin-bottom: 20px;}
tr:nth-child(even)  {background: #EFF2F1;}
tr:nth-child(odd)   {background: #DDE4E1;}
thead th, tfoot td  {background: #FFFFFF; padding-bottom: 10px; font-size: 1rem; font-weight: bold;}
tfoot td            {padding:5px 5px}
td                  {font-size: 0.81rem; font-weight: normal; padding: 3px 5px}
td.rowspan          {border-top:1px solid #DDE4E1;border-left:1px solid #DDE4E1; background-color:white; color: #404040}
td.rowspanSemFooter {border:1px solid #DDE4E1; background-color:white; color: #404040} /* ultima td rowspan sem footer */
tfoot tr            {border-top:1px solid #808080;border-bottom:1px solid #808080;padding: 5px 0 5px 0}

table.clean,
table.clean th,
table.clean tr,
table.clean td{background-color: transparent!important;font-size: 1rem!important;}

/* CLASSES */
.cartaorientacao {}
.conteudo {height:100%; width:100%; margin:0px; position:absolute;}
.colunas  {text-align:center; padding-top:60px;}
.iconsNav {margin:15px 0px 0px 15px;}
.iconsNav path{fill:#B3B3B3}
.iconsNav:hover path{fill:#808080}
.icoHelp  {margin-top: -5px}
.iconAcaoTable{padding-left: 5px; cursor: pointer;}
.iconBox  {border-radius:3rem;cursor:pointer; width:178px; height: 220px;text-align: center;}
.colHistorico  {border-right:1px dashed #B3B3B3 ; display:table; width:69px;padding-right: 3px; margin:auto; }
.colHistorico div {display:table-row;}
.colHistorico img {margin: 5px 0 5px 0;}
.colHistorico svg {margin: 5px 0 5px 0;}
/*.colHistorico svg path {fill:#B3B3B3;}*/
.setaOn       {background-image:url("../images/ico_hist_seta.png");background-repeat:no-repeat; background-position:57px center;}
/*.setaOn  svg path {fill:#00995D;}/ * cor cliente */
.border_on        {border:3px solid #00995D;} /* cor cliente */
.border_on  svg path {fill: #00995D;} /* cor cliente */
.border_off       {border:3px solid transparent;}
.border_off svg path {fill: black;}
.img-thumbnail    {border:0}
.navbar-light .navbar-toggler{border: 0;}
.modal-header     {border-bottom:1px solid #B3B3B3;}
.modal-title      {line-height: .8rem;}
.leituraTextos    {max-width: 1100px;}
.separadorBreadCrumb{Color:#b3b3b3;}
.planoBanner            {width: 300px;min-height:520px;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;
                        background-color:#650080; /* cor cliente */
                      /*background-image:url('../images/bg_tagPlano.png');background-repeat:no-repeat; background-position:right 10px top 10px;*/}
.planoBanner .titulo {border-top: 2px dotted white;border-bottom: 2px dotted white;}
.planoBanner  dt,
.planoBanner  .preco {font-size: 1.5rem;color:#BED700;} /* cor cliente */
.planoBanner  dd     {color: #BED700;font-size: .9rem;} /* cor cliente */
.planoBanner  dd b   {color: white;}
.regANS              {text-align:center; background-color: black;color: white;outline: 3px solid black;border: 1px solid white;}
.pagination > li > a {color:#848484;}
.pagination > li > a:hover {background-color:#757474;color:white;}
.pagination .page-link  {border-top: 0;border-bottom: 0;}
.pagination-leads { display: -ms-flexbox; list-style: none; border-radius: 0.25rem; background-color: transparent !important; margin: 0 !important; padding: 0 !important; border: none;}
.cursor-pointer { cursor: pointer; }


/* IDs */
#col1         {padding-left: 15px; text-align:center!important;}
#navbarToggler{position:absolute; top:70px; left:0px;z-index:1000;}
#btnTop       {display: none; position: fixed; bottom: 100px; right: 30px; z-index: 99; border: none; outline: none; cursor: pointer;}
#btnTop  path {fill:#00995D;}/* cor cliente */

/* FORMS */
legend            {font-size:1.10rem; font-weight:bold; background-image:url("../images/ico_square.png"); background-position:left center; background-repeat:no-repeat; padding-left: 30px;margin-left:-30px;}
legend.expand     {background-image: none}
legend.expand>a>i {margin-left:-30px!important; padding-left:-30px!important; padding-right: 10px!important;color: #404040;font-size: 1.3rem;}
fieldset          {border-bottom: 1px dashed #808080;}
a.btn, input.btn  {font-weight:300; font-size:1.06rem; border-radius:.8rem; padding:.7rem 2.5rem; text-transform:uppercase; margin:40px 0px 40px}
button.btn,
.input-group-text {border-radius:.5rem;border:1px solid #808080;}
.modal-content    {-webkit-border-radius:.8rem!important; -moz-border-radius:.8rem!important;border-radius:.8rem!important; }
.modal button.btn {border:none;}
.btn-contratar       {background-color:#EFEFEF; border-color:#EFEFEF;}  /* cor cliente */
.btn-contratar:hover {background-color:#DC143C; border-color:#DC143C;} /* cor cliente */
.btn-primary      {background-color:#00995D; border-color:#00995D;}  /* cor cliente */
.dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff;} /* cor cliente */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {background-color:#056D3F; border-color:#056D3F;outline: none !important; box-shadow: none !important;}  /* cor cliente + escura*/
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active	{background-color:#056D3F; border-color:#056D3F;outline: none !important; box-shadow: none !important;}  /* cor cliente + escura */
.btn-primary.disabled,
.btn-primary:disabled {background-color:#B3B3B3;border-color:#B3B3B3;}
.btn-outline-secondary:hover {background-color:#00995D; border-color:#00995D;} /* cor cliente */
.btn-outline-secondary:focus,
.btn-outline-secondary:active	{outline: none !important; box-shadow: none !important;}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled):active{background-color:#00995D; border-color:#00995D;} /* cor cliente */
.form-control     {border:1px solid #808080; border-radius:.5rem;}
.custom-select    {border:1px solid #808080; border-radius:.5rem; color:#404040;}
.form-control:active,
.form-control:focus {border-color: #999; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(100,100,100,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(100,100,100,.6);}
.custom-control-input:checked,
.custom-control-input:active,
.custom-control-label::before {color:#fff; background-color:#B3B3B3;} /* cor cliente */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {background-color:#00995D;} /* cor cliente */
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {background-color: #00995D;} /* cor cliente */
.form-md {min-width:350px;}
.cursorpointer {cursor:pointer;}
.removehyperlink {color: #000; cursor: default; text-decoration: none;}
.removehyperlink:hover {color: #000; cursor: default; text-decoration: none;}


/* Acessibilidade - remover este css caso a barra acessibilidade do header esteja desativada */
#acessibilidade {background-color:#E6E6E6; height:30px;font-size: 14px;padding: 5px 20px 0 0; border-bottom:1px dotted #B3B3B3}
nav ul.acessib {background-color:black; color: white;}
img.acessib {-webkit-filter: invert(1);filter:invert(1); -webkit-filter: invert(100%); /* Safari/Chrome */
  filter: invert(100%);}
body.acessib {background-color:black!important;color:white!important;}
body.acessib h1,
body.acessib h2,
body.acessib h3  {color:white;}
body.acessib a,
body.acessib a:visited,
body.acessib a:hover  {color:white!important;font-weight:normal;text-decoration: underline !important;}
body.acessib a:active,
body.acessib a:focus,
.btn-primary:focus,
.btn-primary:active,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
nav button:active,
nav button:focus {outline: 2px dotted!important;outline: 5px auto -webkit-focus-ring-color!important;}
.iconBoxAumentaFont  {width:178px!important; height:220px!important;}
.iconBox:active,
.iconBox:focus,
.iconBox:hover,
.iconBox  {color: #404040!important;text-decoration: none!important;}
body.acessib a.iconBox, body.acessib a.btn, body.acessib a:visited .iconBox, body.acessib a:visited .btn,
body.acessib a:hover .iconBox, body.acessib a:hover .btn  {text-decoration:none!important;}
body.acessib table {border:1px solid white;}
body.acessib table tr:nth-child(even)  {background-color: white;color:black}
body.acessib table tr:nth-child(odd)   {background-color: black;color:white}
body.acessib table tr:nth-child(even) a {color:black!important;}
body.acessib table thead th, body.acessib table tfoot td {background-color: #FFFFFF; color: black;}
body.acessib table.clean  {border: 0;}
body.acessib table.clean td{background-color: black;color: white;}
body.acessib .modal-content{background-color:black;color: white;border:1px solid #b3b3b3}
body.acessib .modal-content .close {color: #fff;opacity: 1;}
body.acessib .modal button.btn {border:1px solid #b3b3b3}
body.acessib .btn-primary,
body.acessib .btn-primary:hover,
body.acessib .btn-primary:focus,
body.acessib .btn-primary:active {color:white;background-color:black; border-color:white;}
body.acessib .btn-primary:disabled,
body.acessib .btn-primary.disabled  {color:gray;background-color:gray!important;}
body.acessib .filtroDashboard ul    {border:1px solid white;background-color: black;}
body.acessib fieldset legend i      {color: white}

body.acessib .pagination > ul     {background-color:black;}
body.acessib .pagination > li > a {color:white;background-color:black!important;}
body.acessib .pagination > li > a:hover {background-color:white!important; color:black!important;}/* cor cliente */
body.acessib .pagination .disabled a{text-decoration: none!important;}
/* fim Acessibilidade */

/* Portal Pêndencias */
li.list-group-item{
  cursor: pointer;
}

.cursorpointer{
  cursor: pointer;
}

li.list-group-item.list:hover{
  color: white;
  background-color: #b5b0b0;
  transition: all .3s ease;
}
li.list-group-item.list input[type=checkbox] {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

#uib-pagination>* {
  border: 2px solid grey;
}

#uib-pagination * {
  color: black;
  padding: 10px;
  background-color: #ccc;
}

li.list-group-item.list span:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #b5b0b0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

li.list-group-item.list input[type=checkbox]:checked + span:after {
  content: '';
  display: block;
  position: absolute;
  top: 17px;
  left: 29px;
  width: 6px;
  height: 14px;
  border: solid #747574;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

input[name^="respostaDS_"] {
  height:100%;
  vertical-align:middle;
}

.hovereffect {transition: all .2s;}
.hovereffect:hover {cursor: pointer; opacity: .6;}

@media (min-width: 576px) {
  .res > .modal > .modal-dialog { max-width: none; }
}

.res > .modal > .modal-dialog {
  width: 98%;
  min-height: 92%;
  padding: 0;
}

.res > .modal > .modal-dialog > .modal-content {
  min-height: 92%;
}


/* regras para resolucoes */
@media (max-width:1100px)
{
  legend          {margin-left:0px;} /*  reorganiza posicao dos bullets titulos dos formularios para ganhar espaco */
  .iconBox        {width:120px; height:200px; font-size:.8rem;border-radius:2.5rem;}
  .iconBox  svg   {width:100px;height:100px;}
}
@media (max-width:992px)
{
  legend          {margin-left:0px;} /*  reorganiza posicao dos bullets titulos dos formularios para ganhar espaco */
}
@media (max-width:768px)
{
  .hidden-md-dow  {display: none;}
  .iconsNav {opacity:1}
  .iconsNav path{fill:#808080}
}
@media (min-width: 576px) and (max-width: 767.98px)
{
  .hidden-sm  {display:none;}
  .iconBox    {width:110px; height:150px; font-size:.7rem;border-radius:2rem;}
  .iconBox  svg{width:90px;height:90px}
}
@media (min-width: 575.98px)
{
  footer div:first-child{text-align:left;}
  footer div            {text-align:center;}
  footer div:last-child {text-align:right;}
}
@media (max-width: 575.98px)
{
  .hidden-xs-down {display: none;}
  footer div      {text-align:center;}
  .iconBox        {width:110px;height:150px;font-size:.7rem;border-radius:2rem;}
  .iconBox  svg   {width:80px;height:80px}
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.border-planium {
  border-color: #8462FB !important;
}

.btn-planium {
  color: #fff;
  background-color: #8462FB !important;
}

.color-planium {
  color: #8462FB !important;
}

/* The starting CSS styles for the enter animation */
.fadeAngular.ng-enter {
  transition:0.5s linear all;
  opacity:0;
}

/* The finishing CSS styles for the enter animation */
.fadeAngular.ng-enter.ng-enter-active {
  opacity:1;
}

.animate-repeat.ng-move,
.animate-repeat.ng-enter,
.animate-repeat.ng-leave {
  transition:all linear 0.25s;
}

.animate-repeat.ng-leave.ng-leave-active,
.animate-repeat.ng-move,
.animate-repeat.ng-enter {
  opacity:0;
}

.animate-repeat.ng-leave,
.animate-repeat.ng-move.ng-move-active,
.animate-repeat.ng-enter.ng-enter-active {
  opacity:1;
}