.loading{
    text-align: center;
    color: #777;
    font-size: 30px;
    padding: 30px;
    display: none;
}
.alert {
    padding: 10px;
}
.no-padding-right{
    padding-right: 0;
}
.block{
    padding: 0 10px 10px 10px;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 10px;
}
.block div{
    color: #777777;
}
.block > span:first-child{
    margin-bottom: 5px;
    display: block;
}
#fechas-info td:last-child{
    padding-left: 10px;
}
#fechas-info .fecha-estimada{
    color: #16ACE3;
    text-decoration: underline;
}
.callout-custom{
    background-color: #f9f9f9;
    color: #333;
}

.callout-custom a,.callout-custom a:hover{
    color: #333;
    cursor: pointer;
}

tr.tipo_1:hover{
    background-color: rgb(251, 240, 194) !important;
}
td.tipo_1 {
    border-left: 10px solid #FDE47F !important;
}

tr.tipo_2:hover{
    background-color: rgb(204, 225, 234) !important;
}
td.tipo_2 {
    border-left: 10px solid #5EA4C2 !important;
}

tr.tipo_3:hover{
    background-color: rgb(225, 239, 192) !important;
}
td.tipo_3 {
    border-left: 10px solid #B7D968 !important;
}

.juzgado-field span{
    display: block;
    font-weight: lighter;
    font-style: italic;
    color: #777;
}

.leyenda ul{
    padding: 20px;
}
.leyenda li{
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}

.leyenda span{
    display: inline-block;
    width: 15px;
    height:10px;
    margin-right: 7px;
}

.leyenda span.tipo_1{
    background-color: #FDE47F;
}

.leyenda span.tipo_2{
    background-color: #5EA4C2;
}

.leyenda span.tipo_3{
    background-color: #B7D968;
}

.etiqueta{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1px;
    color: #777777;
    padding-top: 5px;
}
.valor{
    display: block;
    padding: 5px;
    background-color: #f9f9f9;
    color: #333;
    border-radius: 3px;
    margin-bottom: 5px;
    min-height: 30px;
}

.callout-sin-senguimiento{
    border-left: 5px solid #FDE47F;
    background-color: rgb(251, 240, 194);
}
a.btn{
    text-decoration: none;
}

.valor span{
    display: block;
    font-weight: lighter;
    font-style: italic;
    color: #777;
}
.inner-field-short-description{
    display: block;
}
.inner-field-short-description .valor{
    background-color: transparent;
}

.field-short-description{
    border-radius: 0;
    border-color: #d2d6de;
}
.juzgado-field{
    min-width: 200px;
}
.timeline-header{
    font-size: 14px !important;
    font-weight: bold;
    padding: 5px 10px !important;
}
.timeline-item{
    background-color: #F9F9F9 !important;
    border: 1px solid #DDDDDD;
}

.timeline-footer,
.clientes-footer{
    visibility: hidden;
    padding: 0 10px 2px 10px !important;
    text-align: left;
    z-index: 100;
    position: relative;
}
.anotacion-actions a i{
    font-size: 16px;
    display: inline-block;
    margin-top: 8px;
}
.anotacion-actions{
    visibility: hidden;
    position: absolute;
    right: 10px;
    z-index: 2;
}
.timeline-item:hover .anotacion-actions,
.box:hover .clientes-footer{
    visibility: visible;
}
.timeline-body{
    padding-bottom: 3px !important;
    padding-top: 3px !important;
}
#setencias-relacionadas-wrapper .box,
#setencias-adquiridas-wrapper .box,
.modal-content .box{
    box-shadow: none !important;
    border: none !important;
}
#setencias-relacionadas-wrapper .sonata-list-table,
#setencias-adquiridas-wrapper .sonata-list-table{
    display: none;
}

.modal-header{
    background-color: #6D94BB !important;
    color: white;
}

.timeline>li>.timeline-item{
    margin-right: 0;
    overflow: hidden;
}

.timeline>li{
    margin-right: 0;
}

.modal {
    background: rgba(0,0,0,0.6);
}
.alert-default{
    background-color: #f4f4f4 !important;
    color: #444;
    border-color: #ddd;
}

.table-striped>tbody>tr:nth-of-type(odd){
    background-color: white;
}

#procedimiento-tbody tr:hover,
#sentencia-tbody tr:hover,
#hilo-tbody tr:hover{
    background-color: #D6E1ED;
    cursor: pointer;
}

.bg-blue {
    background-color: #16ACE3 !important;
}

.btn-primary, .btn-success {
    background-color: #16ACE3;
    border-color: #0f7ba2;
}

.field-no-tab{
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    color: #999999;
    font-size: 13px;
}

.main-header .logo{
    text-align: left;
}

.timeline-body{
    position: relative;
    z-index: 2;
}
.timeline-tipos{
    position: absolute;
    right: 10px;
    bottom: 4px;
}

#estado-expediente.navbar-brand,
#estado-sentencia.navbar-brand{
    float: none;
}

.dropdown-estado-expediente .dropdown-menu,
.dropdown-estado-sentencia .dropdown-menu{
    right: 0;
    left: auto;
}

#btn-create,#btn-delete,.btn-create{
    color: blue;
    font-size: 30px;
    padding: 10px 0;
    color: #16ACE3 !important;
}
.btn-create{
    float: right;
    line-height: 1;
    font-size: 24px;
}
#btn-delete{
    color: #777 !important;
}
#btn-delete:hover{
    color: red !important;
}

#btn-like {
    font-size: 30px;
    padding: 10px 0;
    color: red !important;
}
#btn-like>i.fa-heart-o {
    color: #777 !important;
}
#btn-like>i.fa-heart-o:hover {
    color: red !important;
}

.btn-like-counter {
    font-size: 12px;
    position: absolute;
    left: 25px;
    top: 27px;
    background-color: #3FBCEB;
    color: #fff;
    border-radius: 15px;
    padding: 0px 5px;
}

#btn-download-pdf {
    font-size: 30px;
    padding: 10px 5px 0px;
    color: #3FBCEB !important;
}
#btn-download-pdf:hover{
    font-size: 35px !important;
}

#btn-edit-sentencia {
    font-size: 30px;
    padding: 10px 5px 0px;
    color: #777 !important;
}
#btn-edit-sentencia:hover{
    font-size: 35px !important;
}

#btn-filter{
    font-size: 24px;
    padding: 9px 10px 0 10px
}

.dl-horizontal dd {
   margin-left: 80px;
}

.dl-horizontal dt{
    text-align: left;
    width: 80px;
}

.widget-user .widget-user-username{
    font-size: 18px;
}

.block-label{
    margin: 10px 0 15px 0;
    display: block;
    font-size: 15px;
    color: #777;
    border-bottom: 1px solid #777;
    padding-bottom: 5px;
}

.widget-user-2 .widget-user-header {
    min-height: 100px;
}

.img-circle{
    background-color: white;
}

#setencias-relacionadas-wrapper .container-fluid {
    padding: 0;
}
.fade-waiting-wrapper {
    display: none;
}

.fade-waiting {
    opacity: 0.8;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 10000;
    top: 0;
    left: 0;
    position: fixed;
}

.fade-waiting-animation {
    z-index: 100000;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 300px;
    margin-top: -300px; /* Half the height */
    margin-left: -200px; /* Half the width */
}

.fade-waiting-animation img {
    border-radius: 6px;
}

.fade-waiting-text {
    color: #fff;
    z-index: 100000;
    text-align: center;
    font-size: 24px;
    margin-top: 15px;
}

.notas-textarea {
    width: 250px !important;
}

.rating-container .filled-stars {
    text-shadow: none !important;
}
.rating-xs {
    font-size: 1.5em !important;
}

.select-expediente {
    display: block;
}

.pdf-icon-new-sentencia {
    color: #3FBCEB;
    font-size: 22px;
    padding-right: 5px;
}

.pdf-icon-edit-sentencia {
    color: #3FBCEB;
    font-size: 50px;
    padding-right: 5px;
}

.bootstrap-tagsinput {
    width: 100%;
    min-height: 68px;
    border-radius: 0px !important;
}


/*FORO*/
.box-foro{
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 1px 2px #c9cccd;
    margin-bottom: 20px;
    padding: 30px 0 0 0;
    text-align: center;
    display: block;
}


.box-foro h2,.box-foro i{
    color: #6B93BD
}

.box-foro i{
    font-size: 40px;
}

.box-foro-footer{
    background-color: #6B93BD;
    height:40px;
    color: white;
    text-align: left;
    font-size: 20px;
    font-weight: lighter;
}

.box-foro-footer i{
    color: white;
    font-size: 20px;
}

.box-foro p{
    padding-bottom: 20px;
    color: #787c7d;
    font-size: 17px;
    font-weight: lighter;
}

.box-comentario-foro,
#box-hilo{
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 1px 2px #c9cccd;
    margin-bottom: 20px;
}

.box-body-comentario-foro{
    padding: 20px;
    color: #666666;

}

.box-footer-comentario-foro{
    border-top: 1px solid #e7e7e7;
    padding: 10px 20px;
}

.box-footer-comentario-foro > div {
    display: inline-block;
    margin-right: 20px;
    font-size:14px;
}

.box-footer-comentario-foro .quote{
    float: right;
}

.box-footer-comentario-foro i{
    padding-right: 6px;
    font-size:16px;

}

.box-footer-comentario-foro .up{
    color: #1abc9c;
    cursor: pointer;
}
.box-footer-comentario-foro .up:hover{
    color: #149279;
}

.box-footer-comentario-foro .up:active,
.box-footer-comentario-foro .down:active{

    transform: translateY(2px);
}

.box-footer-comentario-foro .down{
   color: #db7a7a;
    cursor: pointer;
}
.box-footer-comentario-foro .down:hover{
    color: #ad6161;
}
.box-footer-comentario-foro .user,
.box-footer-comentario-foro .published,
.box-footer-comentario-foro .quote{
    color: #a0a5a9;
}

#box-hilo {
    border-left: 4px solid #6B93BD;
    position: relative;
    padding: 10px 20px;
    min-height: 73px;
}

#box-hilo #estadisticas {
    float: right;
    top: -10px;
    position: relative;
    right: -20px;
    width: 222px;
    font-size: 14px;
}

#box-hilo #estadisticas i{
    font-size: 16px;
}

 #estadisticas > div {
    background-color: #6B93BD;
    color: white;
    margin: 3px;
    padding: 5px 8px;
    float: left;
    width: 105px;
     float: right;
}


h2{
    color: #6B93BD;
    margin: 0;
    font-size: 24px;
    margin-bottom: 20px;
}

#box-hilo h2{
    margin-bottom: 5px;
}

#box-hilo h2 i{
    font-size: 22px;
    display: inline-block;
    margin-right: 8px;
}

#box-hilo h3 {
    color: #666;
    margin: 0;
    font-size: 20px;
    font-style: italic;
}

#wrapper-comentarios-citados{
    overflow-y: scroll;
    max-height: 150px;
    padding: 15px 0 0 0;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    margin-bottom: 20px;
}

.comentario-citado{
    color: #999;
    border: 1px solid #e7e7e7;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 15px;
    background-color: #fdfcfc;
}
.comentario-citado span{
    font-style: italic;
    font-size: 13px;
    display: inline-block;
    margin-bottom: 10px;

}
.box-comentario-foro .quote{
    cursor: pointer;
}
.box-comentario-foro .quote:hover {
    color: #6B93BD;
}
#valoracion-success {
    display: none;
    width: 50%;
}
#valoracion-success-100x100 {
    display: none;
    width: 100%;
}
.wrapper-spinner{
    text-align: center;
    color: #6b93bd;
    display: none;
}
.spinner {
    width: 40px;
    height: 40px;
    margin: 20px auto 5px  auto;
    background-color: #6b93bd;
    margin-bottom: 5px;

    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}



@-webkit-keyframes sk-scaleout {
    0% { -webkit-transform: scale(0) }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 100% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
          opacity: 0;
      }
}

.navbar-header .navbar-brand a{
    color: #777;
}

#valoracion-hilo {
    float: right;
    border-left: 1px solid #aaa;
    padding-left: 20px;
}

#valoracion-hilo .mensaje-valorar {
    color: #aaa;
}

.profile-menu-entry {
    padding: 8px;
    border-bottom: 1px solid #efefef;
}

.profile-menu-entry:hover {
    background-color: #f5f5f5;
}

.mapa-juzgado {
    background-color: red;
    height: 130px;
    width: 100%;
}

.no-mapa-juzgado {
    background-color: #F1E0C7;
    height: 130px;
    width: 100%;
    position: relative;
}

.no-mapa-juzgado-texto {
    text-align: center;
    color: #B4A787;
    text-shadow: -1px 0 #F8F0E3, 0 1px #F8F0E3, 1px 0 #F8F0E3, 0 -1px #F8F0E3;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box-no-border {
    border-top: none !important;
}

.pane-user-profile {
    padding: 10px;
}

.notificaciones-user-wrapper div.checkbox {
    float: right;
    margin-top: 0px;
}
.user-profile-notifications-header {
    margin-bottom: 25px;
}

/*Pricing*/
.pricing-box {
    position: relative;
    text-align: center;
    margin-top: 30px;
}
.featured-plan {
    margin-top: 0px;
}
.featured-plan .pricing-body {
    padding: 60px 0;
    background: #f7fafc;
    border: 1px solid #ddd;
}
.featured-plan .price-table-content .price-row {
    border-top: 1px solid rgba(120, 130, 140, 0.13);
}
.pricing-body {
    border-radius: 0px;
    border-top: 1px solid rgba(120, 130, 140, 0.13);
    border-bottom: 5px solid rgba(120, 130, 140, 0.13);
    vertical-align: middle;
    padding: 30px 0;
    position: relative;
}
.pricing-body h2 {
    position: relative;
    font-size: 56px;
    margin: 20px 0 10px;
    font-weight: 600;
}
.pricing-body h2 span {
    font-size: 15px;
}
.price-table-content .price-row {
    padding: 20px 0;
    border-top: 1px solid rgba(120, 130, 140, 0.13);
}
.pricing-plan {
    padding: 0 15px;
}
.pricing-plan .no-padding {
    padding: 0px;
}
.price-lable {
    position: absolute;
    top: -10px;
    padding: 5px 10px;
    margin: 0 auto;
    display: inline-block;
    width: 150px;
    left: 0px;
    right: 0px;
}
.b-t {
    border-top: 1px solid rgba(120, 130, 140, 0.13);
}
.b-b {
    border-bottom: 1px solid rgba(120, 130, 140, 0.13);
}
.b-l {
    border-left: 1px solid rgba(120, 130, 140, 0.13);
}
.b-r {
    border-right: 1px solid rgba(120, 130, 140, 0.13);
}
.b-all {
    border: 1px solid rgba(120, 130, 140, 0.13);
}
.b-none {
    border: 0px!important;
}

.notificacion-dropdown-menu {
    width: 380px !important;
}

li.notificacion-larga {
    position: relative;
}

a.notificacion-link {
    padding: 24px 10px 10px !important;
}
.suscripcion-action {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.suscripcion-action span {
    margin-right: 5px;
}

.suscripcion-action-message {
    display: none;
    position: absolute;
    top: 22px;
    right: 30px;
    background: #999;
    color: #fff;
    padding: 0px 5px;
    border-radius: 3px;
}

.notificacion-actions {
    position: absolute;
    top: 4px;
    left: 10px;
    font-size: 10px;
    color: #999;
}

.notificacion-date {
    margin-right: 20px;
}

.notificacion-remove:hover {
    color: red;
    cursor: pointer;
}

.ver-mas-notificacion {
    margin-right: 5px;
}
.ver-mas-notificacion:hover {
    color: #6992BF;
    cursor: pointer;
}

.ver-mas-notificacion>span {
    font-size: 9px;
    width: 15px;
    line-height: 7px;
    display: inline-block;
}

.sentencia-unprocessed-ok {
    cursor: pointer;
}

.sentencia-unprocessed-ko {
    cursor: pointer;
}

.sentencia-scrapped-field-uncomplete {
    position: relative;
    border: 2px solid red;
}
.sentencia-scrapped-field-uncomplete-text {
    position: absolute;
    bottom: -30px;
    left: 0px;
    font-size: 10px;
}

.navbar-brand {
    font-size: 28px;
}

.widget-user .widget-user-header{
    height: 100px;
}
.widget-user .widget-user-image>img {
    width: 65px;
}
h5.description-header .fa{
    font-size: 12px !important;
}

/* Progress-bar */
.dates-progress-bar {
    border: 1px solid #999999;
    width: 180px;
    padding: 1px;
    background-color: transparent;
    height: 34px;
    position: relative;
}

.dates-progress-bar > div {
    color: white;
    background: #6D94BB;;
    overflow: hidden;
    white-space: nowrap;
    -webkit-animation: progress-bar 2s;
    -moz-animation: progress-bar 2s;
    height: 100% ;
}

@-webkit-keyframes progress-bar {
    0% { width: 0; }
}

@-moz-keyframes progress-bar {
    0% { width: 0; }
}

.dates-progress-bar > div > span {
    text-align: left;
    color: white;
    display: block;
    position: absolute;
    top: 5px;
    height: 3px;
    width: 176px;
    padding-left: 5px;
}

.form-group small {
    color: #999;
}

.small-box .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 0;
    font-size: 50px;
    color: white;
}

.small-box:hover .icon {
    font-size: 60px;
}

.small-box>.small-box-footer {
    background-color: #16ACE3;
    color: white;
}
.small-box>.small-box-footer:hover {
    background-color: #16ACE3;
    color: white;
}
.dashboard-top-widget {
    background-color: #fff;
    color: #6b93bd;
}
.dashboard-top-widget:hover {
    color: #6b93bd;
}
.dashboard-top-widget .icon i {
    color: #6b93bd;
}

.bg-juiciator-gradient {
    background: #5181B2 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5181B2), color-stop(1, #6b93bd)) !important;
    background: -ms-linear-gradient(bottom, #5181B2, #6b93bd) !important;
    background: -moz-linear-gradient(center bottom, #5181B2 0, #6b93bd 100%) !important;
    background: -o-linear-gradient(#6b93bd, #5181B2) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b93bd', endColorstr='#5181B2', GradientType=0) !important;
    color: #fff;
}

.juiciator-color {
    color: #6b93bd !important;
}


#estado-expediente .fa{
    margin-right: 5px;
}

ul.navbar-right .fa{
    font-size: 36px;
}
.modal-header{
    padding: 0 15px !important;
}

.modal-header .fa{
    font-size: 36px;
    margin-right: 10px;
    float: left;
    padding-top: 2px;
    padding-bottom: 2px;
}

.modal-title{
    padding-top: 7px;
}

.modal-header .close{
    opacity: 1;
    margin-top: 5px;
    color: white
}

.modal-footer #ayuda-crear-expediente{
    float: left;
    width: 80%;
    text-align: left;
}

span.disable-links {
    pointer-events: none;
    opacity: 0.7;
}

#appbundle_anotacion_tiposAnotaciones .checkbox{
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 10px;
    font-weight: 400;
    cursor: pointer;
    margin-right: 30px;
    white-space: nowrap;
}


.logo img{
    max-width: 190px;
}

.table-bordered>thead>tr>th{
    white-space: nowrap;
}
.tooltip-inner{
    text-align:left;
}

.sonata-toggle-filter i{
    font-size: 20px !important;
}

/********
circle
 */
.c100{
    float: none;
    margin: 20px auto 10px auto;
}

.c100 > span{
    color: #F36A59;
    font-weight: bold;
}

.c100:after{
    background-color: white;
    top: 0.150em;
    left: 0.150em;
    display: block;
    width: 0.70em;
    height: 0.70em;
}

.c100.orange .bar, .c100.orange .fill {
    border-color: #F36A59 !important;
}


#editar-procedimiento{
    padding: 2px 5px;
    margin: 0 0 5px 30px;
    font-size: 11px;
    line-height: 1;
}
#modalProcedimiento div[class^='col-md-'],
#tab_procedimiento div[class^='col-md-']{
    padding-left: 7px;
    padding-right: 7px;
}
#modalProcedimiento .row div[class^='col-md-']:first-child,
#tab_procedimiento .row div[class^='col-md-']:first-child{
    padding-left: 15px;
}
#modalProcedimiento .row div[class^='col-md-']:last-child,
#tab_procedimiento .row div[class^='col-md-']:last-child{
    padding-right: 15px;
}
.container-block{
    padding: 0 15px !important;
}

.control-label,
label{
    color: #777 !important;
}

/***********
Accordion
 */
.accordion{
    cursor: pointer;
}
.accordion-panel{
    display: none;
}
.accordion-panel th{
    padding: 2px 8px !important;
}


#anotacion-filter{
    list-style: none;
    padding-left: 0;
}
#anotacion-filter li{
    float: left;
    margin-right: 15px;
    font-size: 15px;
}
#anotacion-filter li i{
    margin-right: 3px;
}
#anotacion-filter li a{
    color: #333;

}

#wrapper-timeline{
    margin-top: 20px;
}
#crear-anotacion-btn{
    padding: 1px 15px !important;
}
.alert-dismissable .close, .alert-dismissible .close {
    right: 0px;
}

.anotacion-bg{
    position: absolute;
    font-size: 40px;
    right: 10px;
    top: 28px;
    color: #DDDDDD;
    z-index: 1;
}

.tarea-por-realizar{
    background-color: #6E95B9 !important;
    color: white !important;
}
.tarea-por-realizar .timeline-header{
    color: white !important;
    border-bottom: 1px solid #698caf !important;
}
.tarea-por-realizar .anotacion-bg{
    color: #72A4CF !important;
}

.tarea-por-realizar.timeline-item {
    border: 1px solid #698caf;
}

.tarea-por-realizar .anotacion-actions i{
    color: white !important;
}

.tarea-por-realizar .morelink{
    color:  white;
}
.tarea-realizada .timeline-body .shortcontent{
    text-decoration: line-through;
}

.label-white{
    background-color: white;
    margin-left: 20px;
    color: #6d94ba;
    font-size: 12px;
    line-height: 1;
    padding: 1px 7px;
}

.label-red,
.label-blue{
    background-color: #6d94ba;
    margin-left: 20px;
    color: white;
    font-size: 12px;
    line-height: 1;
    padding: 1px 7px;
}
.label-red{
    background-color: #E27A7B
}
.table .label{
  margin-left: 0;
}

.anotacion-filter{
    cursor: pointer;
}

.timeline-body{
}

.anotacion-comentario{
    overflow: hidden;
    font-size: 14px;
    height: 36px;
    line-height: 18px;
    padding-left: 15px;
    position: relative;
}
.anotacion-comentario a.check-tarea{
    position: absolute;
    left: 0;
}
.show-more{
    display: none;
    position: absolute;
    right: 2px;
    bottom: 2px;
    padding: 0 2px;
    background-color: #F9F9F9;
    border: 1px solid #6F95B8;
    border-radius: 2px;
}
.show-less{
    display: none;
    position: absolute;
    right: 2px;
    bottom: 2px;
    padding: 0 5px;
    background-color: #F9F9F9;
    border: 1px solid #6F95B8;
    border-radius: 2px;
}

.tarea-por-realizar .show-more,
.tarea-por-realizar .show-less{
    color: white;
    background-color: red;
    background-color: #6F95B8;
    border: 1px solid #F9F9F9;
    border-radius: 2px;
}

.header-form{
    display: inline-block;
    width: 50%;
}

.header-form .input-group-btn button,
.header-form input{
    background-color: #6F9ECB !important;
}
.header-form i,
.header-form input::placeholder
{
    color: #DCDCDC !important;
}

.header-form input{
    color: white !important;
}

/* Listado de sentencias */
.box-sentencia{
    background-color: #F4F4F4;
    position: relative;
    border-radius: 3px;
    border-left: 3px solid #d2d6de;
    margin: 10px 5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    color: #777;
    display: block;
    cursor: pointer;
    border-left: 3px solid #EAEAEA;
}

.box-sentencia:hover{
    color: #777;
}

.box-header-sentencia{
    background-color: #EAEAEA;
    padding: 2px 10px ;
}

.box-header-sentencia div{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.box-body-sentencia{
    padding: 5px 10px;
}
/****/
.sentencia-no-adquirida{
    border-left: 3px solid #333;
}

.sentencia-adquirida{
    border-left: 3px solid #6EA558;
}

.sentencia-compartida-incompleta{
    border-left: 3px solid #E8903F;
}

.sentencia-compartida{
    border-left: 3px solid #5181b2;
}
/***/

#leyenda-sentencias{
    margin: 10px 0 5px 0;
}
#leyenda-sentencias{
    float: left;
    padding-left: 15px;
}
#leyenda-sentencias li{
    float: left;
    list-style: none;
    margin-right:20px;
}
.box-comentario-sentencia{
    float: right;
}
@media (max-width: 903px) {

    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 105px !important;
    }
}

@media (max-width: 767px) {
    .first-row-dashboard{
        margin-top: 60px;
    }

    .box-comentario-sentencia{
        float: none;
    }
}



#comentariosl-sentencia .box-comentario-foro{
    background-color: #f9f9f9;
}

.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
    background-color: #61ad8a !important;
}

.agenda-description{
    text-align: center;
}

.agenda-description h2{
    font-size: 20px;
    text-decoration: underline;
}

.agenda-description span{
    color: #6B93BD;
    font-size: 18px;
    font-weight: bold;
}

#fechas-info .popover{
    left: -270px !important;
}

.small-box h3{
    font-size: 55px;
}

.content-wrapper, .right-side {
    background-color: #EDF1F5 !important;
}

.small-box h3{
    font-weight: normal;
}

.small-box p{
    font-size: 14px;
}

#novedades{
    min-height: 308px;
}

.box-header i, .box-header h3{
    color: #666666;
}
.box-header, .box-header.with-border {
    border-bottom: 1.5px solid #F6F6F6;
}

.dashboard-tareas-actions{
    visibility: hidden;
    text-align: right;
}

#dashboard-tareas tr:hover .dashboard-tareas-actions{
    visibility: visible;
}
#dashboard-tareas .dashboard-tarea-realizada .dashboard-tarea-comentario{
    text-decoration: line-through;
}

#dashboard-tareas .check-tarea i:before{
    content: "\f096";
}
#dashboard-tareas .dashboard-tarea-realizada .check-tarea i:before{
    content: "\f14a";
}
.fa-anotacion-activa i:before{
    content: "\f14a";
}
.fa-anotacion i:before {
    content: "\f0c8";
}

.table th{
    color: #666666;
}

#tareas-pendientes,
#dashboar-avisos,
#citas-del-dia{
    height: 308px;
}

#tareas-pendientes .box-body,
#dashboar-avisos .box-body,
#dashboar-citas-del-dia .box-body{
    height: 250px;
    overflow-y: scroll;
}


/****************
MOVIL
*****************/
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
    .movil-visible{
        display: block;
        margin-bottom: 10px;
    }
    .movil-hidden{
        display: none;
    }
}
@media (min-width: 576px) {
    .movil-visible{
        display: none;
    }
    .movil-hidden{
        display: block;
    }
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) {
    .btn-like-counter{
        top:22px;
        left: 13px;
}
    .procedimiento-tabs li a span {
        display: none;
    }
    .procedimiento-tabs li a{
        color: #ddd !important;
    }

    .procedimiento-tabs li.active a span {
        display: inline-block;

    }
    .procedimiento-tabs li.active a{
        color: #444 !important;
    }

   .navbar-header i.fa-folder{
       display: none;
   }
   a.navbar-brand{
       line-height: 1.2;
       font-size: 20px;
   }
   .sidebar-form,
   li.user-menu{
       display: none;
   }

    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 0 !important;
    }

    .no-padding-right{
        padding-right: 15px;
    }
    .navbar-default.stuck{
        background-color: transparent;
    }
    .navbar-header{
        float: left;
    }
    .navbar-right{
        float: right;
        margin: 0;
        margin-right: -15px;
    }

    .navbar-right i.fa{
        font-size: 22px !important;
    }

    .navbar-collapse{
        border:none;
    }
    .content{
        padding-top: 0;
    }

    .procedimiento-tabs i{
        font-size: 16px;
    }
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991px) {

}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199px) {

}

.procedimiento-tabs li a{
    color: #999 !important;
}
.procedimiento-tabs li.active a  {
    color: #444 !important;
    font-weight: bold
}
#procedimiento-tbody td:first-child,
.procedimiento-clientes{
    font-weight: bold;
    color: #666;
}

.procedimiento-tabs li:not(.active):hover a{
    color: #6C94BB !important;
}

.badge{
    background-color: #999;
}

#expediente-info .block strong{
    color: #666;
}

.nav.navbar-nav.navbar-right ul{
    width: 100%;
}
.nav.navbar-nav.navbar-right li{
    float: left;
}

.pdfobject-container { height: 800px;width: 100%}
.pdfobject { border: 1px solid #666; }

.editable-empty{
    color: #5181B2;
    border-bottom: 0 !important;
}
.editable-empty, .editable-empty:hover, .editable-empty:focus{
    color: #5181B2;
}

.rating-xs {
    font-size: 15px !important;
}

.tab-content #leyenda-sentencia-incompleta{
    display: none;
}

.fc-day-number{
    padding-right: 10px !important;
}

.fc-scroller {
    height: auto !important;
    overflow-y: auto;
}

#edit-procedimiento-form label{
    padding-top: 5px;
}

a#btn-omitir{
    color:#777777;
    background-color: #e0dfdf;
    display: inline-block;
    padding: 1px 5px;
    margin-top: 10px;
    border-radius: 3px;
    float: left;
    cursor: pointer;
}
#selector-usuario-tarea .select2-container{
    margin-top: -5px;
}
#selector-usuario-tarea .select2-container .select2-choice{
    height: 30px;
}
#tareas-pendientes .box-header{
    padding-bottom: 5px;
}

/*calendar*/
.datepicker table tr td.old, .datepicker table tr td.new {
    color: rgb(49, 113, 150) !important;
}

td.day.with-event {
    padding: 0px;
}

.datepicker table tr td.day:hover {
    background: initial !important;
    cursor: default !important;
}
.datepicker .datepicker-switch:hover {
    background: none !important;
    cursor: default !important;
}

.datepicker table tr td.day.with-event:hover {
    cursor: pointer !important;
}

.datepicker-inline, .datepicker-inline .datepicker-days .table-condensed {
    width: 100% !important;
}

.day-with-event {
    float: none !important;
    background-color: #16ACE3;
    display: inline-block !important;
    height: 25px !important;
    line-height: inherit !important;
    padding: 2px 4px;
    width: 25px !important;
    border-radius: 50% !important;
}

.datepicker table tr td.active .day-with-event{
    background-color: #F36A59;
}
.datepicker table tr td span.day-with-event:hover {
    background: #16ACE3 !important;
}
.datepicker table tr td.active span:hover {
    background: #F36A59 !important;
}

.datepicker .next:hover, .datepicker .prev:hover {
    background: rgba(0,0,0,0.2) !important;
}

#calendar table{
    border-collapse:separate
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active{
    background: none !important;
}

#calendar .prev:before,
#calendar .next:before
/*.datepicker table tr td.today:before*/
{
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    margin: auto;
    position: absolute;
    left: 12px;
    border-radius: 4px;
    left: 0;
    right: 0;
}
#calendar .prev,
#calendar .next{
    position: relative;
}

#calendar .prev:hover:before,
#calendar .next:hover:before{
    background: rgba(0,0,0,0.2) !important;
}
#calendar .datepicker .next:hover,
#calendar .datepicker .prev:hover{
    background: none !important;
}
.datepicker table tr td.today,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover{
    background: none !important;
    color: white !important;
}

.datepicker table tr td span.day-today{

    background-color: white;
    color: #5382B0 !important;
    float: none !important;
    display: inline-block !important;
    height: 25px !important;
    line-height: inherit !important;
    padding: 2px 4px;
    width: 25px !important;
    border-radius: 50% !important;
}

.clickable-row:hover{
    cursor: pointer;
}
span.clear { clear: left; display: block; }

/*modalJuezOpinion*/

#modalJuezOpinion .opinion-block,
#modalJuezOpiniones .opinion-block{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding-left: 100px;
    position: relative;
}
#modalJuezOpinion .opinion-block > i,
#modalJuezOpiniones .opinion-block > i
{
    position: absolute;
    left: 30px;
    top: 3px;
    font-size: 28px;
    color: #999999;
}
#modalJuezOpinion h5,
#modalJuezOpiniones h5{
    text-align: center;
    font-size: 25px;
    color: #666;
}
#modalJuezOpinion .prime-label,
#modalJuezOpiniones .prime-label{
    font-weight: bold;
    display: block;
}
#modalJuezOpinion label{
    font-weight: normal;
    margin-bottom: 2px;
}
#modalJuezOpinion .radio{
    display: inline-block;
    width: 80px;
    margin-top: 2px;
    margin-bottom: 2px;
}
#modalJuezOpinion .required:after{
    content: '';
}
#modalJuezOpinion .pregunta{
    float: left;
    width: 100%;
    border-bottom: 1px solid #DFDFDF;
}
#modalJuezOpinion .pregunta > label{
    margin-top: 2px;
}
#modalJuezOpinion div[id^='juez_opinion_pregunta']{
    float: right;
}
#modalJuezOpinion .wrapper-rating-container{
    float: right;
}

#modalJuezOpinion .rating-container{
    display: inline-block;
}
#modalJuezOpinion .rating-min,
#modalJuezOpinion .rating-max{
    color: #999999;
    display: inline-block;
}

#modalJuezOpinion .rating-min{
    text-align: right;
    margin-right: 10px;
}
#modalJuezOpinion .rating-max{
    text-align: left;
    width: 90px;
    margin-left: 10px;
}

.chart{
    padding: 20px;
    padding-left: 0;
    
}

/*---*/
.btn-default,
.btn-default:hover, .btn-default:active, .btn-default.hover{
    background-color: #ffffff;
}

.btn-default .caret{
    color: #18ace4;
}

#opinion-form{
    background: url('../juci.png') no-repeat bottom left;
    background-size: 200px;
    padding-bottom: 25px;
}

/*Automatizaciones*/
.automatizaciones-estado{
    display: inline-block;
    background-color: #666666;
    margin: 2px;
    color: white;
    padding: 2px 10px;
}
.automatizaciones-dato{
    display: block;
    background-color: #f9f9f9;
    margin: 2px;
    color: white;
    padding: 2px 10px;
    color: #333;
}

.automatizaciones-header{
    font-weight: bold;
    color: #666;
}
hr{
    border-top: 1px solid #ddd;
    margin-top: 10px;
    margin-bottom: 10px;
}
.automatizacion-tipo{
    display: block;
    padding: 2px 10px;
    color: #18ace4;
}

.btn-delete,
.btn-delete:hover{
    color: #F36A59;
}

.form-horizontal .control-label{
    text-align: left;
}

.dropdown-menu-automatizacion{
    left: -100px;
    top: 32px;
}

#numero-dias-widget .form-control {
    width: 65px;
    display: inline-block;
}

#wrapper-tiempo-configuration .checkbox label{
    margin-left: 0;
}

.automatizacion-tipo{
    display: inline-block;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: relative;
    margin-left: 0;
}
#valoracion-cliente {
    padding-top: 10px
}
#valoracion-cliente i{
    font-size: 24px;
    margin: 0 3px 0 3px;
}
#valoracion-cliente span{
    padding-right: 15px;
}
#valoracion-cliente .fa-smile-o {
    color: #67A654;
}

#valoracion-cliente .fa-meh-o {
    color: #F0C246;
}

#valoracion-cliente .fa-frown-o {
    color: #A7373B;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.help-image{
    width: 100%;
    cursor:pointer;
}

#help-anotaciones,
#help-sentencias-relacionadas{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    color: #999;
}

.pane-automatizaciones .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content:"\e253";
    float: right;
    color: white;
    font-size: 25px;
    margin-top: -5px;
}

.pane-automatizaciones .accordion-toggle.collapsed:after {
    content:"\e252";
    color: #18ace4;
    font-size: 25px;
    margin-top: -5px;
}

.pane-automatizaciones .accordion-toggle {
    background-color: rgb(107, 147, 189);
    color: white !important;
    display: block;
    padding: 10px;
    margin: -10px -15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.pane-automatizaciones .accordion-toggle.collapsed {
    color: #18ace4 !important;
    background-color: white;
}

.pane-automatizaciones .fa-plus-circle{
    cursor: pointer;
}
#sentencias-filter,
#sentencias-relacionadas-filter{
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 5px;
}
#sentencias-filter .form-group {
    margin-bottom: 5px;
}

#sentencias-filter label{
    font-weight: normal;
    margin-bottom: 1px;
}

/* https://loading.io/css/ */
.lds-dual-ring {
    display: none;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 15px;
    height: 15px;
    margin: 1px;
    border-radius: 50%;
    border: 2px solid #777;
    border-color: #777 transparent #777 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#setencias-relacionadas-wrapper label{
    font-weight: normal;
    color: #333 !important;
    font-size: 15px;
}

#loading-bg{
    background-color: white;
    opacity: 0.5;
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none;
}

#loading{
    z-index: 20;
    position: fixed;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}
#loading img{
    max-width: 240px;
    display: block;
    margin: 10% auto;
    width: 100%;
}

#loading.show,
#loading-bg.show {
    display: block;
}

#sentencias-by-juez .lds-dual-ring,
#box-sentencias-relacionadas .lds-dual-ring,
.sentencias-field .lds-dual-ring {
    position: relative;
    display: block;
    right: 0px;
    left: 0;
}

/*CARDS*/
.card{
    position: relative;
    background-color: #EDEDED;
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #8E8E8E;
    width: 175px;
    float: left;
    font-family: 'Source Sans Pro','Helvetica Neue','Helvetica','Arial','sans-serif';
    margin: 15px 30px 15px 0;
    color: #666666;
    height: 235px;
}

.card:hover,
.card:active,
.card:focus{
    color: #666666;
}

.card .breadcrumbs-card{
    font-size: 9px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: -15px;
}

.card .icon{
    font-size: 60px;
    margin-top: -20px;
}

.card .title{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: -5px;
}

.card .title p{
    line-height: 10px;
    margin-bottom: 5px;
}

.card .description{
    font-size: 10px;
    text-align: justify;
    font-weight: bold;
    margin-top: 20px;
}

.card .actions{
    position: absolute;
    text-align: center;
    margin-top: 20px;
    bottom: 20px;
    width: 140px;
}

.card .actions i{
    float: right;
    font-size: 25px;
    cursor: pointer;
}

/*TABS*/
.tab-pane {
    padding: 10px;
}


.modulo-tabs-titles,
.configuracion-tabs-titles{
    color: #666666;
    margin: 10px 0 30px 0;
    font-size: 22px;
}

.modulo-tabs-titles i,
.configuracion-tabs-titles i{
    font-size: 60px;
    vertical-align: sub;
    padding-right: 10px;
}


.toggle-on.btn {
    background-color: #50B54B !important;
    border-color: #1e7e34 !important;
    color: white !important;
}

#tab-modulos h4{
    color: #444;
}

#tab-modulos .help{
    border: 1px solid #777;
    color: #777;
    padding: 7px;
    margin: 5px 0 25px 0;
}

.link-cendoj{
    display: inline-block;
    color: #777777;
    padding: 20px 50px;
    background-color: #f9f9f9;
    border-radius: 3px;
    font-size: 20px;
}

.link-cendoj i{
    font-size: 30px;
}

.modal-xl{
    width: 90%;
}

.no-result-message {
    background-color: #f9f9f9;
    margin: 10%;
    padding: 20px;
    text-align: center;
    color: #666666;
}

.nota-tiempo-precio, .tarea-tiempo-precio, .cita-tiempo-precio {
    display: none;
}

.nota-tiempo-precio .form-group{
    margin-bottom: 2px;
}

.terminos-condiciones-text{
    background-color: #f7f6f6;
    height: 100px;
    overflow-y: auto;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #eeeeee;
    border-radius: 2px;

}

#help-rentabilidad i{
    padding-right: 10px;
    color: #666666;
    font-size: 18px;
    margin-top: 35px;
}

.precio-hora{
    padding: 10px;
    margin-bottom: 30px;
    background-color: #eeeeee;
    width: 50%;
}

#info-tiempo, #info-precio{
    color: #aaaaaa;
}

#info-precio{
    text-decoration-line: underline;
    cursor: pointer;
}