/* Liva Branding Guidelines (2016): Roboto type, primary palette
   #0089CF / #16BECF / #231F20, secondary #F15A22 / #F79433 / #F7E234. */
body {
	margin: 0px;
	text-align: left;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	padding-top: 16px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	line-height: 120%;
}
#container .txt-blue {
	color: #0089CF;
}
#container {
	width: 100%;
	min-width: 1240px;
}
#container #sub-nav {
	width: 100%;
	background-color: #ffffff;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #fefefe 15%, #fbfbfb 50%, #f3f3f3 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #fefefe 15%, #fbfbfb 50%, #f3f3f3 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #fefefe 15%, #fbfbfb 50%, #f3f3f3 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.15, #fefefe), color-stop(0.50, #fbfbfb), color-stop(1, #f3f3f3));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #fefefe 15%, #fbfbfb 50%, #f3f3f3 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #fefefe 15%, #fbfbfb 50%, #f3f3f3 100%);
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px #e1e1e1 solid;
	float: left;
	min-height: 51px;
	margin-top: 25px;
	min-width: 1240px;
}
#container #sub-nav a {
	font-size: 13px;
	text-decoration: none;
	padding-right: 14px;
	color: #000;
	text-align: center;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 14px;
}
#container #sub-nav a:hover {
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #e7e7e7;
	padding-top: 8px;
	padding-right: 14px;
	padding-bottom: 8px;
	padding-left: 14px;
	text-align: center;
	font-weight: bold;
}
#container #sub-nav a.over {
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #e7e7e7;
	padding-top: 8px;
	padding-right: 14px;
	padding-bottom: 8px;
	padding-left: 14px;
	text-align: center;
	font-weight: bold;
}
#container #sub-nav a.over:hover {
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #e7e7e7;
	padding-top: 8px;
	padding-right: 14px;
	padding-bottom: 8px;
	padding-left: 14px;
	text-align: center;
	font-weight: bold;
}
/* --- Main menu: flat Liva blue bar with pill items (no image sprites).
   Active item inverts to a white pill with brand-blue text. --- */
#container #nav {
	background-color: #0089CF;
	border-radius: 10px;
	width: 100%;
	color: #FFF;
	margin-bottom: 2px;
}
#container #nav a {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	color: #FFF;
	text-decoration: none;
	padding: 10px 18px;
	border-radius: 8px;
}
#container #nav a:hover {
	background-color: rgba(255, 255, 255, 0.18);
	color: #FFF;
	text-decoration: none;
}
#container #nav a.over,
#container #nav a.over:hover {
	background-color: #FFF;
	color: #0089CF;
	text-decoration: none;
}
/* --- Header strip: logo / welcome+clocks / tool icons, one flex row. --- */
#container #top {
	display: flex;
	align-items: center;
	gap: 28px;
	margin: 0 0 14px;
	padding: 0 4px;
	font-size: 12px;
}
#container #top a {
	font-weight: bold;
	text-decoration: none;
	color: #231F20;
}
#container #top a:hover {
	color: #0089CF;
	text-decoration: none;
}
#top-logo img {
	height: 42px;
	width: auto;
	display: block;
}
#top-info {
	display: flex;
	align-items: center;
	gap: 28px;
	font-size: 15px;
	color: #231F20;
	white-space: nowrap;
}
#top-info .top-clock {
	color: #6d777f;
}
#top-info .top-clock .clock {
	color: #231F20;
	font-weight: 500;
}
/* 3rd clock: the UTC-offset picker reads like the FR/TH labels, not like a form field */
#top-info .top-clock select {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #6d777f;
	border: none;
	background-color: transparent;
	padding: 0;
	cursor: pointer;
}
#top-info .top-clock select:hover,
#top-info .top-clock select:focus {
	color: #0089CF;
	outline: none;
}
#top-tools {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
}
#top-tools > a,
#top-tools .nav-icon-drop > a {
	display: inline-flex;
	align-items: center;
}
/* the two positioned wrappers (bell, gear) must not add an inline line-box
   below their icon — it pushed them ~3px above the neighbouring icons */
#top-tools .nav-icon-drop {
	display: inline-flex;
	align-items: center;
}
#top-tools a svg {
	display: block;
	opacity: 0.82;
}
#top-tools a:hover svg {
	opacity: 1;
}
.top-sep {
	width: 1px;
	height: 24px;
	background-color: #e1e1e1;
	flex: 0 0 auto;
}
#container #content {
	font-size: 14px;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float:left;
	margin-top: 25px;
	border: 1px solid #e1e1e1;
	width: 100%;
	margin-bottom: 10px;
	min-width: 1240px;
	position: relative;
}
#container #content #inner {
	padding: 20px;
}
/*#container #content #inner .bar-heading {
	background-image: url(../images/sub-nav-center.png);
	background-repeat: repeat-x;
	height: 51px;
	min-width: 1737px;
}*/
#container #footer {
	font-size: 12px;
	text-decoration: none;
	text-align: right;
	float:left;
	width: 100%;
	margin-bottom: 25px;
	color: #999;
	min-width: 1240px;
}

ul#top_main_menu{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2px;
	margin: 0;
	padding: 5px 8px;
}
ul#top_main_menu li{
	float: none;
}

ul#top_sub_menu{
	list-style: none;
	margin:0 15px 10px; 
	padding:0px;
}
ul#top_sub_menu li{
	float: left;
	padding-right:4px;
	line-height: 30px;
	margin-bottom: 10px;
}
ul#top_sub_menu li:last-child{
	float: left;
	padding-right: 0;
}

.input {
	font-size: 14px;
	color: #000;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	border: 1px solid #CCC;
}

.input-error {
	font-size: 14px;
	color: #000;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	border: 1px solid #ffa08b !important;
	background-color: #fceeed !important;
}

.button {
	background: url(../images/button-black.png) transparent;
	background-repeat: no-repeat;
	background-position: center center;
	height: 35px;
	width: 88px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.errortext{
	color: #F00;
	margin-top: 4px;
}
.required{
	color: #F00;
}

.clear{
	clear: both;
}

.popup_completed{
	background-color: #4bd100;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #4bd100 50%, #359800 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #4bd100 50%, #359800 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #4bd100 50%, #359800 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #4bd100), color-stop(1, #359800));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #4bd100 50%, #359800 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #4bd100 50%, #359800 100%);
	height: 24px;
	font-weight: lighter;
	font-size: 14px;
	padding: 10px 25px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*text-transform: uppercase;*/
	position: relative;
	color: #fff;
}

.popup_error{
	background-color: #ff7800;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #ff7800 50%, #ff5400 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #ff7800 50%, #ff5400 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #ff7800 50%, #ff5400 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #ff7800), color-stop(1, #ff5400));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #ff7800 50%, #ff5400 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #ff7800 50%, #ff5400 100%);
	height: 24px;
	font-size: 14px;
	padding: 10px 25px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*text-transform: uppercase;*/
	position: relative;
	color: #fff;
}

.bar-heading {
	height: 50px;
}

.bar-heading-left{
	background: url(../images/sub-nav-left.png) no-repeat left top;
	height: 51px;
	padding-left: 15px;
}

.bar-heading-right{
	background: url(../images/sub-nav-right.png) no-repeat right top;
	height: 51px;
	padding-right: 15px;
}

.bar-heading-center{
	background-image: url(../images/sub-nav-center.png);
	background-repeat: repeat-x;
	height: 40px;
	padding-top: 11px;
}

.bar-heading-center ul{
	list-style: none;
}
.ui-dialog-buttonset .ui-button-text{
	background-color: #ffffff;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #fbfbfb 50%, #dddddd 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #fbfbfb 50%, #dddddd 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #fbfbfb 50%, #dddddd 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #fbfbfb), color-stop(1, #dddddd));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #fbfbfb 50%, #dddddd 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #fbfbfb 50%, #dddddd 100%);
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #1e1e1e;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}
.ui-dialog-buttonset .ui-state-hover{
	border: 1px solid #aaa !important;
}
.white-button{
	background-color: #ffffff;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #fbfbfb 50%, #dddddd 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #fbfbfb 50%, #dddddd 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #fbfbfb 50%, #dddddd 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #fbfbfb), color-stop(1, #dddddd));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #fbfbfb 50%, #dddddd 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #fbfbfb 50%, #dddddd 100%);
	
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	height: 29px;
	color: #1e1e1e;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #ccc;
}

.black-button{
	background: url(../images/bg-black-button.jpg) repeat-x top left #787878;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	height: 29px;
	color: #ffffff;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #ccc;
}

.white-button-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  color: #1e1e1e;
  border: 1px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	background-color: #ffffff; 
	background-image: -ms-linear-gradient(top, #fbfbfb 50%, #dddddd 100%);
	background-image: -moz-linear-gradient(top, #fbfbfb 50%, #dddddd 100%);
	background-image: -o-linear-gradient(top, #fbfbfb 50%, #dddddd 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #fbfbfb), color-stop(1, #dddddd)); 
	background-image: -webkit-linear-gradient(top, #fbfbfb 50%, #dddddd 100%);
	background-image: linear-gradient(to bottom, #fbfbfb 50%, #dddddd 100%);
}

.input-white-bg{
	background-color: #ffffff;
	color: #1e1e1e;
	font-size: 13px;
	border: 1px solid #ccc;
	padding: 3px;
}

/*
.content-body{
	padding: 30px 25px 25px;
}
*/

.content-body{
	padding-top: 6px;
}

.txt-header-blue{
	font-size: 20px;
	font-weight: normal;
	color: #0091d5;
}

a.txt-header-blue:visited{
	color: #0091d5;
}

.bg-blue{
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background: #0090eb;
}

.highlight1 {
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background: #34cdff;
	background: -moz-linear-gradient(top, #34cdff 20%, #0090eb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#34cdff), color-stop(100%,#0090eb)); 
	background: -webkit-linear-gradient(top, #34cdff 20%,#0090eb 100%);
	background: -o-linear-gradient(top, #34cdff 20%,#0090eb 100%);
	background: -ms-linear-gradient(top, #34cdff 20%,#0090eb 100%);
	background: linear-gradient(to bottom, #34cdff 20%,#0090eb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34cdff', endColorstr='#0090eb',GradientType=0 );
}

.highlight1 a{
	text-decoration: none;
}
.highlight2 {
	font-size: 13px;
	font-weight: normal;
	color: #626262;
	text-decoration: none;
	background-color: #EDEDED;
}
.highlight3 {
	font-size: 13px;
	font-weight: normal;
	color: #626262;
	text-decoration: none;
	background-color: #fafafa;
}

ul.tools_bar{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.tools_bar li{
	float: left;
	margin-right: 10px;
	margin-bottom: 7px;
}
ul.tools_bar li:first-child, ul.tools_bar li:last-child{
	margin-right: 0;
}
.ui-dd{
	height: 20px;
	vertical-align: top;
	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x !important;
	border: 1px #CCC solid !important;
}
#ui-datepicker-div{
	display: none;
}
a.inv-link, a.inv-link:visited{
	color: #626262;
	text-decoration: none;
}
a.inv-link:hover, a.inv-link:active{
	color: #929292;
	text-decoration: underline;
}
a.link-white{
	color: #fff;
}
a, a:visited{
	color: #626262;
	text-decoration: none;
}
a:hover, a:active{
	color: #929292;
}
a.list-number:link, a.list-number:visited {
	font-size: 14px;
	font-weight: normal;
	color: #828282;
	text-decoration: none;
}
a.list-number:hover, a.list-number:active {
	font-size: 14px;
	font-weight: bold;
	color: #0090d6;
	text-decoration: none;
}
.nolink-list-number {
	font-size: 14px;
	font-weight: bold;
	color: #0090d6;
	text-decoration: none;
}

#ui-datepicker-div, .ui-dialog{
	font-size: 12px;
}

.ui-combobox-input{
	text-align: left !important;
}
#tittle {
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	/*background-color: #0191eb;*/
	height: 26px;
	padding-left: 15px;
	padding-top: 9px;
	padding-bottom: 5px;
}
.ui-widget-width {
	width: 80%;
	height: 18px;
	vertical-align: top;
	padding-left: 7px;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}

#tb_subtotal{
	font-size: 12px;
}
.paidStatus{
	color: #090;
}
.repliedStatus{
	color: #F00;
}
.fullRefundStatus{
	color: #990;
}
.partialRefundStatus{
	color: #FC0;
}
.clear{
	clear: both;
}
.invoice-container{
	width: 850px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 54px 40px;
	border: 1px #ccc solid;
	position: relative;
	margin: 10px auto;
	color: #000;
}
.status-paid{
	background: url("../images/paid.gif") top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 128px;
	width: 128px;
	z-index: 20;
}
.status-refund{
	background: url("../images/refund.gif") top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 128px;
	width: 128px;
	z-index: 20;
}
.status-draft{
	background: url("../images/draft.gif") top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 128px;
	width: 128px;
	z-index: 20;
}
.status-sent{
	background: url("../images/sent.gif") top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 128px;
	width: 128px;
	z-index: 20;
}
.status-accepted{
	background: url("../images/accepted.gif") top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 128px;
	width: 128px;
	z-index: 20;
}
.status-replied{
	background: url("../images/replied.gif") top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 135px;
	width: 135px;
	z-index: 20;
}
.status-invoiced{
	background: url("../images/invoiced.png") top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 135px;
	width: 135px;
	z-index: 20;
}
.inv-header{
	min-height: 250px;
	position: relative;
	z-index: 21;
}
.invheader-inner{
	margin-left: 0.5in;
}
.invheader-address-account{
	float: left;
	width: 300px;
	min-height: 90px;
	margin-bottom: 20px;
}
.invheader-address-client{
	float: left;
	width: 300px;
	padding-bottom: 20px;
}
.invheader-invoicedetails{
	float: right;
	width: 290px;
	padding-bottom: 20px;
}
.invheader-invoicedetails table{
	width: 100%;
}
.invheader-invoicedetails table th{
	width: 50%;
	font-weight: normal;
	white-space: nowrap;
}
.invheader-invoicedetails table td{
	text-align: right;
}
.invheader-invoicedetails th, .invheader-invoicedetails td{
	padding: 0px 5px;
	line-height: 18px;
}
.invheader-invoicedetails-balance th, .invheader-invoicedetails-balance td{
	background-color: #e5e5e5;
	border-top: solid 1px #c7c7c7;
	border-bottom: solid 1px #c7c7c7;
	padding: 0px;
	font-weight: bold;
}
.invheader-invoicedetails .invheader-invoicedetails-balance th, .attachment-header th{
	border-left: solid 1px #c7c7c7;
}
.invheader-invoicedetails .invheader-invoicedetails-balance td, .attachment-header td{
	border-right: solid 1px #c7c7c7;
}
.invheader-invoicedetails .invheader-invoicedetails-balance th div, .attachment-header th div{
	border-left: solid 1px #f1f1f1;
	border-top: solid 1px #f1f1f1;
	padding: 3px 5px;
}
.invheader-invoicedetails .invheader-invoicedetails-balance td div, .attachment-header td div{
	border-top: solid 1px #f1f1f1;
	padding: 3px 5px;
}
.invheader-invoicedetails .invheader-invoicedetails-balance th, .invheader-invoicedetails .invheader-invoicedetails-balance td{
	font-weight: bold;
}
.invbody{
	clear: both;
	position: relative;
	overflow: auto;
}
.invbody-items, .invbody-expenses, .invbody-timeentries{
	width: 100%;
	margin-bottom: 24px;
}
.invbody-items thead, .invbody-expenses thead, .invbody-timeentries thead {
	font-weight: bold;
	page-break-after: avoid;
}
.invbody-items th.first, .invbody-expenses th.first, .invbody-timeentries th.first {
	border-left: solid 1px #c7c7c7;
}
.invbody-items th.first {
	border-left: solid 1px #c7c7c7;
}
.invbody-items th, .invbody-expenses th, .invbody-timeentries th {
	background-color: #e3e3e3;
	line-height: normal;
	border-top: solid 1px #c7c7c7;
	border-bottom: solid 1px #c7c7c7;
	vertical-align: top;
}
.invbody-items th div, .invbody-expenses th div, .invbody-timeentries th div{
	padding: 5px 0;
}
.invbody-items th div{
	padding: 5px 0;
}
.invbody-items thead .item {
	border-left: solid 1px #f1f1f1;
	border-top: solid 1px #f1f1f1;
	padding-left: 5px;
	text-align: left;
}
.invbody-items thead .description{
	border-top: solid 1px #f1f1f1;
	text-align: left;
}
.invbody-items thead .unitcost {
	border-top: solid 1px #f1f1f1;
	text-align: right;
}
.invbody-items thead .quantity {
	border-top: solid 1px #f1f1f1;
	text-align: right;
	padding-right: 5px;
}
.invbody-items th.last, .invbody-expenses th.last, .invbody-timeentries th.last {
	border-right: solid 1px #c7c7c7;
}
.invbody-items thead .linetotal {
	border-top: solid 1px #f1f1f1;
	text-align: right;
	padding-right: 5px;
}
.invbody-items tbody .item {
	padding-left: 5px;
	text-align: left;
}
.invbody-items td, .invbody-expenses td, .invbody-timeentries td {
	padding: 5px 0px 5px 3px;
	border-bottom: solid 1px #e5e5e5;
}
.invbody-items tbody .unitcost {
	text-align: right;
}
.invbody-items tbody .quantity {
	text-align: right;
	padding-right: 5px;
}
.invbody-items tbody .linetotal {
	text-align: right;
	padding-right: 5px;
}
.invbody-summary {
	width: 100%;
	border-top: solid 3px #e3e3e3;
	margin-bottom: 18px;
}
.invbody-summary .invbody-summary-clean {
	border: 0px;
	background-color: transparent;
}
.invbody-summary th, .invbody-summary td {
	padding: 3px 5px;
}
.invbody-summary td {
	text-align: right;
}
.invbody-summary .invbody-summary-clean {
	border: 0px;
	background-color: transparent;
}
.invbody-summary .invbody-summary-clean {
	border: 0px;
	background-color: transparent;
}
.invbody-summary-total td {
	border-right: solid 1px #c7c7c7;
}
.invbody-summary-total td, .invbody-summary-total th {
	background-color: #e5e5e5;
	border-top: solid 1px #c7c7c7;
	border-bottom: solid 1px #c7c7c7;
	padding: 0px;
}
.invbody-summary .invbody-summary-total th div {
	border-left: solid 1px #f1f1f1;
	border-top: solid 1px #f1f1f1;
	padding: 3px 5px;
}
.invbody-summary .invbody-summary-total td div {
	border-top: solid 1px #f1f1f1;
	padding: 3px 5px;
}
.invbody-summary-total th {
	border-left: solid 1px #c7c7c7;
}
a.link-white{
	color: #fff;
}
.combo_img{
	position: absolute;
	top: 2px;
	right: 12px;
	height: 20px;
	cursor: pointer;
	width: 17px;
}
.MultipleSelectBox{
	border: 1px solid #aaa;
	list-style-type: none;
	margin: 0;
	overflow: auto;
	padding: 1px 0;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	z-index: 99;
	text-align: left;
	width: 100%;
}
.MultipleSelectBox li{
	cursor: pointer;
	padding: 5px;
}
.dropdown-li:hover,.selecting{
	border: 1px solid #aaa;
	padding: 4px;
}
.ui-widget-width{
	width: 80%;
	height: 18px;
	vertical-align: top;
	padding-left: 7px;
}
.ui-dd{
	height: 20px;
	vertical-align: top;
}
#ui-datepicker-div{
	display: none;
}
ul.tools_bar{
	list-style: none;
}
ul.tools_bar li{
	float: left;
}
.viewinv_logo{
	position: absolute;
	top: 20px;
	right: 40px;
}
/* [Note]:For Charts (bar & pie) */


.month{
	width: 100%;
	height: auto;
	font-size: 35px;
	line-height: 37px;
	margin: 25px 0 9px 0;
	padding: 0;
	/*text-transform: uppercase;*/
}
.year{
	width: 100%;
	height: auto;
	margin-top: 0px;
	font-size: 20px;
}

p.date{
	font-size: 25px;
	line-height: 27px;
}
.day-with-cf, a.day-with-cf:visited{
	color: #0091d5;
}
.day-without-cf{
	color: #000;
}
.current-day{
	background-color: #ff8400;
}
.current-day a, .current-day a:visited{
	color: #fff;
}
.current-day a:hover{
	color: #929292;
}
.past-day-without-cf{
	background-color: #f9f9f9;
}
.past-day-without-cf a:link, .past-day-without-cf a:visited{
	color: #dddddd;
}
.past-day-without-cf a:hover, .past-day-without-cf a:active{
	color: #6f6f6f;
}
.past-day-with-cf{
	background-color: #05d6de;
}
.past-day-with-cf a:link, .past-day-with-cf a:visited{
	color: #ffffff;
}
.past-day-with-cf a:hover, .past-day-with-cf a:active{
	color: #dddddd;
}
.future-day{
	background-color: #ededed;
}
.future-day a:link, .future-day a:visited{
	color: #6f6f6f;
}
.future-day a:hover, .future-day a:active{
	color: #000000;
}

a.next-month{
	padding: 11px 20px;
	background: url(../images/next-month.png) no-repeat top right;
}

a.next-month:hover, a.next-month:active{
	padding: 11px 20px;
	background: url(../images/next-month-hover.png) no-repeat top right;
}

a.prev-month{
	padding: 11px 20px;
	background: url(../images/prev-month.png) no-repeat top left;
}

a.prev-month:hover, a.prev-month:active{
	padding: 11px 20px;
	background: url(../images/prev-month-hover.png) no-repeat top left;
}

ul#sub_menu{
	list-style: none;
	padding-left: 15px;
}
ul#sub_menu li{
	padding : 5px;
}

#container #nav .single_signon{
	float: right;
	background-image: url(../images/bl.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #nav .single_signon nav {
	font-size: 14px;
	float:right;
}
#container #nav .single_signon nav ul {
	text-align:center; 
	margin: 0;
	padding: 0;
}
#container #nav .single_signon nav ul li {
	float:left;
	display:inline; 
	position: relative; 
	background:none;
}
#container #nav .single_signon nav ul li a {
	font-size: 16px;
	font-weight: bold;
	display:block;
	padding:16px 11px 16px 26px;
	color:#FFF;
	background-image: none;
	background: none;
}
#container #nav .single_signon nav ul li ul {
	position:absolute;
	padding: 0; 
	right: 0;
	top: 51px;
	z-index: 1;
}
#container #nav .single_signon nav ul li ul li {
	width: 210px;
	border-right: 1px #e4e4e4 solid;
	border-left: 1px #e4e4e4 solid;
	padding: 10px 10px 0;
	background-color: #FFF;
}
#container #nav .single_signon nav ul li ul li:first-child{
	border: 0;
}
#container #nav .single_signon nav ul li ul li:last-child{
	border-bottom: 1px #e4e4e4 solid;
	/*border-radius: 0 0 15px 15px;*/
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	padding-bottom: 10px;
}
#container #nav .single_signon nav ul li ul li a {
	display:block;
	padding: 6px 12px;
	color:#444;
	text-align: right;
	font-size: 13px;
}
#container #nav .single_signon nav ul li ul li a:hover{
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #e7e7e7;
}
#container #nav .single_signon nav ul li ul.fallback {
	display:none;
	height: auto;
}
#container #nav .single_signon nav ul li ul.fallback li.pointer-li{
	background: url(../images/space.gif) transparent repeat;
	height: 5px;
	width: 210px;
	cursor: default;
}
/*Override jquery validation css*/
div.error {
 	color:#d74a3b;
	padding-top:5px;
}
/*Override jquery validation css*/

/* [Note]:Multi-Language tab */
.table_admin_lang {
	width: 100%;
	margin: 0 0 0 0;
	border: 1px solid #000;
	border-collapse: collapse;
}

ul.country { position:relative; margin:10px 0 0 10px; padding:0; list-style:none; float:left; width:auto; }
ul.country li {
	float:left; 
	padding:5px 6px; 
	margin: 0 2px; 
	border-top: 1px solid #444; 
	border-left: 1px solid #444; 
	border-right: 1px solid #444; 
}
ul.country li.country_off { background:url(../images/bg_countryOff.png) repeat-x; cursor:pointer;  }
ul.country li.country_on { background:url(../images/bg_countryOn.png) repeat-x; cursor:pointer; }
ul.country li.country_on { color:#FFF; text-decoration:none;  }
ul.country li.country_off { color:#033d6d; text-decoration:none;  }

ul.admin_menu { margin:4px; padding:0; list-style:none; width:auto; }
ul.admin_menu li {
	float:left;
	padding:5px 6px;
	margin: 2px;
	border: 1px solid #ccc;
	background:url(../images/bg_countryOff.png) repeat-x;
}
ul.admin_menu li a{	font:13px/20px "Geneva", Arial, Helvetica, sans-serif; margin:4px 5px 0px 8px; line-height:20px;}
ul.admin_menu li a:hover{ color:#00437a; text-decoration:none;}
/* [Note]:Multi-Language tab */

/* [Note]:For Heading Link function */
a.be-tableheading-link:link, a.be-tableheading-link:visited {
	color: #99FFFF;
}
a.be-tableheading-link:hover, a.be-tableheading-link:active {
	color: #FFFFFF;
}
/* [Note]:For Heading Link function */

/* [Note]:For Heading Link function (Pricing Pages) */
.highlight-averagerow {
	color: #FFFFFF;
	background-color: #929292;
}
/* [Note]:For Heading Link function (Pricing Pages) */

a.be-link:link, a.be-link:visited {
	color: #0791D4;
}
a.be-link:hover, a.be-link:active {
	color: #626262;
}

a.be-link-2:link, a.be-link-2:visited {
	color: #626262;
}
a.be-link-2:hover, a.be-link-2:active {
	color: #0791D4;
}

/* [Note]:For Calendar & allotment function */
a.allotment:link, a.allotment:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #0791D4;
	text-decoration: none;
}
a.allotment:hover, a.allotment:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #626262;
	text-decoration: underline;
}
/* [Note]:Inner span for showing only slash */
a.allotment .alslash {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #626262;
	text-decoration: none;
}
a.allotment:hover .alslash, a.allotment:active .alslash {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #626262;
	text-decoration: underline;
}
/* [Note]:Inner span for showing alloted */
a.allotment .allotted {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FF9900;
	text-decoration: none;
}
a.allotment:hover .allotted, a.allotment:active .allotted {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #626262;
	text-decoration: underline;
}

/* [Note]:For uploader function */
.gallery-loading {
	position: absolute;
	margin: 0;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%)
}

.trhilight {
	background-color: #dff1f8;
	cursor: pointer;
}

/* [Note]:For Heading Link function */
a.be-tableheading-link:link, a.be-tableheading-link {
	color: #FFFFFF;
	cursor: pointer;
}
a.be-tableheading-link:hover, a.be-tableheading-link:active {
	color: #99FFFF;
	cursor: pointer;
}

/* [Note]:For custom dialog heading (override jquery-ui.min.css), Liva custom theme */
.ui-dialog .ui-dialog-titlebar {
	font-size: 16px;
	color: #ffffff;
	background: #00acf7;
}

/* [Note]:For custom size and alignment for backend tooltip */
.tipsy { font-size: 14px !important; }
.tipsy-inner { max-width: 800px !important; text-align: left !important; }

/* [Note]:Custom error span smiliar with div.error */
span.error {
 	color:#d74a3b;
}

span.correct {
 	color:#007957;
}

/* [Note]:Data Table Loader */
.table-overlay {
  position: relative;
  opacity: 0.6;	
}

.overlay-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  margin-top: -12px;
  margin-left: -12px;
}

/* [Note]:Floating Bar Heading (CMS pages) */
.bar-heading-info {
	float: left;
	font-size: 16px;
	margin-top: 5px;
	cursor: default;
	text-align: left;
}

.bar-heading-action {
	margin-top: 2px;
	font-weight: bold;
}

.bar-heading-breadcrumb {
	font-size: 14px;
}

.bar-heading-breadcrumb a {
	font-size: 12px;
}

.bar-heading-breadcrumb .scrolled {
	color: #0091d5;
}

.bar-heading-center {
	cursor: default;
	text-align: center;
}

.bar-heading-title {
	font-size: 24px;
	margin-top: -2px;
	margin-bottom: 1px;
	font-weight: bold;
}

.bar-heading-subtitle {
	font-size: 13px;
	font-style: italic;
}

.bar-heading-title,
.bar-heading-subtitle {
	width: 80%;
	margin: auto;
}

.bar-heading-links {
	float: right;
	cursor: default;
	font-size: 15px;
	margin-top: 11px;
	text-align: right;
}

.bar-heading-links svg:hover,
.dashboard_panel svg:hover,
.scores_div svg:hover,
#route-container svg:hover {
	fill: #0091d5;
}

/* [Note]:Custom Toggle Checkbox (navbar toggles) */
input.toggle {
	cursor: pointer;
	appearance: none;
	padding: 8px 20px;
	border-radius: 8px;
	transition: 0.2s ease-in-out;
	background: radial-gradient(circle 6px, white 100%, transparent calc(100% + 1px)) #ccc -12px;
}
  
input.toggle:checked {
	background-position: 12px;
	background-color: #0091d5;
}

.toggle-label {
	position: absolute;
	width: 50px;
	font-size: 9px;
	cursor: pointer;
	margin-top: -7px;
	margin-left: -56px;
	text-align: center;
}

.toggle-label.selected {
	font-weight: bold;
}

.route_schedule_header .route_schedule_status_column {
	padding: 5px 10px 3px;
	border-top-left-radius: 25px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 25px;
	background: rgba(255, 255, 255, 0.8);
}

.route_schedule_header .toggle {
	cursor: default;
	margin: 15px 2px 4px 0;
}

.route_schedule_header .toggle-label {
	cursor: default;
	margin-top: -3px;
	margin-left: -47px;
}

.route_schedule_title,
.route_schedule_operate {
	font-size: 24px;
	color: rgba(255, 255, 255, 1);
	text-shadow: 0px 0px 0.5px black;
}

.route_schedule_operate_month,
.route_schedule_operate_day {
	font-size: 11px;
	cursor: default;
	padding: 4px 3px 4px 5px;
	text-shadow: none;
	text-align: center;
	border-radius: 50px;
	margin: auto;
	margin-right: -10px;
	color: rgba(0, 145, 213, 1);
	background: rgba(255, 255, 255, 0.8);
	border: solid 1px rgba(0, 145, 213, 0.6);
}

.route_schedule_operate_month:hover,
.route_schedule_operate_day:hover {
	background: rgba(255, 255, 255, 1);
	border: solid 1px rgba(0, 145, 213, 1);
}

.route_schedule_operate_month {
	width: 452px;
}

.route_schedule_operate_day {
	width: 225px;
}

.route_schedule_operate_month_label,
.route_schedule_operate_day_label {
	padding: 2px 7px;
	border-radius: 50px;
	border: solid 0.25px rgba(0, 145, 213, 0.6);
}

.route_schedule_operate_month_label:hover,
.route_schedule_operate_day_label:hover {
	border: solid 0.25px rgba(0, 145, 213, 1);
}

.route_schedule_operate_month_label.selected,
.route_schedule_operate_day_label.selected {
	color: rgba(255, 255, 255, 1);
	background: rgba(0, 145, 213, 0.6);
}

.route_schedule_operate_month_label.selected:hover,
.route_schedule_operate_day_label.selected:hover {
	background: rgba(0, 145, 213, 1);
}

.route_schedule_operate {
	font-size: 20px;
	padding-right: 15px;
}

/* [Note]:Inputs */
input::placeholder,
textarea::placeholder {
	opacity: 0.3;
}

input:disabled,
textarea:disabled {
	opacity: 0.7;
}

.data_values input[name='page_type-radio'] {
	margin-top: 6px;
}

/* [Note]:Custom Select Input (lang flags) */
.custom-select {
	display: inline-block;
	width: 24px;
	text-align: center;
}

.bar-heading-links select {
	display: none; /* Hide the default select input */
}

.select-selected {
	padding: 0px;
	cursor: pointer;
	font-size: 9px;
	background: none;
	color: #0091d5;
	font-weight: bold;
}

.select-selected .country_code {
	position: relative; top: -7px;
}

.select-selected img {
	width: 24px; height: 24px;
	margin-top: -15px;
}

.select-items {
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 99;
	width: 24px;
	padding: 10px 13px;
    margin-top: 2px;
    margin-left: -13px;
	border: dotted 1px rgba(0, 0, 0, 0.2);
	border-top: none;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	background-color: rgba(255, 255, 255, 1);
}

.select-items div {
	cursor: pointer;
	display: flex;
	align-items: center;
}

.select-items .country_code {
	width: 20px;
}

.select-items img {
	width: 24px; height: 24px;
	margin-left: -20px;
}

.select-items div:hover {
	background-color: #f1f1f1;
}

/* [Note]:CMS pages structure */
.section_title {
	width: 800px;
	text-align: left;
	margin: 30px auto 0px;
}

.data_values,
.metatags_values,
.metatags_template,
.entity_association_div,
.data_input_div,
.input_label_div {
	width: 43.5%;
	margin: auto;
}

.data_input_div {
	display: block;
	margin: auto;
	margin-top: 10px;
}

.data_input_div input[type="text"],
.data_input_div input[type="number"] {
	width: 98%;
}

.data_input_div table {
	width: 60%;
}

.data_input_div table td {
	padding-right: 20px;
}

.data_input_div table td select {
	width: 104.5%;
}

.input_label_div {
	margin-bottom: -8px;
}

.data_values,
#data {
	width: 27.5%;
}

.data_values select {
	width: 100%; height: 30px;
}

.section_label {
    display: inline-block;
	margin-top: 10px;
}

.metatags_values input[type="text"],
.metatags_template input[type="text"],
.metatags_values textarea,
.metatags_template textarea {
	width: 98%;
}

.tox-tinymce {
	width: 75%;
}

.lang .tox-tinymce {
	width: 44%;
	margin: auto;
	margin-top: 10px;
}

.tox-statusbar__branding {
	display: none;
}

.label_lang_flag {
	position: relative; top: 1px;
	width: 16px; height: 16px;
}

.input_label {
	margin-top: 15px;
}

.entity_association_div {
	margin: 20px auto 35px;
	padding-bottom: 20px;
}

.entity_association_table {
	width: 100%;
	margin: 20px auto 25px;
}

.entity_association_div div {
	width: 100%;
	text-align: center;
}

.entity_association_div.media_section {
	width: 100%;
}

.entity_association_div.media_section .entity_association_table {
	width: auto;
}

.entity_association_div.media_section .entity_association_table td {
	padding: 15px 30px;
}

.entity_association_div.media_section .video_section,
.entity_association_div.media_section .images_section {
	width: 40%;
	margin: 0 auto;
	text-align: left;
}

.entity_association_div.media_section .images_section {
	width: 41%;
	margin-bottom: 30px;
}

.entity_association_div.media_section .video_section textarea {
	width: 100%;
}

/* [Note]:Custom Text Input (embedded text) */
.input_wrapper {
	position: relative;
}

.input_wrapper .embedded_txt,
.input_wrapper .embedded_button {
	position: absolute; top: 1px; right: 2px;
	cursor: default;
	padding: 4px 10px;
	border-left: dotted 1px rgba(0, 160, 213, 0.2);
}

.input_wrapper .embedded_button {
	right: -8px;
	height: 20px;
	font-size: 12px;
	cursor: pointer;
	font-weight: bold;
	padding-right: 8px;
	color: rgba(0, 160, 213, 1);
	background: rgba(0, 160, 213, 0.2);
	border-left: dotted 1px rgba(0, 160, 213, 0.4);
}

/* [Note]:Date Container */
#datecontainer,
#datecontainer div,
#datecontainer table {
	width: 100%;
}

/* [Note]:Monitoring section */
#dialog-monitoring {
	width: 100%;
	padding: 3px 0;
}

#dialog-monitoring-body {
	padding: 0 15px;
	overflow: scroll;
	max-height: 520px;
}

#dialog-monitoring ul {
	list-style-type: none;
}

#monitoring_general {
	text-align: center;
}

.monitoring_section {
	margin-top: 10px;
}

#monitoring_seo {
	margin-top: 5px;
}

.monitoring_content {
	margin: 5px 5px 0px;
}

.general_monitoring_content {
	margin-top: 0px;
}

.general_title {
	font-size: 16px;
	margin-top: 5px;
}

/* [Note]:Monitoring results and messages */
.monitoring_result_img {
	width: 15px; height: 15px;
	margin-bottom: -3px;
	margin-right: 5px;
}

.section_result_img {
	width: 22px; height: 22px;
	margin-left: 3px;
}

.monitoring_gen_messages,
.monitoring_lang_messages {
	font-size: 14px;
	padding-left: 0;
}

.monitoring_gen_messages li,
.monitoring_lang_messages li {
	cursor: pointer;
}

.monitoring_gen_table,
.monitoring_lang_table {
	width: 360px;
	margin: auto;
}

.monitoring_gen_pie_td,
.monitoring_lang_pie_td {
	width: 30%;
	text-align: center;
}

.monitoring_gen_messages_td,
.monitoring_lang_messages_td {
	width: 240px;
}

.monitoring_gen_table,
.monitoring_langs_table {
	width: 100%;
	margin: 5px auto 0px;
}

.monitoring_gen_result,
.monitoring_lang_result {
	padding: 0 5px;
	font-size: 12px;
	cursor: pointer;
	text-align: center;
}

.monitoring_gen_result_img,
.monitoring_lang_result_img {
	width: 24px; height: 24px;
}

.monitoring_gen_result_score,
.monitoring_lang_result_score {
	position: relative; top: -7px; left: 2px;
	font-weight: bold;
}

/*[Note]:Percentage Progress Gradient Bar */
.progress-container,
.progress-container_inv {
	display: inline-block;
	width: 100%;
	height: 22px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}

.progress-container {
	background: linear-gradient(to right, #FF6961 20%, #FFB347 40%, #FDFD96 60%, #77DD77 80%, #03C03C 100%);
}

.progress-container.unicolor {
	background: var(--c);
}

.progress-container_inv {
	background: linear-gradient(to left, #FF6961 25%, #FFB347 50%, #FDFD96 75%, #77DD77 100%);
}

.progress-bar {
	height: 100%;
	width: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	transition: width 0.4s ease;
	z-index: 1;
}

.no-progress-bar {
	height: 100%;
	width: 0;
	opacity: 1;
	position: absolute;
	background-color: #bbbbbb;
	top: 0;
	right: 0;
	transition: width 0.4s ease;
	z-index: 1;
}

.progress-title {
	position: absolute; top: 1px; left: 4px;
	font-size: 15px;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	z-index: 99;
	text-shadow: 0px 0px 1px black;
}

.progress-score {
	position: absolute; top: -4px; right: 3px;
	width: 100%;
	font-size: 15px;
	color: white;
	text-align: right;
	font-weight: bold;
	line-height: 30px;
	z-index: 99;
	text-shadow: 0px 0px 1px black;
}

/* [Note]:Percentage Progress Gradient Graph */
@property --p{
	syntax: '<number>';
	inherits: true;
	initial-value: 1;
}

@keyframes p{
	from{--p: 0;}
}

.general_pie,
.general_pie_grid {
	--b: 15px;
	--w: 120px;
	/*--c: conic-gradient(#C23B22 17%, #FF6961 34%, #FFB347 51%, #FDFD96 68%, #77DD77 85%, #03C03C 100%);*/
	--c: conic-gradient(#FF6961 20%, #FFB347 40%, #FDFD96 60%, #77DD77 80%, #03C03C 100%);

	width: var(--w);
	aspect-ratio: 1;
	position: relative;
	display: inline-grid;
	margin: 5px;
	place-content: center;
	font-size: 25px;
	font-weight: bold;
	font-family: sans-serif;
}

.general_pie::after,
.general_pie_grid::after,
.section_pie::after {
    content: '';
    position: absolute;
    width: 100%; height: 100%;
    border-radius: 50%;
	background: rgba(118, 212, 255, 0.1) calc(var(--p) * 1%);
    mask: radial-gradient(farthest-side, transparent calc(100% - var(--b)), black 0);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--b)), black 0);
}

.general_pie_grid {
	--b: 6px;
	--w: 45px;
	margin: 0px;
	font-size: 13px;
}

.listtr {
	height: 55px;
}

.section_pie,
.section_pie_inv {
	--b: 10px;
	--w: 80px;

	width: var(--w);
	aspect-ratio: 1;
	position: relative;
	display: inline-grid;
	margin: 5px;
	place-content: center;
	font-size: 14px;
	font-weight: bold;
	font-family: sans-serif;
	text-align: center;
}

.section_pie {
	--c: conic-gradient(#FF6961 20%, #FFB347 40%, #FDFD96 60%, #77DD77 80%, #03C03C 100%);
}

.section_pie_inv {
	--c: conic-gradient(#77DD77 25%, #FDFD96 50%, #FFB347 75%, #FF6961 100%);
}

.general_pie:before,
.general_pie_grid:before,
.section_pie:before,
.section_pie_inv:before {
	content: "";
	position: absolute;
	inset: 0;
	padding: var(--b); 
	box-sizing: border-box;
	border-radius: 50%;
	background: var(--c);
	mask:
		linear-gradient(#0000 0 0) content-box intersect,
		conic-gradient(#000 calc(var(--p)*1%),#0000 0);
}

.general_pie.unicolor:before,
.general_pie_grid.unicolor:before,
.section_pie.unicolor:before {
	background: var(--u);
}

.animate {
	animation: p 1s .2s both;
}

.listing-page-monitoring-column,
.single-page-monitoring-column {
	padding: 5px 0;
}

.dashboard_panel {
	width: 92%;
	margin: 0 auto;
}

.dashboard_panel.dashboard_panel_single {
	width: 96%;
}

.dashboard_panel {
	margin-top: 15px;
	padding: 20px 5px 30px 20px;
	border: thin solid rgba(0, 145, 213, 0.2);
	border-radius: 5px;
}

.dashboard_panel:hover {
	border-color: rgba(0, 145, 213, 0.6);
}

.monitoring_title {
	width: 98%;
    text-align: left;
	margin-top: -2px;
	margin-bottom: 10px;
}

.monitoring_title a.txt-header-blue {
	font-weight: 550;
}

.monitoring_content_list table th {
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
}

.monitoring_content_list,
.monitoring_no_result {
	height: 325px;
	overflow: scroll;
	margin-top: 10px;
	padding-right: 12px;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#products_dashboard_content .monitoring_content_list,
#products_dashboard_content .monitoring_no_result {
	height: 601px;
	padding-right: 15px;
}

.monitoring_no_result {
	border: none;
	font-size: 16px;
	padding: 110px 0;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

#schedules-container .monitoring_no_result {
	padding: 40px 0;
	margin: 0 auto 20px;
	color: rgba(0, 145, 213, 0.8);
	border: 0.75px solid rgba(0, 145, 213, 0.5);
	border-top: none;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.medium_section .monitoring_content_list {
	height: 166px;
}

.medium_section .monitoring_no_result {
	padding: 50px 0;
}

.short_section .monitoring_content_list,
.short_section .monitoring_no_result {
	height: 98px;
}
.monitoring_content_list_footer {
	padding-top: 10px;
	font-size: 14px;
}

.monitoring_content_list_footer .monitoring_results_number {
	float: left;
	margin-left: 5px;
	font-style: italic;
	color: rgba(0, 145, 213, 1);
}

.monitoring_content_list_footer .monitoring_pagination {
	float: right;
	margin-top: -15px;
	margin-right: -5px;
}

#products_dashboard_content .monitoring_content_list_footer .monitoring_pagination {
	margin-right: 2px;
}

.monitoring_content_list_table tr {
	background-color: rgba(226, 246, 255, 0.2);
}

.monitoring_content_list_table tr td {
	cursor: default;
	border-top: 1px dotted rgb(0, 0, 0, 0.2);
}

.monitoring_content_list_table tr:first-of-type td {
	border-top: none;
}

.monitoring_content_list_table th:first-child {
	border-top-left-radius: 5px;
}

.monitoring_content_list_table th:last-child {
	border-top-right-radius: 5px;
}

.monitoring_status,
.monitoring_template,
.monitoring_site,
.list_badge {
	width: 20px; height: 19px;
	margin: auto;
	margin-top: -4px;
	padding: 1px;
	padding-top: 2px;
	border-radius: 20px;
	font-size: 12px;
	color: rgba(255, 255, 255, 1);
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}

.monitoring_site {
	position: relative; top: -3px;
	height: 20px;
	margin: 0 2px;
	padding: 5px 10px;
	border-radius: 20px;
	font-size: 11px;
}

.monitoring_status_active,
.list_badge_active {
	background: rgba(3, 192, 60, 0.6);
}

.monitoring_status_active:hover,
.list_badge_active:hover {
	background: rgba(3, 192, 60, 0.9);
}

.monitoring_status_inactive,
.list_badge_inactive {
	background: rgba(255, 105, 97, 0.6);
}

.monitoring_status_inactive:hover,
.list_badge_inactive:hover {
	background: rgba(255, 105, 97, 0.9);
}

.monitoring_template_use,
.monitoring_site_notfound {
	background: rgba(255, 179, 71, 0.6);
}

.monitoring_template_use:hover,
.monitoring_site_notfound:hover {
	background: rgba(255, 179, 71, 0.9);
}

.monitoring_template_dont_use,
.monitoring_site_found {
	background: rgba(120, 69, 217, 0.3);
}

.monitoring_template_dont_use:hover,
.monitoring_site_found:hover {
	background: rgba(120, 69, 217, 0.6);
}

.list_badge_bpg {
	background: rgba(20, 118, 255, 0.6);
}

.list_badge_bpg:hover {
	background: rgba(20, 118, 255, 0.9);
}

.list_badge_no_bpg {
	background: rgba(194, 168, 0, 0.6);
}

.list_badge_no_bpg:hover {
	background: rgba(194, 168, 0, 0.9);
}

.monitoring_pagination {
	height: 20px;
	text-align: right;
	padding: 15px 20px 0 0;
}

.monitoring_tools {
	width: 97%; height: 125px;
	padding: 0px 0px 0px 15px;
}

.monitoring_tools.monitoring_items {
	height: 60px;
}

.short_section .monitoring_tools {
	height: auto;
}

.monitoring_tools table {
	width: 75%;
	margin: auto;
}

.monitoring_tools table tr td,
#searchscores_div table tr td {
	text-align: center;
}

.monitoring_tools table tr td.monitoring_search_text_td {
	text-align: left;
}

.monitoring_tools .monitoring_search_text_input,
.monitoring_tools .monitoring_search_select_input,
#dialog-duplicate .monitoring_search_select_input {
	width: 90%;
	padding: 5px;
	margin-top: 3px;
	border-radius: 5px;
	color: rgba(0, 145, 213, 1);
}

.monitoring_tools .monitoring_search_select_input,
#dialog-duplicate .monitoring_search_select_input {
	width: 94%;
	padding: 4px;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

#dialog-duplicate .monitoring_search_select_input {
	width: 40%;
}

.monitoring_tools .ui-slider-horizontal,
#searchscores_div .ui-slider-horizontal {
	width: 95%; height: 8px;
	margin-top: 5px;
	margin-left: 5px;
	border-radius: 5px;
}

#searchscores_div .ui-slider-horizontal {
	width: 100%;
}

.monitoring_tools .ui-slider-horizontal .ui-slider-range,
#searchscores_div .ui-slider-horizontal .ui-slider-range {
	background: rgba(0, 145, 213, 0);
}

.monitoring_tools .ui-slider-handle,
#searchscores_div .ui-slider-handle {
	margin-top: -3px;
	padding: 2px;
	border-radius: 20px;
}

#searchscores_div .ui-slider-handle {
	margin-top: -1px;
	padding: 0px;
	border-radius: 20px;
}

.monitoring_title select,
.monitoring_tools select {
	border: none;
	border-radius: 20px;
}

.monitoring_slider {
	height: 70px;
	margin-top: 10px;
}

.score_slider {
	height: 50px;
	margin-top: 10px;
}

.monitoring_button_div input {
	margin: auto;
}

.monitoring_quick_add {
	width: 98.5%;
	padding: 20px 0;
	border-radius: 5px;
	background: rgba(160, 225, 255, 0.2);
}

#products_dashboard_content .monitoring_quick_add {
	width: 99.1%;
}

#stations.dashboard_panel_item .monitoring_quick_add,
#vehicles.dashboard_panel_item .monitoring_quick_add {
	padding: 43px 0;
}

.monitoring_quick_add_button,
.monitoring_button_div input {
	color: rgba(255, 255, 255, 1);
	text-shadow: 0px 0px 1px black;
	background: rgba(0, 145, 213, 0.8);
	border: 1px outset rgba(0, 145, 213, 1);
}

button.monitoring_quick_add_button:disabled,
button.monitoring_quick_add_button[disabled] {
	cursor: not-allowed;
	background: rgba(0, 145, 213, 0.2);
	border: 1px outset rgba(0, 145, 213, 0.1);
}

.monitoring_quick_add input,
.monitoring_quick_add select,
.monitoring_operate_site_label {
	padding: 5px;
	border-radius: 5px;
	color: rgba(0, 145, 213, 1);
}

.monitoring_operate_site_table {
	width: 100%;
	padding: 5px 0 0 20px;
	margin: 15px auto 0;
}

.monitoring_operate_site_label {
	position: relative; top: -1px; left: -6px;
	margin-right: 16px;
}

.monitoring_quick_add_button,
.monitoring_quick_add select {
	cursor: pointer;
}

.monitoring_quick_add select:disabled,
.monitoring_quick_add select[disabled] {
	cursor: not-allowed;
	color: rgba(0, 145, 213, 0.5);
}

.monitoring_slider_label,
.score_slider_label {
	position: relative;
	height: 7px;
	font-weight: bold;
	color: rgba(0, 145, 213, 0.8);
}

.monitoring_slider_min,
.score_slider_min,
.monitoring_slider_max,
.score_slider_max {
	position: absolute;
	margin-left: -.6em;
	text-align: center;
	font-size: 13px;
}

.monitoring_reset_filters,
.scores_reset_filters {
	float: right;
	width: 50px; height: 18px;
	cursor: pointer;
	font-size: 12px;
	padding: 5px;
	padding-top: 2px;
	margin-top: -37px;
	font-weight: normal;
	border: none;
	color: rgba(0, 145, 213, 0.9);
	background: rgba(0, 145, 213, 0.1);
}

.scores_reset_filters {
	width: 50px; height: 25px;
	font-size: 13px;
	font-weight: bold;
	padding: 4px 2px 10px;
	margin-top: 0px;
	margin-right: -2px;
	background: rgba(0, 145, 213, 0.1);
	border: 1px solid rgba(0, 145, 213, 0);
}

.scores_reset_filters:hover {
	border: 1px solid rgba(0, 145, 213, 1);
}

.dashboard_panel_single .monitoring_reset_filters {
	margin-right: -52px;
}

#products_dashboard_content .dashboard_panel_single .monitoring_reset_filters {
	margin-right: -52px;
}

.dashboard_panel_listing .monitoring_reset_filters {
	margin-right: -51px;
}

#notfound.dashboard_panel_listing .monitoring_reset_filters {
	margin-right: 5px;
}

#mails .monitoring_tools {
	height: 80px;
}

#mails .monitoring_reset_filters {
	margin-right: 2px;
}

#pr_searchstatus {
	width: 80%;
}

.monitoring_items_per_page_div {
	float: right;
	width: 45px;
	padding: 5px;
	margin-right: -12px;
	margin-top: 20px;
	padding-right: 2px;
	border-radius: 10px;
	background-color: rgba(0, 145, 213, 0.1);
}

#products_dashboard_content .monitoring_items_per_page_div {
	margin-right: -22px;
}

.dashboard_panel_listing .monitoring_items_per_page_div {
	margin-right: -5px;
}

.monitoring_items_per_page {
	cursor: pointer;
	font-weight: bold;
	background: transparent;
	color: rgba(0, 145, 213, 1);
}

.monitoring_tools_title {
	font-size: 13px;
	margin-left: 8px;
	font-style: italic;
}

.score_tools_title {
	font-size: 14px;
}

.monitoring_search_text_title {
	margin-left: 2px;
}

.monitoring_column_order_div,
.routes_column_order_div,
.scores_column_order_div {
	float: right;
	width: 20px; height: 30px;
	margin: -15px -13px 0 0;
}

.routes_column_order_div,
.scores_column_order_div {
	margin: -20px -5px 0 0;
}

.monitoring_column_order_icon,
.routes_column_order_icon,
.scores_column_order_icon {
	margin: 7px -1px 0 0;
}

.monitoring_column_order_label,
.routes_column_order_label,
.scores_column_order_label {
	float: right;
	width: 20px; height: 15px;
	font-size: 7px;
	margin: 8px 6px 0 0;
	color: rgb(255, 223, 174);
	text-shadow: 0px 0px 1px black;
}

.routes_column_order_label,
.scores_column_order_label {
	margin-top: 18px;
}

.monitoring_content_list_table .turn,
.routes_column_order_icon.turn,
.scores_column_order_icon.turn {
	transform: rotate(90deg);
}

.monitoring_quick_add_table td {
	padding: 0 10px;
}

#routes_level_name {
	font-size: 20px;
}

#routes-bar-heading select,
#scores-bar-heading select {
	position: relative; top: 0px; left: 0px;
	height: 35px;
	padding: 5px;
	border: none;
	outline: none;
	cursor: pointer;
	background: none;
	font-weight: bold;
	border-radius: 5px;
	color: rgba(0, 145, 213, 1);
}

#routes-bar-heading #products_activity {
	position: relative; top: -5px; left: -120px;
	cursor: pointer;
	font-size: 14px;
}

#vehicle_activity {
	position: relative; top: -5px; left: -2px;
	cursor: pointer;
	font-size: 14px;
}

#routes-bar-heading #toggle_filters,
#scores-bar-heading #toggle_filters {
	position: relative; top: -6px; left: -85px;
	cursor: pointer;
}

#routes-bar-heading #toggle_filters {
	left: -60px;
}

#scores-bar-heading #toggle_filters {
	left: -100px;
}

#routes-bar-heading #export_data,
#scores-bar-heading #export_data {
	position: relative; top: 0px; left: -25px;
	cursor: pointer;
}

#routes-bar-heading #export_data {
	left: 0px;
}

#scores-bar-heading #export_data {
	left: -40px;
}

#routes-bar-heading #data_limitperpage,
#scores-bar-heading #data_limitperpage {
	top: -38px; left: 5px;
	font-size: 14px;
}

#routes-bar-heading #data_limitperpage {
	left: 30px;
	width: 54px;
}

#scores-bar-heading #data_limitperpage {
	left: -10px;
}

.routes_div,
.scores_div,
.vehicles_div {
	padding: 15px;
	margin: 20px 0;
	border-radius: 10px;
	border: 1px outset rgba(0, 145, 213, 0.3);
}

.vehicles_div {
	padding: 0;
	margin: 20px 0;
}

#search-container {
	margin-bottom: 20px;
	background-color: rgba(0, 145, 213, 0.05);
}

#routes_search_table,
#scores_search_table {
	margin: 0 auto;
}

#routes_search_table td,
#scores_search_table td {
	width: 5%;
	width: 200px;
}

#routes_search_table td label,
#scores_search_table td label {
	font-style: italic;
}

.routes_search_input,
.scores_search_input,
.searchassociateditems_select {
	width: 92%;
	font-weight: bold;
	border-radius: 5px;
	color: rgba(0, 145, 213, 1);
}

.active_filter {
	font-weight: bold;
}

#searchfilters .active_filter {
	color: rgba(0, 145, 213, 1);
}

#searchfilters .searchstatus_label.active_filter,
#searchfilters .searchsite_label.active_filter,
#searchfilters .searchtargetpage_label.active_filter,
#searchfilters .searchassociateditems_select,
#searchfilters .scores_search_input {
	font-weight: normal;
}

select.routes_search_input,
select.scores_search_input {
	width: 96%;
}

#routes_results_number,
.routes_results_number,
#scores_results_number,
#segments_results_number,
#pages_results_number {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 30px;
	font-style: italic;
	color: rgba(0, 145, 213, 1);
}

#scores_results_number {
	margin-top: -9px;
}

#routes_results_number,
.routes_results_number,
#segments_results_number,
#pages_results_number {
	margin-top: -8px;
	margin-bottom: 40px;
}

.routes_results_number,
#segments_results_number,
#pages_results_number {
	margin-bottom: 10px;
}

#routes_pagination,
.routes_pagination,
#scores_pagination {
	height: 20px;
	float: right;
	text-align: right;
	margin-top: -10px;
	margin-right: -10px;
	padding: 15px 20px 0 0;
}

#scores_pagination {
	margin-top: -24px;
}

#routes_pagination,
.routes_pagination {
	margin-top: -23px;
}

#list-container {
	padding: 0;
	margin-top: 10px;
	padding-bottom: 20px;
}

#routes_table,
.routes_table,
#scores_table,
#segments_table,
#pages_table {
	position: relative;
}

#schedules-container,
#segments-container,
#pages-container {
	padding: 0px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border: none;
}

#schedules-container .routes_table {
	width: 100%;
	margin-bottom: 5px;
}

#routes_table th,
.routes_table th,
#scores_table th,
#segments_table th,
#pages_table th {
	height: 45px;
	cursor: pointer;
}

#segments_table th,
#pages_table th {
	cursor: default;
}

#routes_table th.asc_filtered:after,
#routes_table th.desc_filtered:after {
	position: relative; top: -10px; left: 20px;
	content: 'ASC';
	font-size: 8px;
	color: rgba(255, 223, 174, 1);
	text-shadow: 0px 0px 1px black;
}

#routes_table th.asc_filtered:after {
	content: 'ASC';
	margin-left: -17px;
}

#routes_table th.desc_filtered:after {
	left: 25px;
	content: 'DESC';
	margin-left: -22px;
}

#scores_table th.asc_filtered:before,
#scores_table th.desc_filtered:before {
	position: relative; top: -3px; left: -4px;
	font-size: 12px;
	color: rgba(255, 255, 255, 1);
	text-shadow: 0px 0px 1px black;
}

#scores_table th.asc_filtered:before {
	content: '\2191';
}

#scores_table th.desc_filtered:before {
	content: '\2193';
}

#routes_table th:first-child,
#scores_table th:first-child,
.route_schedule_header {
	border-top-left-radius: 8px;
}

#segments_table th:first-child,
#pages_table th:first-child {
	border-top-left-radius: 30px;
}

#routes_table th:last-child,
#scores_table th:last-child,
.route_schedule_header,
#segments_table th:last-child,
#pages_table th:last-child {
	border-top-right-radius: 8px;
}

.route_schedule_header {
	border-top-left-radius: 30px;
	border-top-right-radius: 8px;
}

#routes_table tr td,
.routes_table tr td,
#scores_table tr td,
#segments_table tr td,
#pages_table tr td {
	cursor: default;
	background-color: rgba(0, 145, 213, 0.05);
	border-bottom: 1px dotted rgb(0, 0, 0, 0.2);
}

#routes_table ul,
.routes_table ul,
#scores_table ul {
	list-style-type: circle;
}

#scores_table .lang_column {
	font-size: 12px;
	font-weight: bold;
}

#scores_table .lang_column img {
	margin-top: -1px;
	margin-right: 5px;
	vertical-align: middle;
}

#scores_table .lang_column .lang_column_title {
	position: relative; top: 1px;
}

.route_schedule_header {
	padding: 5px;
	background: rgba(0, 145, 213, 0.5);
}

#schedules-container .routes_div_footer,
#segments-container .segments_div_footer,
#pages-container .pages_div_footer {
	margin-top: -7px;
	margin-bottom: 20px;
	padding-top: 10px;
	color: rgb(84, 84, 84);
	background: rgba(0, 145, 213, 0.2);
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 25px;
}

#segments-table-container {
	border-top-right-radius: 8px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 30px;
}

#segments-container .segments_div_footer,
#pages-container .pages_div_footer {
	margin-top: -1px;
	margin-bottom: 0px;
}

#segments-container .segments_div_footer {
	width: 40%; height: 35px;
	margin: auto;
	padding-top: 0;
	border-radius: 8px;
	background: rgba(0, 145, 213, 0.1);
}

#segments-container .segments_div_footer table {
	width: 100%;
}

#segments-container .segments_div_footer table td:nth-of-type(2) {
	text-align: right;
}

#segments_results_number {
	margin-top: 4px;
}

#segments_save {
	width: 100px;
	margin-bottom: 5px;
	margin-right: 3px;
	border-bottom-right-radius: 5px;
}

.highlight4 {
	color: rgb(84, 84, 84);
	background: rgba(0, 145, 213, 0.2);
}

#schedules-container th {
	cursor: default;
}


.black-button.search-button {
	height: 29px;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	border-radius: 7px;
	padding-left: 20px;
	padding-right: 20px;
	color: rgba(255, 255, 255, 1);
	text-shadow: 0px 0px 1px black;
	border: 1px outset rgba(0, 145, 213, 1);
	background: url(../images/nav-center.png) repeat-x top left #787878;
}

#column-container {
	background-color: rgba(0, 145, 213, 0.05);
}

#checkall_checkbox {
	float: right;
	cursor: pointer;
	margin-top: -10px;
	margin-right: -10px;
}

#column-container table {
	margin: 0 auto;
}

.routes_column_checkbox,
.all_scores_column_checkbox,
.scores_column_checkbox,
.routes_column_label,
.scores_column_label {
	margin: 10px 0;
	cursor: pointer;
}

.routes_column_label,
.scores_column_label {
	position: relative; top: -1px;
	margin-right: 10px;
	font-style: italic;
}

.item_row:hover {
    background-color: rgba(226, 246, 255, 0.6);
}

.item_row td:hover {
	cursor: pointer;
}

.monitoring_content_list_table tr.selected {
	color: rgba(0, 145, 213, 1);
}

.monitoring_content_list_table tr.selected td {
	border-top: solid 1px rgba(0, 145, 213, 0.5);
}

.monitoring_content_list_table tr.selected td:first-of-type {
	border-left: solid 1px rgba(0, 145, 213, 0.5);
	border-top-left-radius: 5px;
}

.monitoring_content_list_table tr.selected td:last-of-type {
	border-right: solid 1px rgba(0, 145, 213, 0.5);
	border-top-right-radius: 5px;
}

.monitoring_content_list_table tr.item_monitoring_row {
	background-color: rgba(0, 145, 213, 0.075);
}

.monitoring_content_list_table tr.item_monitoring_row td.item_monitoring_col {
	border: solid 1px rgba(0, 145, 213, 0.5);
	border-top: dashed 1px rgba(0, 145, 213, 0.1);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.monitoring_content_list_table tr.selected_sibling td.item_monitoring_col {
	border-top: none;
}

.statistics_title {
	font-size: 15px;
	font-style: italic;
	margin: 10px auto 20px;
	color: rgba(0, 145, 213, 1);
}

.statistics_table {
	width: 100%;
}

.statistics_section {
	padding: 0px 20px 20px;
}

.statistics_section_title {
	width: 35%;
	padding: 10px;
	font-size: 15px;
	border-radius: 47%;
	margin: 0 auto 10px;
	text-transform: capitalize;
	color: rgba(0, 145, 213, 1);
	border: 1px solid rgba(0, 145, 213, 0.1);
	background-color: rgba(255, 255, 255, 0.3);
}

.statistics_section_title:hover {
	border: 1px solid rgba(0, 145, 213, 0.4);
}

.statistics_table .progress-container {
	height: 14px;
	margin: 8px 0 0;
}

#scores_table .progress-container {
	height: 10px;
	margin: 0;
}

#scores_table .general_pie_grid {
	font-size: 11px;
}

.statistics_table .progress-title {
	top: -3px;
	font-size: 12px;
}

.statistics_table .progress-score {
	top: -8px;
	font-size: 12px;
}

.statistics_section_graph_subtitle {
	font-size: 13px;
	text-align: left;
	margin-top: -4px;
	padding-left: 3px;
	color: rgba(0, 145, 213, 1);
}

.statistics_section_messages {
	text-align: center;
	margin-top: 28px;
	margin-bottom: -20px;
}

.statistics_section_messages_title {
	width: 20px;
	padding: 1px;
	font-size: 11px;
	cursor: pointer;
	margin: 10px auto;
	border-radius: 50%;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 145, 213, 0.4);
}

.statistics_section_messages_title.selected,
.statistics_section_messages_title:hover {
	background-color: rgba(0, 145, 213, 0.6);
}

.statistics_section_content_scores {
	height: 120px;
}

.statistics_section_messages_list {
	display: none;
	width: 91%;
	padding: 10px;
	padding-left: 25px;
	margin: 0 auto;
	text-align: left;
	border-radius: 10px;
	list-style-type: circle;
	color: rgba(80, 80, 80, 0.8);
	background-color: rgba(0, 145, 213, 0.1);
}

.statistics_section_messages_list li {
	font-size: 12px;
}

.statistics_section_messages_list li a:hover {
	color: rgba(0, 145, 213, 0.9);
}

.statistics_monitoring_close_container {
	text-align: right;
}

.statistics_monitoring_close_label {
	padding: 3px;
	cursor: pointer;
	font-weight: bold;
	font-style: italic;
}

.statistics_monitoring_close_label:hover {
	font-style: normal;
	border-top: solid thin rgba(0, 145, 213, 0.5);
	border-bottom: solid thin rgba(0, 145, 213, 0.5);
}

#geolocation_content {
	margin: auto;
	margin-top: 0px;
}

#geolocation_content table {
	width: 100%;
}

#geolocation_content table tr:first-child td {
	padding: 0 35px 0 3px;
}

#map_container {
	height: 250px;
	margin-top: 10px;
	border: 1px solid rgba(0, 145, 213, 0.3);
}

#map_container:hover {
	cursor: crosshair;
	border: 1px solid rgba(0, 145, 213, 1);
}

#map_container,
#map_container div {
	border-radius: 5px;
}

#searchfilters {
	width: 68.5%;
	margin: -5px auto -20px;
}

.searchsection_div {
	margin: 18px 0 15px;
}

.searchsection_title {
	font-size: 17px;
	font-weight: bold;
	margin-left: 3px;
}

#searchfilters select.scores_search_input {
	width: 300px;
}

.all_scores_column_checkbox,
.scores_column_checkbox {
	margin-left: 10px;
	margin-right: 1px;
	margin-top: -10px;
}

.scores_column_label {
	margin-right: 4px;
}

#searchscores_div table tr td {
	height: 10px;
}

.lang_slider_img {
	position: relative; top: 3px; left: -1px;
}

.google-visualization-tooltip {
	text-align: center;
	color: rgba(0, 145, 213, 1);
}

div.google-visualization-tooltip {
	border-radius: 100%;
	border-radius: 20px;
	border-color: rgba(0, 145, 213, 0.8);
	box-shadow: 5px 5px 5px rgba(0, 145, 213, 0.8);
	box-shadow: 0px 8px 8px rgba(0, 145, 213, 0.8);
}

.google-visualization-tooltip-date {
	font-size: 12px;
	font-style: italic;
	padding: 10px 25px;
}

.google-visualization-tooltip-value {
	font-size: 14px;
	margin-top: -10px;
	padding: 5px 25px 15px;
}

#calendar-container {
	margin: 0;
	border: none;
	cursor: default;
	padding-top: 30px;
}

#calendar-chart-container {
	margin: 0 auto;
	padding-bottom: 0px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	background: rgba(255, 255, 255, 1);
}

#graph_navigation_container,
#selected_day_filter,
#calendar_close_container {
	float: left;
	z-index: 9999;
}

#graph_navigation_container {
	position: relative; top: 0; left: 41%;
}

#calendar_close_container {
	float: left;
	position: relative; top: 20px; left: 10px;
}

#selected_day_filter {
	position: relative; top: 3px; left: 41%;
	padding: 4px 8px 4px 4px;
	border-radius: 8px;
	text-align: center;
	margin-top: -3px;
	color: rgba(0, 145, 213, 1);
	color: rgba(255, 255, 255, 1);
	border: 1px dotted rgba(0, 145, 213, 1);
	background: rgba(0, 145, 213, 0.8);
}

#selected_day_filter_value {
	font-size: 13px;
	font-weight: bold;
}

#selected_day_filter_remove_wrapper {
	padding: 1px 3px 3px 3px;
	margin-right: 6px;
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.8);
}

#selected_day_filter_remove {
	margin-bottom: -3px;
}

.graph_navigation {
	display: inline-block;
	font-size: 22px;
	cursor: pointer;
	color: rgba(0, 145, 213, 0.5);
}

.graph_navigation:hover {
	color: rgba(0, 145, 213, 1);
}

.graph_navigation_left,
.graph_navigation_right,
.graph_navigation_up,
.graph_navigation_down {
	position: relative; top: 2px;
}

.graph_navigation_left,
.graph_navigation_down {
	margin-right: 5px;
}

.graph_navigation_right,
.graph_navigation_up {
	margin-left: 5px;
	margin-right: 15px;
}

#information-container {
	margin-top: 0px;
}

#information-table {
	width: 75%;
	margin: auto;
	margin-top: -5px;
	text-align: center;
	padding: 6px 10px 10px;
	border: outset 2px rgba(0, 145, 213, 0.4);
	border-left: none;
	border-right: none;
	border-radius: 8px;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	background: rgba(0, 145, 213, 0.1);
}

.information-table-connector {
	cursor: default;
	font-size: 30px;
	font-weight: bold;
	color: rgba(0, 145, 213, 0.8);
}

.information-table-label {
	cursor: default;
	font-size: 14px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.3);
}

.information-table-label:hover {
	color: rgba(0, 0, 0, 0.4);
}

.information-table-value,
.information-table-value a {
	font-size: 16px;
	font-weight: bold;
	color: rgba(0, 145, 213, 1);
}

.information-table-value a:hover {
	border-bottom: dashed 1px rgba(0, 145, 213, 0.9);
}

.vehicles_no_result,
#schedules-container .schedules_no_result {
	padding: 65px 0;
	border: none;
	border-radius: 8px;
	border-top-left-radius: 30px;
	color: rgba(0, 145, 213, 0.8);
	border-bottom-right-radius: 30px;
	background: rgba(0, 145, 213, 0.1);
}

#schedules-container .monitoring_no_result {
	border: none;
	background: rgba(0, 145, 213, 0.1);
}

#schedules-container .monitoring_no_result {
	border-bottom-right-radius: 30px;
}

#create_schedule_container,
.create_price_container,
#create_segment_container {
	padding: 10px;
	margin-top: 10px;
	border-radius: 8px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
}

.create_price_container {
	margin-top: -10px;
	margin-bottom: 30px;
}

#create_schedule_container table,
#create_schedule_container table div,
#create_schedule_container table span,
#create_schedule_container table input,
.create_price_container table,
.create_price_container table div,
.create_price_container table span,
.create_price_container table input,
#create_segment_container table {
	margin: auto;
}

#create_schedule_container table,
.create_price_container table {
	width: 90%;
}

#create_schedule_container table tr:nth-of-type(2) td,
.create_price_container table tr:nth-of-type(2) td,
.create_price_container table tr:nth-of-type(3) td,
#create_segment_container table tr:nth-of-type(2) td {
	padding: 10px;
}

.create_price_input {
	padding: 5px;
}

.date_schedule_input,
.date_price_input {
	text-align: center;
}

select.routes_search_input.create_price_input {
	width: 100%;
}

#vehicle_to_associate,
#station_to_associate {
	width: 100%;
	cursor: pointer;
	margin-right: 10px;
	text-align: center;
	font-weight: normal;
}

#vehicle_to_associate {
	margin-bottom: 10px;
}

.create_price_control,
.date_schedule_input {
	font-weight: normal;
	font-style: italic;
	text-align: center;
}

#create_schedule_button,
.create_price_button,
#create_segment_button {
	width: 80px;
	padding: 5px;
	cursor: pointer;
	font-weight: bold;
}

.create_price_button {
	width: 160px;
	padding: 5px;
	cursor: pointer;
	font-weight: bold;
}

#create_schedule_button:hover,
.create_price_button:hover,
#create_segment_button:hover {
	border: solid thin rgba(0, 145, 213, 0.5);
	background: rgba(255, 255, 255, 0.9);
}

#create_schedule_button:disabled,
.create_price_button:disabled,
#create_segment_button:disabled {
	cursor: not-allowed;
}

#create_segment_button {
	width: 33%;
	margin-top: 8px;
}

#schedule_time_from,
#schedule_time_to {
	padding-left: 12px;
}

.route_creation_title {
	font-size: 16px;
	cursor: default;
	font-weight: bold;
	font-style: italic;
	padding: 10px 0 15px;
	color: rgba(0, 145, 213, 0.9);
	border-bottom: dotted thin rgba(0, 145, 213, 0.5);
}

.route_association_label_container {
	padding: 0 2px 2px;
}

.route_association_label {
	font-size: 15px;
	font-style: italic;
	color: rgba(0, 0, 0, 0.6);
}

#timeline {
	margin: auto;
	margin-bottom: 30px;
	padding: 0 10px;
}

.timeline__content,
.timeline__content_stop {
	border-radius: 8px;
	padding-top: 10px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-color: rgba(0, 145, 213, 0.5);
}

.timeline__content:hover {
	border-color: rgba(0, 145, 213, 1);
}

.timeline__content_stop,
.timeline__content.timeline__content_departure,
.timeline__content.timeline__content_arrival {
	border-radius: 8px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

.timeline__content {
	background-color: rgba(0, 145, 213, 0.12);
}

.timeline__content.timeline__content_segment,
.timeline__content_stop {
	padding-bottom: 10px;
}

.timeline__content_departure,
.timeline__content_arrival,
.timeline__content_new,
.timeline__content_stop {
	background-color: rgba(0, 145, 213, 0.04);
}

.timeline__content:after {
	border-left: 11px solid rgba(0, 145, 213, 0.7);
}

.timeline__content.timeline__content_stop:after {
	border-right: 11px solid rgba(0, 145, 213, 0.1);
}

.timeline__content.timeline__content_departure:after,
.timeline__content.timeline__content_arrival:after {
	border-right: 11px solid rgba(0, 145, 213, 0.7);
}

.timeline_item_title {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 5px 0 10px;
	border-bottom: dashed thin rgba(0, 145, 213, 0.3);
}

.timeline_item_footer {
	text-align: center;
	margin-top: 20px;
	padding: 8px 0 0;
	border-top: dashed thin rgba(0, 145, 213, 0.3);
}

.timeline__content_new .timeline_item_footer {
	margin-top: 10px;
}

.timeline_item_title table,
.timeline_item_footer table {
	margin: auto;
}

.timeline_item_vehicle,
.timeline_item_vehicle_station_union,
.timeline_item_station {
	cursor: default;
	font-weight: bold;
	text-align: center;
}

.timeline_item_vehicle {
	padding-top: 8px;
}

.timeline_item_vehicle,
.timeline_item_station {
	color: rgba(0, 145, 213, 1);
}

.timeline_item_vehicle_station_union {
	font-size: 16px;
	font-weight: normal;
	padding: 10px 0 15px;
}

.timeline_route_station,
.timeline_item_stop_station {
	text-align: center;
	padding-top: 8px;
}

.timeline_route_station,
.timeline_route_station a,
.timeline_route_station a:visited,
.timeline_item_stop_station,
.timeline_item_stop_station a,
.timeline_item_stop_station a:visited,
.timeline_item_title a,
.timeline_item_title a:visited {
	color: rgba(0, 145, 213, 0.85);
}

.timeline_item_vehicle_station_title_span {
	color: rgba(0, 0, 0, 0.75);
}

.timeline_route_station a:hover,
.timeline_item_stop_station a:hover,
.timeline_item_title a:hover,
.timeline_item_vehicle_station_title_span:hover,
.segment_duration_column:hover,
.segment_distance_column:hover,
.segment_turnaround_column:hover {
	color: rgba(0, 145, 213, 1);
}

.timeline_item_title a,
.timeline_item_title a:visited {
	font-weight: bold;
}

.timeline_item_footer {
	cursor: default;
}

.timeline_item_order_col {
	width: 5%;
}

.timeline_item_name_col,
.timeline_item_stop_name_col {
	width: 95%;
}

.timeline_item_status_col {
	width: 5%;
}

.timeline_item_order {
	margin-right: -5px;
}

.timeline_item_title_stop table {
	width: 100%;
}

.timeline_route_station {
	font-weight: bold;
}

.timeline_item_order {
	width: 26px; height: 25px;
	padding: 3px 8px 8px 6px;
	border-radius: 20px;
	font-size: 13px;
	color: rgba(255, 255, 255, 1);
	background: rgba(0, 145, 213, 0.8);
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}

.timeline__content_departure .timeline_item_order,
.timeline__content_arrival .timeline_item_order {
	padding-left: 5px;
}

.order_prefix {
	font-size: 12px;
	margin-right: 1px;
}

.timeline_item_order .order_prefix {
	font-size: 10px;
}

.timeline_item_order:hover {
	background: rgba(0, 145, 213, 1);
}

.timeline_item_name {
	width: 100%;
}

.timeline_item_status .list_badge {
	width: 24px; height: 24px;
	font-size: 13px;
	margin-left: -5px;
	margin-bottom: -5px;
	padding: 2px 5px 2px 5px;
}

.timeline__item_new .timeline_item_title {
	text-align: center;
	font-style: italic;
}

.timeline_item_title {
	cursor: pointer;
}

.timeline_item_order {
	cursor: default;
}

.timeline__content_new .timeline_item_title {
	cursor: default;
	padding-bottom: 10px;
}

.timeline__content_departure .timeline_item_title .timeline_item_order,
.timeline__content_arrival .timeline_item_title .timeline_item_order {
	font-style: normal;
}

.timeline_item_footer_title {
	font-size: 14px;
	margin: 0 15px;
	font-style: italic;
}

.timeline_item_content_inputs {
	width: 90%;
	margin: auto;
}

.create_segment_input {
	width: 75%;
	text-align: center;
}

#new_segment_inputs_table {
	margin: auto;
	margin-top: 8px;
	text-align: center;
}

.segment_numeric_value {
	font-weight: bold;
}

.timeline_item_vehicle_station_title_link {
	position: absolute;
	margin-top: -1px;
	margin-left: -30px;
}

.timeline_item_stop_departures,
.timeline_item_stop_arrivals {
	text-align: left;
}

.stop_schedule_title {
	cursor: default;
	margin-right: 10px;
}

.stop_schedule_time {
	margin: 0 10px;
}

.timeline_item_arrivals_departures_table {
	margin: -10px auto -20px;
	padding: 10px;
	border-radius: 8px;
}

.timeline_item_arrivals_departures_table td {
	font-size: 14px;
	padding: 5px 10px;
}

.timeline_item_stop_colors_departures td div,
.timeline_item_stop_colors td div {
	margin: auto;
	border-radius: 8px;
	border-bottom-right-radius: 30px;
	border-top-left-radius: 30px;
}

.item_schedule_color_container {
	opacity: 0.8;
}

.item_schedule_color_container:hover {
	opacity: 1;
}

.stop_schedule_time_offset_days {
	position: relative; top: -5px; left: 2px;
	font-size: 11px;
	font-weight: bold;
	color: rgba(0, 145, 213, 1);
}

.stop_schedule_time_offset_days_sign {
	font-size: 10px;
	margin-right: 1px;
}

.stop_schedule_time:hover {
	color: rgba(0, 145, 213, 1);
}

.timeline_item_arrivals_departures_table td.stop_schedule_result {
	font-size: 10px;
	text-align: center;
	font-style: italic;
}

.stop_schedule_unmatch {
	color: rgba(255, 105, 97, 0.9);
}

.stop_schedule_match {
	color: rgba(3, 192, 60, 0.9);
}

.timeline_item_footer_stop_arrival {
    margin-bottom: -10px;
}

.timeline_item_content_stop_empty {
	font-size: 14px;
	font-style: italic;
	text-align: center;
	padding: 12px 0 5px;
}

.timeline_item_segment_no_result {
	font-size: 16px;
	text-align: center;
	padding-top: 5px;
}

.facilities_container.detail_page td {
	text-align: left;
}

/* --- Integrated hover submenu (2026-07-06): the standalone submenu bar moved into the
   main menu bar — hovering a main item drops its submenu down. --- */
ul#top_main_menu li { position: relative; }
ul#top_main_menu li ul.nav-dropdown { display: none; position: absolute; top: 100%; left: 0; z-index: 1000; background: #ffffff; border: 1px solid #e1e1e1; border-radius: 10px; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12); min-width: 210px; padding: 6px; margin: 0; list-style: none; }
ul#top_main_menu li:hover ul.nav-dropdown, ul#top_main_menu li:focus-within ul.nav-dropdown { display: block; }
ul#top_main_menu li ul.nav-dropdown li { float: none; padding: 0; margin: 0; line-height: normal; }
ul#top_main_menu li ul.nav-dropdown li a { display: block; font-size: 13px; font-weight: 500; padding: 8px 14px; text-align: left; color: #231F20; text-decoration: none; border-radius: 8px; background-image: none; background-color: transparent; }
ul#top_main_menu li ul.nav-dropdown li a:hover, ul#top_main_menu li ul.nav-dropdown li a.over { background-color: #E6F4FB; color: #0089CF; }
/* Settings gear dropdown (menu 4 lives on the icon, not the main bar). */
.nav-icon-drop { position: relative; display: inline-block; }
.nav-icon-drop ul.nav-dropdown { display: none; position: absolute; top: 100%; right: 0; left: auto; z-index: 1000; background: #ffffff; border: 1px solid #e1e1e1; border-radius: 10px; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12); min-width: 210px; padding: 6px; margin: 0; list-style: none; }
.nav-icon-drop:hover ul.nav-dropdown, .nav-icon-drop:focus-within ul.nav-dropdown { display: block; }
.nav-icon-drop ul.nav-dropdown li { float: none; padding: 0; margin: 0; line-height: normal; }
.nav-icon-drop ul.nav-dropdown li a { display: block; font-size: 13px; font-weight: 500; padding: 8px 14px; text-align: left; color: #231F20; text-decoration: none; border-radius: 8px; }
.nav-icon-drop ul.nav-dropdown li a:hover, .nav-icon-drop ul.nav-dropdown li a.over { background-color: #E6F4FB; color: #0089CF; }
/* Tap-to-toggle (touch): .open mirrors the :hover display of the dropdowns. */
ul#top_main_menu li.open ul.nav-dropdown, .nav-icon-drop.open ul.nav-dropdown { display: block; }
/* Dropdown links must OUT-RANK the 2-id bar rules (#container #nav a / #container #top a),
   which would otherwise paint them white/bold with pill padding. */
#container #nav ul#top_main_menu li ul.nav-dropdown li a,
#container #top .nav-icon-drop ul.nav-dropdown li a {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: #231F20;
	padding: 8px 14px;
	text-align: left;
	border-radius: 8px;
	background-color: transparent;
}
#container #nav ul#top_main_menu li ul.nav-dropdown li a:hover,
#container #nav ul#top_main_menu li ul.nav-dropdown li a.over,
#container #top .nav-icon-drop ul.nav-dropdown li a:hover,
#container #top .nav-icon-drop ul.nav-dropdown li a.over {
	background-color: #E6F4FB;
	color: #0089CF;
}

/* ============================================================
   User Notification Tool — bell badge + dropdown panel (inc_topmenu)
   and the inbox / admin listing pages. Palette matches the platform
   (white panels, #e1e1e1 borders, txt-blue #0c7dbb accents).
   ============================================================ */
.notif-badge { position: absolute; top: -6px; right: -8px; min-width: 16px; height: 16px; line-height: 16px; padding: 0 3px; border-radius: 9px; background-color: #d9534f; color: #fff; font-size: 10px; font-weight: bold; text-align: center; }
.notif-panel { position: absolute; top: 100%; right: 0; z-index: 1100; width: 340px; background: #ffffff; border: 1px solid #e1e1e1; border-radius: 0 0 10px 10px; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12); text-align: left; }
.notif-panel-head { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; border-bottom: 1px solid #e1e1e1; font-size: 13px; }
.notif-panel-head a { font-size: 11px; color: #0c7dbb; cursor: pointer; text-decoration: none; }
.notif-panel-head a:hover { text-decoration: underline; }
.notif-list { max-height: 320px; overflow-y: auto; }
.notif-empty { padding: 16px 12px; font-size: 12px; color: #888; text-align: center; }
.notif-item { display: block; padding: 8px 12px; border-bottom: 1px solid #f0f0f0; text-decoration: none; color: #000; }
.notif-item:hover { background-color: #f5f9fc; }
.notif-item-title { display: block; font-size: 12px; font-weight: bold; }
.notif-item-message { display: block; font-size: 11px; color: #444; margin-top: 2px; max-height: 42px; overflow: hidden; }
.notif-item-meta { display: block; font-size: 10px; color: #999; margin-top: 3px; }
.notif-unread { background-color: #eef6fb; }
.notif-unread .notif-item-title { color: #0c7dbb; }
.notif-type-2 .notif-item-meta, .notif-type-3 .notif-item-meta { color: #c9302c; }
.notif-panel-foot { padding: 8px 12px; border-top: 1px solid #e1e1e1; text-align: center; }
.notif-panel-foot a { font-size: 12px; color: #0c7dbb; text-decoration: none; }
.notif-panel-foot a:hover { text-decoration: underline; }

/* ============================================================
   Notification INBOX layout (page, not the bell panel): rows become
   spaced cards with a clear checkbox column, readable text sizes and
   right-aligned actions — the panel keeps its own compact styles above.
   ============================================================ */
.notif-inbox { padding-top: 4px; padding-bottom: 24px; }
.notif-bulkbar { display: flex; align-items: center; gap: 14px; padding: 10px 16px; margin: 14px 0; background: #f7f7f7; border: 1px solid #e1e1e1; border-radius: 8px; font-size: 12px; }
.notif-bulkbar label { display: inline-flex; align-items: center; gap: 7px; }
.notif-bulkbar input[type="checkbox"] { width: 16px; height: 16px; margin: 0; cursor: pointer; accent-color: #0c7dbb; }
.notif-bulk-button:disabled { opacity: 0.45; cursor: default; }
.notif-inbox .notif-item { display: flex; align-items: flex-start; gap: 6px; padding: 12px 18px 12px 8px; margin: 10px 0; background: #fff; border: 1px solid #e5e5e5; border-radius: 8px; border-bottom: 1px solid #e5e5e5; }
.notif-inbox .notif-item:hover { background: #f5f9fc; border-color: #cfe3f0; }
.notif-inbox .notif-unread { background-color: #eef6fb; border-color: #cfe3f0; }
/* Checkbox column: fixed width, vertically CENTERED against the whole card,
   generous click target, platform-blue check. */
.notif-item-select { flex: none; align-self: stretch; display: flex; width: 40px; }
.notif-item-select label { display: flex; align-items: center; justify-content: center; width: 100%; cursor: pointer; }
.notif-item-select input { width: 16px; height: 16px; margin: 0; cursor: pointer; accent-color: #0c7dbb; }
.notif-item-body { display: block; flex: 1; min-width: 0; text-decoration: none; color: #000; }
.notif-inbox .notif-item-title { font-size: 13px; line-height: 1.4; }
.notif-inbox .notif-item-message { font-size: 12px; line-height: 1.55; margin-top: 4px; max-height: none; }
.notif-inbox .notif-item-meta { font-size: 11px; margin-top: 7px; }
.notif-item-actions { flex: none; white-space: nowrap; margin-left: 8px; padding-top: 3px; font-size: 11px; }
.notif-item-actions a { color: #0c7dbb; cursor: pointer; display: inline-block; margin-left: 16px; text-decoration: none; }
.notif-item-actions a:first-child { margin-left: 0; }
.notif-item-actions a:hover { text-decoration: underline; }
/* Per-row snooze mini-menu. */
.notif-snooze { position: relative; display: inline-block; margin-left: 16px; }
.notif-snooze > a { margin-left: 0; }
.notif-snooze-menu { position: absolute; top: 100%; right: 0; z-index: 1100; background: #fff; border: 1px solid #e1e1e1; border-radius: 8px; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12); padding: 4px; white-space: nowrap; }
.notif-snooze-menu a { display: block; padding: 6px 14px; margin: 0 !important; border-radius: 6px; }
.notif-snooze-menu a:hover { background: #f0f6fa; text-decoration: none; }