body {
	margin-left:0;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	overflow:auto;
	text-align:left;
	font-size: 14px;
	font-weight:400;
	font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;
	-webkit-font-smoothing:antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale; /* Fix Firefox Font Weight Issue */
}

#cover {
	-webkit-backdrop-filter:saturate(180%) blur(100px);
	backdrop-filter:saturate(180%) blur(20px);
}

#cover, .cover-image {
	display: block;
     width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden !important;
}


#cover .cover-image {
    background-image: url("dark-wave.jpg");
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: scroll;
}

#cover .zoom {
    transform-origin: 50% 80%;
    animation: coverZoom linear 50s;
    animation-iteration-count: infinite;
    -webkit-animation: coverZoom linear 50s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: coverZoom linear 50s;
    -moz-animation-iteration-count: infinite;
    -ms-animation: coverZoom linear 50s;
    -ms-animation-iteration-count: infinite
}

@keyframes coverZoom {
    0%, 100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.24)
    }
}

@-moz-keyframes coverZoom {
    0%, 100% {
        -moz-transform: scale(1)
    }

    50% {
        -moz-transform: scale(1.24)
    }
}

@-webkit-keyframes coverZoom {
    0%, 100% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.24)
    }
}

@-ms-keyframes coverZoom {
    #content .content-block 0%, #content .semplice-cover 0%, #content-holder .content-block 0%,
    #content-holder .semplice-cover 0% {
        -ms-transform: scale(1)
    }

    #content .content-block 50%, #content .semplice-cover 50%, #content-holder .content-block 50%,
    #content-holder .semplice-cover 50% {
        -ms-transform: scale(1.24)
    }

    #content .content-block 100%, #content .semplice-cover 100%, #content-holder .content-block 100%,
    #content-holder .semplice-cover 100% {
        -ms-transform: scale(1)
    }
}


b,strong {
	font-weight:500;
}

#container {
	margin:10px;
/* 	min-width:900px; */
}

.content_container {
	margin-left:185px; margin-right:7px; margin-top:4px; padding: 10px;
}

fieldset {
	padding:10px;
	margin:5px;
	border:1px solid #CCC;
	border-radius:5px;
	background-color:#FFF;
	box-shadow:0 0 2px #CCC;
}

legend {
	padding:5px;
	margin:5px;
	border:1px solid #CCC;
	background-color:#FFF;
	text-align:left;
	border-radius:5px;
	font-weight:700;
}

a:link {
	color:#900;
}

a:visited {
	color:#900;
}

a:hover {
	color:#F30;
}

td {
	font-size:12px;
}

th, .prepended {
	font-size:12px;
	text-transform: uppercase;
	font-weight: 700
}

.SmallWords {
	font-size:xx-small;
}

.SmallWordsBlack {
	font-size:xx-small;
	color:#000;
}

.FormText {
	font-size:8pt;
	color:#000;
}

.FormHelpText {
	font-size:8pt;
	color:green;
}

pre {
	font-size:11px;
	text-decoration:none;
	line-height:15px;
	color:#2f2f2f;
	margin:10px;
	padding:0;
	display:block;
}

.gray10 {
	font-size:10px;
	color:#979797;
}

.black11_top {
	font-size:11px;
	text-decoration:none;
	color:#fff;
	text-shadow:1px 1px 2px #000;
	font-weight:700;
}

.black11 {
	font-size:13px;
}

.black11b {
	font-size:11px;
	text-decoration:none;
	color:#2f2f2f;
	text-shadow:1px 1px #fff;
}

.black12 {
	color:#2f2f2f;
	text-decoration:none;
}

.black12b {
	font-size:14px;
	font-weight:200;
	text-decoration:none;
}

/*
.black12:hover,.black12b:hover {
	text-decoration:underline;
}
*/

a.blue11 {
	font-size:11px;
	font-weight:400;
	text-decoration:underline;
	color:#09e;
}

/*
a.blue11:hover {
	color:#060;
}
*/

a.blue11b {
	font-size:11px;
	font-weight:700;
	text-decoration:none;
	color:#09e;
}

a.blue11b:hover {
	font-size:11px;
	text-decoration:none;
	font-weight:700;
	color:#060;
}

.red11, .vred {
	color:#C00;
}

.vorange {
	color:orange;
}

.alert_message_container {
	font-size:16px;
	line-height: 18px;
	color:#296a3d;
	background-color:#40E172;
	border-radius:5px;
	border:1px rgba(102,204,65,1) solid;
	height:auto;
	margin:auto;
	text-align: center
}

.alert_error_container {
	font-size:16px;
	line-height: 18px;
	color:#C00;
	background-color:#FFCECE;
	border-radius:5px;
	border:1px #F4B0B0 solid;
	height:auto;
	margin:auto;
	text-align: center
}

.message_container {
	font-size:16px;
	line-height: 18px;
	color:#296a3d;
	background-color:yellow;
	border-radius:5px;
	border:1px yellow solid;
	height:auto;
	margin:auto;
	text-align: center
}

.alert_message:before {
	content:"\f071";
	font-family:"Font Awesome 5 Free";
	display:inline-block;
	margin-right:10px;
	width:1em;
	color:#296a3d;
}

.alert_error:before {
	content:"\f256";
	font-family:"Font Awesome 5 Free";
	display:inline-block;
	margin-right:10px;
	width:1em;
	color:#C00;
}

.alert_message,.alert_error,.message {
	padding:7px 20px;
}

.alert_message a,.alert_error a,.message a {
	text-decoration: underline;
}

.alert_message a:hover,.alert_error a:hover,.message a:hover {
	text-decoration: none;
}

.green11 {
	font-size:11px;
	color:#060;
}

.textbox {
	border-bottom:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	border-top:1px solid;
	border-color:silver;
	font-size:12px;
	color:#2f2f2f;
	background-color:#fff;
}

/* small text */
.grey9 {
	font-size:9px;
	line-height:12px;
	color:#666;
}

A.grey9:link {
	font-size:9px;
	color:#666;
	line-height:12px;
	text-decoration:none;
}

A.grey9:visited {
	font-size:9px;
	color:#666;
	line-height:12px;
	text-decoration:none;
}

A.grey9:hover {
	font-size:9px;
	color:#060;
	line-height:12px;
}

A.menu:link {
	font-size:11px;
	text-decoration:none;
	padding-left:10px;
}

A.menu:visited {
	font-size:11px;
	text-decoration:none;
	padding-left:10px;
}

A.menu:hover {
	font-size:11px;
	padding-left:10px;
}

.menutop_title {
	font-weight:700;
	text-decoration:none;
	font-size:13px;
	color:#666;
}

A.menutop:link {
	font-size:11px;
	text-decoration:none;
}

A.menutop:visited {
	font-size:11px;
	text-decoration:none;
}

A.menutop:hover {
	font-size:11px;
	text-decoration:underline;
}

.fill01 {
	font-size:13px;
/* text-shadow:1px 1px 2px #F2F1F2; */
}

.fill01 a,.fill01 span {
	text-shadow:none;
}

.fill02 {
/* text-shadow:1px 1px #fff; */
}

.fill03 {
	background-color:#F5F5F5;
}

.fill04 {
	background-color:#FAFAFA;
}

.fill05 {
	background-color:#e8b0a8;
}

.fill05:nth-child(odd) {
        background-color: #e49184;
    }

/* Green */
    .fill06 {
        background-color: rgba(0, 128, 0, 0.33)!important;
    }

/* Blue */
    .fill07 {
        background-color: rgba(0, 0, 255, 0.33)!important;
    }

     /* Yellow */
    .fill08 {
        background-color: rgba(255, 255, 0, 0.33)!important;
    }

/* Green */
    .help {
        color: green;
    }

.textfill01 {
	font-size:11px;
	text-decoration:none;
	color:#2f2f2f;
	background-color:#CCF;
}

.textfill02 {
	font-size:11px;
	text-decoration:none;
	color:#2f2f2f;
	background-color:#DDD;
}

.textfill03 {
	font-size:11px;
	text-decoration:none;
	color:#2f2f2f;
	background-color:#F5F5F5;
}

.textfill04 {
	font-size:11px;
	text-decoration:none;
	color:#2f2f2f;
	background-color:#FAFAFA;
}

.text,.black12 {
	font-size:11px;
	line-height:14px;
	color:#333;
}

.black12 a {
	text-decoration:none;
/* text-shadow:1px 1px 1px #fff; */
}

.black12 img {
	padding-right:5px;
}

.fine {
	font-size:9px;
	line-height:12px;
	color:#999;
}

.menu_container {
	width:175px; position:absolute; top: 40px; left: 15px; padding-bottom: 5px;
}

.menu_title {
	padding-left:5px;
	font-size:13px;
	text-decoration:none;
	color:#000;
	text-shadow:1px 1px 2px #fff;
	font-weight:700;
}

.topBar {
/* background-image:linear-gradient(#4F6EA7,#fff 50px); */
	background-color:#CCC;
	border-radius:10px;
	border-spacing:0;
	padding-left:5px;
/* text-shadow:1px 1px 2px #fff; */
}

.panelContent {
/* border:1px #CCC solid; */
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

.standard {
	color:#666;
	background-color:#FFF;
	border-radius:10px;
	border-spacing:0;
	width:100%;
}

.standard_transparent {
	font-size:10px;
	line-height:12px;
	color:#666;
	background:transparent;
	border-radius:10px;
	border-spacing:0;
	background-image:linear-gradient(#C5C5C5,#F4F3F4 50px);
	padding: 10px;
}

.standard_billed {
	font-size:10px;
	line-height:12px;
	color:#666;
	background-color:#FFF;
	border-radius:10px;
	border-spacing:0;
	background-image:linear-gradient(#F9D3CD,#fff 60px);
	padding: 10px;
}

table.standard {
	width:100%;
	padding: 5px;
	margin-bottom: 10px;
}

table.standard td {
	padding: 5px;
}

table.standard tr.table_header td {
	padding:5px;
}

.alternate_a, table.standard:not(.noaltbgcolor) tr:nth-child(even) {
	background-color:#FFF;
}

.alternate_b, table.standard:not(.noaltbgcolor) tr:nth-child(odd) {
	background-color:#EFEFEF;
}

.standard {
	border: 1px #CCCCCC solid;
	border-radius: 5px;
}

.standard_support {
	border: 1px rgba(255,206,99,1) solid;
	border-radius: 5px;
}

.standard_sales {
	border: 1px rgba(137, 179, 255, 1) solid;
	border-radius: 5px;
	background-color: rgba(137, 179, 255, 0.05);
}

.standard_design {
	border: 1px rgba(98, 186, 69, 1) solid;
	border-radius: 5px;
}

table.standard_sales .alternate_a, table.standard_sales:not(.noaltbgcolor) tr:nth-child(even) {
	background-color:transparent;
}

table.standard_support .alternate_b, table.standard_support:not(.noaltbgcolor) tr:nth-child(odd) {
	background-color:rgba(255,206,99,0.33);
}

table.standard_sales .alternate_b, table.standard_sales:not(.noaltbgcolor) tr:nth-child(odd) {
	background-color:rgba(137, 179, 255, 0.33);
}

table.standard_design .alternate_b, table.standard_design:not(.noaltbgcolor) tr:nth-child(odd) {
	background-color:rgba(98, 186, 69, 0.33);
}

.topic_name {
	font-size:16px;
}

table.hover tr:not(.nohover):hover {
    background-color: yellow !important;
}

/* table.hover tr:first-child:hover {
    background-color: transparent !important;
} */

/*
table.hover tr.nohover {
    background-color: white !important;
}
*/

.bordertop {
	border-top:1px solid #CCC;
}

.standardtext {
	font-size:10px;
	line-height:150%;
	color:#666;
}

.line {
	border-top:1px solid #CCC;
}

.fill06 {
	background-color:#D6DFF7;
}

.strike {
	text-decoration:line-through;
	color:red;
}

.highlight {
	background-color:rgba(255, 255, 0, 0.25) !important;
}

.highlight_2 {
	background-color:rgba(255,206,99,0.25) !important;
}

.highlight_3 {
	background-color:rgba(189, 0, 17, 0.25) !important;
}

#overlay_container {
	position:fixed;
	z-index:9999997;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	display:none;
	overflow: scroll;
	background-color: rgba(0,0,0,0.5);
}

#overlay {
	position:relative;
	vertical-align:middle;
	background-color:#FFF;
	margin:100px;
	padding:20px;
	box-shadow:1px 1px 15px rgba(125,125,125,0.81);
	border-radius: 25px;
	z-index:9999998;
}

#overlay_content {
	position:relative;
	z-index:9999999;
}

body.mobile #overlay {
	margin:5%;
	padding:10px;
}

#ajax_window {
	z-index:9999999;
	background-color:#FFC;
	opacity:.95;
	filter:alpha(opacity=95);
	border:1px solid red;
	position:fixed;
	top:30px;
	left:30px;
	bottom:30px;
	right:30px;
	overflow:auto;
	padding:15px;
}

.status {
	background-color:#900;
	color:#FFF;
	text-align:center;
	font-size:125%;
}

.status_icon {
	font-size: 20px;
	line-height: 20px;
}

#csv_file_preview {
	border:1px solid red;
	height:225px;
	margin:4px auto;
	overflow:scroll;
	width:730px;
}

.caution span {
	background-color:#000;
	padding:5px;
	border-radius:20px;
}

.caution {
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:400;
	height:40px;
	left:0;
	line-height:35px;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	visibility:visible;
}

.warning {
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:400;
	height:40px;
	left:0;
	line-height:35px;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	visibility:visible;
}


.alert_text {
	background-color:#292929;
	padding:5px;
	border-radius:20px;
}

#otherContent {
/* Normal text content */
	float:left;
/* Firefox - to avoid blank white space above panel */
	padding-left:10px;
/* A little space at the left */
}

.style1 {
	color: #666
}

.style2,style2 a {
	font-size:22px;
}

textarea,input[type="text"],input[type="tel"],input[type="email"],input[type="password"] {
	font-size:14px;
	font-weight: 500;
	color:#000;
	border:1px solid #bbb;
	background-color:#FFF;
	padding:2px 10px;
	margin:0;
	border-radius:3px;
	outline: 0;
	outline-style:none;
	outline-width:0;
	-webkit-appearance: none;
}

textarea {
	padding:10px;
	box-sizing: border-box;
}

/*
input {
 outline:none;
}
*/

input[type="submit"], input[type="reset"], a.button, .qq-upload-button {
	background-color:#8FB5DB; /* fallback color if gradients are not supported */
	background-image:linear-gradient(#8FB5DB,#729EC7);
	color:#FFF;
	display:inline-block;
	overflow:hidden;
	padding:3px 7px;
	margin:5px;
	text-transform:uppercase;
	cursor:pointer;
	border:1px #8FB5DB solid;
	letter-spacing:1px;
	border-radius:15px;
	box-shadow:0 0 1px #729EC7;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	text-decoration: none;
	font-size: 12px;
	font-weight: 700;
	-webkit-appearance: none;
	text-align: center;
}

input[type="submit"]:hover, input[type="reset"]:hover, a.button:hover, .qq-upload-button:hover {
	background-image:linear-gradient(#FFF,#f2f2f2);
	border:1px #729EC7 solid;
	background-color:#FFF;
	color:#729EC7;
}

img:focus {
	border:2px solid yellow;
    outline-style:none;
}

input[type="submit"]:focus {
    background-color:yellow; /* fallback color if gradients are not supported */
	background-image:none;
	color:#729EC7;
	box-shadow:none;
}

/*
select {
	height:25px;
	padding:6px 16px;
	border:none;
	font-weight: 700;
}
*/

textarea {
	background-color:#FFF;
}

div.autocomplete {
	position:absolute;
	top:0;
	left:0;
	width:auto;
	background-color:#fff;
	border:1px solid #CCC;
	margin:0;
	padding:0;
	overflow:auto;
	height:400px;
	opacity:.9;
	white-space: nowrap
}

div.autocomplete ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div.autocomplete ul li.selected {
	background-color:#ffb;
}

div.autocomplete ul li {
	list-style-type:none;
	display:block;
	color:#000;
	font-size:10px;
	text-align:left;
	margin:0;
	padding:2px;
	height:16px;
	cursor:pointer;
	white-space: nowrap
}

#current_time {
	font-size:40px;
	height:44px;
	display:block;
}

#weather_container {
	float:right;
	width: 30%;
	margin:0 0 10px 10px;
}

#venueweather {
	padding:10px;
	font-size:12px;
}

#venueweather .venue_weather_icon {
	border-radius:5px;
	box-shadow:0 0 6px #7d7d7d;
}

#venueweather .venue_weather_temperature {
	font-size:50px;
	line-height:40px;
}

#venueweather .venue_weather_string {
	font-size:28px;
	line-height:32px;
	clear:left;
}

#venueweather .venue_weather_observation_time {
	font-size:10px;
}

#sales_container {
	float:right;
	width: 30%;
	margin:0 0 10px 10px;
	border-spacing: 5px;
}

.contact_name {
	font-size:3em;
	line-height:1em;
}

.contact_company {
	font-size:2em;
	line-height:1em;
}

::selection {
	color:#fff;
	background:#7a7a7a;
}

::-moz-selection {
	color:#fff;
	background:#7b7b7b;
}

#logo {
	text-align: center
}

#logo img {
	border: none;
	margin: 0 auto
}

#logo_lightmode {
	display: block;
}

#logo_darkmode {
	display: none;
}


div#search_for_auto_complete {
	position:absolute;
	width:80%;
	max-height: 600px;
	overflow: auto;
	top:44px;
	left:0;
	right:0;
	margin: auto;
	background-color:#FFF;
	padding:0px;
	z-index:99999;
	-khtml-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px #CCC solid;
	border-top:none;
	border-radius:4px;
	-khtml-box-shadow:rgba(0,0,0,0.5) 0 0 10px;
	-ms-box-shadow:rgba(0,0,0,0.5) 0 0 10px;
	-o-box-shadow:rgba(0,0,0,0.5) 0 0 10px;
	-moz-box-shadow:rgba(0,0,0,0.5) 0 0 10px;
	-webkit-box-shadow:rgba(0,0,0,0.5) 0 0 10px;
	box-shadow:rgba(0,0,0,0.5) 0 0 10px;
}

#auto_close {
/*
	display:inline;
	position:absolute;
	right:15px;
*/
	cursor:pointer;
}

ul.contacts {
	list-style-type:none;
	margin:0;
	padding:10px;
	text-align:left;
	z-index:9;
}

ul.contacts div.header {
	text-align:left;
	padding:10px;
	font-size:14px;
	font-weight:500;
	z-index:9;
}

ul.contacts div.footer {
	text-align:center;
	padding:10px;
	margin:0 0 10px;
	font-size:14px;
	font-weight:500;
	cursor:pointer;
	z-index:9;
}

ul.contacts div.footer:hover {
	background-color:white;
}

/*
ul.contacts li:hover {
	background-color:yellow;
	cursor:pointer;
	z-index:9;
}
*/

li.contact {
	list-style-type:none;
	display:block;
	margin:0;
	padding:5px;
	height:auto;
	z-index:9;
	background-color:#FFF;
	cursor:pointer;
}

li.contact a {
	text-decoration: none;
	color: gray !important;
	padding: 5px;
}

li.contact a:hover {
	text-decoration: none;
	color: black !important;
}

li.contact div.image {
	float:left;
	width:11px;
	height:11px;
	margin-right:8px;
	margin-left:8px;
}

li.contact div.name {
	font-weight:500;
	font-size:12px;
	line-height:1.2em;
	color:#000;
}

.vrow_a {
	background-color:#fff;
}

.vrow_b {
	background-color:#efefef;
}

/* Entire pane */
#dhtmlgoodies_xpPane {
	float:left;
	width:100%;
	white-space:nowrap;
	left:0;
}

#dhtmlgoodies_xpPane .dhtmlgoodies_panel {
	margin-left:0;
	margin-right:2px;
	margin-top:10px;
}

#dhtmlgoodies_xpPane .panelContent {
	font-size:10px;
/*
		border-left:1px solid #FFF;
		border-bottom:1px solid #FFF;
*/
	padding-left:2px;
	padding-right:2px;
	overflow:hidden;
	position:relative;
	clear:both;
	/* background-color:#fff; */
}

#dhtmlgoodies_xpPane .panelContent div {
	position:relative;
}

#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar {
	height:25px;
	padding-right:5px;
	cursor:pointer;
	overflow:hidden;
}

#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar span {
	line-height:25px;
	vertical-align:middle;
	font-size:12px;
	/*
color:#fff;
	text-shadow:1px 1px 2px #000;
	font-weight:700;
*/
	float:left;
	padding-left:2px;
}

#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar i {
	float:right;
	cursor:pointer;
	padding: 5px;
}

#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar i.fa-chevron-down, #dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar.open i.fa-chevron-up {
	display: none;
}

#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar.open i.fa-chevron-down, #dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar i.fa-chevron-up {
	display: block;
}

.priority-very_high {
	color: red;
	animation: blink 1s step-start 0s infinite;
	 -webkit-animation: blink 1s step-start 0s infinite;
}

.priority-high {
	color: orange;
	animation: blink 1s step-start 0s infinite;
	 -webkit-animation: blink 1s step-start 0s infinite;
}

@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.0;
  }
}

.priority-normal {
	color: transparent;
}

i.venue_copy {
	color:#900;
	cursor: pointer;
	padding: 0 5px;
	position: relative;
}

i.venue_copy:hover {
	color:#F30;
}

i.venue_copy:after, .stage_container label.stage:after {
	position: absolute;
	left: 50%;
	top: 100%;
	margin-top: 11px;
	background: rgba(33,37,41,0.9);
	color: #FFF;
	padding: .5em 1em;
	white-space: nowrap;
	z-index: 10;
	transition: all 0.18s ease-out 0.18s;
	pointer-events: auto;
	border-radius: 4px;
}

i.venue_copy:hover:after, .stage_container label.stage:hover:after {
	content: attr(data-balloon);
	transform: translate(-50%,0);
}

i.copy_active {
	z-index: 10;
	animation-delay: 0s;
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}



@-webkit-keyframes bounce {
  0% {
        -webkit-transform: translateY(-100%);
    }

    5% {
        -webkit-transform: translateY(-100%);
    }

    15% {
        -webkit-transform: translateY(0);

    }

    20% {
        -webkit-transform: translateY(-80%);
    }

    25% {
        -webkit-transform: translateY(0%);

    }

    30% {
        -webkit-transform: translateY(-70%);
    }

    35% {
        -webkit-transform: translateY(0%);

    }

    40% {
        -webkit-transform: translateY(-60%);
    }

    45% {
        -webkit-transform: translateY(0%);

    }

    50% {
        -webkit-transform: translateY(-50%);
    }

    55% {
        -webkit-transform: translateY(0%);

    }

    60% {
        -webkit-transform: translateY(-30%);
    }

    65% {
        -webkit-transform: translateY(0%);

    }

    70% {
        -webkit-transform: translateY(-15%);
    }

    75% {
        -webkit-transform: translateY(0);

    }

    80% {
        -webkit-transform: translateY(-10%);
    }

    85% {
        -webkit-transform: translateY(0);

    }

    90% {
        -webkit-transform: translateY(-5%);
    }

    95% {
        -webkit-transform: translateY(0);

    }

    100% {
        -webkit-transform: translateY(0);

    }
}

@keyframes bounce {
  0% {
        -webkit-transform: translateY(-100%);
    }

    5% {
        -webkit-transform: translateY(-100%);
    }

    15% {
        -webkit-transform: translateY(0);

    }

    20% {
        -webkit-transform: translateY(-80%);
    }

    25% {
        -webkit-transform: translateY(0%);

    }

    30% {
        -webkit-transform: translateY(-70%);
    }

    35% {
        -webkit-transform: translateY(0%);

    }

    40% {
        -webkit-transform: translateY(-60%);
    }

    45% {
        -webkit-transform: translateY(0%);

    }

    50% {
        -webkit-transform: translateY(-50%);
    }

    55% {
        -webkit-transform: translateY(0%);

    }

    60% {
        -webkit-transform: translateY(-30%);
    }

    65% {
        -webkit-transform: translateY(0%);

    }

    70% {
        -webkit-transform: translateY(-15%);
    }

    75% {
        -webkit-transform: translateY(0);

    }

    80% {
        -webkit-transform: translateY(-10%);
    }

    85% {
        -webkit-transform: translateY(0);

    }

    90% {
        -webkit-transform: translateY(-5%);
    }

    95% {
        -webkit-transform: translateY(0);

    }

    100% {
        -webkit-transform: translateY(0);

    }
}


hr {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}

table tr th, table tbody tr th, table tr.table_header td {
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
	height: 30px;
}

#session_time {
	font-size:10px;
	color:#979797;
	text-align: center
}

#session_timeout_window {
	z-index:9999999;
	background-color:#303030;
	opacity:.95;
	filter:alpha(opacity=95);
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow:auto;
	padding:15px;
	width: auto;
	height: auto;
}

#session_timeout_window .alert_error_container {
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
}

input[type="checkbox"][readonly] {
pointer-events: none;
}

.notify_background_green_five_sec {
	animation: background-fade 5s forwards;
}

@keyframes background-fade {
    0% {
        background:rgba(0, 128, 0, 0.51);
    }
    100% {
        background:rgba(0, 128, 0, 0.1);
    }
}

@media (prefers-color-scheme: dark) {
	
	table.standard tbody tr  .notify_background_green_five_sec {
		animation: background-fade 5s forwards !important;
	}
	
 @keyframes background-fade {
	0% {
		background: rgba(232, 186, 73, 0.7);
	}
	100% {
		background: rgba(232, 186, 73, 0.2);
	}
}
}



.thumbli {
    display: inline-flex;
    position: relative;
    width: 100px;
    height: auto;
    min-height: 150px;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    border: 1px solid #989898;
    padding: 5px;
    margin: 0 5px 5px 0;
}

.thumbli a {
    display: block;
    width: 100%;
    text-decoration: none;
}


.thumbli a span:first-of-type {
    display: block;
    margin-bottom: 10px;
    font-size: 70px;
}
.thumbli a span {
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px;
    margin: 0 auto;
    font-size: 10px;
}

.thumbli a span img {
    max-width: 100%;
    height: auto;
    margin-bottom: 5px;
}

.thumbli a span:last-of-type {
    padding: 0;
    margin: 0;

}

div.todo_history .thumbli {
	width: 100%;
}

div.todo_history .thumbli a span {
	width: 100%;
}

.cnt223 a{text-decoration:none}
.popup{width:100%;margin:auto;display:none;position:fixed;z-index:1001;left:0;right:0;top:0;bottom:0;overflow: scroll;}
.cnt223{min-width:280px;max-width:600px;min-height:150px;margin:100px auto;background:#f3f3f3;position:relative;z-index:103;padding:15px 35px;border-radius:5px;box-shadow:0 2px 5px #000}
.cnt223 p{clear:both;color:#555;font-size:15px;font-family:sans-serif;padding-top:5px;}
.cnt223 p a{color:#d91900;font-weight:700;}
.cnt223 .close{width:30px;height:30px;position:absolute;top:-10px;right:-10px;background: #5372a4;border-radius: 100%;text-align: center;line-height:26px;color: #fff;font-size:26px;font-weight:bold}
.cnt223 .close:hover{cursor:pointer}
.cnt223 h3{font-size:20px;padding-top:5px;}
.cnt223 h2{font-size:25px;padding-top:5px;}

#shownotecontent p a {
	color:inherit;
	font-weight:inherit;
}

#shownotecontent p{
	color:inherit;
	font-weight:inherit;
	font-size: inherit;
	padding:inherit;
	line-height: inherit;
}

#shownotecontent span {
	padding:0;
}

.tooltipmain{text-align: center;}
.tooltipmain p.tooltip {outline:none;display:inline-block;position: relative;cursor: pointer;}
.tooltipmain p.tooltip strong {line-height:30px;}
.tooltipmain p.tooltip:hover {text-decoration:none;}
.tooltipmain p.tooltip:hover span{display:block;}


.tooltipmain p.tooltip span a {
    font-size: 14px;
    display: block;
    line-height: 24px;
    text-decoration: none;
}
.tooltipmain p.tooltip span {
    z-index: 10;
    display: none;
    padding: 10px;
    line-height: 16px;
    position: absolute;
    background-color: #CCC;
    border-radius: 10px;
    min-width: 180px;
    top: 31px;
    right: 0;
    text-align: right;
}
.tooltipmain p.tooltip {
    outline: none;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 8px 20px;
    background: gray;
    border-radius: 30px;
    color: #fff;
}
.divroundimage{
     width: 80px;
    height: 80px;
    border-radius: 100%;
    overflow: hidden;
    border: 5px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rimage{
    max-width: 100%;height: auto;display: inline-block;
}
.wordwrap20percent{
	width:20%;
	word-break:break-all;
}
.wordwrap80percent{
	width:80%;
	word-break:break-all;
}

.staff_note {
	background-color:#e8b0a8 !important;
}

.stage_container {
	position: relative; display: flex; flex-grow: 1; padding: 0;margin: 0; vertical-align: baseline
}

.stage_container label.stage {
	position: relative; display:flex; flex-grow: 1; margin: 0 4px 0 0; height: 2px; background-color: transparent; border: 1px #CCC solid;
}

.stage_container label.stage_1.stage_active  {
	background-color:gray;
}

.stage_container label.stage_2.stage_active {
	background-color:green;
}

.stage_container label.stage_3.stage_active {
	background-color:red;
}

.stage_container label.stage_4.stage_active {
	background-color:blue;
}

.stage_container label.stage_5.stage_active {
	background-color:darkgray;
}
.nowrap {
	white-space:nowrap;
}