* {
        	padding: 0px;
        	margin: 0px;
        	word-break: break-all;
        }

        ul,
        li {
        	
        }

        .share_txt br {
        	content: " ";
        	margin: 2px;
        	display: block;
        	border: 3px dashed rgba(0, 0, 0, 0);
        }

        a,
        a:hover {
        	text-decoration: none;
        	color: rgba(0, 0, 0, .85);
        }

        .share_txt input,
        textarea {
        	box-sizing: border-box;
        }

        #line-numbers {
        	width: 50px;
        	float: left;
        	text-align: right;
        }

        .share_txt #noteForm {
        	margin: 0px;
        	padding: 0px;
        	width: 100%;
        	min-height: 50vh;
        }

        .share_txt input {
        	width: 100%;
        	height: 30px;
        	margin: 10px 0px;
        	padding: 5px;
        	border: 0px;
        	box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
        	border-radius: 5px;
        	font-weight: 600;
        	background: #cce8cf;
        }

        .share_txt textarea {
        	width: 100%;
        	padding: 5px;
        	height: 380px !important;
        	box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
        	border: 0px;
        	border-radius: 5px;
        	background: #cce8cf;
        	font-size: 0.825rem;
        }

        .share_txt textarea::-webkit-scrollbar {
        	width: 0px;
        }

        .share_txt h1 {
        	width: 100%;
        	margin: 0px 0px;
        	padding: 5px;
        	text-align: center;
        	font-size: 1rem;
        	font-weight: 500;
        	box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.08);
        	border-radius: 5px;
        }

		.share_txt p {
		    width: 100%;
		    margin: 0px 0px 0px 0px;
		    padding: 5px;
		}

        .caption-share {
        	height: 28px;
        	display: inline;
        }

        .caption-share a {
        	display: flex;
        }

        .title-share {
        	color: #3B4B5E;
        	font-size: 1rem;
        	font-weight: 600;
        	line-height: 1.8;
        	max-width: 60% !important;
        	margin-right: 10px;
        	float: left;
        }

        #showSavedNotes,
        #godSave,
        #tempSave,
        #saveLineButton,
        .sharebtn {
        	line-height: 1.5;
        	padding: 3px 6px;
        	margin-left: 5px;
        	border: 0px;
        	border-radius: 5px;
        	background: #0ba360;
        	color: white;
        }

        #showSavedNotes {
        	margin-top: 6px;
        }

        .sharebtn:hover,
        #noteForm button:hover {
        	box-shadow: 1px 1px 3px rgba(0, 0, 0, .55);
        	background: #fff;
        	color: black;
        }

        .line_btn {
        	padding: 3px 5px;
        	border: 0px;
        	border-radius: 5px;
        	background: #ffd3a6;
        	color: black;
        }

        .del_note {
        	border: 0px;
        	border-radius: 5px;
        	background: #d3d3d394;
        	padding: 0px 5px;
        	color: #ff4242;
        	margin: 2px 0px 2px 20px;
        }

        .del_note:hover {
        	background: red;
        	color: white;
        }

        .li_note:hover {
        	background: #a9e879;
        }

        .txtbtn {
        	-webkit-user-select: none;
        	-moz-user-select: none;
        	-ms-user-select: none;
        	user-select: none;
        }

        #copyContent {
        	display: block;
        	width: 100%;
        	margin: 0px;
        }

        #line_num {
        	font-weight: 800;
        }

        #tempSave {
        	background: #ffa343;
        }

        #savedNotesList li {
        	margin-bottom: 8px;
        	border-bottom: 1px dashed rgba(0, 0, 0, .25);
        	max-width: 80vw;
        	min-width: 20vw;
        	margin: auto;
        }

        #notification-container {
        	position: fixed;
        	top: 20px;
        	right: 20px;
        	z-index: 9999;
        }

        .notification {
        	background-color: #030303bf;
        	color: #fff;
        	padding: 15px;
        	border-radius: 4px;
        	margin-bottom: 10px;
        	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        	opacity: 0;
        	transform: translateX(100%);
        	transition: opacity 0.5s, transform 0.5s;
        }

        .notification.show {
        	opacity: 1;
        	transform: translateX(0);
        }

        #replaceModal {
        	display: none;
        	position: fixed;
        	top: 50%;
        	left: 50%;
        	transform: translate(-50%, -50%);
        	padding: 20px;
        	background-color: white;
        	border: 1px solid #ccc;
        	border-radius: 5px;
        	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        	z-index: 99900;
        	max-height: 80vh;
        	overflow-y: scroll;
        }

        @media only screen and (max-width: 580px) {
        	.pb-2 a {
        		margin-right: 0.5rem !important;
        	}

        	#replaceModal {
        		max-height: 85vh;
        		min-width: 100%;
        	}
        }
        

.bd ul li {
	margin: 0 10px;
    width: 100%;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bd ul {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
}

.bd li a {
	display: inline-block;
    border-radius: 2px;
    text-align: center;
}

.bd ul li span {
    float: left;
    margin-right: 10px;
    color: #d98a15;
}