body {
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #595441;
	background:#e3f3ff;
	text-align:center;
	margin-top:0px;
	/* margin-bottom: 10px; */
	/* padding-top:10px; */
}
#wrap {
    max-width: 1150px;
    min-height: 150px;
    margin: 0 auto;
    background: white;
    text-align: left;
    padding: 15px 20px 10px 20px;
    /* border-left: 1.5px solid #2a85b3;
    border-right: 1.5px solid #2a85b3;
    border-bottom: 1.5px solid #2a85b3;
    border-top: 1.5px solid #2a85b3; */
	box-shadow: inset 0px 5px 5px -10px #2a85b3, inset 0px 0px 10px #2a85b3;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.hide-if-no-js {display: none;}
div, p, td {
	font-family: Verdana, Arial;
	font-size: 12px;
}
a, a:link, a:active, a:visited {
	color: #2a85b3;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
    height: 55px;
    margin: 0;
    margin-top: 5%;
    font-size: 30px;
	color:#ff1a1a;
    /* float: right; */
    margin-left: 20%;
    max-width: 550px;
}
.headtitle{
	font-size: 15px;
    text-align: center;
    margin-top: 4%;
    font-weight: 600;
    color: #ff1a1a;
}
h1 a {text-align:right;font-size:20px;float:right;}
h1 a, h1 a:link, h1 a:active, h1 a:visited {color:#2a85b3}
h1 a:hover{text-decoration:none;}
h1 a:hover span{text-decoration:underline;color:#88c0eb}
#yourls-logo {
    border: 0px;
    width: 120px;
    float: right;
}
.chart {
	width: 100% !important; 

  }
  .row {
	margin:0 !important;
  }
#shorturl{
	margin-top: 3%;
	margin-left: 3%;
}
#longurl{
	margin-bottom: 3%;
}
.h3, h3 {
    font-size: 15px;
}
.h2, h2 {
    font-size: 15px;
}
.head{
	margin-bottom: 0%;
}
ul#admin_menu {
	min-height:100px;
	list-style-type:none;
	padding:0;
	font-size:105%;
}
ul#admin_menu li {
	color:#aaa;
	padding:1px 0;
}
ul#admin_menu li:hover {
	list-style-type:square;
	color:#000;
}

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

input, textarea {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
Input.text, select, textarea {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #595441;
	background-color: #FFFFFF;
	border: 1px solid #88c0eb;
	box-shadow: inset 0px 5px 5px -10px #88c0eb, inset 0px 0px 10px #88c0eb;
	margin:5px;
}
.col-md-6 {
    flex: 0 0 auto;
    width: 45%;
	box-shadow: inset 0px 5px 5px -10px #88c0eb, inset 0px 0px 10px #88c0eb;
    margin-left: 5px;
	padding: 15px;
}
/* .stats_line {
	box-shadow: inset 0px 5px 5px -10px #88c0eb, inset 0px 0px 10px #88c0eb;	
	padding: 20px;
} */
input.button {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #595441;
	font-weight: bold;
	background-color: #FFFFFF;
	border: 1px solid #88c0eb;
	cursor:pointer;
}
input.primary {
	border:2px solid #2A85B3;
	background:#fafafe;
}
input.text:focus, textarea:focus {
	border:2px solid #2A85B3;
	margin:0px;
}
tr.edit-row  td {
	background:#e3f3ff !important;
}
#new_url {
	text-align:center;
	padding:1px;
	border:1px solid #CDCDCD;
	background:#fff;
	clear:both;
}
#new_url div {
	background:#C7E7FF;
	padding:4px;
}
#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 {width:400px}
/* td.url small a{
	color:#bbc;
} */
body.desktop td.actions input,body.desktop  td.actions a {
	visibility: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;
	border: 1px solid #88c0eb;
	-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:#cc7 url(../images/loading.gif) center center no-repeat;
	color:#cc7;
}
td.actions .button_share {
	background:transparent url(../images/share.svg) center no-repeat;
}
td.actions .button_edit {
	background:transparent url(../images/pencil.svg) center no-repeat;
}
td.actions .button_delete {
	background:transparent url(../images/delete.svg) center no-repeat;
}
td.actions .button_stats {
	background:transparent url(../images/chart_bar.svg) center no-repeat;
}
#main_table tfoot th, #main_table tfoot th div {
	font-size:10px;
}
.error {
	color: red;
	background:#fee;
}
.warning {
	color: orange;
	background:#ffe9bf;
}
.success {
	color: green;
	background:#efe;
}
#login {
	width: 300px;
	margin: 200px 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:#ffa;
	padding:0 2px;
}
a.bookmarklet {
	border:2px solid #2a85b3;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:5px 5px 5px 20px;
	background:#eef url(../images/favicon.svg) 2px center no-repeat;
	padding-left:30px;
	margin:3px;
	display:inline-block;
}
a.bookmarklet:hover {
	text-decoration:none;
	background-position:3px center;
}
#footer {
	text-align:center;
	margin-top:20px;
}
#footer p {
	padding:10px;
	background:white;
	margin:0 auto;
	max-width:950px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:2px solid #2a85b3;
	-moz-border-radius-bottomleft:30px;
	-moz-border-radius-bottomright:30px;
	-webkit-border-bottom-left-radius:25px;
	-webkit-border-bottom-right-radius:25px;
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
}
#footer p a {
	background:#fff url(../images/favicon.svg) 2px center no-repeat;
	padding-left:30px;
}

.notice {
	border:1px solid #2a85b3;
	background: #F3FAFD;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	width:70%;
	margin-left:15%;
	padding-left:10px;
	margin-bottom:5px;
}


.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:#f00;
  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:#060;
  background-color:#aea;
}
.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;}
#exampleModal, #madaldata{
	display: none;
}
.stats_line, .chart {
	overflow: auto;
}
@media only screen and (max-width: 1024px) {
	#wrap {
		/* max-width: 950px; */
		min-height: 150px;
		width: 96%;
		/* margin: 0 auto; */
		margin-left: 2%;
		background: white;
		text-align: left;
		padding: 5px 5px 5px 5px;
		/* border-left: 1.5px solid #2a85b3;
		border-right: 1.5px solid #2a85b3;
		border-bottom: 1.5px solid #2a85b3;
		border-top: 1.5px solid #2a85b3; */
		box-shadow: inset 0px 5px 5px -10px #2687b8, inset 0px 0px 10px #2687b8;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	#tabs{
		margin-left: -1% !important;
	}
	h2 {
		display: block;
		font-size: 13px;
		margin-block-start: 0.83em;
		margin-block-end: 0.83em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-weight: bold;
	}

	.stats_line, .chart {
		overflow: auto;
	}
}
@media only screen and (max-width: 900px) {
	#tabs{
		margin-left: -1% !important;
	}
	h2 {
		display: block;
		font-size: 12px;
		margin-block-start: 0.83em;
		margin-block-end: 0.83em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-weight: bold;
	}
	.stats_line, .chart {
		overflow: auto;
	}
}

@media only screen and (max-width: 768px) {
	#wrap {
		/* max-width: 950px; */
		min-height: 150px;
		width: 96%;
		/* margin: 0 auto; */
		margin-left: 2%;
		background: white;
		text-align: left;
		padding: 5px 5px 5px 5px;
		/* border-left: 1.5px solid #2a85b3;
		border-right: 1.5px solid #2a85b3;
		border-bottom: 1.5px solid #2a85b3;
		border-top: 1.5px solid #2a85b3; */
		box-shadow: inset 0px 5px 5px -10px #2687b8, inset 0px 0px 10px #2687b8;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	#yourls-logo {
		border: 0px;
		width: 18%;
		/* float: right; */
		/* margin-right: 35%; */
		/* margin-bottom: 50% !important; */
	}
	/* .head{
		margin-bottom: 40%;
	} */
	h3 span.label {
		width: 80px !important;
		font-size: 13px;
	}
	h1 {
		height: 55px;
		margin: 0;
		margin-top: 5%;
		margin-bottom: 10%;
		text-align: center ;
		font-size: 30px;
		color: #ff1a1a;
		/* float: right; */
		margin-left: 0%;
		max-width: 550px;
	}
	h2 {
		display: block;
		font-size: 10px;
		margin-block-start: 0.83em;
		margin-block-end: 0.83em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-weight: bold;
	}
	h3 {
		display: block;
		font-size: 13px;
		margin-block-start: 1em;
		margin-block-end: 1em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-weight: bold;
	}
	#shorturl img, #longurl img {
		/* width: 16px;
		height: 16px; */
		display: none !important;
	}
	.col-md-6 {
		flex: 0 0 auto;
		width: 100%;
		box-shadow: inset 0px 5px 5px -10px #88c0eb, inset 0px 0px 10px #88c0eb;
		margin-left: 5px;
		padding: 15px;
		margin-bottom: 10px;
	}
	/* #tabs ul#headers li, #tabs ul#headers li h2, #stats_lines li {
    display: inline-grid !important;
    padding: 5px;
} */
#tabs ul#headers li a {

    padding: 3px !important;
  
}

/* .overall{
	width: 145% !important;
} */
#add-url {
    width: 320px;
}
#sharebox {
    width: 405px !important;
}
#tweet_body {
    float: left;
    width: 375px !important;
    height: 4em;
    font-size: 12px;
}
div.share {
    height: 160px !important;
}
#copybox {
    width: 250px;
    margin-bottom: 25px;
}
.stats_line, .chart {
	overflow: auto;
}
.tra_share {
    margin: 1.8px !important;
}
#tabs{
	margin-left: -2% !important;
}
/* #new_url div {
    background: #C7E7FF;
    padding: 0px;
} */
/* #stats_lines li a {

	padding:3px 3px !important;
} */
}

@media only screen and (max-width: 600px) {
	#wrap {
		/* max-width: 950px; */
		min-height: 150px;
		width: 96%;
		/* margin: 0 auto; */
		margin-left: 2%;
		background: white;
		text-align: left;
		padding: 20px;
		/* border-left: 1.5px solid #2a85b3;
		border-right: 1.5px solid #2a85b3;
		border-bottom: 1.5px solid #2a85b3;
		border-top: 1.5px solid #2a85b3; */
		box-shadow: inset 0px 5px 5px -10px #2687b8, inset 0px 0px 10px #2687b8;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	#yourls-logo {
		border: 0px;
		width: 30%;
		/* float: right; */
		margin-right: 35%;
		/* margin-bottom: 50% !important; */
	}
	.head{
		margin-bottom: 40%;
	}
	h3 span.label {
		width: 80px !important;
		font-size: 13px;
	}
	h1 {
		height: 55px;
		margin: 0;
		margin-top: 5%;
		margin-bottom: 10%;
		text-align: center ;
		font-size: 30px;
		color: #ff1a1a;
		/* float: right; */
		margin-left: 0%;
		max-width: 550px;
	}
	h2 {
		display: block;
		font-size: 13px;
		margin-block-start: 0.83em;
		margin-block-end: 0.83em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-weight: bold;
	}
	h3 {
		display: block;
		font-size: 13px;
		margin-block-start: 1em;
		margin-block-end: 1em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-weight: bold;
	}
	#shorturl img, #longurl img {
		/* width: 16px;
		height: 16px; */
		display: none !important;
	}
	#tabs ul#headers li, #tabs ul#headers li h2, #stats_lines li {
    display: inline-grid !important;
    padding: 5px;
}
#tabs ul#headers li a {

    padding: 0px !important;
  
}
#add-url {
    width: 320px;
}
#sharebox {
    width: 450px !important;
}
#tweet_body {
    float: left;
    width: 400px !important;
    height: 4em;
    font-size: 12px;
}
div.share {
    height: 160px !important;
}
#copybox {
    width: 250px;
    margin-bottom: 25px;
}
.stats_line, .chart {
	overflow: auto;
}
.overall{
	width: 100% !important;
}

/* #new_url div {
    background: #C7E7FF;
    padding: 0px;
} */
/* #stats_lines li a {

	padding:3px 3px !important;
} */
}

@media only screen and (max-width: 480px) {
	
	#wrap {
		/* max-width: 950px; */
		min-height: 150px;
		width: 96%;
		/* margin: 0 auto; */
		margin-left: 2%;
		background: white;
		text-align: left;
		padding: 15px;
		/* border-left: 1.5px solid #2a85b3;
		border-right: 1.5px solid #2a85b3;
		border-bottom: 1.5px solid #2a85b3;
		border-top: 1.5px solid #2a85b3; */
		box-shadow: inset 0px 5px 5px -10px #2687b8, inset 0px 0px 10px #2687b8;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	#yourls-logo {
		border: 0px;
		width: 40%;
		/* float: right; */
		margin-right: 30%;
		/* margin-bottom: 50% !important; */
	}
	.head{
		margin-bottom: 50%;
	}
	h3 span.label {
		width: 40px !important;
		font-size: 13px;
	}
	h1 {
		height: 55px;
		margin: 0;
		margin-top: 5%;
		margin-bottom: 10%;
		text-align: center ;
		font-size: 30px;
		color: #ff1a1a;
		/* float: right; */
		margin-left: 0%;
		max-width: 550px;
	}
	h2 {
		display: block;
		font-size: 13px;
		margin-block-start: 0.83em;
		margin-block-end: 0.83em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-weight: bold;
	}
	h3 {
		display: block;
		font-size: 13px;
		margin-block-start: 1em;
		margin-block-end: 1em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-weight: bold;
	}
	#shorturl img, #longurl img {
		/* width: 16px;
		height: 16px; */
		display: none !important;
	}
	#tabs ul#headers li, #tabs ul#headers li h2, #stats_lines li {
    display: inline-grid !important;
    padding: 5px;
}
.col-md-6 {
    flex: 0 0 auto;
    width: 100%;
    box-shadow: inset 0px 5px 5px -10px #88c0eb, inset 0px 0px 10px #88c0eb;
    margin-left: 5px;
    padding: 15px;
	margin-bottom: 10px;
}
#tabs ul#headers li a {

    padding: 0px !important;
  
}
#add-url {
    width: 320px;
}
#sharebox {
    width: auto !important;
	margin-left:3%;
}
#tweet_body {
    float: left;
    width: auto !important;
    height: 4em;
    font-size: 12px;
}
div.share {
    height: auto !important;
}
#share_links{
    display: inline-grid !important;
	padding: 10px;
  }
#copybox {
    width: 250px;
    margin-bottom: 25px;
}
.stats_line, .chart {
	overflow: scroll;
	scrollbar-width: auto;
}
::-webkit-scrollbar {
	height: 10px !important;              /* height of horizontal scrollbar ← You're missing this */
	width: 10px !important;               /* width of vertical scrollbar */
	border: 5px solid #bcbaba;
  }
  /* ::-webkit-scrollbar {
	width: 4px;
	border: 1px solid #d5d5d5;
  } */
  
  ::-webkit-scrollbar-track {
	border-radius: 0;
	background: #eeeeee;
  }
  
  ::-webkit-scrollbar-thumb {
	border-radius: 0;
	background: #b0b0b0;
  }
#new_url div {
    background: #C7E7FF;
    padding: 0px;
}
#stats_lines li a {

	padding:3px 3px !important;
}
.overall{
	width: 100% !important;
}
#visualization_stat_tab_source_ref{
	margin-left: -45%;
}
#visualization_stat_tab_source_direct{
	margin-left: -45%;
}
#visualization_stat_tab_location_pie{
	margin-left: -28%;
}
#shareboxes {
    margin-top: 15px;
    margin-left: 5%;
}
/* .chart{
	overflow: auto;
} */
/* .modal-body {
    position: relative;
    flex: 1 1 auto;
    overflow: auto;
    padding: var(--bs-modal-padding);
} */
/* rect g{
	width: 100%;
}
svg{
	width: 50% ;
} */

/* svg {
	width: 60% !important;
	overflow: auto  !important;
}

 rect {
	width: 60% !important;
	overflow: auto  !important;
}
 g{
	width: 100% !important;
} */
	/* ul.toggle_display {
		display: none;
		list-style-type: none;
		margin-left: 0px;
		margin-right: 23px;
		padding: 0px;
		border-bottom: 1px solid #C7E7FF;
	} */
	/* #tabs ul#headers {
		border-bottom: 1px solid #E3F3FF;
		padding: 12px 5px 3px 5px;
		display: grid !important;
		float: left;
	} */
	/* #tabs ul#headers li a {
		color: #595441;
		border: 1px solid #C7E7FF;
		-moz-border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		border-radius: 10px 10px 0 0;
		padding: 0px !important;
		background: #E3F3FF;
	} */
  }