#headerlogo { margin-top: 30px; width: 360px!important; } /* Ocultar botonera inferior*/ /*.btn-reassign { display:none; } .btn-unclaim { display:none; }*/ /*#complete { display:none; }*/ .select2-selection__rendered>li { color:black!important; } /*transformar algunos checkbox en interruptor (p. ej Ocultar / Desocultar documento). OJO! Interfiere en el datepicker pero lo arreglamos después*/ .switch { position: relative; display: inline-block; width: 30px; height: 17px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } /* Rounded sliders */ .slider.round { border-radius: 17px; } .slider.round:before { border-radius: 50%; } /*la transformacion de algunos checkbox en interruptor altera los martes del widget datepicker al usar una clase que tambien se llama switch. Para evitar cambiar el nombre de la clase en todos los formularios desplegados, lo vamos a parchear encima*/ .datetimepicker th.switch { display:table-cell!important; }