.mc1 {
			padding: 1rem;
		}
		.container-centered {
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.content {
			width: 90%;
			min-height: 1000px;
			height: 100%;
			padding: 1rem;
		}

        .custom-tbl {
            width: 100%;
            border-collapse: collapse;
        }
        .custom-tbl, th, td {
			/*border-bottom: 1px solid #d0d0d0;*/
            word-wrap: break-word;
			padding: 3px;
        }
		.custom-tbl img {
			/*filter: invert(32%) sepia(5%) saturate(376%) hue-rotate(190deg) brightness(98%) contrast(87%);*/
        }

        .custom-tbl tr td:nth-last-child(1), .custom-tbl tr th:nth-last-child(1) {
            display: none;
        }    

        .custom-tbl .grid-page td {
            display: revert !important;
        }		
		
		.custom-tbl thead tr{
			background: #D40900;
			color: #ffffff;
		}
		
		.custom-tbl tbody tr:nth-child(even) {
			background: #f5f5f6;
		}
		.custom-tbl tbody tr:nth-child(odd) {
			background: #ffffff;
		}
		.custom-tbl tbody tr:hover {
			background: #dddddd;
		}

        @media screen and (max-width: 1200px) {
            .custom-tbl tr td:nth-child(n+5), .custom-tbl tr th:nth-child(n+5) {
                display: none;
            }
            .custom-tbl tr td:nth-last-child(1), .custom-tbl tr th:nth-last-child(1) {
                display: table-cell;
            }
        }
        @media screen and (max-width: 800px) {
            .custom-tbl tr td:nth-child(n+4), .custom-tbl tr th:nth-child(n+4) {
                display: none;
            }
            .custom-tbl tr td:nth-last-child(1), .custom-tbl tr th:nth-last-child(1) {
                display: table-cell;
            }
            .container-centered {
                padding: 0rem;
            }
		    .mc1 {
		    	padding: 0rem;
		    }
            .content {
                width: 100%;
            }
        }

        /* The Modal (background) */
        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 9999; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }
        .modal.show {
            display: block;
        }

        /* Modal Content/Box */
        .modal-content {
            position: relative;
            background-color: #fefefe;
            margin: auto;
            padding: 0;
            border: 1px solid #888;
            border-radius: 0.2pc;
            width: 80%;
            padding: 20px 20px 60px 20px;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
            animation-name: animatetop;
            animation-duration: 0.2s;
            top: 10%;
        }

        /* Add Animation */
        @keyframes animatetop {
            from {top: -300px; opacity: 0}
            to {top: 10%; opacity: 1}
        }

        /* The Close Button */
        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }

        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }

        .complete-row-text {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        .complete-row-text > div {
            padding: 5px 0px;
        }