html {
    scroll-behavior: smooth;
}
body{
    background-color: #f4f6f9;
}
.balance{

	border:0px;font-size:24px;

}

hr {
    border: 1px solid #f4f6f9;
}

.letra-mediana{

	font-size: 20px;

}

.table_sin_borde td, .table_sin_borde th{

	border:0px;

}

.table_sin_borde thead th{

	border:0px;

}

.edit_voucher:hover,.delete_voucher:hover{

	cursor: pointer;

	color:#555555;

}

.edit_payment_method:hover,.delete_payment_method:hover{

	cursor: pointer;

	color:#555555;

}

.edit_withholdings:hover,.delete_withholdings:hover{

	cursor: pointer;

	color:#555555;

}

.edit_detail:hover,.delete_detail:hover{

	cursor: pointer;

	color:#555555;

}

.sin_border td{

	border:0px !important;

}

.totales_table{

	font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace; 

}

.numeros_grandes{

	font-size: 30px;

}
.main-footer {
    display: none;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #5244a6;
    color: #fff;
}
.btn-primary {
    color: #fff;
    background-color: #291f63 !important;
    border-color: #291f63 !important;
    box-shadow: none;
}
/*LOGIN*/
.login-page, .register-page {
    background: url(../img/back-login.jpg) !important;
    background-size: 100%;
}
.login-box, .register-box {
    margin: 10% 5%;
    width: 360px;
    background: #fff;
    padding: 10px;
}
.card {
    box-shadow: none;
}
.login-card-body .input-group .form-control, .register-card-body .input-group .form-control {
    border: none;
    border-bottom: 1px solid #777777;
    border-radius: 0;
}
.login-card-body .input-group .input-group-text, .register-card-body .input-group .input-group-text {
    border: none;
    border-bottom: 1px solid #777;
    border-radius: 0 !important;
}
.login-card-body button.btn.btn-primary.btn-block.btn-flat {
    background: #3a2882;
    border-color: #3a2882;
    border-radius: 20px;
    width: 50%;
    margin: 15px auto;
}
.login-card-body [class*=icheck-]>label {
    font-size: .8rem;
}
.purple {
    color: #3a2882;
}
/*FIN DEL LOGIN*/
/*NOTICIAS*/
.main-sidebar.sidebar-dark-primary.elevation-4 {
    background-color: #291f63 !important;
}
.elevation-3 {
    box-shadow: none !important;
}
.navbar-light .navbar-nav .nav-link {
    color: #291f63;
}
.card {
    background-color: #f4f6f9;
}
.card-footer {
    background-color: #f4f6f9;
}
.card.card_single_notice {
    background: #fff;
}
.mask {
    display: block;
    width: 100%;
    height: 140px;
    overflow: hidden;
}
.mask a{
	padding: 0;
}
.card-header {
    background: #fff;
    border-bottom: none;
    border-radius: 10px;
    padding: 0rem 1.25rem;
}
.card-body {
    padding: .75rem 0.5rem .75rem;
    min-height: 90px;
}
.card-body .card-title{
	width: 100%;
}
.card-body .card-title a{
	color: #606060;
	padding: 0;
	font-weight: bold;
	line-height: 18px;
    text-align: left;
    margin-bottom: 10px;
}
.card-text {
    display: block;
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px 21px;
    font-size: 11px !important;
}
.card-header .form-control {
    height: calc(1.75rem + 2px);
    padding: 0.275rem .75rem;
    font-size: 14px;
    line-height: 1;
    margin: 12px 0;
}
.card-title .actions a {
    font-size: 14px;
    color: #606060;
    margin: 10px;
    float: left;
}
.card-title.full {
    width: 100%;
}
.card-title .actions a.vista{
	text-align: right;float: right;margin: 10px 0;
}
.btn-edit {
    position: absolute;
    top: 10px;
    right: 40px;
    background: transparent !important;
    border: none;
    padding: 5px !important;
    border-radius: 10px;
    visibility: hidden;
    transition: ease;
}
.btn-edit img{
    width: 20px;
}
.mask:hover .btn-edit{
    visibility: visible;
}
.btn-delete {
    position: absolute;
    top: 10px;
    right: 5px;
    background: transparent !important;
    border: none;
    padding: 5px !important;
    border-radius: 10px;
    visibility: hidden;
    transition: transform 250ms linear;
}
.btn-delete img{
    width: 20px;
}
.mask:hover .btn-delete{
    visibility: visible;
}
.head-notice {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 10px;
}
.head-notice .head{
	display: block;
	width: 100%;
	padding: .5rem 1.75rem;
}
.head-notice .body{
	display: block;
	width: 100%;
	border-top: 1px solid #f4f6f9;
	padding: .5rem 1.75rem;
}
.body-notice {
    display: block;
    width: 100%;
    padding: 1.75rem 1.75rem;
    background: #fff;
    margin-top: 20px;
    border-radius: 10px;
}
.body-notice p iframe{
    width: 100%;
}
.comments-notice {
    display: block;
    float: left;
    width: 100%;
    padding: 1.75rem 1.75rem;
    background: #fff;
    margin-top: 20px;
    border-radius: 10px;
    border-left:8px solid #2a1f64;
}
.comments-notice .form-group {
    margin-bottom: 1rem;
    float: left;
    width: 100%;
}
.comments-notice .comment label, .comments-notice .comment span{
	color: #616161;
	font-size: 14px;
    margin-bottom: 0;
}
.comments-notice .comment p{
	color: #616161;
	font-size: 14px;
    margin-bottom: 0;
}
.comments-notice .img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: none;
    border-radius: .25rem;
    box-shadow: none;
    max-width: 100%;
    height: auto;
}
.card-body .img-thumbnail {
    padding: 0.25rem;
    background-color: transparent;
    border: none;
    border-radius: 0.25rem;
    box-shadow: none;
    max-width: 100%;
    height: auto;
}
.btn-like {
    position: relative;
    top: 3px;
}
.btn.btn-like b {
    margin: 0 5px;
    font-weight: normal;
}
.btn-comment b {
    margin: 0 5px;
    font-weight: normal;
}
/*FIN DEL NOTICIAS*/
/*USER PROFILE*/
/*#profile .img-profile .img-thumbnail {
    position: relative;
    top: -75px;
    border: none;
    box-shadow: none;
    background: transparent;
}*/
#image-profile {
    max-height: 19vh;
    position: relative;
    top: -15%;
}

/*FIN USER PROFILE*/
/*GALERY*/
a.d-block.mb-4{
    margin-bottom: .5rem !important;
}
.d-block span {
    color: #606060;
    font-size: 16px;
    font-weight: bold;
}
.body-buzon {
    display: block;
    width: 100%;
    padding: 1.75rem 1.75rem;
    background: #fff;
    margin-top: 20px;
    border-radius: 10px;
}
/*FIN GALERY*/
/*ENCUENTAS*/
.body-poll {
    display: block;
    width: 100%;
    padding: 1.75rem 1.75rem;
    background: #fff;
    margin-top: 20px;
    border-radius: 10px;
}
/*FIN ENCUESTAS*/
/*INFORMATION*/
.body-info {
    display: block;
    width: 100%;
    padding: 1.75rem 1.75rem;
    background: #fff;
    margin-top: 20px;
    border-radius: 10px;
}

/*FIN INFORMATION*/
/*DIRECTORIO*/
.btn-colaborador{
    font-size:14px;height: 30px;line-height: 16px;margin: 12px 0px;
}
.btn-search i {
    position: absolute;
    top: 27px;
    right: 20px;
    font-size: 14px;
    color: #606060;
}
.btn-search .form-control {
    border-radius: 15px;
}
#listitems {
    margin-bottom: 20px;
}
.item_card_new {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 10px;
}
.item_card_new img {
    width: 60%;
    margin: 0 auto 20px;
    padding-top: 20px;
    display: block;
    border: none;
    box-shadow: none;
}
.item_card_new .card-body {
    padding: .75rem 1.25rem .75rem;
    border-top: 1px solid #e6e6e6;
    min-height: 75px;
}
.item_card_new .card-body h5{
    color: #606060;
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
}
.item_card_new .card-body h6{
    color: #606060;
    font-size: 14px;
}
/*FIN DEL DIRECTORIO*/
/*DASHBOARD*/
.card-header.title-dashbord {
    font-weight: bold;
    border-left: 0px solid #291f63;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    padding: 10px;
}
.bg-white .card-body, .bg-white .card {
    background: #fff;
}
.bg-white .card-body a {
    font-weight: bold;
    color: #606060;
    line-height: 16px;
    font-size: 16px;
}
.bg-white .card-body .btn-more {
    background: #4d4479;
    padding: 2px 5px;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 70%;
    color: #fff;
    position: absolute;
    right: 10px;
    top: 3px;
}
.card-galery {
    /*max-height: 90px;*/
    overflow: hidden;
}
.card-galery .card-body .title {
    display: block;
    color: #606060;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    height: 18px;
    overflow: hidden;
}
.card-galery .card-body .album {
    display: block;
    color: #fff;
    background: #4d4479;
    padding: 5px 5px;
    margin-top: 5px;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    width: 4rem;
    text-align: center;
}
.card-galery .card-body .album span{
    color: #fff;
}
.bg-white .card-body #title-encuesta a{
       display: block;
    font-weight: bold;
    color: #606060;
    line-height: 14px;
    font-size: 14px;
    max-height: 30px;
    overflow: hidden;
}
.bg-white .card-body .list-date {
    padding: 0;
    list-style: none;
}
.bg-white .card-body .list-date li {
    display: block;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
}
.bg-white .card-body .list-date li a {
    display: block;
    font-size: 13px;
    line-height: 16px;
}
.bg-white .card-body .list-date li span {
    display: block;
    font-size: 10px;
    line-height: 12px;
}
.bg-white .card-body .list-date li a.btn-more {
    background: #4d4479;
    padding: 2px 5px;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 70%;
    color: #fff;
}

.bg-white .card-body .lista-comentarios{
    padding: 0;
    list-style: none;
}
.bg-white .card-body .lista-comentarios li{
	display: block;
	padding: 10px;
	border-bottom: 1px solid #f6f6f6;
}
.bg-white .card-body .lista-comentarios li strong {
    display: block;
    font-size: 14px;
    line-height: 14px;
}
.bg-white .card-body .lista-comentarios li span {
    display: block;
    line-height: 14px;
}
.bg-white .card-body .lista-comentarios li p {
    display: block;
    font-size: 14px;
    margin: 0;
}
/*FIN DEL DASHBOARD*/
.file .btn-link {
    color: #606060;
}
.body-notice .archivos{
	background: #f9f9f9;
	padding: .75rem;
	border-radius: 10px;
}
.table-responsive {
    background: #fff;
    padding: .75rem;
    border-radius: 10px;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 0px solid #dee2e6;
    color: #606060;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 0px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
.table td:last-child, .table th:last-child{
	border-right: 0px solid #dee2e6;
}
.table-responsive .icons-table, .icons-buttons {
    background: transparent !important;
    border: none !important;
}
.page-item {
    font-size: 12px;
}
.page-item.active .page-link, .page-item {
    z-index: 1;
    color: #fff;
    background-color: #291f63;
    border-color: #291f63;
    border-radius: 5px;
    margin: 0 1px;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #fff;
    background-color: #291f63;
    border: 1px solid #291f63;
    border-radius: 5px;
    margin: 0 1px;
}
.page-item.disabled .page-link {
    color: #f4f6f9 !important;
    pointer-events: none;
    cursor: auto;
    background-color: #291f63 !important;
    border-color: #291f63 !important;
}
.page-item.active {
    opacity: .9;
}
div.dataTables_wrapper div.dataTables_info {
    font-size: 12px;
    font-weight: bold;
}
#DataTables_Table_0_wrapper > .row:first-child {
    border-bottom: 1px solid #dee;
}
.breadcrumb {
    margin: 0;
    background: transparent;
}
.content-header {
    padding: 15px .5rem;
    display: none;
}
.content-wrapper>.content {
    padding: .75rem .5rem;
}
.header-mobile {
    background-color: #291f63;
}
.layout-fixed .header-mobile .brand-link {
    margin: 0 auto;
    width: 100%;
}
.header-mobile .brand-image {
    display: block;
    margin: 0 auto;
    float: none;
    box-shadow: none !important;
}
#editar-user .card-header {
    border-radius: 0;
}
.img-thumbnail.default {
    border-radius: 70%;
}
.btn{
    line-height: 1.2;
}
/*Sidebar*/
.sidebar-right{
    width: 100%;
    padding: 15px;
    background: #fff;
    border-radius: 15px;
}
.brand-link{
    line-height: 0;
    padding: 0rem 0.5rem;
}
.layout-fixed .brand-link img {
    margin: 15px auto;
    display: block;
    float: none;
    max-height: 50px;
}
[class*=sidebar-dark] .brand-link{
    border-bottom: 0px solid #4b545c;
}
/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  
  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}
#comunicados img {
    width: 100% !important;
}
.carousel-indicators{position: relative;}
.carousel-indicators {bottom: 0;}
.carousel-indicators li {width: 100px; }
.carousel-indicators li img{border: 1px solid #fff;}

/*Footer start*/
.codepen_profile{position: fixed; right: 20px; bottom: 20px;}
.codepen_profile a {background: rgb(245 122 32 / 53%); padding: 15px; border-radius: 50%; box-shadow: hsl(0deg 0% 80%) 0 5px 16px; height: 60px; width: 60px; display: inline-block; }
/*Footer End*/
/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}

.menu_user_color li.breadcrumb-item,
.menu_user_color li.breadcrumb-item a,
.menu_user_color .breadcrumb-item.active,
.menu_user_color.navbar-light .navbar-nav .nav-link{
    color: #fff;
}
.sidebar{
    height: calc(100% - 1rem);
}
.layout-fixed .main-sidebar {
    position: sticky;
    height: auto !important;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 15px;
    transform: translateY(0px);
    transition: 2s all ease;
}
:not(.layout-fixed) .main-sidebar{
    min-height: auto;
}
.layout-fixed .main-sidebar.sticky-scroll{
    height: auto;
}
:not(.layout-fixed) .main-sidebar.sticky-scroll{
    min-height: auto;
}
[class*=sidebar-dark-] .sidebar span{
    color: #444;
}
.main-sidebar{
    width: 100%;
}
.content-wrapper, .main-footer, .main-header{
    margin-left: 0;
}
.box_userlikes{
    position: relative;
    width: 150px;
    height: 50px;
}
.box_userlikes .box_likes:nth-child(1) {
    position: absolute;
    left: 0;
    z-index: 4;
}
.box_userlikes .box_likes:nth-child(2) {
    position: absolute;
    left: 30px;
    z-index: 3;
}
.box_userlikes .box_likes:nth-child(3) {
    position: absolute;
    left: 60px;
    z-index: 2;
}
.box_userlikes .box_likes:nth-child(4) {
    position: absolute;
    left: 90px;
    z-index: 1;
}
.box_userlikes .box_likes:nth-child(1) img,
.box_userlikes .box_likes:nth-child(2) img,
.box_userlikes .box_likes:nth-child(3) img,
.box_userlikes .box_likes:nth-child(4) img{
    border-radius: 75%;
    border: 3px solid #fff;
    padding: 0;
}
.box_userlikes .box_likes a{
    cursor:  pointer;
}
.last-notice{
    border-bottom: 1px solid #ddd;
}
.last-notice:last-child{
    border-bottom: 0px solid #ddd;
}
.card-body .separate {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.card-body .separate:last-child{
    border-bottom: 0px solid #ddd;
}
.item-date .avatar,
.lista-comentarios .avatar{
    width: 65px;
    padding: 0 .5em;
}
.nav-sidebar .nav-item>.nav-link{
    margin-bottom: 0rem;
}
.dropdown .nav-link {
    cursor: pointer;
}
.card_single_notice{
    width: 15rem;
    margin-right: 1.25rem !important;
}
.table-responsive .list-group .list-group-item {
    border: none;
    padding: 0.25rem;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link{
    line-height: 21px;
}
#navbarDropdown.dropdown-toggle::after {
    position: absolute;
    height: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.seen-by{
    position: relative;
    width: 100%;
    height: 50px;
}
.seen-by .viewed{
    position: absolute;
    left: 0;
    z-index: 4;
}
.seen-by .viewed:nth-child(2){
    position: absolute;
    left: 30px;
    z-index: 3;
}
.seen-by .viewed:nth-child(3){
    position: absolute;
    left: 60px;
    z-index: 2;
}
.seen-by .viewed:nth-child(4){
    position: absolute;
    left: 90px;
    z-index: 1;
}
.card-body .seen-by .viewed img {
    border-radius: 75% !important;
    border: 3px solid #fff !important;
    padding: 0 !important;
    width: 50px;
    height: 50px;
}
.card-body .seen-by .viewed a{
    cursor: pointer;
}
#modal_visto_por .modal-body {
    max-height: 300px;
    overflow-y: auto;
}
.general_likes .modal-body{
    max-height: 300px;
    overflow-y: auto;
}
.general_likes .modal-body a,
#modal_visto_por .modal-body a,
#general_likes  .modal-body a{
    color: #444;
}
.body-info p img {
    width: 100% !important;
}
.modal-body a{
    color: #444;
}
.comments-notice p, .comment p{
    white-space: pre-line;
}
.btn-accordeon {
    font-size: 21px;
    color: #444 !important;
    font-weight: bold;
    border-bottom: 1px solid #444;
    padding-bottom: 15px !important;
    border-radius: 0;
}
.cropper-container.cropper-bg {
    /*width: 485px !important;*/
    margin-top: 15px;
}
.cursor{
    cursor: pointer;
}
.d-block.mb-4.cursor:hover a.btn-delete {
    visibility: visible;
    right: 20px;
    top: 10px;
}
.btn-edit-image-profile {
    position: absolute;
    bottom: 0;
    right: 0;
    visibility: hidden;
}
.img-profile:hover .btn-edit-image-profile{ 
    visibility: visible;
}
.btn-edit-cover-profile {
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
}
.box_cover_photo:hover .btn-edit-cover-profile{ 
    visibility: visible;
}
#form_upload .cropper-container.cropper-bg {
    width: 465px !important;
}
.notices_div img.img-thumbnail.perfil_photo {
    border-radius: 100%;
}
table.dataTable td.sorting_1 img {
    border-radius: 100% !important;
}
.table-responsive.post {
    position: relative;
}
.table-responsive.post .btn-box-post {
    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
    visibility: hidden;
}
.table-responsive.post:hover .btn-box-post{
    visibility: visible;
}
.maskimage {
    position: relative;
}
.maskimage:hover .btn-delete {
    visibility: visible;
}
.lista-comentarios .avatar img {
    border-radius: 70%;
}
.bg-white .card-body .list-date li .avatar a img {
    border-radius: 70% !important;
}
#view_box{
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    margin: 25px auto 0;
}
#view_box .view {
    position: absolute;
    z-index: 6;
}
#view_box .view:nth-child(2){
    left: 75px;
    z-index: 3;
}
#pushmenu{
    display: none;
}
#lista_notificaciones .body-notice ul{
    list-style: none;
}
#lista_notificaciones .body-notice ul li{
    margin-bottom: 5px;
}
#lista_notificaciones .body-notice ul li a{
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #444;
    border-radius: 10px;
    color: #444;
}
#lista_notificaciones .body-notice ul.pagination{
    align-items: center;
    justify-content: center;
}
#lista_notificaciones .body-notice ul.pagination li a{
    color: #fff;
}
/*!
 * Datepicker for Bootstrap v1.5.0 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999999;
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc);
  background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc);
  background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
.rendered-form .fb-checkbox-group label {
    display: inline;
}
.rendered-form .form-group label br {
    display: none;
}
.note-editable.card-block p {
    margin-bottom: 0;
}
.usuario-menu {
    background: #fff;
    padding: 5px;
}
.usuario-menu .usuario-item {
    background: #f9f9f9;
    border: 1px solid #eee;
    padding: 5px;
    cursor: pointer;
}
.usuario-menu .usuario-item:hover {
    background: #fff;
}
.card-folder{
    padding: 10px;
}
.card-folder h5{
    margin-bottom: 0;
}
.card.card_single_notice.card_single_files{
    width: 100%;
}
.card_single_notice .mask .icon-fix {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 25px;
    color: red;
}
.card .icon-fix_dashboard {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 21px;
}
/*Altura max*/
@media(max-height: 882px){
    .layout-fixed .main-sidebar{
        height: auto;
    }
    :not(.layout-fixed) .main-sidebar{
        min-height: auto;
    }
}
@media(max-height:769px) {
   .layout-fixed .main-sidebar {
        height: 65%;
    }
    :not(.layout-fixed) .main-sidebar{
        min-height: 65%;
    }
}
@media(max-height:721px) {
    .layout-fixed .main-sidebar {
        height: 71%;
    }
    :not(.layout-fixed) .main-sidebar{
        min-height: 71%;
    }
}
/*ancho max*/
@media(max-width:  1366px){
    .item-date .avatar,
    .lista-comentarios .avatar {
        width: 65px;
        padding: 0 0.25em;
    }
    .card_single_notice{
        width: 13.5rem;
        margin-right: 0.85rem !important;
    }
    #image-profile {
        max-height: 14vh;
    }
}
@media(max-width:  1366px){

}
@media(max-width:  1024px){
    .item-date .avatar,
    .lista-comentarios .avatar {
        width: 65px;
        padding: 0 0.25em;
    }
}
@media(max-width:  992px){
    .item-date .avatar,
    .lista-comentarios .avatar {
        width: 50%;
        padding: 0 0.25em;
    }
    .sidebar-mini.sidebar-collapse.layout-fixed .brand-link {
        width: 250px !important;
    }
    #pushmenu{
        display: block;
    }
}
@media (max-width: 768px){
    .layout-fixed .main-sidebar{
        margin-left: -250px;
        height: 100%;
    }
    :not(.layout-fixed) .main-sidebar{
        min-height: 100%;
    }
    .layout-fixed.sidebar-open .main-sidebar{
        margin-left: auto;
    }
    .navbar.menu_user_color .brand-link{
        display: none;
    }
    .main-sidebar{
        width: 250px;
    }
    .content-wrapper, .main-footer, .main-header{
        margin-left: 0;
    }
}
@media (max-width: 767px){

    #image-profile {
        max-height: initial;
        top: 0;
        text-align: center;
    }
    #profile .img-profile .img-thumbnail {
        margin: 0 auto;
        display: block;
    }
    .name-user {
        display: block;
        width: 100%;
        text-align: center;
    }
    .col-md-4.ml-auto.pl-5 {
        padding-left: 0 !important;
    }
    .item-date .avatar,
    .lista-comentarios .avatar {
        width: 70px;
        padding: 0 0.25em;
    }
    .h1, h1 {
        font-size: 1.5rem;
    }
    ol.breadcrumb.float-sm-left {
        display: none;
    }
	.bg-white .card-body .list-date li img, .bg-white .card-body .lista-comentarios img{
    width: 100%;
    display: block;
    margin: 0 auto;
	}
    .bg-white .card-body .list-date li a {
        text-align: left;
    }
    .bg-white .card-body .list-date li span, .bg-white .card-body .lista-comentarios li strong, .bg-white .card-body .lista-comentarios li span, .bg-white .card-body .lista-comentarios li p {
        text-align: left;
    }
    .bg-white .card-body .list-date li a.btn-more {
        position: relative;
        display: none;
    }
    /*noticias*/
    .card.mr-2 {
        width: 100% !important;
    }
    .comments-notice .img-thumbnail {
        width: 100%;
    }
    .comments-notice label {
        margin: 0;
    }
    .avatar img {
	    width: 50%;
	    margin: 15px auto;
	    display: block;
	    border: none;
	    box-shadow: none;
	}
	.card_new {
	    width: 100%;
	    height: auto;
	    margin-bottom: 15px;
	}
    form#category_form {
    width: 100% !important;
    }
    .card-header .form-control {
        width: 100% !important;
    }
    .body-notice {
        padding: 0.75rem 0.75rem;
    }
    div.dataTables_wrapper div.dataTables_info {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .actions form {
        width: 100% !important;
    }
    .actions .btn.btn-default {
        margin: 0 !important;
    }
    .card-title .actions a {
        margin: 5px 0;
        display: block;
        width: 100%;
    }
    .card-title .actions a.vista {
        text-align: left;
        float: left;
        margin: 10px 0;
    }
    .main-sidebar .brand-text, .main-sidebar .logo-xl, .main-sidebar .logo-xs, .sidebar .nav-link p, .sidebar .user-panel .info {
        font-size: 14px;
    }
    .card_new {
        width: 100%;
    }
    #profile .img-profile .img-thumbnail {
        width: 45%;
        top: -45px;
    }
    .notices_div .perfil_photo {
        width: 100%;
        margin: 0 auto;
        border-radius: 70%;
    }
    .card_new{
        width: 100% !important;
    }
    .btn-search i {
        top: 15px;
    }
    /**/
    .layout-fixed .brand-link img {
        margin: auto;
    }
    .layout-fixed .header-mobile .brand-link {
        padding: 10px;
    }
    .comments-notice .viewed{
        width: 56px;
        display: inline-block;
    }
    .comments-notice .like_section > div div {
        width: 33.334%;
        display: inline-block;
    }
    aside.main-sidebar.sidebar-dark-primary.elevation-4 {
        position: fixed;
    }
}