.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #dcdcdd; background-color: #b60c0c; border-color: #c54141 #c54141 #fff; } .container-check { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .container-check input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #dcdcdd; } /* On mouse-over, add a grey background color */ .container-check:hover input ~ .checkmark { background-color: #8e97a1; } /* When the checkbox is checked, add a blue background */ .container-check input:checked ~ .checkmark { background-color: #b60c0c; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .container-check input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .container-check .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .light-bg{ background-color: #dcdcdd; } .dark-bg{ background-color: #8e97a1a8; } .gray-bg { background-color: #a9a8a81a; } /* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/ .card{ overflow-y: auto; } .card::-webkit-scrollbar { -webkit-appearance: none; } .card::-webkit-scrollbar:vertical { width:10px; } .card::-webkit-scrollbar-button:increment,.card::-webkit-scrollbar-button { display: none; } .card::-webkit-scrollbar:horizontal { height: 10px; } .card::-webkit-scrollbar-thumb { background-color: #797979; border-radius: 20px; border: 2px solid #f1f2f3; } .card::-webkit-scrollbar-track { border-radius: 10px; } */