body {
	font-family: 'PT Sans', 'Calibri', sans-serif;
    font-size: 16px;
	color: #595441;
	text-align:center;
}
main {
	float:none!important;
	width:100%!important;
}
.grid2 {
    gap: 0;
    margin-bottom: 1rem;
    grid-template-columns: 1fr 2fr;
}
.grid2 > * { border-bottom:1px solid #ccc !important; box-sizing: border-box; }
label { margin:0; padding:.5em 0; }

#wrap {
	max-width:1110px;
	min-height:150px;
	margin:0rem auto;
	background:white;
	text-align:left;
	padding:0;
	border-left:3px solid #00614b;
	border-right:3px solid #00614b;
	border-bottom:3px solid #00614b;
	border-top:3px solid #00614b;
}
header {
	padding-inline: 2rem;
}

header h1 a {
    flex: 1;
}

.hide-if-no-js {display: none;}
div, p {
	font-size: 1.1875rem;
}
a, a:link, a:active, a:visited {
	color: #00614b;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {min-height:50px;margin:0;display: flex;
    width: 100%;
    align-items: center;
    margin-top: 2rem;justify-content: space-between;}
h1 a {font-size:20px;}
h1 a, h1 a:link, h1 a:active, h1 a:visited {color:#00614b}
h1 a:hover{text-decoration:none;}
h1 a:hover span{text-decoration:underline;color:#88c0eb}
#yourls-logo {
    border:0px;
    width: 50%;
    margin-top: 1rem;
	max-width: 218px;
}
ul#admin_menu {
    list-style-type: none;
    padding: 2rem 0;
	padding-top: 3rem;
    display: flex;
    gap: 1.25rem;
    justify-content: center;
}
ul#admin_menu li {
	padding: 5px 0.75rem;
    background: white;
    color: #00624b;
}

ul#admin_menu li:hover {
	list-style-type:square;
	background: #00624b;
    color: white;
}
ul#admin_menu li:hover a {

    color: white;
}

code {
	background:#eaeaef;
	padding:0 2px;
}
tt {
	background:#ffc;
	padding:0 2px;
}

input.text, select, textarea {
	border: 0 none;
    border-bottom: 2px solid #555555;
	border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-radius: 0;
    padding: 0.2em 0.4em;
    font-size: 1.0625rem;
    color: #555555;
	-webkit-box-shadow: 0 0 0 1000px #8BC34A inset !important;
    box-shadow: 0 0 0 1000px #00624b26 inset !important;
    -webkit-text-fill-color: #555555 !important;
}

body.index input.text:not(#copylink), body.index select, body.index textarea {
-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
}

body.index input.text, select, textarea {
	border-top: 2px solid #f1f1f1;
    border-left: 2px solid #f1f1f1;
    border-right: 2px solid #f1f1f1;
	border:none;
}

body.login input.text, select, textarea {
	border-top: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
}

body.index select {
	border-top: 2px solid #f1f1f1;
    border-left: 2px solid #f1f1f1;
    border-right: 2px solid #f1f1f1;
}

body.index textarea {
	 border-bottom: 2px solid #555555;
}

input.button {
	display: inline-block;
    background-color: #00614b;
	border: 2px solid #00614b;
    padding: 0.3em 1em;
    color: #FFFFFF;
    text-decoration: none;
	outline: none;
	cursor: pointer;
	font-size: 1.1875rem;
	border-radius: 0;
}
input.button:hover {
	  background-color: #ffffff;
    color: #00614b;
}
input.primary {
	border:2px solid #2A85B3;
	background:#fafafe;
}
input.text:focus, textarea:focus {
	border:2px solid #00614b;
	margin:0px;
	background: white;
	outline: none;
}
tr.edit-row td {
	background: #C5E86E !important;
    padding: 2rem !important;
    line-height: 3rem;
}
#new_url {
	padding:1px;
	background:#fff;
	clear:both;
	margin-bottom:2rem;
}

#new_url div {
	background:#f1f1f1;
	padding:0.5rem;
}

#new_url_form {
	padding:4px;
}
#new_url #feedback {
	background:#ff8;
	color:#88c0eb;
	width:50%;
	margin:0px 25%;
	padding:2px;
	border:1px solid #ff8;
}
#new_url #feedback .fail {
	color:#f55;
}

#add-url,
#add-keyword {
	width:400px;
	width: 100%;
    max-width: 25rem;
    max-width:unset;
}

td.url small a{
	color:#046e58;
	font-weight: bold;
}
body.desktop td.actions input,body.desktop  td.actions a {
	visibility:visible; /*that was hidden*/
}
td.timestamp span.timestamp {
    display:none;
}
td.actions input.disabled, td.actions input.loading {
	visibility:visible;
}
tr:hover td.actions input, tr:hover td.actions a {
	visibility:visible;
}
td.actions .button {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #595441;
	font-weight: bold;
	background-color: #FFFFFF;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	cursor:pointer;
	height:22px;
	width:22px;
	margin-top:0px;
	margin-right:5px;
	display:block;
	float:left;
	text-indent:-9999px;
	outline:0px;
}
td.actions .button:active {
	border:1px solid #000;
}
td.actions .button:hover {
	text-decoration:none;
}
td.actions .button.disabled, #add-button.disabled {
	border:1px solid #333;
	background:#ccc;
}
td.actions .button.loading, #add-button.loading {
	background:#00614b url(../images/loading.gif) center center no-repeat;
	color:white;
}
td.actions .button_share {
	background:transparent url(../images/share.png) center no-repeat;
	background-size: contain;
}
td.actions .button_edit {
	background:transparent url(../images/pencil.png) center no-repeat;
	background-size: contain;
}
td.actions .button_delete {
	background:transparent url(../images/delete.png) center no-repeat;
	background-size: contain;
}
td.actions .button_stats {
	background:transparent url(../images/chart_bar.png) center no-repeat;
	background-size: contain;
}

.display-result {
    padding-inline: 1rem;
}

.error {
	color: #8A1538;
}
.warning {
	color: #8A1538;
}
.success {
	color: #00614b;
}
#login {
	max-width: 300px;
	margin: 5rem auto 0px auto;
}

#login p{
	font-weight: bold;
}
#login .text {
	width: 100%;
}
#login ul {
	padding-left:0px;
	list-style-type:none;
	text-indent:0;
}
#login ul li {
	padding:0 0 5px 20px;
}
#login ul.error li {
	background:transparent url(../images/cancel.svg) top left no-repeat;
}
#login ul.warning li {
	background:transparent url(../images/error.svg) top left no-repeat;
}
#login ul.success li {
	background:transparent url(../images/accept.svg) top left no-repeat;
}
.sub_wrap {
	max-width:580px;
	padding-bottom:30px;
	text-align:justify;
}
.sub_wrap span {
	background:#C5E86E;
	padding:0 2px;
}
a.bookmarklet {
	border:2px solid #00614b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:5px 5px 5px 20px;
	background:#c4e76f52 url(../images/favicon.svg?v=1) 2px center no-repeat;
	background-size:16px;
	padding-left:30px;
	margin:3px;
	display:inline-block;
}
a.bookmarklet:hover {
	text-decoration:none;
	background-position:3px center;
}

.notice {
	border:1px solid #8A1538;
	background: #8A1538;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	width:70%;
	margin-left:15%;
	padding-left:10px;
	margin-bottom:5px;
	color:white;
}

span#toggle_plugins {
	background: url(../images/filter.png) left top no-repeat transparent!important;
	background-size:contain!important;
}


.jquery-notify-bar {
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:32768;
  background-color:#efefef;
  font-size:18px;
  color:#000;
  text-align:center;
  font-family: Arial, Verdana, sans-serif;
  padding:20px 0px;
  border-bottom:1px solid #bbb;
  filter:alpha(opacity=95);
  -moz-opacity:0.95;
  -khtml-opacity:0.95;
  opacity:0.95;
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.jquery-notify-bar.error ,.jquery-notify-bar.fail {
  color:#8A1538;
  background-color:#fdd;
}
.jquery-notify-bar.error span,.jquery-notify-bar.fail span{
	background:transparent url("../images/error.svg") no-repeat left center;
	padding-left:20px;
}.jquery-notify-bar.success span{
	background:transparent url("../images/accept.svg") no-repeat left center;
	padding-left:20px;
}
.jquery-notify-bar.success {
  color:white;
  background-color:#00614b;
}
.notify-bar-close {
  position:absolute;
  left:95%;
  font-size:11px;
}
tr.plugin.active a{ font-weight:bolder;}
body.desktop tr.plugin td.plugin_desc small{ visibility:hidden;}
tr:hover.plugin td.plugin_desc small{ visibility:visible;}

body.index .display-result > div {
    background-color: #f1f1f1;
    padding: 1rem;
    display: inline-block;
    color: #545454;
} 

body:not(.homepage) main, 
.display-result {
    display: block;
    clear: both;
    max-width: 90%!important;
    margin: 0 auto!important;
}

body.tools main.sub_wrap {
    width: 100%;
    margin: 0 auto;
}
footer .out_wrap {
    margin: 0 auto;
    max-width: 995px!important;
}

footer a, footer a:link {
    color: white;
}

.footer_copyright {
	text-align: left;
}

body.plugins main, 
body.help main {
    max-width: 90%;
    margin: 0 auto;
}

body.plugins table#main_table tr:nth-child(even) td {
    background-color: #f1f1f1;
}

@media screen and (max-width:740px){

	body.infos table tr td {
		display: block!important;
	}

	#tabs ul#headers li, #tabs ul#headers li h2, #stats_lines li {
		display: inline-grid!important;
	}


	body.infos h2 {
		padding: 0px;
	}

	#shareboxes {
		flex-direction: column;
	}

	div.share {
		float:none!important;
		margin-bottom: 1rem;
	}

	#filter_buttons {
		float: left!important;
		margin-block: 1rem;
	}

	body.index .grid2 {
		padding: 0!important;
	}

	main {
		 overflow-x: auto;
  		-webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
	}

	ul#admin_menu li:hover {
		list-style-type: none;
	}


	code, tt {
		word-break: break-all;
	}

	pre code {
		white-space: pre-wrap;
	}

	ul#admin_menu {
		list-style-type: none;
		padding: 0rem 0;
		padding-top: 0rem;
		display: flex;
		gap: 1.25rem;
		justify-content: center;
		background: #f1f1f1;
		flex-wrap: wrap;
		margin: 3rem 0px;
		padding-block: 0.5rem;
	}

	ul#admin_menu li {
		padding: 5px 0.75rem;
		background: transparent;
		color: #00624b;
	}

	header h1 {
		display:block!important;
		text-align: center;
	}

	header h1 a:nth-child(2) {
		margin-block: 1rem;
	}

	header h1 a, header h1 a:link, header h1 a:active, header h1 a:visited {
    color: #00614b;
	display: block;
}

}