/* Estilos para rotar el icono */
.rotate {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

/* mantener estilos al dar clic en boton menu lateral */
.actived {
  background-color: white;
  color: #232A37 !important;
}

.actived:hover {
  color: #232A37;
} 

.dropbtn:hover {
  background-color: white;
  color: #232A37;
}

.font-menu-lateral {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-style: normal;
}

/* para iconos fontello menu lateral */
@font-face {
  font-family: fontello;
  src: url('/css/fontIcon/fontello.eot?35488361');
  src: url('/css/fontIcon/fontello.eot?35488361#iefix') format('embedded-opentype'),
       url('/css/fontIcon/fontello.woff2?35488361') format('woff2'),
       url('/css/fontIcon/fontello.woff?35488361') format('woff'),
       url('/css/fontIcon/fontello.ttf?35488361') format('truetype'),
       url('/css/fontIcon/fontello.svg?35488361#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

.demo-icon {
  font-family: fontello;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;     
  font-variant: normal;
  text-transform: none;
  font-size: 120%;
}

/* nuevos iconos menu lateral */

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


[class^="icon-custom"], [class*=" icon-custom"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  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-customcontent_paste_search{
  font-size: 20px;
}
.icon-customdrive_folder_upload {
  font-size: 20px;
}
.icon-customgrid_view {
  font-size: 20px;
}
.icon-customlibrary_books {
  font-size: 20px;
}
.icon-custommark_as_unread {
  font-size: 20px;
}
.icon-customnote_alt {
  font-size: 20px;
}
.icon-customperson_add_alt {
  font-size: 20px;
}
.icon-customperson_search {
  font-size: 20px;
}
.icon-customplagiarism {
  font-size: 20px;
}
.icon-customprice_change {
  font-size: 20px;
}
.icon-customreceipt_long {
  font-size: 20px;
}
.icon-customsim_card_download {
  font-size: 20px;
}
.icon-customsource {
  font-size: 20px;
}
.icon-customhome {
  font-size: 20px;
}

.icon-customcontent_paste_search:before {
  content: "\e900";
}
.icon-customdrive_folder_upload:before {
  content: "\e901";
}
.icon-customgrid_view:before {
  content: "\e902";
}
.icon-customlibrary_books:before {
  content: "\e903";
}
.icon-custommark_as_unread:before {
  content: "\e904";
}
.icon-customnote_alt:before {
  content: "\e905";
}
.icon-customperson_add_alt:before {
  content: "\e906";
}
.icon-customperson_search:before {
  content: "\e907";
}
.icon-customplagiarism:before {
  content: "\e908";
}
.icon-customprice_change:before {
  content: "\e909";
}
.icon-customreceipt_long:before {
  content: "\e90a";
}
.icon-customsim_card_download:before {
  content: "\e90b";
}
.icon-customsource:before {
  content: "\e90c";
}
.icon-customhome:before {
  content: "\e90d";
}

.icon-customsim_card_download-custom {
  rotate: 180deg
}

 /* icono flecha sidebar */
 .custom-menu {
  display: inline-block;
  position: absolute;
  top: 55px;
  margin-right: -20px;
  transition: .3s;
  left: 95%;

}

.custom-menu button {
  border-radius: 50%;
  color: white;
  background-color: #38A6EA;
  border: none;
  width: 25px;
  height: 25px;
}

.custom-menu-hiden {
  display: inline-block;
  position: absolute;
  top: 55px;
  margin-right: -20px;
  transition: .3s;
  left: 84%;
}

.tabs-content {
  font-size: 14px;
  list-style: none;
  padding: 0;
  display: flex;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
}

.tab-ct-item {
  padding: 4px 8px;
  cursor: pointer;
  margin-right: 10px;
  font-weight: 500;
  color: #7B879C;
}

.tab-ct-item:hover{
  color: #1F4FB2;
}

.tab-ct-item.active {
  background-color: #fff;
  color: #1F4FB2;
  font-weight: 700;
  cursor: default;
  border-bottom: 1px solid #1F4FB2;
}

#list-group-item:hover {
  background: rgb(238, 238, 238);
  cursor: pointer;
}

.switchLeidos {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switchLeidos:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.switchLeidos {
  background-color: #1F4FB2;
}

input:focus+.switchLeidos {
  box-shadow: 0 0 1px #1F4FB2;
}

input:checked+.switchLeidos:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.switchLeidos.round {
  border-radius: 34px !important;
}

.switchLeidos.round:before {
  border-radius: 50% !important;
}

.switch-notis {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 14px;
}

.switch-notis input {
  opacity: 0;
  width: 0;
  height: 0;
}

#container-noti-count {
  position: relative;
  display: inline-block;
}

#atlassian-navigation-notification-count {
  position: absolute;
  top: 0;
  left: 100%;
  color: white;
  font-size: 12px;
  /* padding: 5px; */
  border-radius: 50%;
}

#span-noti-count {
  box-sizing: border-box;
  appearance: none;
  border: none;
  background-color: var(--ds-background-danger-bold, #fb6540);
  padding-inline: var(--ds-space-075, 6px);
  border-radius: var(--ds-radius-200, 8px) !important;
}

.dropbtn:hover button,
.dropbtn:hover i {
  background-color: transparent;
  color: #232A37;
}

.actived button,
.actived i {
  background-color: transparent;
  color: #232A37;
}