/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Material-icons.woff2) format('woff2');
  }
  
  .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
  }
md-input-container .material-icons {color:#555}

md-dialog md-toolbar {transition: all 0.2s ease-in-out !important}

.editable-click, .editable-click:hover, a.editable-click, a.editable-click:hover {
    border-color: #3f51b5
}
.editable-empty {
    color: #000; opacity: .2;
}
.editable-empty:hover{
    color: #000; opacity: .75;
}
.panel > .panel-heading {
    padding: 10px 18px
}

.pagination>li>a {
    float:none !important;
    color: #000 !important
}

.pagination>.active>a{
    background: none !important;
    color: rgb(255,64,129) !important;
    border: none !important;
}

.hint {
    font-size: 1.3rem;
    opacity: .9;
}
md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline{
    top:50px;bottom:auto;right:0;left:36px
}
.md-autocomplete-suggestions.md-autocomplete-card li{
    height:auto;line-height:normal;min-height:48px
}
.md-autocomplete-card.md-2-line .md-autocomplete-card-avatar{
    min-width:45px
}
.md-autocomplete-card.md-3-line .md-autocomplete-card-avatar{
    min-width:64px
}
.md-autocomplete-card-content .md-avatar-icon img,.md-autocomplete-card-content md-icon.material-icons{
    font-size:17px;line-height:17px;min-width:17px;min-height:17px;width:17px;height:17px
}
.md-autocomplete-card h4{
    margin-top:4px;margin-bottom:4px
}
.md-autocomplete-card p{
    font-size:12px;margin-top:3px;margin-bottom:3px
}
.md-autocomplete-card.md-2-line .md-autocomplete-card-avatar .md-avatar-icon,
.md-autocomplete-card.md-2-line .md-autocomplete-card-avatar .md-avatar-icon img,
.md-autocomplete-card.md-2-line .md-autocomplete-card-avatar md-icon.material-icons{
    font-size:32px;line-height:32px;width:32px;height:32px
}
.md-autocomplete-card.md-3-line .md-autocomplete-card-avatar .md-avatar-icon,
.md-autocomplete-card.md-3-line .md-autocomplete-card-avatar .md-avatar-icon img,
.md-autocomplete-card.md-3-line .md-autocomplete-card-avatar md-icon.material-icons{
    font-size:42px;line-height:42px;width:42px;height:42px
}

.no-scroll {overflow: hidden;}
.ml-5 {margin-left: 5px;}
.ml-25 {margin-left: 25px !important;}
.mt-10 {margin-top: 10px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-20 {margin-left: 20px !important;}
.mt-xs {margin-top: 10px;}
.mb-xs {margin-bottom: 10px;}
.no-background {background:none}
.mb-out {margin-bottom: 0;}
#lista tr:hover .movimiento-acciones{display: block;}
#lista tr:hover .movimiento-fecha{display: none;}
.movimiento-td {max-width: 700px;}
.movimiento-wrap {position: relative; }
.movimiento-wrap > .text {margin-right: 90px;}
/*.movimiento-asunto {max-width: 500px; height:auto; white-space: normal; overflow: unset;}*/
.movimiento-fecha {position: absolute; top:0; right: 0}
.movimiento-acciones {position: absolute; bottom:0; right: 0; display:none; border-radius: 4px; box-shadow: 1px 1px 2px rgba(0,0,0,.2);}
.autor-origen {font-size:12px; max-width:500px; margin-top:4px}
.autor-nombre {max-width:400px}
.movimiento-codigo-wrap {font-size:13px}
.movimiento-codigo-wrap md-icon{font-size: 13px; line-height: 17px;}
.md-button.md-icon-button.adjunto-button {padding:0; width: 28px; height: 28px; min-height:28px; margin-left: 0;}
.md-button.md-icon-button.adjunto-button md-icon {font-size:19px; line-height: 22px;}

@media (min-width: 960px){
    .movimiento-asunto {
        font-size: 12px
    }
}


@media (min-width: 768px){
    .modal-normal {
        width: 760px
    }
    .modal-large {
        width: 920px;
    }
}

@media (min-height: 768px){
    .modal-normal {
        min-height: 600px
    }
    .modal-large {
        min-height: 660px
    }
}

.list-item-static {
    opacity: 0;
    animation: item-static forwards 0.2s ease-in-out;
}

@keyframes item-static {
    0%{ transform: translate(0, -10px); opacity:0}
    100%{ transform: translate(0, 0px); opacity:1}
}

.list-item.ng-enter, .list-item.ng-leave {
    transition:0.2s ease-in-out all;
}
.list-item.ng-enter, .list-item.ng-leave.ng-leave-active {
    opacity:0;
    transform: translate(0, -10px) scale(1.2);
}
.list-item.ng-leave, .list-item.ng-enter.ng-enter-active {
    opacity:1;
    transform: translate(0, 0px) scale(1);
}
.list-item.ng-leave.ng-leave-active {
    opacity: 0;
    transform: translate(0, -10px) scale(1);
}

.nav-sub li.active > a{ font-weight: bolder;}
.nav-sub li.active > a, .nav-sub li.active > a > md-icon {color: #3f51b5}


.dt-button-info {border:0 !important; border-radius: 5px;}
.dt-button-info h2 {background-color: #3f51b5 !important; color: #fff !important; font-size: 20px !important;}


/* Hack botones datatable a material */
.cell-export .export-content{ display:none}

div.dt-buttons {margin-top: 6px !important; float:auto !important; text-align: center;}

.dt-buttons .dt-button {display: none;}

.dataTables_filter > label, .dataTables_length > label {display: none;}

.tl-date i {font-size:80%; font-style: normal; }
.tl-item .tl-content {padding-bottom: 0}

.text-small {font-size:11px}

.md-subheader .md-subheader-inner {padding: 8px}

md-tab-item .bg-white {color: #3f51b5 !important}

.active .tl-wrap:before {animation: timeline-circle forwards 1.5s ease-out infinite;}


@keyframes timeline-circle {
    0% {box-shadow: 0 0 0 4px rgb(219, 219, 219, 1); }
    90% {box-shadow: 0 0 0 15px rgb(219, 219, 219, 0);}
    100% {box-shadow: 0 0 0 15px rgb(219, 219, 219, 0);}
}