.meGusta1 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/meGusta1.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.meGusta2 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/meGusta2.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.meGusta3 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/meGusta3.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.meGusta4 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/meGusta4.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.meGusta5 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/meGusta5.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.noMeGusta1 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/noMeGusta1.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.noMeGusta2 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/noMeGusta2.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.noMeGusta3 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/noMeGusta3.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.noMeGusta4 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/noMeGusta4.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.noMeGusta5 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/noMeGusta5.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.meGustaUp1 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/meGusta1.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.meGustaUp2 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/meGusta2.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.meGustaUp3 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/meGusta3.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.meGustaUp4 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/meGusta4.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.meGustaUp5 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/meGusta5.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.noMeGustaUp1 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/noMeGusta1.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.noMeGustaUp2 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/noMeGusta2.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.noMeGustaUp3 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/noMeGusta3.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.noMeGustaUp4 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/noMeGusta4.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.noMeGustaUp5 {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/noMeGusta5.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:71px;
    width:115px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}



.caliScrollUp[type=radio]{
    display:none;
}
.selectCaliScrollUp[type=radio]:checked + label{
    border:solid 2px red
}

.fullscreen-modal .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .fullscreen-modal .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .fullscreen-modal .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .fullscreen-modal .modal-dialog {
     width: 1170px;
  }
}

.firstcharacter {
  color: #903;
  float: left;
  font-family: Georgia;
  font-size: 75px;
  line-height: 50px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}





.selectPenal {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/formato-penal.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:80px;
    width:80px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.selectOfrezco {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/ofrezco.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:80px;
    width:110px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.selectSolicito {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/solicito.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:80px;
    width:110px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.tipoPenal {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/formato-penal.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:80px;
    width:80px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.tipoAdmin {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/formato-admin.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:80px;
    width:80px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.tipoCivil {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/formato-civil.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:80px;
    width:80px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.tipoLaboral {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/formato-laboral.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:80px;
    width:80px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.selectAdmin {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/formato-admin.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:80px;
    width:80px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.selectCivl {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/formato-civil.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:80px;
    width:80px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.selectLaboral {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/formato-laboral.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:80px;
    width:80px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}




.selectTipoServ[type=radio]{
    display:none;
}
.selectTipoServ2[type=radio]:checked + label{
    border:solid 2px red
}

.custom-file-input ~ .custom-file-label::after {
    content: "Buscar";
}

.link{
  color: black;
}

.link:hover{
  color: red;
}

.link:active{
  color: blue;
}



@font-face{
 font-family:'digital-7';
 src: url('http://localhost/musical-octo-broccoli/views/css/digital-7/digital-7.ttf');
}

.digital {

font-size: 25px;
color: #8fff00;
background-color: #000000;
font-family: 'digital-7', sans-serif;
}

.digital2 {
width: 290px;
height:50px;
font-size: 40px;
color: #8fff00;
background-color: #000000;
font-family: 'digital-7', sans-serif;
}



.form-compact {
  font-size: 0.8em;
}

.form-compact .form-control {
  padding: 1px 2px;
  height: 30px;
  font-size:1em;
}
.form-compact label {
  margin-bottom: 1px;
}
.form-compact .form-group
{
  margin-bottom:0px;
}





.hemeroteca {
	background:	url(https://mexicolegal.mx/views/img/fondo_columna.jpg);
}






		p {text-align: justify}

		.contenedor {
			margin-bottom: 20px;
			background: #0275d8;
			color: #fff;
		}

		

		.contenedor div {
			background: rgba(255,255,255,.2);
			padding: 15px;
		}
		.media img{
			margin-right: 20px;
		}

		.anyClass {
		  height:550px;
		  overflow-y: scroll;
		}

		.anyClass {
		  height:550px;
		  overflow-y: scroll;
		}

		.anyClass2 {
		  height:1500px;
		  overflow-y: scroll;
		}

		.anyClass2 {
		  height:1500px;
		  overflow-y: scroll;
		}

		.tile-messages {
		    position: absolute;
		    background: #00b537;
		    padding: 0px 4px;
		    border-radius: 16px;
		    top: -4px;
		    left: -4px;
		    color: #fff;
		}

		.btn-superior:hover {
			background-color: #f9d71c;
			color: #333;
			border-color: #adadad;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		.btn-superior {
			background-color: #f9d71c;
			color: #333;
			border-color: #ccc;max-height:
		}

		.btn-superior:focus, .btn-superior.focus {
			background-color: #e6e6e6;
			color: #333;
			border-color: #8c8c8c;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}

		.bg-superior:hover {
			background-color: #f9d71c;
			color: #333;
			border-color: #f9d71c;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		.bg-superior {
			background-color: #f9d71c;
			color: #333;
			border-color: #ccc;max-height:
		}

		.bg-superior:focus, .btn-superior.focus {
			background-color: #f9d71c;
			color: #333;
			border-color: #f9d71c;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}

		.border-superior {
		border-color: #f9d71c !important;
		}

		.btn-voxpopuli:hover {
				background-color: #6c2b7d;
				color: #333;
				border-color: #8c8c8c;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}
			.btn-voxpopuli {
			background-color: #6c2b7d;
			color: #333;
			border-color: #ccc;max-height:
		}

		.btn-debates:hover {
			background-color: #ff0000;
			color: #333;
			border-color: #ff0000;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		.btn-debates {
			background-color: #ff0000;
			color: #333;
			border-color: #ccc;max-height:
		}

		.btn-debates:focus, .btn-debates.focus {
			background-color: #ff0000;
			color: #333;
			border-color: #ff0000;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		.bg-debates:hover {
			background-color: #ff0000;
			color: #333;
			border-color: #ff0000;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		.bg-debates {
			background-color: #ff0000;
			color: #333;
			border-color: #ccc;max-height:
		}

		.bg-debates:focus, .btn-debates.focus {
			background-color: #ff0000;
			color: #333;
			border-color: #ff0000;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}

		.btn-cafeteando:hover {
			background-color: #99582A;
			color: #333;
			border-color: #99582A;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		.btn-cafeteando {
			background-color: #99582A;
			color: #333;
			border-color: #ccc;max-height:
		}

		.btn-cafeteando:focus, .btn-cafeteando.focus {
			background-color: #99582A;
			color: #333;
			border-color: #99582A;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		.bg-cafeteando:hover {
			background-color: #99582A;
			color: #333;
			border-color: #99582A;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		.bg-cafeteando {
			background-color: #99582A;
			color: #333;
			border-color: #ccc;max-height:
		}

		.bg-cafeteando:focus, .btn-cafeteando.focus {
			background-color: #99582A;
			color: #333;
			border-color: #99582A;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}

		.border-cafeteando {
		border-color: #99582A !important;
		}

		.btn-voxpopuli:hover {
			background-color: #6c2b7d;
			color: #333;
			border-color: #6c2b7d;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		.btn-voxpopuli {
			background-color: #6c2b7d;
			color: #333;
			border-color: #ccc;max-height:
		}

		.btn-voxpopuli:focus, .btn-voxpopuli.focus {
			background-color: #6c2b7d;
			color: #333;
			border-color: #6c2b7d;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		.bg-voxpopuli:hover {
			background-color: #6c2b7d;
			color: #333;
			border-color: #6c2b7d;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		.bg-voxpopuli {
			background-color: #6c2b7d;
			color: #333;
			border-color: #ccc;max-height:
		}

		.bg-voxpopuli:focus, .btn-voxpopuli.focus {
			background-color: #6c2b7d;
			color: #333;
			border-color: #6c2b7d;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}

		.tamano {
			height: 900px;
		}