/* PORTAL CLIENTE ADM */
@import url("portalCliente.css");
@import url("portalOperadora.css");
@import url("portalCorretor.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans&display=swap');
@import url("fixes-ui-bootstrap.css");

:root {
  --planium-navbar-height: 64px;
  --planium-sidebar-mobile-width: 362px;
}

/* 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}
footer img{padding-bottom: 15px;}
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: "Montserrat"; font-size: 1.3rem; font-weight:700; font-style:normal; color:#38324E;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;}
.table>thead>tr>th  {
  border: none;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%;
  padding: 16px !important;
  text-align: start !important;
}
.table>tbody>tr>td  {
  border: none;
  padding: 16px !important;
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: start !important;
}
.table>tbody>tr {
  border-bottom: 1px solid #E5E5E5;
  border-top: none;
}
.table>tbody>tr:last-child {
  border-bottom: none;
}
thead th, tfoot td  {background: #FCFCFC; 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;}
.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;}


/* IDs */
#headerdiv    {border-radius: 0px 0px 8px 8px; height: var(--planium-navbar-height); background-color: #FFF;}
#sidebar-menu  {width: 80px;}
#col1         {padding-left: 15px; text-align:center!important;}
#btnTop       {display: none; position: fixed; bottom: 100px; right: 30px; z-index: 99; border: none; outline: none; cursor: pointer;}
#btnTop  path {fill:#00995D;}/* cor cliente */

#page-logo {
  max-height: 50px;
}

#sidebar-mobile {
  width: var(--planium-sidebar-mobile-width);
  position: absolute;
  top: 0;
  left: calc(-20px - var(--planium-sidebar-mobile-width));
  height: 100%;
  z-index: 1050;
  transition: all 0.4s ease;
}

#sidebar-mobile.open {
  left: 0;
}

#close-sidebar-mobile {
  position: absolute;
  top: 25px;
  left: calc(var(--planium-sidebar-mobile-width) - 14px);
  width: 28px;
  height: 28px;
  border-radius: 100%;
}

#sidebar-menu .nav .nav-item .nav-link {
  color: rgb(var(--planium-ui-sidebar-menu-icon-color));
}

#sidebar-mobile .mobile-sidebar-nav .mobile-sidebar-nav-item {
  color: white;
}

#sidebar-menu .nav .nav-item.disabled .nav-link,
#sidebar-mobile .mobile-sidebar-nav .mobile-sidebar-nav-item.disabled {
  color: rgba(255, 255, 255, 0.6);
}

#sidebar-menu .nav .nav-item.disabled .nav-link:hover,
#sidebar-menu .nav .nav-item.disabled .nav-link:focus,
#sidebar-mobile .mobile-sidebar-nav .mobile-sidebar-nav-item.disabled:hover {
  background: transparent;
  cursor: not-allowed;
}

#sidebar-menu .nav .nav-item .nav-link.active {
  background-color: rgba(var(--planium-ui-sidebar-menu-icon-color), 0.25);
}

#sidebar-menu .nav .nav-item:not(.disabled) .nav-link:not(.active):hover {
  color: rgb(var(--planium-ui-primary-color));
}

#searchBar #searchInput {
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #E5E5E5;
  border-right: 0;
  background: #FCFCFC;
  padding: 10px 16px;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  color: #7C7C83;
  height: 40px;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: none;
  width: 250px;
}

#searchBar #searchInput:active,
#searchBar #searchInput:focus,
#searchBar #searchButton:active {
  box-shadow: none;
  -webkit-box-shadow: none;
}

#searchBar #searchButton {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid #E5E5E5;
  border-left: 0;
  background: #FCFCFC;
  padding: 10px 16px;
  color: #7C7C83;
  height: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.planium-navbar-menu-modal .menu-grid-item {
  transition: all ease-in-out 0.15s;
}

.planium-navbar-menu-modal .menu-grid-item.active {
  background: transparent;
  border: 1px solid rgb(var(--planium-ui-header-menu-accent-color));
}

.planium-navbar-menu-modal .menu-grid-item:hover {
  text-decoration: none;
  color: #38324E;
}

.planium-navbar-menu-modal .menu-grid-item:not(.active):hover {
  background-color: rgba(var(--planium-ui-header-menu-accent-color), 0.15);
}

.ft_middle, .ft_middle b {
  display: flex;
  align-items: center;
  gap: 5px;
}
.ft_middle svg {
  font-size: 1.5em;
}

/* 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 */
.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}
}
@media (min-width: 992px) {
  .planium-navbar-menu-modal .modal-dialog {
    position: fixed;
    top: 0;
    margin-top: calc(var(--planium-navbar-height) + 2px);
    right: 5.5rem;
    z-index: 9999;
    width: 788px;
  }
}
@media (max-width: 1400px) {
  .table-responsive-xxl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 576px) {
  #page-logo {
    max-width: 200px;
  }
}
@media (max-width: 576px) {
  .negative-x-margin {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.planium-navbar-menu-modal .modal-dialog .modal-content {
  border-radius: 8px !important;
  padding: 16px;
}

body.planium-navbar-menu-open > #conteudoid {
  filter: blur(5px);
}

body:has(#sidebar-mobile.open) {
  overflow: hidden;
}

.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;
}

.modal.fade.in {
  opacity: 1;
}
.modal.in .modal-dialog {
  transform: translate(0, 0);
}
.modal-backdrop.in {
  opacity: 0.5;
}

.fs-1 {
  font-size: 4rem;
}

.fs-2 {
  font-size: 3.5rem;
}

.fs-3 {
  font-size: 2.5rem;
}

.fs-4 {
  font-size: 2rem;
}

.fs-5 {
  font-size: 1.5rem;
}

.fs-6 {
  font-size: 1rem;
}

.fs-7 {
  font-size: 0.875rem;
}

.fs-8 {
  font-size: 0.75rem;
}

.fs-9 {
  font-size: 0.625rem;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.ff-open-sans {
  font-family: 'Open Sans';
}

.rounded-1 {
  border-radius: 4px;
}

.rounded-2 {
  border-radius: 8px;
}

.bg-primary-planium-ui {
  background: rgb(var(--planium-ui-primary-color));
}

.bg-primary-planium-ui-light {
  background-color: rgba(var(--planium-ui-primary-color), 0.08);
}

.bg-primary-planium-ui-super-light {
  background-color: rgba(var(--planium-ui-primary-color), 0.05);
}

.bg-menu-accent-planium-ui {
  background: rgb(var(--planium-ui-header-menu-accent-color));
}

.bg-menu-accent-planium-ui-light {
  background-color: rgba(var(--planium-ui-header-menu-accent-color), 0.08);
}

.bg-menu-accent-planium-ui-super-light {
  background-color: rgba(var(--planium-ui-header-menu-accent-color), 0.05);
}

.border-primary-planium-ui {
  border-color: rgb(var(--planium-ui-primary-color));
}

.border-primary-planium-ui-light {
  border-color: rgba(var(--planium-ui-primary-color), 0.08);
}

.border-primary-planium-ui-super-light {
  border-color: rgba(var(--planium-ui-primary-color), 0.05);
}

.border-menu-accent-planium-ui {
  border-color: rgb(var(--planium-ui-header-menu-accent-color));
}

.border-menu-accent-planium-ui-light {
  border-color: rgba(var(--planium-ui-header-menu-accent-color), 0.08);
}

.border-menu-accent-planium-ui-super-light {
  border-color: rgba(var(--planium-ui-header-menu-accent-color), 0.05);
}

.bg-success-planium {
  background: #23BDCA;
}

.bg-purple-dark-planium {
  background: #38324E;
}

.bg-purple-light-planium {
  background: rgba(192, 174, 255, 0.20);
}

.text-purple-dark {
  color: #38324E;
}

.text-purple-planium {
  color: #8562FC;
}

.text-gray-pln-400 {
  color: #7C7C83;
}

.text-primary-planium-ui {
  color: rgb(var(--planium-ui-primary-color));
}

.text-menu-accent-planium-ui {
  color: rgb(var(--planium-ui-header-menu-accent-color));
}

.hover\:text-primary-planium-ui:hover {
  color: rgb(var(--planium-ui-primary-color));
}

.fill-primary-planium-ui {
  fill: rgb(var(--planium-ui-primary-color));
}

.fill-menu-accent-planium-ui {
  fill: rgb(var(--planium-ui-header-menu-accent-color));
}

.stroke-primary-planium-ui {
  stroke: rgb(var(--planium-ui-primary-color));
}

.text-color-on-custom-bkg {
  color: var(--planium-ui-text-color-on-header);
}

.stroke-color-on-custom-bkg {
  stroke: var(--planium-ui-text-color-on-header);
}

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.svg-white {
  fill: #FFF;
  stroke: #FFF;
}

.cursor-pointer {
  cursor: pointer;
}

.animate-if.ng-enter, .animate-if.ng-leave {
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

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

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

.open>.dropdown-menu {
  display: block;
}

#avatar-icon .dropdown-toggle::after {
  display: none;
}

#avatar-icon .dropdown-menu {
  left: unset;
  right: 0;
  margin: 20px -16px 0;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 7px 24px 0px rgba(0, 0, 0, 0.06);
  border: none;
  padding: 8px 16px;
  width: 232px;
}

.pagination-box {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #fff;
  border: 1px solid #D0D5DD;
  padding: 8px;
  height: 40px;
  transition: all 0.25s;
}

.pagination-button:not(:disabled):hover {
  color: rgb(var(--planium-ui-primary-color));
  background-color: rgba(var(--planium-ui-primary-color), 0.08);
  border-color: rgb(var(--planium-ui-primary-color));
}

.pagination-button:disabled {
  background: #FCFCFC;
  color: #D0D5DD;
}

.not-selectable {
  user-select: none;
}

.rotate-180 {
  transform: rotate(180deg);
}

.background-color-gray-light {
  background-color: transparent;
}
.background-color-gray-light:hover, .background-color-gray-light-selected {
  background-color: #f0f0f0 !important;
  transition: all 0.25s;
}