.badge.notificas { padding: 0px 1px; font-size: 8px; line-height: 1.3; background-color: red; position: absolute; top: 2px; margin-left: 8px; right: 4px; text-indent: -55555px; }

.navbar-default { min-height: 64px; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background: #0695d6; }
@media (min-width: 768px) { .navbar-default { min-height: 70px; } }
.navbar-default .nav > li > a { font-size: 14px; padding-bottom: 10px; padding-top: 10px; color: #0695d6; }
@media (min-width: 768px) { .navbar-default .nav > li > a { font-size: 12px; padding: 20px 5px; } }
@media (min-width: 992px) { .navbar-default .nav > li > a { font-size: 12px; padding: 20px 10px; } }
@media (min-width: 1200px){ .navbar-default .nav > li > a { font-size: 15px; padding: 20px 10px; } }
.navbar .dropdown-menu li a { text-transform: none; }

@media (min-width: 768px) { .navbar-default .nav > li:last-of-type > a { padding-left: 10px; padding-right: 10px; } }
@media (min-width: 979px) { .navbar-default .nav > li:last-of-type > a { padding-left: 10px; padding-right: 10px; } }

.navbar > .container .navbar-brand img { height: 29px; }
@media (min-width: 420px) { .navbar > .container .navbar-brand img { height: 36px !important; } }
@media (min-width: 992px) { .navbar > .container .navbar-brand img { height: 50px !important; } }

.navbar-brand { padding: 14px 0 14px 5px; }
@media (min-width: 768px) { .navbar-brand { padding-top: 16px; } }
@media (min-width: 992px) { .navbar-brand { padding-top: 10px; } }

.navbar-default .nav > li > a.active { background: #0695d6; color: #fff; }


.badge {
  padding: 0px 4px;
    font-size: 10px;
    line-height: 1.3;
    background-color: red;
    position: absolute;
    /*top: 0.6em !important;*/
    margin-left: 3em;
  /*padding: 0px 4px; font-size: 10px; line-height: 1.3; background-color:red; position: absolute; top: 18px; margin-left: 8px;*/
}
.bexpediente { padding: 0px 4px; font-size: 10px; line-height: 1.3; background-color: #868d90; position: absolute; top: 18px; margin-left: 8px; }

@media (min-width: 768px) { .badge { right: 1px; top: 16px; } }

.jumbotron_bar { background: rgba(153, 153, 153, 0.09) none repeat scroll 0 0/cover; color: #000; font-size: 13px; padding: 12px 0; width: 100%; }
.jumbotron_bar .breadcrumb { margin-top: 0; }
.jumbotron_bar .logueado { text-align: right; }
.jumbotron_bar .logueado .nom-logueado { list-style-type: none; margin: 0; padding: 2px; float: right; }
.jumbotron_bar .logueado .salir { border-top: 1px solid #eee; }

.nom-logueado .dropdown-menu { right: 15px; left: auto; top: 20px; border: none; border-radius: 0; }
.nom-logueado .submenu { background: #0695d6; }
.nom-logueado .submenu li a { padding: 6px 10px; border-bottom: 0; color: #fff; font-size: 12px; }

.main-footer { padding: 30px 0 0 0; border-top: #dadada 1px solid; }
.main-footer li > a { font-size: 12px; }
.main-footer .para-desktop { display: none; }
.main-footer .para-mobile { width: 30%; margin-bottom: 0 !important; }
.main-footer .all-footer { padding: 0; }
.main-footer .all-footer .ayudas, .main-footer .all-footer .institu { text-align: center; }
@media (min-width: 425px) { .main-footer .para-desktop { display: block; max-width: 230px !important; margin: 0 auto; height: 36px; }
  .main-footer .para-mobile { display: none; }
  .main-footer .all-footer { padding: 0 15px; } }
@media (min-width: 768px) { .main-footer .para-desktop { margin: 0; }
  .main-footer .all-footer { padding: 0 15px; }
  .main-footer .all-footer .ayudas { text-align: right; }
  .main-footer .all-footer .ayudas li { padding-left: 1%; display: inline-block; } }

.tab-pane { padding: 20px 0; margin-bottom: 30px; }

.panel-default .panel-heading { background: #fff; border: 0; min-height: 0; }
.panel-default .panel-heading a { color: #0695d6; }

.busca-tabla { overflow: hidden; }
.busca-tabla .input-group { width: 100%; }
@media (min-width: 768px) { .busca-tabla .input-group { width: 450px; } }
.busca-tabla .btn { font-size: 14px; padding: 5px 10px; }

.tab-respon { font-size: 10px; }
@media (min-width: 768px) { .tab-respon { font-size: 13px; } }
.tab-respon .acciones { text-align: center; min-width: 120px; }
.tab-respon .acciones a { font-size: 20px; margin-left: 5px; }
.tab-respon .acciones a .ico-pago { background-image: url(../images/ico-pago.svg); width: 19px !important; height: 28px !important; display: inline-block; background-size: 20px; background-position: 0px 10px; background-repeat: no-repeat; overflow: hidden; }
.tab-respon .acciones a .ico-pago:hover { background-image: url(../images/ico-pago2.svg); }

table th { text-align: center; }

tfoot { text-align: center; }

.no-leido { font-weight: bold; }

.contador { overflow: hidden; }
.contador .col-md-6 { overflow: hidden; padding: 0; }
.contador .cuantos span { float: left; width: 100%; text-align: center; padding: 4px 3px 0 0; font-size: 12px; }
@media (min-width: 768px) { .contador .cuantos span { width: 65%; float: left; width: 45%; text-align: right; } }
.contador .cuantos .cantidad { float: none; width: 100%; }
@media (min-width: 768px) { .contador .cuantos .cantidad { float: left; width: 55%; } }
.contador select.input-sm { width: 80px; margin: 0 auto; }

.cen-pagina { text-align: center; }
@media (min-width: 768px) { .cen-pagina { text-align: left; } }
.cen-pagina .pagination { font-size: 12px; margin: 10px auto 0 auto; text-align: center; }
@media (min-width: 768px) { .cen-pagina .pagination { margin-top: 0; } }
.cen-pagina .pagination li > a { padding: 6px 9px; }

/*****************refereencias**************************/
.referencias { border-top: 1px solid #dddddd; clear: both; margin: 20px 0; text-align: right; }
.referencias ul > li { list-style: none; display: inline; margin-left: 25px; font-size: 12px; color: #797979; }
.referencias ul > li.pago-ico { background-image: url(../images/ico-pagor.svg); background-repeat: no-repeat; background-position: -1px 1px; width: 5px; height: 5px; background-size: 8px; padding-left: 10px; }

.breadcrumb li { font-size: 12px; }

.buscamos input.tt-input { padding: 19px; font-size: 20px; }
.buscamos .btn { margin-bottom: 0px; }

.cont-nuevot { display: block; overflow: hidden; width: 100%; clear: both; position: relative; }
@media (min-width: 425px) { .cont-nuevot h2 { float: left; } }
.cont-nuevot .nuevo-tramite { width: 100%; }
@media (min-width: 768px) { .cont-nuevot .nuevo-tramite { display: none; } }
@media (min-width: 425px) { .cont-nuevot .nuevo-tramite { width: auto; font-size: 12px; float: right; margin-top: 20px; } }
.cont-nuevot .volver-btn { width: 100%; font-size: 11px; }
@media (min-width: 425px) { .cont-nuevot .volver-btn { width: auto; float: right; margin-top: 20px; } }
.cont-nuevot .breadcrumb { width: 100%; }
@media (min-width: 425px) { .cont-nuevot .breadcrumb { width: 74%; float: left; } }

.ico-pago img { width: 20px; }

.resultados { padding: 0; }
.resultados .pago { float: right; }
.resultados .pago img { width: 25px; }
.resultados p { color: #767676; margin: 0; width: auto; }
.resultados small { color: #767676; }

.res-trami { padding: 0; }
.res-trami .los-botones { padding-top: 20px; }
.res-trami .los-botones .btn { width: 100%; }
@media (min-width: 320px) { .res-trami .los-botones { text-align: right; padding-top: 20px; }
  .res-trami .los-botones .btn { width: auto; } }

.filtros { padding: 0; }
@media (min-width: 992px) { .filtros { padding: 15px 20px 15px 0; } }

.nav-stacked li { font-size: 14px; }
@media (min-width: 425px) { .nav-stacked li { font-size: 16px; } }
.nav-stacked li a { padding: 10px 15px 10px 5px; font-size: 14px; }
.nav-stacked .b-nav-cir { background: #767676; margin-top: -3px; }

.btn-ver-todos { margin-top: 10px; border-top: 1px solid #dadada; padding-top: 10px; }
.btn-ver-todos .ver-todos { border: 1px solid #0695d6; width: 100%; float: right; }
.btn-ver-todos .ver-todos:hover { border: 1px solid #0695d6; }
.btn-ver-todos .ver-todos:visited { color: #0695d6; }
@media (min-width: 425px) { .btn-ver-todos .ver-todos { width: 30%; } }

.datos-tramite { overflow: hidden; }
.datos-tramite .organismo-tramite { float: left; color: #767676; margin-bottom: 0; }
.datos-tramite .ver-tramite { float: right; }
.datos-tramite .info-rele { display: block; clear: both; padding: 5px; border-radius: 5px; font-size: 12px; border: 1px solid #f97000; }
.datos-tramite .info-rele span { color: #f97000; font-weight: bold; }

.aclaraciones { overflow: hidden; margin-bottom: 10px; }
.aclaraciones p { font-size: 14px; }
.aclaraciones span { color: red; }
.aclaraciones .aclara-aclara { font-size: 11px; color: #767676; }
.aclaraciones .aclara-aclara .cuenta { width: 100%; float: left; }
@media (min-width: 425px) { .aclaraciones .aclara-aclara .cuenta { width: 49%; } }
.aclaraciones .aclara-aclara .obliga { width: 100%; }
@media (min-width: 425px) { .aclaraciones .aclara-aclara .obliga { width: 49%; text-align: right; float: right; } }
.aclaraciones .ad-doc { font-size: 12px; }

.doc-subir { margin: 38px 0; overflow: hidden; padding-bottom: 10px; font-size: 14px; }
.doc-subir .mod-adjunta { overflow: hidden; border-bottom: 1px #dadada dashed; padding: 10px 0; }
.doc-subir .mod-adjunta .archivos { padding-right: 0; padding-left: 0; }
.doc-subir .mod-adjunta .obliga { padding-right: 0; padding-left: 0; float: left; width: 18px; }
.doc-subir .docs-cargar { padding-right: 0; padding-left: 0; float: left; width: 90%; }
.doc-subir .docs-cargar ul { margin: 0; padding: 0; list-style: none; }
.doc-subir .docs-cargar .refiere-doc { font-weight: bold; }

.documentacion-subir .drop { overflow: hidden; }
.documentacion-subir .modal-footer { clear: both; }
.documentacion-subir .drop-file { font-size: 12px; }

@media (max-width: 580px) { .col-btn-modal { width: 100% !important; } }
.caratula-variable { clear: both; }
.caratula-variable h3 { background: #dadada; }
.caratula-variable .form-group { margin-bottom: 3px; }
.caratula-variable .col-xs-6 { padding-right: 0; padding-left: 0; margin-top: 3px; }

.texto-correcto { text-align: center; color: #46a948; padding-top: 20px; }
.texto-correcto .alert-success { margin: 0 180px 20px; background-color: #fff; border: 1px solid; }
@media (max-width: 760px) { .texto-correcto .alert-success { margin: 0 60px 20px; } }

.finaliza-exp { padding-top: 10px; }

.help-block { font-size: 10px; }

.descargar-todo { text-align: right; }

.colorrojo { color: red; }
.colorverde { color: green; }

.progreso-tram { margin-top: 20px; text-align: center; overflow: hidden; background-image: url(../images/linea.png); background-size: 15%; background-repeat: repeat-x; }
.progreso-tram.num6 .mod-paso { margin: 0 1.5%; }
.progreso-tram.num5 .mod-paso { margin: 0 4.5%; }
.progreso-tram.num4 .mod-paso { margin: 0 10%; }
.progreso-tram.num3 .mod-paso { margin: 0 28%; }
.progreso-tram.num1 .mod-paso { margin: 0 28%; }
.progreso-tram.num1 .mod-paso:last-child { float: none !important; }
.progreso-tram .progreso-centra { margin: 0 0 0 0; overflow: hidden; padding-right: 0; padding-left: 0; }
.progreso-tram .progreso-centra .mod-paso { width: 14.27%; float: left; }
.progreso-tram .progreso-centra .mod-paso:first-child { margin: 0 auto; }
.progreso-tram .progreso-centra .mod-paso:last-child { float: right; margin: 0 auto; }
.progreso-tram .progreso-centra .mod-paso .paso { opacity: .4; }
.progreso-tram .progreso-centra .mod-paso .paso.active { opacity: 1; }
.progreso-tram .progreso-centra .mod-paso .paso img { width: 100%; }
.progreso-tram .progreso-centra .mod-paso .info-paso { display: none; }
@media (min-width: 768px) { .progreso-tram .progreso-centra .mod-paso .info-paso { display: block; margin: 0 auto; padding: 2px; font-size: 12px; text-align: center; } }

body { background: #fff; }

a { color: #0695d6; }

a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }

a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }

h2 { font-size: 2em; }

h3 { font-size: 1.5em; }
h3 span { color: #01bdf2; }

h4 { font-size: 1.2em; }
h4.tit-azul { color: #0695d6; }

hr { margin: 15px 0; }

.poco-cont { margin-top: 60px; margin-bottom: 60px; }
.poco-cont .form-group { margin-bottom: 20px; }
.poco-cont .btn-ingresa-rep { text-align: center; }
.poco-cont .disponible { background-color: #46a948; color: #fff; }
.poco-cont .no-disponible { background-color: #fd4138; color: #fff; }
.poco-cont .renovar { background: #f5ce00; color: #fff; }

.poco-cont .nic-mensaje-verde { background: #46a948; color: #fff; }
.poco-cont .nic-mensaje-rojo { background: #fd4138; color: #fff; }
.poco-cont .nic-mensaje-amarillo { background: #f5ce00; color: #fff; }

.representando { color: #0695d6; }
.representando span { font-weight: bold; }

.describe { margin-bottom: 12px; font-size: 12px; }
@media (min-width: 768px) { .describe { font-size: 14px; } }

.rojo { color: red; }

.naranja { color: #f97000; }

.verde { color: #46a948; }

.faq { font-size: 12px; }
.faq .panel-heading { padding: 5px 10px; }

.busca-dominios { overflow: hidden; margin-bottom: 10px; }
.busca-dominios .campo-busca { width: 100%; margin-bottom: 10px; }
@media (min-width: 425px) { .busca-dominios .campo-busca { width: 80%; float: left; } }
.busca-dominios .campo-busca input { height: 30px; padding: 1px; }
.busca-dominios .campo-zona { width: 100%; }
@media (min-width: 425px) { .busca-dominios .campo-zona { width: 20%; float: left; } }
.busca-dominios .campo-zona select { height: 30px; padding: 1px; }

.form-horizontal { margin-bottom: 10px; }

.form-group { font-size: 13px; margin-bottom: 0px; }
.form-group label { margin-top: 5px; }
@media (max-width: 550px) { .form-group.agrupa div, .form-group.agrupa label { width: 100% !important; float: none; } }
@media (min-width: 551px) { .form-group.agrupa div, .form-group.agrupa label { margin-top: 5px; } }
.form-group.agrupa span { color: #46a948; right: 15px; }
.form-group.btn-ver-mas { text-align: right; margin: 15px 0 0 0; }
.form-group.btn-ver-mas a { line-height: 2.4; margin-right: 5px; }
@media (min-width: 768px) { .form-group input, .form-group select, .form-group textarea { font-size: 13px; } }
.form-group .col-sm-10.form-tel { padding-left: 0; padding-right: 0; }
.form-group .col-sm-10.form-tel .form-control { margin-bottom: 7px; }
@media (min-width: 768px) { .form-group .col-sm-10.form-tel { padding-right: 8px; padding-left: 12px; }
  .form-group .col-sm-10.form-tel .col-xs-2, .form-group .col-sm-10.form-tel .col-xs-8 { padding: 0 5px 0 0; }
  .form-group .col-sm-10.form-tel input { padding: 6px 1px; } }
@media (min-width: 992px) { .form-group .col-sm-10.form-tel { padding-right: 12px; }
  .form-group .col-sm-10.form-tel .col-xs-2, .form-group .col-sm-10.form-tel .col-xs-8 { padding: 0 3px; } }
.form-group.oculto { color: red; }
.form-group.oculto input { color: red; }
.form-group .form-control { height: auto; }
.form-group .quemado { background-color: transparent; border: none; box-shadow: none; padding: 0; }
@media (min-width: 768px) { .form-group .quemado { padding: 10px 0 0 0; } }
.form-group .editar-continuar { text-align: center; margin-top: -5px; margin-bottom: 10px; }
.form-group .editar-continuar .btn { margin: 10px 10px auto 10px; }
.form-group .editar-continuar .btn-sm { margin-top: 20px; }

span.backborra { background: red !important; position: relative; top: 0; }

.permisos .buscar { padding: 5px; height: 32px; margin-bottom: 5px; }

.wizard {
  margin: 20px auto;
  background: #fff;
}

.wizard .nav-tabs {
  position: relative;
  /*margin: 40px auto;*/
  margin-bottom: 0;
  border-bottom-color: #e0e0e0;
}

.wizard > div.wizard-inner {
  position: relative;
}

.connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
}

span.round-tab {
  width: 70px;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  border-radius: 100px;
  background: #fff;
  border: 2px solid #e0e0e0;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 25px;
}
span.round-tab i{
  color:#555555;
}
.wizard li.active span.round-tab {
  background: #fff;
  border: 2px solid #5bc0de;

}
.wizard li.active span.round-tab i{
  color: #5bc0de;
}

span.round-tab:hover {
  color: #333;
  border: 2px solid #333;
}

.wizard .nav-tabs > li {
  width: 20%;
}

.wizard li:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 0;
  margin: 0 auto;
  bottom: 0px;
  border: 5px solid transparent;
  border-bottom-color: #5bc0de;
  transition: 0.1s ease-in-out;
}

.wizard li.active:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 1;
  margin: 0 auto;
  bottom: 0px;
  border: 10px solid transparent;
  border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
  width: 70px;
  height: 70px;
  margin: 20px auto;
  border-radius: 100%;
  padding: 0;
}

.wizard .nav-tabs > li a:hover {
  background: transparent;
}

.wizard .tab-pane {
  position: relative;
  padding-top: 50px;
}

.wizard h3 {
  margin-top: 0;
}

@media( max-width : 585px ) {

  .wizard {
    width: 90%;
    height: auto !important;
  }

  span.round-tab {
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .wizard .nav-tabs > li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .wizard li.active:after {
    content: " ";
    position: absolute;
    left: 35%;
  }
}
a, .manito {
  cursor: pointer;
}

i.hidden {
  display: none;
}
#misTramites tbody tr:hover i , #misTramites table.table .selecteditems a, #misTramites table.table .selecteditems td, #misTramites table.table .selecteditems i {color: white !important;}}
 {}
#misTramites table .selecteditems a:hover {color:white; opacity: .8; transition: ease-in}
#misTramites thead tr:hover {background:none !important}

#misTramites .selecteditems .dasheditems input,
#tramites .empty-blank-container .dasheditems td,
.empty-blank-container .dasheditems.emptyMain,
.empty-blank-container .dasheditems.emptySide{
    /*border:1px dashed #CCC !important;*/
    color:#333 !important;
    padding: 0 5px;
    /*font-style: italic;*/
}
#misTramites .dasheditems tr:hover, #misTramites .dasheditems tbody tr:hover, #misTramites .dasheditems tbody tr:hover td {background-color: white; color: #333 !important}
/*Modals  & Popups*/

.selectable::hover {
  background: lightgrey;
}

.table-content-centered tr td {
  text-align: center;
}


.loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 0.7;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

  background-color: #fff;
  z-index: 99;
  text-align: center;
}
.loading div {
  position: absolute;
  /*margin-top: -66px;
  margin-left: -66px;*/
  top: 50%;
  left: 50%;

  width: 200px;
  margin-left: -100px;
  height: 50px;
  margin-top: -50px;
}
.loading div:first-child {
  position: absolute;
  margin-top: -55px;
  margin-left: -75px;
  width:150px;
  white-space: nowrap;
}
.loading div:last-child {
  position: absolute;
  margin-top: -35px;
  width:150px;
  margin-left: -75px;
  white-space: nowrap;
}
.loading img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -33px;
  margin-left: -33px;
  z-index: 100;
  content: url("../images/ajax-loader.gif");
}

.busca-exp { overflow: hidden; margin-bottom: 10px; margin-left: 20%; clear: left; }
@media (min-width: 750px) { .busca-exp { margin-left: 0; } }
.busca-exp .campo-busca-exp { margin-bottom: 10px; float: none; width: 80%; margin: 0 1%; }
@media (min-width: 750px) { .busca-exp .campo-busca-exp { float: left; width: 31%; margin: 0; } }
.busca-exp .campo-busca-exp label { float: left; padding-top: 7px; margin-right: 2px; width: 40px; font-size: 12px; text-align: center; font-weight: bold; }
.busca-exp .campo-busca-exp input { width: 87%; height: 30px; padding: 1px; }
@media (min-width: 750px) { .busca-exp .campo-busca-exp input { width: 79%; } }

.ohidden { overflow: hidden; }
select.no-arrow {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  background: url(custom image) no-repeat right center;
}
span.input-group-btn {
    vertical-align: bottom;
}
span.input-group-btn button {
    margin: 0px;
    vertical-align: bottom;
}

.agrega-delega { background-color: #01bdf2 !important; }
.agrega-delega .campo-tabla { padding: 6px; height: 28px; }
.agrega-delega a { color: #fff; }



/* css mis carpetas, modularizar*/

.modalMoverArchivo {
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: 999;
    background: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
}


.animated{animation-duration:1s;animation-fill-mode:both}
@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}
@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}
@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}
@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}


.treeview-item[_ngcontent-qrj-3] .treeview-item[_ngcontent-qrj-3] {
    margin-left: 1rem !important;
}

.empty-blank-container {
    padding: 0;
    position: relative;
    /*z-index: 999;*/
    overflow: hidden;
    /*height: 65vh;*/
        top: -2em;
}

.empty-blank-container .emptyMain {
    /*padding: 4% !important;*/
    text-align: center;
    margin: 1% !important;
    width: 98%}


#misTramites .empty-blank-container .emptySide {
    background-color: white;
    top: 50px;
    padding: 10px;
    position: relative;
}
#misTramites .empty-blank-container .col-md-9 {padding-right: 0}

#misTramites .empty-blank-container .emptyMain {
    background-color: white;
    top: 0;
    padding: 20px 10px;
    position: relative;
    text-align: center;
}

#misTramites .selectedFiles {margin: 3px 0 10px;}
#misTramites .selectedFiles i {    color: #666;
    font-size: 1.5em;
    display: inline;
    line-height: 19px;
    margin-right: .3em;}
.treeview-item a {color:#444; font-family: 'Roboto', sans-serif !important;}
.treeview-item a.explorador-seleccionado {font-weight: 600; color:#0a9eff !important}
#misTramites .modal-footer .icon-toolbar img {width:32px; margin-top: 10px}
#misTramites .modal-footer .icon-toolbar {
    display: inline-block;
    height: 4rem;}

    
.w3-bar-block .w3-bar-item {
    padding: 8px 0 !important;}



    .treeview-container[_ngcontent-koo-5] {
    overflow: auto !important;
    max-height:600px !important
}

/*Agrega ellipses cuando el texto es largo*/
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hiddenVisibility{
    visibility: hidden;
}

.styleNowrap{
    white-space: nowrap;
}

/*Tramites Dic2017*/
#tramites i {color:#868686;}
#tramites section { padding: 0 0 1em 0;
    border-bottom: 1px solid #CCC;
    margin-bottom: 1em;
    background: url(../images/bgAside.png) 0 0 repeat-y;
    min-height: 80vh;
  background-size: 16%;
  border-top: #dadada 1px solid;
    }

#tramites aside {padding: 1% 2%;
    /*width: 214px !important;*/
}
#tramites aside button { text-transform:uppercase; color: white; background-color: #0096d9; padding: 0.4em 1.7em; clear:both; display:block; border:none; margin-bottom: 1em; font-size:1.1em}
#tramites aside a {
    clear: both;
    display: block;
    font-weight: 400;
    padding-top: 0.5em;
}
#tramites aside a.explorador-seleccionado {
    font-weight:600
}

#tramites header #actions i {color: #888;font-size: 1.8em; /*line-height: 1.4em;*/}
#tramites header h2.explorador-seleccionado {    font-size: 1.8em !important;margin: .5em 0 .5em -10px; padding-bottom: 0;}
#tramites header {padding-left: 15px !important;margin-bottom: 1em;}
#tramites #search {position:relative}
#tramites #search a.btn { position: absolute;right: 1em;top: 0; padding:0; margin:0}
#tramites #search a.btn button{ padding: 5px;margin: 0; background: none;border: none;}

#tramites .explorador-seleccionado a {font-weight:400; }
#tramites .explorador-seleccionado a:hover {color:white;}
#tramites h2.explorador-seleccionado a:hover {color:#666;}

#tramites .explorador-seleccionado  span i {font-size:14px;}
#tramites .explorador-seleccionado span a {font-weight:500; font-size:.9em}

#tramites #maincontent {padding:1% 0; /*margin-left: -10px */}
#tramites #maincontent ul {list-style: none; margin:0; padding: 0;}
#tramites #maincontent #list li {display:inline-block;clear:both;padding: 1em 15px;width: 100%;margin-bottom: -4px;}
#tramites #maincontent #list i {margin-right: 10px;font-size:1.3em; display:inline;}

#tramites #maincontent #head li {border-bottom:1px solid #f2f2f2; overflow: hidden; margin-bottom: 0; font-weight:600; padding: 5px 1em;}
#tramites #maincontent #head li i {color: #0096d9; position: absolute;font-size: 1em !important; margin-top: 4px;}
#tramites #maincontent #head .date {padding-right: 0; }

#tramites #maincontent #list li div {display:inline; }

#list .listado-item{
    padding: 0.3em 15px !important;
    /*background-color: green;*/
    height: 45px;
}
#list .listado-item .name.col-md-3, #list .listado-item .date.col-md-2{
    height: 100%;
}
#list .listado-item .name.col-md-3 i{
    height: 100%;
    display: inline-block !important;
    vertical-align: top;
}
#list .selecteditems #inputNombreCarpeta{
    position: relative;
    top: -23px;
    left: 25px;
    padding-left: 10px;
    width: 85%;
}
#list .listado-item .name.col-md-3 .fa-2x{
    /*padding: 0.7em 0;*/
    /*font-size: 21px !important;*/
}
#list .listado-item .date.col-md-1{
    padding: 0.8em 0;
}
#list .listado-item .ref, #list .listado-item .state, #list .listado-item .name, #list .listado-item .tools{
    padding: 0.8em 0;
    height: 100%;
    display: inline-block;
}

#list .listado-item .ref {
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 15px;
}

#tramites #maincontent #list li div a {
  text-overflow: ellipsis;display: inline-block;white-space: nowrap;max-width: 243px;line-height: 1.5em;overflow: hidden; vertical-align: text-bottom;
}
#tramites #maincontent #list li div.tools a {display: inline !important;
    width: auto;
    height: auto;
    float: left;}

#tramites #maincontent #list li div.tools a.dots-container {   padding-left: 10px;  } 
#tramites .selecteditems, #tramites .explorador-seleccionado.selecteditems i, #tramites #maincontent #list li:hover {background-color:#0096d9; color:white !important}
#tramites #maincontent #list .ellipsisActions .ellipsisActionsOptions>li:hover{
    background-color: whitesmoke;/*#fff*/
}
#tramites #maincontent #list li:hover i ,#tramites #maincontent #list li:hover a {color:white !important}
#tramites .explorador-seleccionado.selecteditems input { color: #333; font-style: italic;}

#tramites #contenidoDetalleEnc {margin-bottom:3em; padding:0}
.w3-sidebar.info-sidebar p {
    font-size: 12px;
    margin-bottom: .2em;
    color: #333;
}

#tramites #ellipsisActions li {padding: 0 !important; position:relative; overflow:visible}
#tramites #ellipsisActions ol {display:none;position: absolute;
    z-index: 8;
    background: white;
    right: 4em;
    top: 2em;
    width: auto !important;
    padding: 5px;
    margin: 0;
    border: 1px solid #eee;
}
#tramites #ellipsisActions li ol {display:block}

#tramites #ellipsisActions ol li > a {clear:both; background:white; display:block;/*border-bottom:1px solid #eee;*/ width:100%}
.actionMenuBlockActive .accionItemActive~.accionItemActive{
  border-top:1px solid #eee;
}
#tramites #ellipsisActions ol li i, #tramites #ellipsisActions ol li a, #tramites #ellipsisActions ol li:hover i, #tramites #ellipsisActions ol li:hover a, #tramites #maincontent #list li:hover ol li a,#tramites #maincontent #list li:hover ol li i, #tramites #maincontent #list .selecteditems ol li a,#tramites #maincontent #list .selecteditems ol li i   {color:#868686 !important; width:auto; overflow: visible; background: none !important}
/*#tramites #ellipsisActions li, */#tramites #ellipsisActions li a {
    display: block !important;
    width: 100% !important;
}

#tramites #ellipsisActions ol {box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
#tramites #ellipsisActions ol li a {padding:10px}
#tramites #maincontent #list ol li i, #tramites #maincontent #list ol.ellipsisActionsOptions li .icon-img   {    
    font-size: 1.3em;
    width: 24px !important;
    overflow: hidden;
    display: inline-block;
    margin-right: 0px;
}

/*btn con icono útil para manejar propiedad disabled sin modificar css actual*/
.btn-icn{
    background: transparent;
    border: 0;
    outline: none;
}
.btn-icn[disabled]{
    cursor: not-allowed;
    opacity: .65;
}

#tramites header .icon-toolbar {
    display: inline-block;
    height: 2rem;
    margin-left: .35rem;
}
#tramites header .icon-toolbar img, #tramites header .icon-toolbar i,   #tramites #ellipsisActions ol li  img, {
  width:26px;
  height: auto;
}
.ellipsisActions .ellipsisActionsOptions .icon-toolbar{
    overflow: hidden !important;
}
.ellipsisActions .ellipsisActionsOptions .icon-toolbar .icon-img{
    vertical-align: middle !important;
}
.ellipsisActions .ellipsisActionsOptions .label-action{
    position: relative;
    top: 2px;
    display: inline;
}

.contador {
    margin-top: 0;
    border-top: none;
    padding-top: 1em;
}

.breadcrumbs {
    margin-left: -10px;
}

#head .ref, #head .state, #head .date{
    padding-left: 0px;
}

.modal .modal-dialog {
    z-index : 999;
}

#modalMoverArchivo {
    /*position: absolute;*/
    z-index: 999;
}

#modalCrearCarpeta {
    position: absolute;
    z-index: 100000;
}

.modal-backdrop{
    z-index : 99;
}

#tramites #breadcrumbs {padding-left:10px !important}

#head li .name {padding-left:5px }


body{
    /*Obtener contrato trae css externo que afecta el body*/
    margin: 0 !important;
    padding: 0px !important
}

/*fix en dropdowns de FFCC*/
.z-hlayout .z-hlayout-inner .z-div .z-combobox .z-combobox-inp{
    width: 282px !important;
}
td.z-row-inner .z-row-cnt .z-hlayout .z-hlayout-inner .z-vlayout .z-vlayout-inner:first-child  .z-hlayout .z-hlayout-inner .z-div .z-combobox{
    margin-left: -2px;
}

/*Modal de adjuntos con loading*/
body.modal-open .loading{
    z-index: 1051;
}


/*review this*/
html,
body {
    font-family: 'Roboto', sans-serif !important;
    /*font-size: 13px !important;*/
    line-height: 1.5em !important
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600 !important;
}
/*Sidebar*/

.explorador ul {
    list-style: none !important;
    margin: 0;
    padding: 0 0 0 10px;
}
#contenido aside {
  padding: 0 15px 15px 0;
}

input[type="number"][disabled] {
    -moz-appearance: textfield;
}
ng-select select-dropdown > div{
    z-index: 3;
}

.explorador.a:hover {
    background-color: lightblue;
}
.explorador-seleccionado {
    color: black;
}

#contenido aside a.explorador-seleccionado {color:#0695d6; font-weight:600}
.explorer-search {
    margin-top: 2em;
    float: right;
    padding-right: -1;
}
.explorer-search .input-group {
    float: left;
    margin-left: 7em;
}
i.hidden {
    display: none;
}
.selectable::hover {
    background: lightgrey;
}
.table-content-centered tr td {
    text-align: center;
}
.modal-content {outline: none !important;}
.modal-footer, .modal-header, .modal-body  {
  clear:both;
  padding: 10px 15px;
  border: none !important;
  
}
/*prevents BS modal padding*/
body.modal-open{
        overflow: hidden;
        padding-right: 0!important;
}
.modal-footer i {  font-size: 1.5em;color: #868686;}

.modal-body input[type="text"]{padding:2px 5px;border: 1px solid #ccc;    width: 100%;}
.modal-footer button.btn {
float: left;
display: inline-block;
}

.w3-sidebar.info-sidebar {
  width: 25%;
  right: 0;
  z-index: 10;
  height: 74vh;
  top: 24%;
  overflow: hidden;
  box-shadow: -2px 2px 10px -2px rgba(0,0,0,.6);
  background: white !important;
  padding-top: 10px;
  color: #333 !important;
}
.w3-sidebar.info-sidebar .close-sidebar{    
    position: absolute;
    right: 0;
    top: 15px;}
.w3-sidebar.info-sidebar .col-md-2 i:hover, a.dropdown-toggle {color:#0a9eff; opacity:1}
.w3-sidebar.info-sidebar p {font-size:12px}
.w3-sidebar.info-sidebar p span {font-weight:600}
.w3-sidebar.info-sidebar p span i {padding:0}
.w3-bar-block .w3-bar-item {padding:8px 0}
.modal-content .containerDetails, .containerDetails {
    padding: 10px 0;
    border: 1px solid #CCC !important;
    margin: 2% 0;
    width: 100%;
    height: 200px;
    overflow-y: scroll;
}

.modal-content h5 {
  /*padding: 0 15px;*/
    font-size: 1em;
    font-weight: 600 !important;
    margin-bottom: 0;

}


/*Media queries para ajustes de responsive*/

@media screen and (min-width:991px) and (max-width:1050px) {
  #tramites #maincontent #list li div a.explorador {
    max-width: 210px;
}

  
  
}

@media screen and (max-width:1040px) {
#tramites aside button {
    padding: 0.4em 1.1em;
    font-size: .9em;
}
  
.contador .cuantos span {
  padding: 4px 2px 0 0;
    font-size: 11px;
  }
}



@media screen and (max-width:992px) {
  #tramites section {background:none;}
  
  #tramites aside {
    padding: 2%;
    overflow: hidden;
    background: #eee;
    margin-bottom: 1%;
}
  
  
  #tramites aside a {
    clear: none;
    display: inline-block;
    font-weight: 400;
    padding-top: 0.5em;
    float: left;
    margin: 0 3% 1% 0;
}
  
  #tramites aside br {display:none;}
  #tramites #maincontent {
    padding: 1%;
    margin-left: -10px;
}
  
  #tramites #maincontent header #actions {
  display: block;
    margin: 2% 0;
    padding: 0;
    clear: both;
    float: left;
    width: 100%;
  }
  #tramites #maincontent #list li div {
    display: inline-flex;
    font-size: .9em !important;
    line-height: 1.4em;
    height: 100%;
  vertical-align: top;

}
  #tramites #maincontent #list li {
    display: inline-block;
    clear: both;
    width: 100%;
    margin-bottom: -4px;
  height: auto;
}
  
  nav .get-pendientes .badge {
    top: -0.4em !important;
    right: 0 !important;
}
  #tramites #maincontent #head li .name, #tramites #maincontent #head li .ref, #tramites #maincontent #head li .state, #tramites #maincontent #head li .date, #tramites #maincontent #head li.tools {float:left; display: inline-block}
  #tramites #maincontent #contenidoDetalleEnc li .name {width:37%}
  #tramites #maincontent #contenidoDetalleEnc li .reference, #tramites #maincontent #contenidoDetalleEnc li .ref {width:18%}
  #tramites #maincontent #contenidoDetalleEnc li .state {width:25%}
  #tramites #maincontent #contenidoDetalleEnc li .date {width:13%}
  #tramites #maincontent #contenidoDetalleEnc li .tools {width:4%}
  
  
  #tramites #maincontent #head li {
    height: 2em;
}
  
  #tramites header .icon-toolbar {
    margin-left: 0 !important;
}
  #tramites #maincontent #list li div a {max-width: 12em;}
  #tramites #maincontent #list .ellipsisActions .ellipsisActionsOptions li a {max-width: inherit;}
  #tramites #maincontent #list i {margin-right: 5px;
    padding-top: 5px;
    margin-top: 0;}
  #tramites #ellipsisActions ol {
    right: 0em;
  top: 3em;}
  
  .cuantos {margin-bottom: 3em;}
  
}

@media screen and (max-width:680px) {
  
  
    #tramites #maincontent #list li div {

    font-size: .8em !important;}
  
  #tramites #maincontent #list li div a, .truncate{
    text-overflow: initial;
    display: initial;
    white-space: initial;
    max-width: initial;
    line-height:inherit;
    overtical-align: top;
    margin: 0 !important;
}
  #tramites #maincontent #contenidoDetalleEnc li .name {
    width: 36%;
}
/*  #tramites #ellipsisActions li, */#tramites #ellipsisActions li a {
    display: block !important;
    width: 11.5em !important;
}
  
  #tramites #ellipsisActions ol {
    right: 8em;
    top: 3em;
}
  
}

@media screen and (max-width: 415px) {
#tramites #maincontent #contenidoDetalleEnc li .name {
    width: 30%;
}

#tramites #maincontent #contenidoDetalleEnc li .reference, #tramites #maincontent #contenidoDetalleEnc li .ref {
    width: 23%;
}

#tramites aside button {
    padding: 0.4em 1.1em;
    font-size: .9em;
    margin: 1em auto;
}

}

@media screen and (max-width: 380px) {

#tramites #ellipsisActions ul li, #tramites #ellipsisActions ul li a {
    width: 3.5em !important;
}

#tramites #maincontent #contenidoDetalleEnc li .date {
    width: 14%;
}

#tramites #maincontent #list li div.tools a.dots-container {
    padding-left: 14px;
    padding-top: 2px;
}

}

/*Fixea botones de geolocalizador*/
.z-button-tl, .z-button-tm, .z-button-tr{
    display: none;
}

/*Checkbox blue*/
.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #0099FB;
    border-color: #0099FB;
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.ct-checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -14px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.ct-checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -14px;
  padding-left: 3px;
  padding-top: 0;
  font-size: 11px;
  color: #555555;
}
.ct-checkbox input[type="checkbox"]:checked + label::after {
  font-family: 'FontAwesome';
  content: "\f00c";
}
/*pretty radio inputs*/
input[type="radio"] + .fa-dot-circle-o:before,
input[type="radio"] + label > .fa-dot-circle-o:before{ content: "\f10c"; font-size: 17px;
  color: #0099FB;} /* .fa-circle-o */
input[type="radio"] + .fa-circle:before,
input[type="radio"] + label > .fa-circle:before { content: "\f1db"; } /* .fa-circle-thin */
input[type="radio"]:checked + .fa-dot-circle-o:before,
input[type="radio"]:checked + label > .fa-dot-circle-o:before {
  content: "\f192";
  font-size: 17px;
  color: #0099FB;
}

.owner-item{
    pointer-events: none;
    color: inherit;
}
.owner-item:hover{
    color: inherit;
}

.mb8 {margin-bottom:8em}

/*Removes Number Input Spinners*/
.no-spin-box{
    -moz-appearance:textfield;
}
.no-spin-box::-webkit-outer-spin-button,
.no-spin-box::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*rpa*/
.pad-group{
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 10px;
}
.box-group{
    font-size: 14px;
    padding-bottom: 7px;
    margin-top: 5px;
}
.lbl-gray{
  background-color: #f1f0f0;
}

.no-highlighting{
  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit (konqueror) browsers */
  -ms-user-select: none; /* IE10+ */
}