:root {
  --color-bg: #ffffff;
  --color-fg: #000000;
  --color-light-bg: #f9f9f9;
  --color-tlmessage-bg: #eee8d5;
  --color-highlight-bg: #eee;
  --color-highlight2-bg: #fafafa;
  --color-light-fg: #333;
}


/* RESET */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
  background-color: var(--color-bg);
  color: var(--color-fg);
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
  background:var(--color-highlight-bg);
  color:var(--color-light-fg);
  border:0px solid!important;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
  background:var(--color-highlight-bg);
  color:var(--color-light-fg);
  border:0px solid!important;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
background: var(--color-highlight-bg);
border: 0px;
color: var(--color-light-fg);
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type="checkbox"] {
  width:18px;
  height:18px;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

.loader {
  position: fixed;
  z-index: 20000;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  border-top: 10px solid #ff2600;
  border-right: 10px solid #9e0142;
  border-bottom: 10px solid #7c7d2e;
  border-left: 10px solid #27c103;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
  display:none;
}

.loader_active { display:block; }

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.sm_metatag .mt_cap { font-size:11px; width:97px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; }

#modal_title { position:sticky; top:0px!important; }
#feedback_output { position: fixed;width: 40px;height: 40px;display: block;z-index: 20000;top: calc(50% - 31px); left: calc(50% - 31px); pointer-events:none;opacity:0;display: grid; place-content: center; color:#0fb; font-size:30px; border: 11px solid #0fb;border-radius: 50%;background: #fffa;}
.menu_active_item { border-bottom: 5px solid #0fb; }
/* .pupdate { background-color: #eeb7 !important;    transition: background-color 1s linear; } */
.selected_project { background-color:#0fb5!important; }
/* GENERAL STYLES */
.input_disabled { pointer-events:none; background:none!important; }
.hide_edit_option { display:none; }
* { margin:0px; padding:0px; }
body { font-family:Arial,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a { outline:none; }
.footer_links { margin:40px auto; width:90%; text-align:center; margin-bottom:15px; }
.footer_links a { text-decoration:none; color:#999; padding-top:5px; padding-left:15px; padding-right:15px; font-size:.9em; line-height:30px; }
.footer_links a:hover, .footer_links a:active { text-decoration:underline; }
.htag { padding:10px 5px; text-align:left; max-width:450px; margin-top:25px; margin-bottom:0px; }
.htag h1 { color: var(--color-light-fg); margin-top:0px; margin-bottom:0px; font-size:1.23em; font-weight:normal; }
.htag h2 { color: var(--color-light-fg); font-size:.78em; font-weight:normal; }
.minidesc { font-size:.6em; color:#555; }
p { font-size:.9em; padding:5px; }
h6 { padding-left:5px; color:#666; font-size:.96em; font-weight:bold; }
table th a { color:#000; text-decoration:none; }

table.pd { margin-bottom:0px; }
table.pd tr { background-color:transparent!important; }
table.pd tr:hover { background-color:transparent!important; background-image:none; color:var(--color-light-fg); }

.pdinput { border: 0px solid #000; height: 25px; background:var(--color-light-bg); padding: 10px; margin-left: -5px; width: calc(100% - 10px); resize:none; padding:5px; color:var(--color-light-fg); }
.pdinput:hover { background:var(--color-highlight-bg); }
.pdinput:active { background:var(--color-highlight-bg); }
.pdinput:focus { background:var(--color-highlight-bg); }

.projcap { width:60px; font-size:.8em; height:20px; color:var(--color-light-fg); vertical-align:middle; }
.projtd { vertical-align:middle; border-bottom:0px solid rgba(0,0,0,.2); padding-left:5px; }

/* TABLES */
table { width:100%; border-collapse: collapse; border-spacing: 0; }
table th { text-align:left; color: var(--color-light-fg); padding:5px 3px;font-size:.9em; vertical-align:top; padding-left:5px; }
table tr { cursor:default; color: var(--color-light-fg); }
table tr:nth-of-type(2n+1) { background-color: var(--color-bg); }
table tr:nth-of-type(2n) { background-color: var(--color-highlight2-bg); }

table.userrole_metakeys th { text-align:center; }
table.userrole_metakeys th span { font-size:12px; display:inline-block; text-align:center; padding:5px; }

#msg_container .single_msg:nth-of-type(2n+1) { background-color:var(--color-light-bg); }
#msg_container .single_msg:nth-of-type(2n) { background-color:var(--color-highlight-bg); }
#timeline_container .single_timeline:nth-of-type(2n+1) { background-color:var(--color-highlight2-bg); }
.single_msg { padding:5px; margin-bottom:0px; }
.single_timeline { padding:0px; margin-bottom:0px; }
.smsg_project { height:35px; margin:5px; display:inline-block; float:left; color:#000; text-align:center; line-height:35px; font-size:.9em; padding-left:15px; padding-right:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.smsg_project_small { height:30px; margin:5px; display:inline-block; float:left; color:var(--color-fg); text-align:center; line-height:30px; font-size:.9em; padding-left:15px; padding-right:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width:150px; padding-left:0px; margin-left:0px; padding-right:0px; }
.smsg_loc_small { height:30px; margin:5px; display:inline-block; float:left; color:var(--color-fg); text-align:center; line-height:30px; font-size:1em; padding-left:5px; padding-right:0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:bold; max-width:60px; }
.smsg_user { height:35px; margin:5px; background:#697; display:inline-block; float:left; color:#fff; text-align:center; line-height:35px; font-size:.9em; padding-left:15px; padding-right:15px; max-width:90px; text-overflow:ellipsis; overflow:hidden; }
.smsg_user span { white-space:nowrap; }

.single_msg .smsg_user { max-width:150px; }
#small_menu .smsg_user { overflow:initial; max-width:initial; }

#log_container .smsg_user { margin-left:100px; }
#log_container { margin-bottom:10px; }
.smsg_user_small { height:30px; margin:5px; background:#697; display:inline-block; float:left; color:#fff; text-align:center; line-height:30px; font-size:.9em; padding-left:15px; padding-right:15px; }
.smsg_text { float:left; margin-left:10px; margin-top:3px; max-width:80%; font-style:italic; font-size:.9em; margin-bottom:10px; max-width:calc(100% - 20px); }
.smsg_date { font-size:.7em; margin-top:3px; padding-left:0px; margin-bottom:3px; }
.resp-success { background-color:#5e9; padding: 15px; margin-bottom:20px; margin-top:20px; }
.resp-error { background-color:#e66; padding: 15px; margin-bottom:20px; margin-top:20px; }
#log_container .single_msg:nth-of-type(2n+1) { background-color:var(--color-highlight-bg); }

.admin_upload .dropzone { background:#773b80; }

#msg_container .single_msg.problematic { background-color:rgba(200,0,0,.7); }
table td.problematic { background-color:rgba(250,0,0,.4); }

.eainaktiv { opacity:.5; }
#small_menu li { display:block; list-style:none; background-color:#1665ac; float:left; margin-left:5px; }
#small_menu li a { text-decoration:none; color:#fff; padding:8px 10px; cursor:pointer; display:block; }
#small_menu { padding:0px; margin-top:5px; }

#log_container .single_msg:nth-of-type(1n+4){ display:none; }

#user_info_crew { display:none; }

.status_log_save { 
  -webkit-mask-image: linear-gradient(to top, transparent 5%, black 50%);
  mask-image: linear-gradient(to top, transparent 5%, black 50%);
  max-height:200px;
  overflow: hidden;
}

.faway { display:none; }

.full_log {
  -webkit-mask-image:none;
  mask-image:none;
display:block!important;
}
#full_log_toggle { float: right;
font-size: 14px;
background: var(--color-bg); color:var(--color-fg);
padding: 7px; cursor:pointer; border-radius: 10px; font-size:13px; padding-left:14px; padding-right:14px; border:1px solid #ccc; margin-top:10px; margin-bottom:20px; }

#full_log_toggle:hover { background:var(--color-light-bg); }

.light_button { float: right;
font-size: 14px;
background: #fff; color:#000;
padding: 7px; cursor:pointer; border-radius: 10px; font-size:13px; padding-left:14px; padding-right:14px; border:1px solid #ccc; margin-top:-20px; margin-bottom:20px; }

.light_button:hover { background:#f7f7f7; color:#222; }


#msg_container .global_msg { background-color:#7bd1bd!important; }
#msg_container .global_msg:nth-of-type(2n+1) { background-color:#8be1cd!important; }

.fade_visible {visibility: visible;  opacity: 1;  transition: opacity 1s linear;}
.fade_invisible {  visibility: hidden;  opacity: 0;  transition: visibility 0s 2s, opacity 2s linear;}

.fadeinout {
    -webkit-animation: fadeinout 2s linear forwards;
    animation: fadeinout 2s linear forwards;
}

.dz-upload { }

@-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
}

table tr:hover { background-color:var(--color-light-bg); color:var(--color-fg); }
table.hovermark tr:hover { background-image: linear-gradient(-90deg, #adf, #359); color:#fff; }
table td { padding:3px; padding:5px 5px; vertical-align:top; font-size:.9em; }
#plist td { vertical-align:middle; }
.s { color:#fff; text-align:center; font-size:.72em; padding:4px; }
.s a { font-weight:bold; }
.s5 a { background:#27c103; border-radius:3px; padding:5px 9px; margin-top:1px; display:none; }
.s3 a { background:#27c103; border-radius:3px; padding:5px 9px; margin-top:1px; display:none; }
.s2 a { background:#7c7d2e; border-radius:3px; padding:5px 9px; margin-top:1px; display:none; }
.s4 a { background:#252; border-radius:3px; padding:5px 9px; margin-top:1px; display:none; }
.s1 a { background:#ef5900; border-radius:3px; padding:5px 9px; margin-top:1px; display:none; }
.s6 a { background:#194902; border-radius:3px; padding:5px 9px; margin-top:1px; display:none; }
.status_row { width:100px; text-align:center; padding:0px; }
.xh { font-style:italic; font-size:.9em; padding-left:5px; padding-top:5px; word-break:break-word; }
.h { font-weight:bold; text-align:right; font-size:.85em; width:30px; }
.st { line-height:1.5em; font-size:.7em; padding-left:5px; width:inherit; vertical-align:middle; }
.stb { font-size:.7em; padding-left:5px; overflow:hidden; word-break:break-all; max-width:50px; min-width:30px; width:30px; }
.sta { font-size:.7em; line-height:1.5em; padding-left:5px; width:40px; text-align:center; background-color:rgba(.5,.5,.5,.03); width:75px!important; }
.arrow { vertical-align:middle; font-size:.8em; padding:5px; padding-bottom:8px; color:#000; display:inline-block; padding-left:0px; width:23px; text-align:left; }
.sl a { cursor:default; text-decoration:none; border-width:5px; border-color:#fff; border-style:solid; color:#fff; }
.sla a { border-width:5px; border-color:#59f; border-style:solid; }
.sl a:hover { border-width:5px; border-color:#59f; border-style:solid; color:#fff; }
.pa { padding-left:10px; color: var(--color-light-fg); }
.newhall { font-size:1.15em; }
.u_f { width:299px; float:left; margin-bottom:10px; margin-left:10px; margin-top:10px; }

.pc_error { background:#a55; color:#fff; display:inline-block; padding:5px; margin:40px 0px; margin-top:20px; }
.pc_success { background:#5a5; color:#fff; display:inline-block; padding:5px; margin:40px 0px; margin-top:20px; }

#fm_ul { list-style:none; position: absolute;display: block;background-color: #333; min-width: 120px; max-width:320px; margin-top: 7px;margin-left: -5px; list-style:none; padding:0px; z-index:9999;}
#fm_ul li { text-align:left; color:#fff; padding:0px; }
#fm_ul li:hover,li:focus,li:active { background-color:#1665ac; }
#fm_ul li a { color:#fff; font-size:1.1em; display:block; padding:8px; }
.psteps .s a { cursor:pointer!important; }

#filter_pos1 { background-color:#1665ac; color:#fff; padding-left:5px; padding-right:5px; vertical-align:middle; }

.u_ip { display:block; background-size:cover; background-position:center center; background-repeat:no-repeat; padding-left:10px; padding-right:10px; min-width:100px; height:100px; margin-right:10px; margin-bottom:10px; font-size:.7em; color:#fff; text-align:center; line-height:100px; float:left; background-color:#333; text-indent:-9999px; margin-left:0px; cursor:pointer; }
.u_info { float:left; }
.u_info_date { font-size:.8em; color:#777; }
.u_info_filename { font-size:.9em; margin-bottom:8px; max-width:150px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.u_info_filerem a { display: block; text-decoration: none; background-color: #1665ac; font-size: 12px; color: #fff; padding: 5px 10px; text-align: center; margin-top:2px; cursor:pointer; width:fit-content; }
.fileremwrap { padding:20px; background-color:#eee; margin-top:20px; margin-bottom:20px; }

.waitforload { opacity:.1; }

.einactive { display:none!important; }

.dmeta { min-width:150px; max-width:750px; margin-top:7px; padding-right:30px; display:block; }
.fpdf { 
padding: 7px;
border-radius: 5px;
border: 2px solid #f00;
padding-bottom: 3px;
padding-top: 3px;
font-size: .7em;
text-align: center;
font-weight: bold;
color: #f00;
margin-right: 10px; }

.fjpg { background: #fff;
padding: 7px;
border-radius: 5px;
border: 2px solid #033;
padding-bottom: 3px;
padding-top: 3px;
font-size: .7em;
text-align: center;
font-weight: bold;
color: #033;
margin-right: 10px; }

.detail_pos { padding:7px 10px; padding-bottom:20px; }
.detail_pos h1 { margin-top:0px; margin-bottom:0px; }
.detail_pos h2 { margin-top:0px; }
.detail_pos h3 { font-style:italic; font-weight:normal; margin-top:0px; margin-bottom:20px; font-size:1.6em; }
.detail_pos h4 { margin-bottom:5px; font-size:.9em; margin-top:25px; color:var(--color-light-fg); }
.detail_pos h6 { padding-left:0px; }
.chs { cursor:pointer; float:left; display:block; height:23px; background-color:#666; line-height:23px; color:#fff; padding:5px; margin-top:4px; padding-right:15px; padding-left:15px; text-decoration:none; }
.chs:hover { background-color:#578bba; }

.chsb { font-size: 1em; color:#fff; text-align:center; padding:7px 15px; background-color:#1665ac; cursor: pointer; border:0px; }
.chsb:hover { background-color:#578bba; }

.message_notice { font-size:1em; font-style:normal; color:#fff; background:#555; float:left; margin-left:10px; margin-top:5px; padding:0px 10px; line-height:35px; height:35px; }
.message_problem { font-size:1em; font-style:normal; color:#fff; background:#f55; float:left; margin-left:10px; margin-top:5px; padding:0px 10px; line-height:35px; height:35px; }
.message_problem_solved { font-size:1em; font-style:normal; color:#fff; background:#555; float:left; margin-left:10px; margin-top:5px; padding:0px 10px; line-height:35px; height:35px; }
.message_problem_seen { font-size:1em; font-style:normal; color:#fff; background:#fb3; float:left; margin-left:10px; margin-top:5px; padding:0px 10px; line-height:35px; height:35px; }

.sc1 { background:#1665ac; }
.sc2 { background:#1665ac; }
.sc3 { background:#1665ac; }
.sc4 { background:#1665ac; }
.sc5 { background:#1665ac; }

.pcheck { pointer-events:none; }

table tr.psel { background-image: linear-gradient(-90deg, #adf, #359); color:#fff; }

.pe { color:#000!important; cursor:pointer; line-height:1.1em; padding-bottom:0px; font-size:1.4em; padding-left:10px; }
.pbatch { font-size:.9em; height:42px; margin-bottom:10px; padding-top:20px; }

/* MENU */
.large_menu { text-align:center; margin-top:60px; }
.lm_item { display:inline-block; text-decoration:none!important; padding:0px; margin:10px; color:#fff; border-radius:3px; vertical-align:top; height:130px; }
.lm_text { text-align:center; text-decoration:none!important; padding:5px; padding-top:10px; color:#000; font-size:.8em; padding-bottom:10px; max-width:90px; }
.lm_icon { background-color:#1665ac; line-height:100px; width:100px; height:100px; font-size:40px; text-decoration:none!important; }
.lm_item:hover .lm_icon { background-color:#578bba; border-radius:3px; }

#projectwrap {border:1px solid var(--color-light-bg); background:#f7f7f7; padding:0px 0px;}
.projectwrap {border:1px solid var(--color-light-bg); background:var(--color-light-bg); padding:0px 0px;}
.projectwrap .detail_pos h4 { margin-top:8px; }

/* LISTS */
ul { list-style-position:inside; padding:4px; list-style-type: '-  '; margin-bottom:10px; }
ul li { font-size:.9em; color:#333; }

/* PAGE LOGO */
#page_logo { width:140px; height:78px; display:block; background-image:url(../img/logo.png); margin:15px auto; text-indent:-9999px; background-size:cover; margin:25px auto; margin-bottom:0px; }
#page_logo_s { width:90px; height:60px; display:block; background-image:url(../img/logo.png); text-indent:-9999px; background-size:contain; margin:25px; margin-bottom:0px; margin-left:0px; background-repeat:no-repeat; margin-top:5px; }
#page_logo_s2 { width:90px; height:60px; display:block; background-image:url(../img/logo_s.png); text-indent:-9999px; background-size:contain; margin:25px; margin-bottom:0px; margin-left:0px; background-repeat:no-repeat; margin-top:5px; display:none; }

#main_headline { margin-top:0px; padding:5px 5px; padding:0px; }

/* LOGIN BOX */
.user_login { background-color:var(--color-bg); min-height:100px; display:block; margin:0 auto; max-width:450px; }
.user_login h1 { color:#757575; font-size:1.23em; text-align:center; font-weight:normal; margin:20px 0px; }
#login_form_user,#login_form_pass { margin-bottom:4px; font-size:.9em; text-align:left; border:none; background-color:var(--color-highlight-bg); color:var(--color-light-fg); padding:10px; height:40px; flex: 1 0; border-radius:1px; box-sizing:border-box; width:100%; }
#login_form_user:focus,#login_form_pass:focus { border:0px solid #ccc; background-color:var(--color-highlight-bg); }
#login_form_user:hover,#login_form_pass:hover { border:0px solid #ccc; background-color:var(--color-highlight-bg); }
#login_form_submit { font-size:1em; color:#fff; text-align:center; padding:15px; width:100%; border:0px; background-color:#1665ac; margin-top:20px; cursor:pointer; }
.trigger_btn { font-size:1em; color:#fff; text-align:center; padding:15px; width:100%; border:0px; background-color:#1665ac; margin-top:20px; cursor:pointer; }
#login_form_submit:hover,#login_form_submit:active { background-color:#578bba; }
.input_field { width:90%; margin-left:5%; margin-right:5%; margin-bottom:30px; }

/* PAGE STYLES */
.mainwrap { max-width:95%; margin:0px auto; min-width:360px; /*min-height:100vh;*/ }
.headwrap { background-color:#d0d2cf; }
.wrap90 { width:90%; margin-left:auto; margin:5% auto; }

hr {border: 1px solid var(--color-highlight-bg);}

@-moz-keyframes fadeInFromNone {
	0% { display: none; opacity: 0; }
	1% { display: block; opacity: 0; }
	100% { display: block; opacity: 1; }
}

.l_m { background-image:url(../img/m.png); width:33px; background-size:18px; text-indent:-9999px; background-repeat:no-repeat; background-position:center 9px; }
.l_l { background-image:url(../img/l.png); width:33px; background-size:18px; text-indent:-9999px; background-repeat:no-repeat; background-position:center 9px; }
.l_e { background-image:url(../img/le.png); width:33px; background-size:18px; text-indent:-9999px; background-repeat:no-repeat; background-position:center 9px; }
.l_tl { background-image:url(../img/ltl.png); width:33px; background-size:18px; text-indent:-9999px; background-repeat:no-repeat; background-position:center 9px; }
.l_eu { background-image:url(../img/u.png); width:33px; background-size:18px; text-indent:-9999px; background-repeat:no-repeat; background-position:center 9px; }
.l_c { background-image:url(../img/sc.png); width:33px; background-size:18px; text-indent:-9999px; background-repeat:no-repeat; background-position:center 9px; }
.chat_new { filter:hue-rotate(-30deg); }

#small_menu li:hover { background-color:#0fb; }

#popup_cnt { position: fixed; bottom: 0px; right: 0px; width: 100%; min-height: 0px; background:#1665ac; z-index: 999; filter:hue-rotate(-30deg); animation: 1.2s 0s 1 fadeInFromNone; }
#popup_cnt .msgwrapper { margin-right:0px; margin-bottom:0px; background: rgba(255,255,255,.7); }
#popup_cnt .chat_msg:nth-of-type(2n+1) { background:rgba(255,255,255,.5); }

td.st p { max-width:150px; overflow:hidden; white-space:nowrap; padding:0px; text-overflow:ellipsis; }

.pselect { padding-top:8px; }

.sm_metatag { padding:5px; font-size:11px; line-height:18px; height:18px; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: white; display: inline-block; min-width: 120px;line-height: 19px;padding-left: 10px; vertical-align:top; color:#fff; }
.projcap .sm_metatag { padding:5px; font-size:11px; line-height:18px; height:18px; padding-left:10px; }
.sm_metatag span { font-size:18px; }

/* AUTO COMPLETER */
.autocomplete { position: relative; display: inline-block; }
.autocomplete input { border: 1px solid transparent; color: var(--color-light-fg); background: var(--color-light-bg); padding: 5px 10px; font-size: 16px; margin-bottom:20px; margin-top:10px; }
.autocomplete input[type=text] { color: var(--color-light-fg); background: var(--color-light-bg); width: 100%; }
.autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 1000; top: 100%; left: 0; right: 0; }
.autocomplete-items div { padding: 10px; cursor: pointer; background-color: #444;  border-bottom: 0px solid #d4d4d4; min-width:320px; color:#fff; font-size:.95em; }
.autocomplete-items div:hover { background-color: #1665ac; }
.autocomplete-active { background-color:#1665ac!important;  color: #ffffff; }
.special_status a { float:right; width:10px; margin-top:-2px; }

/* CHAT */
.chat_msg { padding:10px; }
.chat_user { margin:0px; margin-right:15px; }
.chat_msg:nth-of-type(2n+1) { background:#fafafa; color:#000; }

.msgwrapper { margin-bottom:2px; background:rgba(0,0,0,.005); min-width:240px; animation: 1.2s 0s 1 fadeInFromNone; margin-right:15px; }
#chatmsg { width:calc(100% - 144px); height:31px; resize:none; padding:12px; font-size:1em; background:#eee; border:0px; color:#000; margin-top:10px; }
#chatcontainer { width:100%; background:#fff; margin-top:0px; height:300px; overflow:hidden; overflow-y:scroll; scrollbar-color:#aaa #eee; }
#nicklist { background:#fff; margin-top:0px; overflow:hidden; overflow-y:scroll; scrollbar-color:#aaa #fff; }
#sendchat { text-align:center; float:right; width:120px; display:block; background-color:#1665ac; color:#fff; border:0px; height:55px; margin-top:10px; line-height:55px; cursor:pointer; }
.online_user { display:block; width:100px; float:left; margin-right:10px; padding: 5px; padding-left: 5px; display: block; background:#eee; color:#555; margin-bottom:5px; border-left: 25px solid #0fa; font-size: .8em; height: 15px; padding-left: 10px; }
.chat_msg .smsg_text { margin-bottom:5px; margin-top:0px; }
.chat_msg .smsg_text .smsg_date { color:#aaa; }

.psteps .s { padding-left:0px; }

.evtab tr { cursor:pointer; }

.fubu:hover { filter:brightness(120%); }

.stti { border:0px; padding:10px; background:var(--color-highlight-bg); }

/* ADMIN STYLES */
.admintab { display:none; }
.toggletab { height:22px; background-color:var(--color-light-bg); color:var(--color-light-fg); cursor:pointer; padding:10px; float:left; margin-left:0px; padding-top:5px; padding-bottom:5px; border-top:5px solid var(--color-bg); font-size:12px; line-height:22px; }
.ttactive { background-color:#773b80!important; color:#fff; border-top:5px solid #773b80; font-size:14px; line-height:18px; }
.toggletab:hover { background-color:var(--color-highlight-bg); }
.tabtoggler_border {
width: 100%;
border-bottom: 5px solid #773b80;
}
.col90_rot {     -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); width:15px; display:block; margin-right:15px; font-size:12px; font-weight:normal; }
.col90 { width:22px; padding:0px; }
th.col90 {  }

#crew_project_check [type="checkbox"],[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  margin-top:3px;
}

#plist [type="checkbox"],[type="radio"] {
  pointer-events:none;
}

.metareminder { color:#f00; font-size:12px; margin-left:10px; }

#top_project_name {
padding-left: 20px;
font-size: 12px;
height: 30px;
line-height: 15px; max-width:150px; vertical-align:middle; display:table-cell;
color: var(--color-light-fg);
}

#top_event_container {
cursor:default;
box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 6px;
background: var(--color-light-bg);
color: var(--color-fg);
}

.crewspan {
text-overflow: ellipsis;
white-space: nowrap;
    position: absolute;
    background-color: #697;
    color:#fff;
    width: 50px;
    padding: 5px;
    margin-left: -44px; 
    margin-top:-38px; width:106px; max-height:20px; overflow: hidden; line-height:18px; text-align:left; font-weight:normal; z-index:999; }
.col_center {  padding-left:0px; text-align:center; }
.checkgreen { background:#efe; height:18px; width:18px; margin-top:2px; margin-bottom:2px; border-radius:3px; font-size:16px!important; text-align:center; color:#fff; line-height:18px; border:0px solid #aaa; margin-left:auto; margin-right:auto; }
.checkred { background:#ddd; height:8px; width:8px; margin-top:5px; margin-left:4px; margin-bottom:5px; border-radius:3px; font-size:18px; border:0px solid #aaa; background:#fff; margin-left:auto; margin-right:auto; }
.cg { height:18px; width:18px; margin-top:2px; margin-bottom:2px; border-radius:3px; font-size:12px!important; text-align:center; color:#fff!important; line-height:19px; border:0px solid #aaa; margin-left:auto; margin-right:auto; text-overflow:initial!important; overflow:visible!important; background-image: url(../img/h.png);text-indent: -9999px;background-position: center center;background-size: 12px 12px;background-repeat: no-repeat;}
.cgu { height:18px; width:18px; margin-top:2px; margin-bottom:2px; border-radius:3px; font-size:12px!important; text-align:center; color:#fff!important; line-height:19px; border:0px solid #aaa; margin-left:auto; margin-right:auto; text-overflow:initial!important; overflow:visible!important; background-image: url(../img/h.png);text-indent: -9999px;background-position: center center;background-size: 12px 12px;background-repeat: no-repeat;}
.cr { background:#ddd; height:8px; width:8px; margin-top:5px; margin-left:4px; margin-bottom:5px; border-radius:3px; font-size:18px; border:0px solid #aaa; background:#fff; margin-left:auto; margin-right:auto; }

.endstats .cg { background-image:none; text-indent:0px; }
.over {
  background: #555; color:#ddd;
}

#user_info_type { display:none; }
#small_menu li#tray_user_info { padding-left:5px; display:none; }
#page_logo_s { margin-top:10px; margin-right:10px; }
#small_menu { margin-top:10px; }

.single_timeline .smsg_text { width:100%; }

.tl_img { background-color:#333; display: block; width: 150px; height: 75px; text-indent: -9999px; background-size: cover; background-position:center center; background-repeat: no-repeat; cursor:pointer; }
.tl_img:hover { }

.single_tl_text { background:var(--color-tlmessage-bg); padding:0px 5px; border-radius:5px; }

#plist tr { cursor:pointer; }

.lazy { background-image: none!important; }

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: scroll; /* Enable scroll if needed */
  z-index:10001;
  height: -webkit-fill-available;
  -webkit-overflow-scrolling: touch;

  /* background: linear-gradient(90deg, rgba(131,58,180,.2) 0%, rgba(253,29,29,.1) 50%, rgba(252,176,69,.3) 100%); */
  /* background: linear-gradient(90deg, rgba(111,111,111,.2) 0%, rgba(0,0,0,.1) 50%, rgba(111,111,111,.3) 100%); */
  /*background: linear-gradient(90deg, rgba(34,193,195,.2) 0%, rgba(253,187,45,.2) 100%); */
}

/* Modal Content/Box */
.modal-content {
  margin: 5px auto; /* 15% from the top and centered */
  padding: 15px;
  margin-top:0px;
  overflow-y:hidden;
  padding-top:0px;
  min-height:100vh;
  /* Could be more or less, depending on screen size */
  
}

#modal_container { display:none; opacity:0; overflow-y:auto;   
 min-height: 100vh;}

#pmodal .mainwrap { background:#fff; }

#pmodal .firsthtag { margin-top:0px; }
.xhnp { padding-left:0px; }
.modal_close { position: fixed;/*! left: 0px; */top: 0px;height: 20px;background: #555;padding: 5px 10px;right: 0px;border-bottom-left-radius: 5px;color: #ccc;cursor: pointer; z-index:10023; border:7px solid var(--color-light-bg); }
.modal_close:hover { background:#777; color:#fff; }

#log_container .dmeta { padding-right:10px; }

#log_container .smsg_text { max-width:100%; }

#metakeytable {
	border: none;
}
#metakeytable th,
#metakeytable td {
	padding:5px;
}
#metakeytable th,
#metakeytable td {
}

.mtc1 { line-height:21px; max-width:110px; }

#metakeytable .selected { background:#0fb; }
#metakeytable tr { cursor:pointer; }

.m_order { display:none; }
.selected .m_order { display:block; width:23px; height:23px; background:#fff; line-height:20px; text-align:center; margin-left:5px; margin-right:5px; float:right; font-size:22px; }
.p_upload { line-height:23px; font-size:12px; display:block; padding:5px 0px; color:var(--color-fg); text-decoration:none; margin-bottom:0px; margin-top:0px; max-width:228px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.u_ipc { float:left; width:130px; height:100px; display:block; }

.col90_fixed { position:fixed; }

.uet { line-height:28px; float:left; padding-left:10px; color:#fff; background:#697; width:125px; }
.ueb { float:left; margin-left:10px; padding:3px 10px; margin-top:0px; }
.uet2 { line-height:28px; }

#mklist_trigger { float:right; }
#pwchange_trigger { float:right; }
#mklist_select { float:right; margin-top:-9px; }
#instant_save { float:right; margin-top:-9px; }
#update_highlight_time { float:right; margin-top:-9px; }

#toggle_hidden_users { float: right;display: inline-block;display: block;margin-top: 30px; font-size:12px; }
#toggle_hidden_users:hover { background-color:#0fb; color:#000; }
#toggle_hidden_users.hide_inactive_toggle:hover { background-color:#0fb; }
.hide_inactive_toggle { background:#0fb; color:#000; }
.hide_inactive_user { display:none; opacity:.5; }
.sexydrop { background-color: var(--color-highlight-bg); border: 1px solid var(--color-highlight-bg); padding-left: 5px; height: 35px; border-radius: 0px; color:var(--color-light-fg); }

.tl_metatag { display:block; padding:5px; background:#773b80; font-size:12px; font-style:normal; color:#fff; border-radius:3px; margin-top:5px; text-align:center; width:130px; float:left; }
.text_meta { margin-left:10px; max-width:70%; display:inline-block; vertical-align:top; }

#log_container .smsg_user { padding:0px 10px; font-size:14px; }

.filter_container { margin-top:-35px; float:right; display:inline-block; text-align: right; }

.metabutton { padding: 3px; background: #ccc; text-decoration: none; color: #000; color: #fff; padding: 5px; cursor: pointer; border-radius: 10px; display:inline-block; margin-top:0px; font-size: 13px; padding-left: 14px; padding-right: 14px; line-height:20px; border:1px solid #777; margin:2px 5px; margin-left:0px; }

.metavalue_hidden { display:none; }
.metacheck_active { border:0px; background:transparent; float:right; }
.metacheck_inactive { float: right; padding: 3px;display: block;vertical-align: middle;margin-top: 1px;border: 1px solid #fff2;border-radius: 4px;padding-left: 5px;margin-right: 1px;width: 6px;background: #ffffff60;height: 8px; }

.meta_activate { border:1px solid #777; }
.meta_deactivate { 
background: var(--color-highlight-bg) !important;
color: var(--color-light-fg) !important;
border: 1px solid var(--color-highlight-bg);}
.meta_enable { color:#fff!important; border:1px solid #777; }

.metatag_inactive { opacity:.4;   filter: grayscale(100%); }
.mpdinput { background:var(--color-highlight-bg); padding:4px; padding-left:7px; }
.mpdinput:focus { background:var(--color-bg); }
/* ERROR SUCCESS MESSAGES */
.mpdinput { height:67px!important; } /* FOCUS */
.detail_main { }
.pname { padding-right:5px; }
.fsa { background:#0fb4; }
.fsi { background:#fb04; }

.normal_save .sm_metatag { padding-left:5px!important; }
	
.project_event_head { border:1px solid var(--color-light-bg); color:var(--color-light-fg); display: block;padding: 5px;background:var(--color-bg);font-weight: normal;width: max-content;margin-bottom: 10px;font-size: 16px; padding-left:7px; padding-right:7px; margin-left:-17px; box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 6px;}

.lightbox_img { width: 100%;
height: 90%; top:5%;
background-repeat: no-repeat;
background-size: contain; position:absolute; background-position:center center; }

.mkfixed { position:sticky!important; top:88px; z-index:99; }


.pe_4 { width:18px; font-weight:bold; font-style:normal; height:18px; border-radius:3px; background-color:#999; color:#000; text-align:center; display:inline-block; line-height:18px; }
.pe_2 { width:18px; font-weight:bold; font-style:normal; height:18px; border-radius:3px; background-color:#f00; color:#000; text-align:center; display:inline-block; line-height:18px; }
.pe_1 { width:18px; font-weight:bold; font-style:normal; height:18px; border-radius:3px; border:1px solid #eee8d5; color:#eee8d5; text-align:center; display:inline-block; line-height:18px; }
.pe_5 { width:18px; font-weight:bold; font-style:normal; height:18px; border-radius:3px; background-color:#fa3; color:#000; text-align:center; display:inline-block; line-height:18px; }


#quickcheck_toggle { height:18px; line-height:15px; float:left; cursor:pointer; display: block;padding: 5px;  padding-right: 5px;  padding-left: 5px;color: #fff;font-weight: normal;width: fit-content;margin-bottom: 10px;font-size: 16px;padding-left: 10px;padding-right: 10px; background-color:#ccc; margin-left:10px; color:#fff; }
#quickcheck_toggle:hover { color:#000; }
.qc_toggled { background-color:#0fb!important; color:#000!important; }


.show_event_select { display:block!important; }
#current_event_head { cursor:pointer!important; background: var(--color-light-bg); color:var(--color-light-fg);}
#event_list_container p { color:#999; }
#event_list_container { }
#current_event_head:hover { filter:brightness(1.4); }	
.cae:hover { filter:brightness(1.4); opacity:1!important; }	



#schedule_container { width:3375px; margin:0px; margin-top:0px; overflow:hidden; position:relative; }
#timeline_linecontainer { width:100%; margin-top:30px; height:5px; }
#timeline_line { width:100%; height:2px; display:block; position:absolute; }
#timeline_now_spot { width:18px; height:18px; background:#9e0142; border-radius:10px; position:absolute; margin-left:0px; margin-top:-9px; }
.timeline_timemark { position:absolute; border-left: 2px solid #0003; padding-left: 0px; height:1200px; z-index:999; pointer-events:none; }
#timeline_timemarks { display:block; height:20px; }
#timeline_now_tag { background:#9e0142; display:block; padding:5px 15px; margin-left: 1px; margin-top:-65px; position:absolute; width:fit-content; color:#fff; font-size:12px; }
.timeline_event { position:absolute; display:block; font-size:12px; min-height:25px; }
.timeline_event span { padding:3px 7px; display:block; font-size:12px; line-height:18px; }
.timeline_event_c { height:25px; margin-top:2px; width:100%; background:var(--color-highlight-bg); }
.time_mark { width:calc(0.8% - 1px); border-left:1px solid var(--color-light-bg); position:absolute; height:35px; background:var(--color-highlight2-bg); display:block; margin-top:20px; color:var(--color-fg); cursor:pointer; }
.time_mark:hover { text-indent:0px; background:#777!important; color:#fff!important; height:1200px; }
.d { height:35px; text-align:center; font-size:10px; }
.d:hover { height:180px; border-left:1px solid #ccc; }
#timeline_wrapper { max-width:100%; overflow-x:scroll; position:relative; margin:0 auto; scrollbar-color: var(--color-light-bg) transparent; padding-bottom:10px; }

.tlev { padding: 5px 7px;background: var(--color-bg);color:var(--color-light-fg);margin-right: 10px;font-size: 10px; position:absolute; margin-top:20px; line-height:10px; border:1px solid var(--color-light-bg); }

.p_inactive { opacity:.3; }

.single_timeline .smsg_project_small { line-height:15px; }
.single_timeline { min-height:50px; }
.aedb { padding-left:5px; font-style:normal; font-size:18px; padding-left:5px; text-decoration:none; filter:grayscale(1); }
.aedb:hover { filter:grayscale(0); }

.textselect li a { color:#fff; font-weight:normal; padding:3px 6px; display:block; }
.textselect { list-style:none; z-index:9999; padding:0px; }
.textselect li:hover { background-color:#000; }
.lts_hidden { display:none; }

.invf {
position: absolute;
top: -82px;
width: 28px;
height: 22px;
background: #000;
z-index: 10000;
color: #fff;
text-align: center;
left: 0px;
font-size: 10px;
line-height: 21px;
display:none;
}

.fsdate { cursor:pointer; }
.fsdate:hover .accdate { display:block!important; }
.fsdate:hover .agodate { display:none; }

#add_pdate { display:none; }
.show_add_pdate { display:contents!important; }
.hide_date_adder { display:none; visibility:collapse; }
.dateover { opacity:.5; }
table.pd tr .dateincomplete.dateover { opacity: 1; color:#f00; }
table.pd tr .datecomplete.dateover { }
#pdetail_dates tr { background:var(--color-light-bg); }
#pdetail_dates_container {  }
.datecomplete { opacity:.3; }

#plist .xh { display:inline-block; min-height:22px; }
.itgs { white-space:nowrap; width:40px; }
	.xh { line-height:22px; }
	#plist .xh { padding-left:5px; }
	.fsdtag { margin-left:5px; }

.pht { background-image:url("../img/c.png"); opacity:.5; background-repeat:no-repeat; width:12px; height:12px; background-size:contain; display:inline-block; margin-left:2px; }
.attt { background-image:url("../img/a.png"); background-repeat:no-repeat; width:14px; height:14px; background-size:contain; display:inline-block; margin-top:2px; }

.pshortcut { display:inline-block; }
#status_scrolltag { background:var(--color-light-bg); }
#status_scrolltag.highlight_container, .highlight_container { background-color:#0fb5; padding-bottom:10px; }

#projects_listing { margin-top:8px; }

.u_f:hover .p_upload_t { display:block!important; }
.pdetail_uploads_row:hover .p_upload_t { display:block!important; }

.bottom-bar { z-index: 999; height: 30px; position: sticky; color: var(--color-light-fg); background: var(--color-bg); bottom: 0px; display: block; width: 100%; border-top: 1px solid var(--color-light-bg); }
#endstats { pointer-events: none; color: var(--color-light-fg); background: var(--color-bg); bottom: 0px; }


.pos_hidden { display:none; }
table.lvz td { padding-right:10px; margin:0px; border:0px; }
.price { text-align:right; padding-right:10px; white-space:nowrap; }
.lvz { width:100%; font-size:13px; }
table.lvz tr td { padding-bottom:10px; padding-top:10px; padding-left:5px; }
table tr.lvz_pos { color:#777; }
table tr.lvz_pos.active_pos { color:#000; background:#0fb; }
.lvz tr:nth-child(even) {background: #FAFAFA; }
.lvz tr:nth-child(odd) {background: #F5F5F5; }
.check { text-align:center; }

.add_lvz_pos input { margin-bottom:10px; }
.amount input { width:30px; }
.lvz_button { background-color: #1665ac; color:#fff; padding:10px 30px; border:0px; margin-bottom:20px; }
.old_revision { display:none; }
.last_revision { background: #3aa3; }
.revision { background:#ddd; }

.prup {border-radius: 5px;
border: 2px solid #f00;
padding-bottom: 3px;
padding-top: 3px;
font-size: .7em;
text-align: center;
font-weight: bold;
color: #f00;
margin-left: 10px;
background-color: #0f9;
color: #000;
display: inline-block;
height: 8px;
vertical-align: top;
line-height: 8px;
padding: 5px;
border: 2px solid #0f9;transition: background-color 2s linear; }

.pheadrow { background:transparent!important; }
.pnew {border-radius: 3px;
padding: 3px 7px;
font-size: 11px;
font-weight: bold;
color: var(--color-light-fg);
margin-right: 5px;
border: 1px solid #0f9;}











@media screen and (min-width: 768px) {
	.lvz { font-size:15px; }
	.amount input { width:60px; }
}







/* HIDE POS1 & POS2 FILTER IN LIST */
/*
.h { display:none; }
.stb { display:none; }
#filter_pos1 { display:none; }
.endstathide { display:none; }
*/

/* SMALL MOBILE STYLE */

@keyframes example {
  0%   { -moz-transform: rotate(0deg); scale:1.1; -webkit-transform:scale(1.1); }
  20%   { -moz-transform: rotate(0deg); scale:1.4; -webkit-transform:scale(1.4);}
  79%   { -moz-transform: rotate(0deg); scale:1.1; -webkit-transform:scale(1.1); }
  100%   { -moz-transform: rotate(0deg); scale:1.1; -webkit-transform:scale(1.1); }
}

@keyframes popupfade {
  0%   { background-color:rgba(255,255,255,0); }
  100%   { background-color:rgba(255,255,255,1); }
}

@keyframes popupfade2 {
  0%   { opacity:0; }
  100%   { opacity:1; }
}

@keyframes popupfade3 {
  0%   { opacity:0; }
  100%   { opacity:1; }
}

.p_anim { animation: popupfade .3s forwards; }
.p_anim2 { animation: popupfade3 .5s forwards; }
.pop_anim { animation: popupfade2 .5s forwards; }
.c_anim { animation: example 1s infinite; }

@media screen and (max-width: 1279px) {
	#pmup_container { clear:both; }
	.text_meta { display:block; margin-top:10px; margin-left:0px; }
}

@media screen and (max-width: 1023px) {
	.text_meta { display:inline-block; margin-top:0px; margin-left:10px; }
		.mtc1 { display:none; }

}

@media screen and (max-width: 599px) {
	.xh { padding-left:0px; max-width:450px; word-break:break-all; }

	.autocomplete { max-width:140px; }
	.hide_m { display:none; }
	.u_f { width:calc(100% - 10px); }
	.u_ip { margin-bottom:0px; background-size:cover; min-width:170px; }
	.u_ipc { width:200px; }
	.text_meta { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; vertical-align:middle; max-width:120px; }
	.filter_info { }
	.filter_container a { padding-left:14px!important; }
	.mpdinput { min-width:calc(100% - 5px); margin-bottom:5px; }
	.itgs { display:none; }
	.pe_1 { display:none; }
	.fsdtag { margin-left:5px; }
	#pmup_container { margin-bottom:200px; }
	table.userrole_metakeys th span { max-width:60px; word-break:break-word; font-size:11px; }
	.sexydrop { font-size:12px; height:32px; }
}

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

	.mainwrap { min-width:320px; }
	
	#log_container .smsg_date { max-width:100px; }
	#projectwrap table td { overflow-wrap: anywhere; }
	.projcap { width:60px; }
	.smsg_loc_small { max-width:50px; }
	.text_meta { max-width:100px; }
}

/* SMALL MOBILE STYLE */
@media screen and (max-width: 768px) {
	.firsthtag { display:none; }
	.projcap { height:35px; }
	.hide_lm { display:none; }
	#projectwrap { margin-top:15px; }
	.detail_pos h1 { font-size:20px; }
	table.pd { margin-bottom:0px; }
	.pdinput { padding:5px; }
	.tl_metatag { float:left; margin-bottom:10px; }
	.single_tl_text { margin-bottom:10px!important; }
	.single_timeline .smsg_text { min-width:90%; }
	.filtertag { width:6px!important; }
	.endstats { display: none!important; }
	.apcrewspan { padding-top:7px!important; margin-top:-2px!important; }
}

@media screen and (max-width: 900px) {
	.mkfixed { position:sticky; top:62px; z-index:99; }
	.crewspan { margin-left:-33px; font-size:10px; width:80px; margin-top:-30px; max-height:14px; z-index:999; line-height:14px; }
	table td { padding: 5px 0px; }
	table th { padding-left:0px; }
	.st { padding-left:0px; }
	.stb { max-width:30px; padding-left:5px; padding-right:0px; }
	.newhall { font-size:16px; }
	.h { width:20px; padding-left:0px; }

	.checkgreen { margin-top:0px; }
	.checkred { margin-top:5px; width:8px; height:8px; margin-left:7px; }
	.cg { margin-top:0px; }
	.cr { margin-top:5px; width:8px; height:8px; margin-left:7px; }
    .filter_container { margin-top:-45px; }
    .projtd .crewspan { height:18px; font-size:11px; padding-right:5px; }

	#plog_headline { display:none; }
	#log_container { display:none; }
}

/* MEDIUM MOBILE STYLE */
@media screen and (min-width: 441px) {	
	#small_menu li#tray_user_info { display:block; padding-left:15px; }
	.smsg_project_small { padding-left:10px; width:170px; max-width:170px; }
	#log_container .smsg_text { max-width:calc(100% - 130px); }
	#log_container .smsg_date { max-width:120px; }
}

/* MEDIUM MOBILE STYLE */
@media screen and (min-width: 600px) {

	.p_upload { max-width:400px; }

	#nicklist { width:20%; float:right; height:300px; }
	#chatcontainer { float:left; width:79%; }
	#nicklist { overflow-y:hidden; }
	.online_user { width:150px; }
	
	#main_headline { margin-top:20px; padding:10px 5px; padding:0px; }
	#tray_user_info { padding-left:5px; }
	#user_info_type { display:inline; }
	.smsg_project_small { padding-left:10px; width:150px; max-width:150px; }
	#small_menu li#tray_user_info { display:block; padding-left:5px; }
	.single_tl_text { max-width:calc(100% - 350px); }
	.tl_img:hover { position:absolute; width:300px; height:200px; background-size:cover; margin-left:-75px; margin-top:-62px; z-index:20000; }
	.ttactive { padding-left:20px; padding-right:20px; }
	.toggletab { margin-right:10px; }
	.u_f { width:calc(50% - 10px); }
    
    #pro_backup { float:left; width:50%}
    #pro_event_selection { float:left; margin-right:2%; width:50%; }
    #pro_password { float:right; width:39%; }
    #pro_profileoptions { float:right; margin-right:2%; }

}

/* MOBILE LANDSCAPE FORMAT */
@media screen and (min-width: 768px) {
	#user_info_crew { display:inline; }
	#page_logo { margin:25px auto; }
	.mainwrap { margin:10px auto; }
	.user_login { border:0px solid #ddd; padding:10px 0px; }
	#projectwrap { border:1px solid var(--color-light-bg); background:var(--color-light-bg); padding:0px 0px; }
	.user_login h1 { margin:35px auto; }
	.single_timeline .smsg_text { min-width:100px; width:inherit; }
	.fli:hover .invf { display:inline-block; top:-63px; }
	.fli { position:relative; }
	.modal-content { margin-top:15px; }
	#top_project_name { max-width:450px; font-style:italic; font-size:18px; }
}

@media screen and (min-width: 901px) {
	.u_f { width:calc(33% - 10px); }
	.filter_container { margin-top:-70px; }
	.col90 { width:28px; padding:0px; }
	.crewspan { margin-top:-44px; }
	.fli:hover .invf { display:inline-block; top:-88px; }
}

/* DESKTOP BREAKPOINT */
@media screen and (min-width: 1024px) {
	.mainwrap { max-width:97%; margin-top:10px; }
	#page_logo_s { margin-top:20px; }
	#small_menu { margin-top:20px; }
	#pro_backup { float:left; }
	#pro_password { float:right; }
	
	.smsg_project_small { padding-left:20px; width:300px; max-width:300px; }
	.smsg_loc_small { max-width:60px; }
	.single_tl_text { max-width:calc(100% - 520px); }
	
    #pdetail_container { float:left; width:60%; margin-bottom:40px; }
    #plog_container { float:right; width:35%; }
    #pmessages_headline { margin-top:5px; padding-top:0px; }
    #plog_headline { margin-top:5px; padding-top:0px; }
    #pmup_container { margin-top:20px; margin-bottom:20px; }

}

@media screen and (min-width: 1280px) {

	.mainwrap { max-width:97%; margin-top:10px; }
	td.st p { max-width:500px; overflow:hidden; white-space:nowrap; padding:0px; text-overflow:ellipsis; font-size:12px; }
	.mfc6 { max-width:300px; }
    
    #pdetail_container { float:left; width:42%; }
    #plog_container { float:right; width:55%; }
    #pmup_container { float:right; width:55%; margin-left:1%; margin-top:0px; }
    .projcap { height:25px; }
    .detail_main .projcap { height:35px; }
    
    .u_ip:hover { position:absolute; height:200px; width:300px; margin-left:-75px; margin-top:-50px; }
    .u_f { width:calc(50% - 10px); }
	.pdinput {  }
	
	#pro_event_selection { width:33%; }
	#pro_password { width:28%; }
	.single_timeline .smsg_text p { max-width:400px!important; }
	.text_meta { max-width:350px; }
/*
	.mtc1 p:hover {
	  max-width: 500px;
	  overflow: hidden;
	  background: #fff;
	  position: absolute;
	  margin-top: -11px;
	  padding: 0px 5px;
	  margin-left:-5px;
	  z-index:10000;
	  }
*/
}

/* LARGE DESKTOP BREAKPOINT */
@media screen and (min-width: 1480px) {
	.u_f { width:calc(33% - 10px); }
	.single_timeline .smsg_text p { max-width:600px!important; }
}

@media screen and (min-width: 1919px) {
	.pshortcut { display:none; }

	.dmeta { min-width:290px; }
	.text_meta { display:block; margin-top:10px; margin-left:0px; }
	#pdetail_container { float:left; width:31%; }
    #plog_container { float:right; width:18%; }
    #pmup_container { float:left; width:45%; margin-left:3%; }

    
    #log_container { max-height:inherit; }
    #full_log_toggle { display:none; }
    #log_container .single_msg:nth-of-type(1n+4){ display:block; }
    #pupload_headline { margin-top:5px; padding-top:0px; }
.htag h1.margin20 { margin-top:20px; }

}

@media (prefers-color-scheme: dark) {
:root {
  --color-bg: #102030;
  --color-fg: #93a1a1;
  --color-highlight-bg: #002b36;
  --color-highlight2-bg: #102433;
  --color-tlmessage-bg: #beae7f;
  --color-light-bg: #093846;
  --color-light-fg: #eee8d5;
}
#page_logo { width:140px; height:78px; display:block; background-image:url(../img/logo_dark.png); margin:15px auto; text-indent:-9999px; background-size:cover; margin:25px auto; margin-bottom:0px; }
#page_logo_s { width:90px; height:60px; display:block; background-image:url(../img/logo_dark.png); text-indent:-9999px; background-size:contain; margin:25px; margin-bottom:0px; margin-left:0px; background-repeat:no-repeat; margin-top:5px; }
@keyframes popupfade {
  0%   { background-color:var(--color-bg); }
  100%   { background-color:var(--color-bg); }
}
.pht { filter:invert(1); }
#current_event_head { background-image:url(../img/arrw.png); }
}