/* Let's add some TailwindCSS terms */
@layer theme {
    :root,:host {
        --color-red-50: oklch(.971 .013 17.38);
        --color-red-200: oklch(.885 .062 18.334);
        --color-red-300: oklch(.808 .114 19.571);
        --color-red-400: oklch(.704 .191 22.216);
        --color-red-500: oklch(.637 .237 25.331);
        --color-red-600: oklch(.577 .245 27.325);
        --color-red-700: oklch(.505 .213 27.518);
        --color-red-800: oklch(.444 .177 26.899);
        --color-red-900: oklch(.396 .141 25.723);
        --color-red-950: oklch(.258 .092 26.042);
        --color-orange-50: oklch(.98 .016 73.684);
        --color-orange-200: oklch(.901 .076 70.697);
        --color-orange-300: oklch(.837 .128 66.29);
        --color-orange-400: oklch(.75 .183 55.934);
        --color-orange-500: oklch(.705 .213 47.604);
        --color-orange-600: oklch(.646 .222 41.116);
        --color-orange-700: oklch(.553 .195 38.402);
        --color-orange-800: oklch(.47 .157 37.304);
        --color-orange-950: oklch(.266 .079 36.259);
        --color-amber-50: oklch(.987 .022 95.277);
        --color-amber-200: oklch(.924 .12 95.746);
        --color-amber-300: oklch(.879 .169 91.605);
        --color-amber-400: oklch(.828 .189 84.429);
        --color-amber-500: oklch(.769 .188 70.08);
        --color-amber-600: oklch(.666 .179 58.318);
        --color-amber-700: oklch(.555 .163 48.998);
        --color-amber-800: oklch(.473 .137 46.201);
        --color-amber-950: oklch(.279 .077 45.635);
        --color-yellow-50: oklch(.987 .026 102.212);
        --color-yellow-200: oklch(.945 .129 101.54);
        --color-yellow-300: oklch(.905 .182 98.111);
        --color-yellow-400: oklch(.852 .199 91.936);
        --color-yellow-500: oklch(.795 .184 86.047);
        --color-yellow-600: oklch(.681 .162 75.834);
        --color-yellow-700: oklch(.554 .135 66.442);
        --color-yellow-800: oklch(.476 .114 61.907);
        --color-yellow-950: oklch(.286 .066 53.813);
        --color-lime-50: oklch(.986 .031 120.757);
        --color-lime-200: oklch(.938 .127 124.321);
        --color-lime-300: oklch(.897 .196 126.665);
        --color-lime-400: oklch(.841 .238 128.85);
        --color-lime-500: oklch(.768 .233 130.85);
        --color-lime-600: oklch(.648 .2 131.684);
        --color-lime-700: oklch(.532 .157 131.589);
        --color-lime-800: oklch(.453 .124 130.933);
        --color-lime-900: oklch(.405 .101 131.063);
        --color-lime-950: oklch(.274 .072 132.109);
        --color-green-50: oklch(.982 .018 155.826);
        --color-green-200: oklch(.925 .084 155.995);
        --color-green-300: oklch(.871 .15 154.449);
        --color-green-400: oklch(.792 .209 151.711);
        --color-green-500: oklch(.723 .219 149.579);
        --color-green-600: oklch(.627 .194 149.214);
        --color-green-700: oklch(.527 .154 150.069);
        --color-green-800: oklch(.448 .119 151.328);
        --color-emerald-50: oklch(.979 .021 166.113);
        --color-emerald-200: oklch(.905 .093 164.15);
        --color-emerald-300: oklch(.845 .143 164.978);
        --color-emerald-400: oklch(.765 .177 163.223);
        --color-emerald-500: oklch(.696 .17 162.48);
        --color-emerald-600: oklch(.596 .145 163.225);
        --color-emerald-800: oklch(.432 .095 166.913);
        --color-teal-50: oklch(.984 .014 180.72);
        --color-teal-200: oklch(.91 .096 180.426);
        --color-teal-300: oklch(.855 .138 181.071);
        --color-teal-400: oklch(.777 .152 181.912);
        --color-teal-500: oklch(.704 .14 182.503);
        --color-teal-600: oklch(.6 .118 184.704);
        --color-teal-800: oklch(.437 .078 188.216);
        --color-teal-900: oklch(.386 .063 188.416);
        --color-cyan-50: oklch(.984 .019 200.873);
        --color-cyan-200: oklch(.917 .08 205.041);
        --color-cyan-300: oklch(.865 .127 207.078);
        --color-cyan-400: oklch(.789 .154 211.53);
        --color-cyan-500: oklch(.715 .143 215.221);
        --color-cyan-600: oklch(.609 .126 221.723);
        --color-cyan-800: oklch(.45 .085 224.283);
        --color-sky-50: oklch(.977 .013 236.62);
        --color-sky-100: oklch(.951 .026 236.824);
        --color-sky-200: oklch(.901 .058 230.902);
        --color-sky-300: oklch(.828 .111 230.318);
        --color-sky-400: oklch(.746 .16 232.661);
        --color-sky-500: oklch(.685 .169 237.323);
        --color-sky-600: oklch(.588 .158 241.966);
        --color-sky-800: oklch(.443 .11 240.79);
        --color-blue-50: oklch(.97 .014 254.604);
        --color-blue-200: oklch(.882 .059 254.128);
        --color-blue-300: oklch(.809 .105 251.813);
        --color-blue-400: oklch(.707 .165 254.624);
        --color-blue-500: oklch(.623 .214 259.815);
        --color-blue-600: oklch(.546 .245 262.881);
        --color-blue-800: oklch(.424 .199 265.638);
        --color-indigo-50: oklch(.962 .018 272.314);
        --color-indigo-200: oklch(.87 .065 274.039);
        --color-indigo-300: oklch(.785 .115 274.713);
        --color-indigo-400: oklch(.673 .182 276.935);
        --color-indigo-500: oklch(.585 .233 277.117);
        --color-indigo-600: oklch(.511 .262 276.966);
        --color-indigo-700: oklch(.457 .24 277.023);
        --color-indigo-800: oklch(.398 .195 277.366);
        --color-violet-50: oklch(.969 .016 293.756);
        --color-violet-200: oklch(.894 .057 293.283);
        --color-violet-300: oklch(.811 .111 293.571);
        --color-violet-400: oklch(.702 .183 293.541);
        --color-violet-500: oklch(.606 .25 292.717);
        --color-violet-600: oklch(.541 .281 293.009);
        --color-violet-700: oklch(.491 .27 292.581);
        --color-violet-800: oklch(.432 .232 292.759);
        --color-purple-50: oklch(.977 .014 308.299);
        --color-purple-200: oklch(.902 .063 306.703);
        --color-purple-300: oklch(.827 .119 306.383);
        --color-purple-400: oklch(.714 .203 305.504);
        --color-purple-500: oklch(.627 .265 303.9);
        --color-purple-600: oklch(.558 .288 302.321);
        --color-purple-700: oklch(.496 .265 301.924);
        --color-purple-800: oklch(.438 .218 303.724);
        --color-fuchsia-50: oklch(.977 .017 320.058);
        --color-fuchsia-200: oklch(.903 .076 319.62);
        --color-fuchsia-300: oklch(.833 .145 321.434);
        --color-fuchsia-400: oklch(.74 .238 322.16);
        --color-fuchsia-500: oklch(.667 .295 322.15);
        --color-fuchsia-600: oklch(.591 .293 322.896);
        --color-fuchsia-700: oklch(.518 .253 323.949);
        --color-fuchsia-800: oklch(.452 .211 324.591);
        --color-pink-50: oklch(.971 .014 343.198);
        --color-pink-200: oklch(.899 .061 343.231);
        --color-pink-300: oklch(.823 .12 346.018);
        --color-pink-400: oklch(.718 .202 349.761);
        --color-pink-500: oklch(.656 .241 354.308);
        --color-pink-600: oklch(.592 .249 .584);
        --color-pink-700: oklch(.525 .223 3.958);
        --color-pink-800: oklch(.459 .187 3.815);
        --color-rose-50: oklch(.969 .015 12.422);
        --color-rose-200: oklch(.892 .058 10.001);
        --color-rose-300: oklch(.81 .117 11.638);
        --color-rose-400: oklch(.712 .194 13.428);
        --color-rose-500: oklch(.645 .246 16.439);
        --color-rose-600: oklch(.586 .253 17.585);
        --color-rose-700: oklch(.514 .222 16.935);
        --color-rose-800: oklch(.455 .188 13.697);
        --color-slate-50: oklch(.984 .003 247.858);
        --color-slate-100: oklch(.968 .007 247.896);
        --color-slate-200: oklch(.929 .013 255.508);
        --color-slate-300: oklch(.869 .022 252.894);
        --color-slate-400: oklch(.704 .04 256.788);
        --color-slate-500: oklch(.554 .046 257.417);
        --color-slate-600: oklch(.446 .043 257.281);
        --color-slate-700: oklch(.372 .044 257.287);
        --color-slate-800: oklch(.279 .041 260.031);
        --color-slate-900: oklch(.208 .042 265.755);
        --color-slate-950: oklch(.129 .042 264.695);
        --color-gray-200: oklch(.928 .006 264.531);
        --color-gray-300: oklch(.872 .01 258.338);
        --color-gray-400: oklch(.707 .022 261.325);
        --color-gray-500: oklch(.551 .027 264.364);
        --color-gray-700: oklch(.373 .034 259.733);
        --color-gray-800: oklch(.278 .033 256.848);
        --color-zinc-50: oklch(.985 0 0);
        --color-zinc-100: oklch(.967 .001 286.375);
        --color-zinc-200: oklch(.92 .004 286.32);
        --color-zinc-300: oklch(.871 .006 286.286);
        --color-zinc-400: oklch(.705 .015 286.067);
        --color-zinc-500: oklch(.552 .016 285.938);
        --color-zinc-600: oklch(.442 .017 285.786);
        --color-zinc-700: oklch(.37 .013 285.805);
        --color-zinc-800: oklch(.274 .006 286.033);
        --color-zinc-900: oklch(.21 .006 285.885);
        --color-zinc-950: oklch(.141 .005 285.823);
        --color-neutral-50: oklch(.985 0 0);
        --color-neutral-100: oklch(.97 0 0);
        --color-neutral-200: oklch(.922 0 0);
        --color-neutral-300: oklch(.87 0 0);
        --color-neutral-400: oklch(.708 0 0);
        --color-neutral-500: oklch(.556 0 0);
        --color-neutral-600: oklch(.439 0 0);
        --color-neutral-700: oklch(.371 0 0);
        --color-neutral-800: oklch(.269 0 0);
        --color-neutral-900: oklch(.205 0 0);
        --color-neutral-950: oklch(.145 0 0);
        --color-stone-200: oklch(.923 .003 48.717);
        --color-stone-300: oklch(.869 .005 56.366);
        --color-stone-400: oklch(.709 .01 56.259);
        --color-stone-500: oklch(.553 .013 58.071);
        --color-stone-700: oklch(.374 .01 67.558);
        --color-stone-800: oklch(.268 .007 34.298);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --animate-spin: spin 1s linear infinite;
        --aspect-video: 16/9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
        --color-accent: var(--color-zinc-800);
        --color-accent-content: var(--color-zinc-800);
        --color-accent-foreground: var(--color-white);
    }

    .dark {
        --color-accent: var(--color-white);
        --color-accent-content: var(--color-white);
        --color-accent-foreground: var(--color-zinc-800)
    }
}

:root {
    --clr-main-bg: #32797D;
    --clr-light-bg: #aeddca
}

BODY,P,DIV,TH,TD,P {
        FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; 
        COLOR: #000000; FONT-SIZE: 10px;
}
P {
	margin: 5px 0 5px 0;
}
TEXTAREA {
        COLOR: #000000;
        border: #09212F; 
        border-style: solid; 
        border-top-width: 1px; 
        border-right-width: 1px; 
        border-bottom-width: 1px; 
        border-left-width: 1px; 
        FONT-SIZE: 12px;
}
INPUT,SELECT {
        COLOR: #000000;
        border: #09212F; 
        border-style: solid; 
        border-top-width: 1px; 
        border-right-width: 1px; 
        border-bottom-width: 1px; 
        border-left-width: 1px; 
        FONT-SIZE: 10px;
}

INPUT.mini, input.number {
        COLOR: #000000;
        border: #09212F; 
        border-style: solid; 
        border-top-width: 1px; 
        border-right-width: 1px; 
        border-bottom-width: 1px; 
        border-left-width: 1px; 
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
}

/*list styles with using background*/
.ul_bg {   
    margin:0 0 0 30px;   
    padding:0;   
    list-style-position:  outside;   
    }   
.ul_bg li{   
    padding:0 0 0 10px;  /*left*/
    list-style:none;   
    background: url('images/bullet-disc.gif') no-repeat 0 4px;   
    }

.number {
	text-align: right;
	padding: 0 3px 0 3px;
}

input.greyed {
	background-color: ButtonFace;
}
input.greyed_changed {
	background-color: #ffc9ec;
}

INPUT.succession_number {
        COLOR: #000000;
        border: #aeaeae; 
        border-style: solid; 
        border-top-width: 1px; 
        border-right-width: 1px; 
        border-bottom-width: 1px; 
        border-left-width: 1px; 
		width: 25px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: right;
}

.thick {
        width: 98%;
}
INPUT.submit  {
        COLOR: #ffffff;
        BACKGROUND: #32797D url("images/loader_bar.gif") -1000px -1000px no-repeat;
        border: #AEDDCA; 
        border-style: solid; 
        border-top-width: 1px; 
        border-right-width: 1px; 
        border-bottom-width: 1px; 
        border-left-width: 1px; 
        FONT-SIZE: 10px;
}
INPUT.disabled_submit, .disabled_button  {
        COLOR: #ffffff;
        BACKGROUND-COLOR: #b3b3b3;
        border: #e1e1e1; 
        border-style: solid; 
        border-top-width: 1px; 
        border-right-width: 1px; 
        border-bottom-width: 1px; 
        border-left-width: 1px; 
        FONT-SIZE: 10px;
}
.disabled_button {
	cursor: wait;
	display: inline-block;
	text-align: center;
}
INPUT.checkbox, INPUT.radio  {
		border:0; 
		COLOR: #000000;
		height: 13px;
		width: 13px;
}

input.box  {
	border-style: none; 

	border-top-width: 		0; 
	border-right-width: 	0; 
	border-bottom-width: 	0; 
	border-left-width:		0;

}

INPUT.upload_button {
	background-image: url("images/upload_files_black.gif");
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

BODY { 
        MARGIN-TOP: 0px; 
		MARGIN-BOTTOM: 0px; 
		MARGIN-LEFT: 0px; 
		MARGIN-RIGHT: 0px;
        BACKGROUND-COLOR: #AEDDCA;
}

.DialogWindow {
        MARGIN-TOP: 0px; 
		MARGIN-BOTTOM: 0px; 
		MARGIN-LEFT: 0px; 
		MARGIN-RIGHT: 0px;
        BACKGROUND-COLOR: #AEDDCA;
}


INPUT.disabled {
	border:0;
	FONT-SIZE: 12px;
	color: #FF0000;
	width: 16px;
    text-align: center;
}

A:link {
        COLOR: #09212F; TEXT-DECORATION: none;
}
A:visited {
        COLOR: #09212F; TEXT-DECORATION: none;
}
A:hover {
        COLOR: #32797D; TEXT-DECORATION: underline;
}
A:active  {
        COLOR: #09212F; TEXT-DECORATION: none;
}
A:link.Underline, A:link.underline {
        COLOR: #09212F; TEXT-DECORATION: underline;
}
A:visited.Underline, A:visited.underline {
        COLOR: #09212F; TEXT-DECORATION: underline;
}
A:hover.Underline, A:hover.underline  {
        COLOR: #32797D; TEXT-DECORATION: none;
}
A:active.Underline, A:active.underline  {
        COLOR: #09212F; TEXT-DECORATION: underline;
}

.Underline, .underline {
		TEXT-DECORATION: underline;
}
a.ajax, a.ajax:hover, .Ajax, .ajax {
	border-bottom: 1px dashed;
	text-decoration: none;
}
A:link.UnderlineNote {
        COLOR: #888888; TEXT-DECORATION: underline;
}
A:visited.UnderlineNote {
        COLOR: #888888; TEXT-DECORATION: underline;
}
A:hover.UnderlineNote {
        COLOR: #888888; TEXT-DECORATION: none;
}
A:active.UnderlineNote {
        COLOR: #888888; TEXT-DECORATION: underline;
}
H1 {
        FONT-SIZE: 15px;
}
H2 {
        FONT-SIZE: 13px;
}
H3 {
        FONT-SIZE: 12px;
}
HR {
        COLOR: #32797D; HEIGHT: 1px;
}
.H1c,.huge {
	font-size: 17px;
	font-weight: bold;
}
.H1c {
	margin: 0 0 5px 0;
	text-align: center;
}
.H2c,.big {
	font-size: 15px;
	font-weight: bold;
}
.H3c,.medium {
	font-size: 12px;
	font-weight: bold;
}
.H3l {
	font-size: 12px;
	margin: 5px 0 0 0;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}
.H3c {
	margin: 0 0 5px 0;
	text-align: center;
}
.Back { 
    background-image: url("images/back.gif");
    background-repeat: repeat-y;
    background-position: 0  0;
	margin: 0 0;
}
.LightLine { 
        BACKGROUND-COLOR: #AEDDCA;
}
.title, .Title, .Title > div {
    BACKGROUND-COLOR: #32797D;
    COLOR: #FFFFFF;
}

table.presets {
	width: 100%;
	border-spacing: 1px;
	border-collapse: separate;
}

table.presets td {
	border-width: 0px;
	padding: 1px;
}

table.presets td.Title > div:not(:last-child):after {
	content: "\0000a0/";
}

tr.presets td {
	vertical-align: top;
	padding: 2px 1px 0px;
}
tr.presets td input[type=checkbox] {
	margin: 0px;
	float: right;
}

tr.presets td div {
	width: 100%;
	margin: 0px 0px 2px;
	padding: 0px;
}

.SubTitle {
	background-color: #AEDDCA;
	color: #333333;
}
.LightTitle { 
        BACKGROUND-COLOR: #86D2BA;
    COLOR: #000000;
}
.Dialog {
        BACKGROUND-COLOR: #000000;
}
.Head {
        BACKGROUND-COLOR: #32797D;
}
.SubjectInfo, a.TimezoneInfo {
	COLOR: #cceedd;
	vertical-align: top;
}
.SubjectInfo_Icon {
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 2px;
}
.SubjectInfo_Light {
    COLOR: #FFFFFF;
    vertical-align: top;
}
.GeneralLabel {
    COLOR: #FFFFFF;
    vertical-align: top;
}
.ResellerLabel {
    COLOR: #FFFFFF;
    vertical-align: top;
}
.PresalesLabel {
    COLOR: #ffd870;
    vertical-align: top;
}
.GorMenu {
        BACKGROUND-COLOR: #09212F;
    COLOR: #FFFFFF;
}
.GorMenuItem {
    COLOR: #AEDDCA; TEXT-DECORATION: none;
}
.GorMenuItem A:link {
        COLOR: #AEDDCA; TEXT-DECORATION: none;
}
.GorMenuItem A:visited {
        COLOR: #AEDDCA; TEXT-DECORATION: none;
}
.GorMenuItem A:hover {
        COLOR: #AEDDCA; TEXT-DECORATION: underline;
}

.GorMenuItem A:active  {
        COLOR: #AEDDCA; TEXT-DECORATION: none;
}

.VertMenu {
        BACKGROUND-COLOR: #32797D;
    	COLOR: #FFFFFF;
}

.VertMenuItem {
        COLOR: #FFFFFF; TEXT-DECORATION: none;
}

.VertMenuItem:link {
        COLOR: #FFFFFF; TEXT-DECORATION: none;
}

.VertMenuItem:visited {
        COLOR: #FFFFFF; TEXT-DECORATION: none;
}

.VertMenuItem:hover {
        COLOR: #09212F; TEXT-DECORATION: none; 
}

.VertMenuItem:active  {
        COLOR: #FFFFFF; TEXT-DECORATION: none;
}

.VertMenuItemActive {
        COLOR: #FFFFFF; TEXT-DECORATION: none;
		TEXT-TRANSFORM: uppercase;
		FONT-WEIGHT: bold;
}

.VertMenuItemActive:link {
        COLOR: #FFFFFF; TEXT-DECORATION: none;
		TEXT-TRANSFORM: uppercase;
		FONT-WEIGHT: bold;
}

.VertMenuItemActive:visited {
        COLOR: #FFFFFF; TEXT-DECORATION: none;
		TEXT-TRANSFORM: uppercase;
		FONT-WEIGHT: bold;
}

.VertMenuItemActive:hover {
        COLOR: #09212F; TEXT-DECORATION: none; 
		TEXT-TRANSFORM: uppercase;
		FONT-WEIGHT: bold;
}

.VertMenuItemActive:active  {
        COLOR: #FFFFFF; TEXT-DECORATION: none;
		TEXT-TRANSFORM: uppercase;
		FONT-WEIGHT: bold;
}


.VertMenuItemBack {
    background: url(images/menu_item_bg.gif) repeat-x;
}

.Border {
        BACKGROUND-COLOR: #09212F;
}

.MenuSeparator {
    COLOR: #FF0000;
}       

.asterix {
    COLOR: #3279D0;
    FONT-SIZE: 10px;
	cursor: default;
}

.asterix_custom {
    COLOR: #3279D0;
    FONT-SIZE: 14px;
}

.asterix_system {
    COLOR: #777777;
    FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
}

.asterix_blink {
    COLOR: #3279D0;
    FONT-SIZE: 10px;
}

.asterix_c, .asterix_ct {
    COLOR: #3279D0;
    FONT-SIZE: 10px;
	TEXT-ALIGN: center;
	WIDTH: 18px;
}

.asterix_ct {
	VERTICAL-ALIGN: top;
}

.employee_type_f {
	color: #2BAB2A;
}

.employee_type_p {
	color: #2BAB2A;
}


.UserInfo {
    COLOR: #FFFFFF;
    FONT-SIZE: 10px;
}

.UserInfo A:link,
.UserInfo A:visited,
.UserInfo A:active 
{
    COLOR: #FFFFFF;
    FONT-SIZE: 10px;
	text-decoration: underline;
}

.UserInfo A:hover {
    COLOR: #FFFFFF;
    FONT-SIZE: 10px;
	text-decoration: none;
}

.MultySelect {
    WIDTH: 150px;
}

.EntryLine {
    WIDTH: 150px;
    BACKGROUND-COLOR: #FFFFFF;
}


.warning_string {
    COLOR: #AA8520;
    FONT-SIZE: 10px;
}

.error_string {
    COLOR: #FF0000;
    FONT-SIZE: 10px;
}

.Warning {
    COLOR: #FFFF00;
    FONT-SIZE: 12px;
}
.Error {
    COLOR: #FF0000;
    FONT-SIZE: 12px;
}
.Message {
    COLOR: #00FF00;
    FONT-SIZE: 12px;
}
.WarningTitle {
    COLOR: #000000;
	font-weight: bold;
    FONT-SIZE: 12px;
}
.ErrorTitle {
    COLOR: #FF0000;
	font-weight: bold;
    FONT-SIZE: 12px;
}
.MessageTitle {
    COLOR: #32797b;
	font-weight: bold;
	padding-bottom: 5px;
    FONT-SIZE: 12px;
}
.MessageText {
	font-size: 11px;
}
.TicketMsgText {
	font-size: 11px;
}

.MessageImageWrapper {
	display: block;
	overflow-x: scroll;
	cursor: zoom-out;
}
.MessageImage--resized {
	cursor: zoom-in;
	max-width: 530px;
	max-height: 530px;
}
.MessageImagesPreview {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	padding-block: .5rem;
	margin-top: .5rem;
	border-top: 1px solid #cccccc;
}
.MessageImagesPreview .MessageImage {
	max-width: 100%;
	margin-bottom: .5rem;
}
.MessageImagesPreview .MessageImage--resized {
	max-width: 240px;
	max-height: 240px;
	margin-right: .5rem;
}

.BoardMessage {
       BACKGROUND-COLOR: #000000;
	   COLOR: #00FE00;
	   FONT-SIZE: 9px;
}
.BoardMessageWarn {
       BACKGROUND-COLOR: #000000;
	   COLOR: #FF2222;
	   FONT-SIZE: 9px;
}

A:link.BoardMessage_link,
A:visited.BoardMessage_link,
A:active.BoardMessage_link,
A:hover.BoardMessage_link {
       BACKGROUND-COLOR: #000000;
       COLOR: #00FE00;
	   TEXT-DECORATION: underline;
}
A:link.BoardMessageWarn_link,
A:visited.BoardMessageWarn_link,
A:active.BoardMessageWarn_link,
A:hover.BoardMessageWarn_link {
       BACKGROUND-COLOR: #000000;
       COLOR: #FF2222;
	   TEXT-DECORATION: underline;
}
.BoardMessageDot {
       COLOR: #006501;
       FONT-SIZE: 9px;
}  

.BoardMessageDotBg {
       BACKGROUND-COLOR: #000000;
       BACKGROUND-IMAGE: url(images/dots_bg.gif);
       BACKGROUND-REPEAT: repeat-x;
       COLOR: #006501;
       FONT-SIZE: 9px;
}  
	   
A:link.not_techsupport,
A:visited.not_techsupport,
A:active.not_techsupport,
.not_techsupport {
        COLOR: #FF0000;
		TEXT-DECORATION: none;
}

A:hover.not_techsupport {
        COLOR: #32797D;
		TEXT-DECORATION: underline;
}

A:link.yes_techsupport,
A:visited.yes_techsupport,
A:active.yes_techsupport,
.yes_techsupport {
        COLOR: BLUE;
		TEXT-DECORATION: none;
}

A:hover.yes_techsupport {
        COLOR: #32797D;TEXT-DECORATION: underline;
}

A:link.CompanyLink,
A:visited.CompanyLink,
A:active.CompanyLink,
.CompanyLink {
        COLOR: #FFFFFF;
		TEXT-DECORATION: underline;
}
A:hover.CompanyLink {
        COLOR: #CCEEDD;
		TEXT-DECORATION: underline;
}

.MesBox {
        BACKGROUND-COLOR: #09212F;
}

.debit {
    COLOR: NAVY;
    FONT-SIZE: 10px;
}

.credit {
    COLOR: #FF0000;
    FONT-SIZE: 10px;
}

.Center {
        BACKGROUND-COLOR: #FFFFFF;
}

.CenterHead {
        COLOR: #09212F;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
}
.CenterSubHead {
        COLOR: #09212F;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
}
.CheckoutBorder {
	background-color: #32797D;
}
.CheckoutTitle {
    BACKGROUND-COLOR: #32797D;
    COLOR: #FFFFFF;
	font-weight: bold;
}
.CheckoutCell {
	font-weight: bold;
	background-color: #ffffff;
}
a.what_is_it_checkout {
        COLOR: #FFFFFF; 
		TEXT-DECORATION: underline;
}
a.what_is_it_checkout:link {
        COLOR: #FFFFFF; 
		TEXT-DECORATION: underline;
}
a.what_is_it_checkout:visited {
        COLOR: #FFFFFF; 
		TEXT-DECORATION: underline;
}
a.what_is_it_checkout:hover {
        COLOR: #FFFFFF; 
		TEXT-DECORATION: underline;
}
a.what_is_it_checkout:active  {
        COLOR: #FFFFFF; 
		TEXT-DECORATION: underline;
}

.TabTitle {
	PADDING: 10px 32px 12px 32px;
    COLOR: #09212F;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
	TEXT-ALIGN: center
}

.CenterHead {
        COLOR: #09212F;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
}
.LeftHead {
	COLOR: #09212F;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
	PADDING: 0 0 3px 0;
}
.CenterBorder {
        BACKGROUND-COLOR: #32797D;
}                                   
.CenterBorder2 {
        BACKGROUND-COLOR: #1F6367;
}                                   
.TableLine {
        BACKGROUND-COLOR: #EEEEEE;
}
.TableLine0 {
        BACKGROUND-COLOR: #CECECE;
}
.TableLine1 {
        BACKGROUND-COLOR: #EEEEEE;
}
.TableLine2 {
        BACKGROUND-COLOR: #DEDEDE;
}
.TableLine3 {
        BACKGROUND-COLOR: #32797D;
}

/*
.TableLine4 {
        BACKGROUND-COLOR: #000000;
}
*/

.TableLine5 {
    BACKGROUND-COLOR: #CEDDCA;
}
.TableLine6 {
    BACKGROUND-COLOR: #D0D0D0;
}

.upload_form_line {
        BACKGROUND-COLOR: #EEEEEE;
}

.green_text {
        COLOR: #32797D;
        FONT-SIZE: 10px;
}

.green_small_text {
       BACKGROUND-COLOR: #CEDDCA;
	   FONT-SIZE: 9px;
       text-align: center
}

.Command2 {
        COLOR: #234246;
        FONT-SIZE: 10px;
}

.Command3 {
        COLOR: #30A030;
        FONT-SIZE: 10px;
}

.PageLinkDefault,
A.PageLinkDefault,
A.PageLinkDefault:link,
A.PageLinkDefault:visited,
A.PageLinkDefault:active {
		color: #05373B;
        TEXT-DECORATION: none;
}
A.PageLinkDefault:hover {
		color: black;
		TEXT-DECORATION: underline;
}

.PageLink,
A.PageLink,
A.PageLink:link,
A.PageLink:visited,
A.PageLink:active {
		color: white;
        TEXT-DECORATION: none;
}
A.PageLink:hover {
		color: #d2eced;
		TEXT-DECORATION: underline;
}


A.HeaderLink {
        COLOR: #FFFFFF;
        TEXT-DECORATION: underline;
}
A.HeaderLink:visited {
        COLOR: #FFFFFF;
        TEXT-DECORATION: underline;
}
A.HeaderLink:hover {
        COLOR: #09212F; 
        TEXT-DECORATION: underline;
}
A.HeaderLink:active {
        COLOR: #FFFFFF;
        TEXT-DECORATION: underline;
}
.Event {
        COLOR: #AEDDCA;
        FONT-SIZE: 9px;
}
.EventBox {
        BACKGROUND-COLOR: #09212F;
}

.tabDefault {
    background: url(images/tab_bg.gif) repeat-x;
    BACKGROUND-COLOR: #86D2BA;
	color: #05373B;
}
/*td.tabDefault:hover {
	color: black;
	TEXT-DECORATION: underline;
}*/

.tabSelected {
    background: url(images/menu_item_bg.gif) repeat-x;
    BACKGROUND-COLOR: #32797D;
    COLOR: #FFFFFF;
}
/*td.tabSelected:hover {
	color: #d2eced;
	TEXT-DECORATION: underline;
}*/

.tabBeforeDefault {
	background: url(images/tab_p1.gif) no-repeat;
}
.tabBeforeSelected {
	background: url(images/tab_a1.gif) no-repeat;
}
.tabAfterDefault {
	background: url(images/tab_p2.gif) no-repeat;
}
.tabAfterSelected {
	background: url(images/tab_a2.gif) no-repeat;
}

.ratingLine {
        BACKGROUND-COLOR: #FFBBBB;
}

.progress_time {
        BACKGROUND-COLOR: NAVY;
        COLOR: #FFFFFF;
}
.progress_dvp {
        BACKGROUND-COLOR: GREEN;
        COLOR: #FFFFFF;
}
.progress_dvp_bad {
        BACKGROUND-COLOR: #FF0000;
        COLOR: #FFFFFF;
}
.noprogress {
        background-color: #909090;
        }
.tested_hours_progress{
        background-color: Navy;
}

.empty_progress {
        background-color: #FFFFE0;
        }
.WideArea {
    WIDTH: 640px;
}
.CodeArea {
    WIDTH: 520px;
}
.HalfWideArea {
    WIDTH: 260px;
}
.FirstNote {
    WIDTH: 240px;
}
.salaryDescription {
    WIDTH: 240px;
}
.salaryAmount {
    WIDTH: 50px;
}

.MsgTitleUsername,
A:link.MsgTitleUsername,
A:visited.MsgTitleUsername,
A:active.MsgTitleUsername
{
    COLOR: #FFFFFF;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none !important;
}
A:hover.MsgTitleUsername  {
    COLOR: #FFFFFF;
    FONT-SIZE: 10px;
    TEXT-DECORATION: underline !important;
}

.OtherMsgTitle { 
    BACKGROUND-COLOR: #B7D0D2;
}
A:link.OtherMsgTitle,
A:visited.OtherMsgTitle,
A:active.OtherMsgTitle
{
    COLOR: #09212F;
    TEXT-DECORATION: underline;
}
A:hover.OtherMsgTitle  {
    COLOR: #32797D;
    TEXT-DECORATION: none;
}

.MineMsgTitle { 
    BACKGROUND-COLOR: #32797D;
    COLOR: #FFFFFF;
}
A:link.MineMsgTitle,
A:visited.MineMsgTitle,
A:active.MineMsgTitle
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: underline;
}
A:hover.MineMsgTitle  {
    /*COLOR: #CCEEDD;*/
    TEXT-DECORATION: none;
}

.ClosedMsgTitle { 
    BACKGROUND-COLOR: #DBDBDB;
}
A:link.ClosedMsgTitle,
A:visited.ClosedMsgTitle,
A:active.ClosedMsgTitle
{
    COLOR: #09212F;
    TEXT-DECORATION: underline;
}
A:hover.ClosedMsgTitle  {
    COLOR: #32797D;
    TEXT-DECORATION: none;
}

.AnswerMsgTitle{
    BACKGROUND-COLOR: #929292;
    COLOR: #FFFFFF;
}
A:link.AnswerMsgTitle,
A:visited.AnswerMsgTitle,
A:active.AnswerMsgTitle
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: underline;
}
A:hover.AnswerMsgTitle  {
    TEXT-DECORATION: none;
}

.addAnswerMsgRejected {
    color: #FFE100;
}

.LinkMsgTitle{
    BACKGROUND-COLOR: #EEEEB7;
}
A:link.LinkMsgTitle,
A:visited.LinkMsgTitle,
A:active.LinkMsgTitle
{
    COLOR: #09212F;
    TEXT-DECORATION: underline;
}
A:hover.LinkMsgTitle  {
    COLOR: #32797D;
    TEXT-DECORATION: none;
}

.SystemMsgTitle{
    BACKGROUND-COLOR: #DBDBDB;
}
A:link.SystemMsgTitle,
A:visited.SystemMsgTitle,
A:active.SystemMsgTitle
{
    COLOR: #09212F;
    TEXT-DECORATION: underline;
}
A:hover.SystemMsgTitle  {
    COLOR: #32797D;
    TEXT-DECORATION: none;
}

.addSystemMsgRejected {
    color: #B17700;
}

.ActiveMsgTitle{
    BACKGROUND-COLOR: #FF9979;
    COLOR: #FFFFFF;
}
A:link.ActiveMsgTitle,
A:visited.ActiveMsgTitle,
A:active.ActiveMsgTitle
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: underline;
}
A:hover.ActiveMsgTitle  {
    TEXT-DECORATION: none;
}

.AlertMsgTitle{
    BACKGROUND-COLOR: #CC4444;
    COLOR: #FFFFFF;
}
A:link.AlertMsgTitle,
A:visited.AlertMsgTitle,
A:active.AlertMsgTitle
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: underline;
}
A:hover.AlertMsgTitle  {
    TEXT-DECORATION: none;
}

.SelectCaptain {
    background-color: #AEDDCA; 
}
.SelectTeacher {
	background-color: #d5f4e7;
}
.SelectDeveloper {
    background-color: #FFFFFF;
}

.MessageBorder {
    border:              #32797D; 
    border-style:        solid; 
    border-top-width:    1px; 
    border-right-width:  1px; 
    border-bottom-width: 1px; 
    border-left-width:   1px; 
}

.TableLeftBorder {
    border:              #FFFFFF; 
    border-style:        solid; 
    border-top-width:    0px; 
    border-right-width:  0px; 
    border-bottom-width: 0px; 
    border-left-width:   1px; 
}

.MessageTab {
    color:               #000000;
    background-color:    #FFFFFF;
    border:              #32797D; 
    border-style:        solid; 
    border-top-width:    1px; 
    border-right-width:  1px; 
    border-bottom-width: 1px; 
    border-left-width:   1px; 
    font-size:           10px;
}

.LinkButton {
    color:               #000000;
    background-color:    #32797D;
	padding-left: 		 3px;
	padding-right: 		 3px;
    font-size:           10px;
}

A.MsgTabLink:link, 
A.MsgTabLink:active, 
A.MsgTabLink:visited {
    color:           #000000; 
    text-decoration: none;
}

A.MsgTabLink:hover {
    color:           #000000; 
    text-decoration: underline;
}

A.PagerLink:link, 
A.PagerLink:active, 
A.PagerLink:visited,
A.PagerLink:hover {
    color:           #000000; 
    text-decoration: underline;
}

.MsgTabInner {
    color:               #000000;
    background-color:    #FFFFFF;
    font-size:           10px;
    text-decoration:     none;
}

.MsgTabInnerMouseOver {
    color:               #000000;
    background-color:    #FFFFFF;
    font-size:           10px;
    text-decoration:     underline;
    cursor:              pointer;
}

.description {
    COLOR: NAVY;
    FONT-SIZE: 10px;
}

.dark_description {
    COLOR: #040450;
    FONT-SIZE: 10px;
}

A.dark_description:link,
A.dark_description:active,
A.dark_description:visited {
    COLOR: #040450;
    FONT-SIZE: 10px;
    text-decoration: underline;
}
A.dark_description:hover {
    COLOR: #040490;
    FONT-SIZE: 10px;
    text-decoration: underline;
}

.MenuBorder {
    color:               #000000;
    background-color:    #FFFFFF;
    border:              #32797D; 
    border-style:        solid; 
    border-top-width:    2px; 
    border-right-width:  2px; 
    border-bottom-width: 2px; 
    border-left-width:   2px; 
    font-size:           10px;
}

.ReadOnlyInputText {
    BACKGROUND-COLOR:    #32797D;
    COLOR:               #FFFFFF;
    border-top-width:    0px; 
    border-right-width:  0px; 
    border-bottom-width: 0px; 
    border-left-width:   0px; 
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; 
    FONT-SIZE: 10px;
    text-align: center 
}

.last_day{
    COLOR: #FF0033;
    FONT-WEIGHT: bold;
}
.current_period {
    COLOR: GREEN;
}

.past_period {
    COLOR: #666666;
}

.future_period {
    COLOR: NAVY;
}

.comment_area {
    HEIGHT: 42px;
    WIDTH:  96%;
}

.license_url {
    WIDTH:  250px;
}

.search_pattern {
        WIDTH: 135px;
}

.license_update_action {
        COLOR: NAVY;
}

.license_importtant_action {
    COLOR: #FF0033;
}

.input_ts_amount {
        width: 35px;
}

.description_area {
    HEIGHT: 30px;
    WIDTH:  100%;
}

.count_transfer {
    COLOR: NAVY;
    FONT-WEIGHT: bold;
}

.transfer_to_new {
    COLOR: #FF0033;
}

.row_title {
    FONT-WEIGHT: bold;
}

.agreement_area {
    HEIGHT: 300px;
    WIDTH:  100%;
}

.topicCategory {
    FONT-SIZE: 9px;
}
.filterResp {
    FONT-SIZE: 9px;
	padding: 3px;
	}
.license_icon {
	padding:0px 5px 0px 5px;
	vertical-align: middle;
}
.topicName, .bold {
    FONT-WEIGHT: bold;
}

.replyText {
    FONT-STYLE: italic;
}

a.transferring_license {
        COLOR: #FF0033; 
		TEXT-DECORATION: none;
}
a.transferring_license:visited {
        COLOR: #FF0033; 
		TEXT-DECORATION: none;
}
a.transferring_license:hover {
        COLOR: #FF0033; 
		TEXT-DECORATION: underline;
}
a.transferring_license:active  {
        COLOR: #FF0033; 
		TEXT-DECORATION: none;
}

.help_signature_area {
        border-style: solid; 
        border-top-width: 1px; 
        border-right-width: 1px; 
        border-bottom-width: 1px; 
        border-left-width: 1px; 
		padding: 5px;
    	HEIGHT: 30px;
    	WIDTH:  100%;
        BACKGROUND-COLOR: #EEEEEE;
}
.Text {
    FONT-SIZE: 12px;
	COLOR: #FF0000;
}
.AllProdNodeBrand .text {
    FONT-SIZE: 12px;
    COLOR: #000000;
}

.certificate_area {
    HEIGHT: 270px;
    WIDTH:  100%;
}

.mail_signature_area {
    HEIGHT: 50px;
    WIDTH:  100%;
}
.lostpassword {
    FONT-SIZE: 10px;
	COLOR: #808080;
}

.Excellent, .Good {
	COLOR: GREEN;
}
.Fair {
	COLOR: NAVY;
}
.Bad, .Awful {
	COLOR: #FF0000;
}

.max_width_area {
    WIDTH:  100%;
}

.max_width_area_disabled {
	width: 100%;
	background-color: #efefef;
	color: #888888;
	border-color: #888888;
}

.respondent_mine {
    FONT-WEIGHT: bold;
}

.respondent_mine_postponed {
    FONT-WEIGHT: bold;
    COLOR: #27439D;
}

.respondent_mine_closed {
    FONT-WEIGHT: bold;
    COLOR: grey;
}

.respondent_other {

}

.respondent_other_postponed {
    COLOR: #27439D;
}

.respondent_other_closed {
    COLOR: grey;
}

.salary_title { 
    COLOR: #000000;
    text-align: left; 
	FONT-WEIGHT: bold;
}

.salary_error { 
    COLOR: #FF0000;
}

.salary_subtitle { 
    COLOR: #000000;
    text-align: left; 
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	PADDING-TOP: 12px;
}

.salary_subtitle_err { 
    COLOR: #F00000;
    text-align: left; 
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	PADDING-TOP: 12px;
}

.param_marked { 
    COLOR: #FF0000;
}

.staff {
    COLOR: Green;
}

.client {
    COLOR: Navy;
}

.user_permissions {
    BACKGROUND-COLOR: #CEDDCA;
}

.ag_permissions {
    BACKGROUND-COLOR: #DDDDDD;
}

.HeadText
 {
    FONT-SIZE: 10px;
    COLOR: #CCEEDD;
    FONT-WEIGHT: bold;
}

.marked_line
{
    BACKGROUND-COLOR: #FFB6C1;
}

.faq_title
{
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
}

.faq_category
{
    FONT-SIZE: 11px;
	TEXT-DECORATION: underline;
}
.faq_answer
{
    BACKGROUND-COLOR: #EEEEEE;
    FONT-SIZE: 11px;
}

.faq_question
{
    FONT-SIZE: 11px;
	TEXT-DECORATION: underline;
}

.faq_question_not_active
{
    FONT-SIZE: 11px;
    COLOR: #999999;
	TEXT-DECORATION: underline;
}

.faq_category_not_active
{
    COLOR: #999999;
    FONT-SIZE: 11px;
	TEXT-DECORATION: underline;
}

.big_text
{
    FONT-SIZE: 12px;
}

.medium_text
{
    FONT-SIZE: 11px;
}


.disabled_text
{
    COLOR: #999999;
    FONT-SIZE: 10px;
}

.note_text
{
    FONT-SIZE: 10px;
	COLOR: Navy;
	FONT-STYLE: italic;
}


.incorrect_element
{
    COLOR: #666666;
}

.any_license
{
	COLOR: #207a83;
}

.ReadOnlyInputText_Ticket {
    BACKGROUND-COLOR: #EEEEEE;
    border-top-width:    0px; 
    border-right-width:  0px; 
    border-bottom-width: 0px; 
    border-left-width:   0px; 
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; 
    FONT-SIZE: 10px;
}

.topics_staff {
	color: NAVY;
	white-space: nowrap;
}

.topics_staff_checked {
	color: #336600;
}

.topics_staff_warning {
	color: #CC3300;
}

.topics_dpt {
	FONT-WEIGHT: bold;
}

.month_part_1 {
	COLOR: #3E8A74;
	border-color: #FFFFFF;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

.month_part_2 {
	COLOR: #15688E;
	border-color: #FFFFFF;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

.not_supported_payment_method {
	COLOR: #990000;
}

.inactive_lic_status {
	COLOR: #990000;
}
.active_lic_status {
	COLOR: black;
}

.rest_period {
	BACKGROUND-COLOR: #EEEEEE;
	COLOR: #990000;
}

.not_rest_period {
	COLOR: #000066;
}

.cur_day_part1 {
	border-color: #3E8A74;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

.cur_day_part2 {
	border-color: #15688E;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

.unallowed_presence {
	COLOR: #990000;
}
.optional_presence {
	COLOR: #006501; 
}
.absence_approved {
	COLOR: #000066;
}
.absence {
	COLOR: #000000;
}

.selected_folder
{
	BACKGROUND-COLOR: #E7E7E7;
}

.TranslationPosted{
    BACKGROUND-COLOR: #166085;
    COLOR: #FFFFFF;
}

.TranslationTranslated{
    BACKGROUND-COLOR: #32797D;
    COLOR: #FFFFFF;
}

.TranslationDiff {
    BACKGROUND-COLOR: #777;
    COLOR: #FFFFFF;
}

.TranslationActive {
    BACKGROUND-COLOR: #D2E8EB;
}

.TranslationBorder {
    border:              #32797D; 
    border-style:        ridge; 
    border-top-width:    2px; 
    border-right-width:  1px; 
    border-bottom-width: 1px; 
    border-left-width:   2px; 
}
.dissmissed_employee {
	color: #888888;
}

.TicketLine {
        BACKGROUND-COLOR: #EEEEEE;
/*        BACKGROUND-COLOR: #DEDEDE;*/
}

.defaul_value {
	color: #888888;
}

.all_traffic_cell {
	COLOR: #000066;
}


.box {
	border: #32797D;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.header {
	COLOR: #000000;
	FONT-SIZE: 12px;
}

.footer {
	COLOR: #000000;
	FONT-SIZE: 12px;
}

.survey {
	COLOR: #000000;
	FONT-SIZE: 15px;
	FONT-WEIGHT: bold;
}

.section {
	BACKGROUND-COLOR: #32797D;
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 8px;
}

.question {
    COLOR: #000000;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
}

.answer {
	padding-top: 2px;
    COLOR: #000000;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
}

.note_title {
	padding-top: 3px;
    COLOR: #000000;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
}


.rate_us {
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
	FONT-SIZE: 9pt;
	COLOR: #4b2901;
	TEXT-DECORATION: underline;
}

.quote_note {
        background-color: #B0E0E6;
}

.developer_note {
        background-color: #FFB6C1;
}

.customer_note {
        background-color: #CEDDCA;
}

.editor_box {
	border:              #32797D;
	border-style:        solid;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
}

.editor_selected_button {
	border-right-color:	 #909090;
	border-bottom-color: #909090;
	border-top-color:	 #FFFFFF;
	border-left-color:	 #FFFFFF;
	border-style:        	solid;
	border-top-width:    	1px;
	border-right-width:  	1px;
	border-bottom-width: 	1px;
	border-left-width:		1px;
	background-color: 		#F1F6F8
}

.editor_selected_box {
	border-color:	 		#32797D;
	border-style:        	solid;
	border-top-width:    	1px;
	border-right-width:  	1px;
	border-bottom-width: 	1px;
	border-left-width:		1px;
	background-color: 		#DEDEDE;
}

.editor_tool_button {
	border-width: 1px;
	padding: 1px;
}

.editor_code_area {
	border:       	none;
	border-color:	#FFFFFF;
	padding: 		1px;
}

.editor_preview_box {
	background-color:   #FFFFFF;
	FONT-SIZE:  14px
}

.editor_div {
	FONT-SIZE:  14px
}

.editor {
	background-color:	#DEDEDE;
	border-right-color:	 #909090;
	border-bottom-color: #909090;

	border-style:        solid;
	border-top-width:    0px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   0px;
}
.editor_h1 {
	FONT-SIZE:	17px;
	padding:	0;
	margin:		0;
}
.editor_h2 {
	FONT-SIZE:	16px;
	padding: 	0;
	margin:		0;
}
.editor_h3 {
	FONT-SIZE:	15px;
	padding: 	0;
	margin:		0;
}
.editor_h4 {
	FONT-SIZE:	14px;
	padding: 	0;
	margin:		0;
}

.hint_box {
	FONT-SIZE:	12px;
	background-color:	 #FFFFFF;
	border:              #32797D;
	border-style:        solid;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	padding: 10px;
	position: absolute;
	z-index: 50;
/*	white-space: nowrap;*/
}

.sub_menu {
	FONT-SIZE:	12px;
	background-color:	 #FFFFFF;
	border:              #32797D;
	border-style:        solid;
	border-top-width:    2px;
	border-right-width:  2px;
	border-bottom-width: 2px;
	border-left-width:   2px;
	position: absolute;
	z-index: 50;
}

.message_box {
	FONT-SIZE:  14px;
/*	background-color:    #CEDDCA;*/
	background-color:    #DEDEDE;
/*	background-color:    #AEDDCA;*/
/*	background-color:    #FFFFFF;*/
/*	border:              #32797D;*/
	border:              #777777;
	border-style:        solid; 
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	padding: 10px;
	position: absolute;
	z-index: 50;
/*	white-space: nowrap; */
}
HR.editor_hr {
	height: 0;
	border-color: #32797D;
	border-style: solid;
	border-width: 1px 0 0 0;
	text-align: left;
}
HR.hr_bottom {
	height: 0;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 0 0 0;
	text-align: left;
}

.expired_invoice {
   color: #006633;
}

.active_invoice {
   color: #FF0000;
}

.active_xc5_lic {
   color: #006633 !important;
}

.expired_xc5_lic {
   color: #FF2222 !important;
}
.expired_access_record {
   color: #CC4444;
   font-weight: bold;
   padding-left: 8px;
   padding-right: 4px;
}

A.account_allocated,
A.account_allocated:visited,
A.account_allocated:hover,
A.account_allocated:active,
SPAN.account_allocated {
	COLOR: Navy;
	TEXT-DECORATION: none;
}

A.account_alloc_my,
A.account_alloc_my:visited,
A.account_alloc_my:active,
SPAN.account_alloc_my {
	COLOR: #D01010;
	TEXT-DECORATION: none;
}
A.account_alloc_my:hover {
	COLOR: #D01010;
	TEXT-DECORATION: underline;
}

A.account_alloc_owner,
A.account_alloc_owner:visited,
A.account_alloc_owner:active,
SPAN.account_alloc_owner {
	COLOR: #808080;
	TEXT-DECORATION: none;
}
A.account_alloc_owner:hover {
	COLOR: #808080;
	TEXT-DECORATION: underline;
}

A.account_wait_my,
A.account_wait_my:visited,
A.account_wait_my:active,
SPAN.account_wait_my {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
A.account_wait_my:hover {
	COLOR: #000000;
	TEXT-DECORATION: underline;
}

A.account_wait_owner,
A.account_wait_owner:visited,
A.account_wait_owner:active,
SPAN.account_wait_owner {
	COLOR: #808080;
	TEXT-DECORATION: none;
}
A.account_wait_owner:hover {
	COLOR: #808080;
	TEXT-DECORATION: underline;
}

.option_all {
	BACKGROUND-COLOR: #C0C0C0;
}

.option_sub {
	BACKGROUND-COLOR: #E0E0E0;
}

.option_smooth {
	COLOR: #606060;
}

.MainMessageBorder {
	border:	#32797D 1px solid; 
	background-color: #ffffff;
}
.message_files {
	border-top: #cccccc 1px solid;
}
.note_files_bottom {
	border-bottom: #ffffff 1px solid;
	height: 15px;
}
.table_subtitle {
   	BACKGROUND-COLOR: #929292;
	text-align: center;
    COLOR: #FFFFFF;
}
.ReportLine {
	background-color: #CEDDCA;
}
.ReportLine.Older {
	background-color: #F2D9D2;
}
.AvatarBorder {
	border: #999999 1px solid;
}
.UserAvatar,.AvatarBorder {
    width: 100px;
    height: 100px;
    object-fit: contain;
}
.SelectDepartment {
	background-color: #d5f4e7;
}

.tpl_menu {
	background-color: #ffffff;
	border: #333333 1px solid;
}
.tpl_menu_disbled {
	border: #888888 1px solid;
}
.tpl_item_off_disabled {
	background-color: #efefef;
	border: #efefef 1px solid;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #888888;
}

.tpl_item_off {
	background-color: #eeeeee;
	border: #eeeeee 1px solid;
	color: #333333;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.tpl_item_on {
	background-color: #dedede;
	border: #dedede 1px solid;
	color: #000000;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.TemplateLabel {
}

.TemplateLabel_AI {
	/*color: #a5260a;*/
}

.DialogBox {
	background-color:    #e8e8e8;
	border-style: outset;
	border-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-color: #C0C0C0;
	border-top-color: #C0C0C0;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
    margin: 0px;
	padding: 7px;
	position: absolute;
	z-index: 50;	
}
.DialogBox TD {
	font-size: 12px;
}

.gen_time {
    text-align: right;
	padding: 4px 3px 5px 3px;
	margin: 0px 0px 0px 0px;
	color: #AEDDCA;
}
.DateDisabled {
	color: #888888;
}
.OptionDisabled {
	color: #888888;
	background-color: #dddddd;
}
.Option {
	color: #000000;
	background: #ffffff;
}

.selector {
	padding: 10px;
	background-color: #f0f0f0;
}
.button_icon {
	cursor: pointer;
}
.button_inactive {
	color: #808080;
}
.left_icon {
	margin: 2px 6px 2px 14px;
	vertical-align: middle;
}
.scrollable {
	overflow: auto;
	overflow-x: hidden;
}
img.award {
	border: 2px solid #f0f0f0;
	margin: 6px;
	padding: 6px;
	cursor: pointer;
}
img.award:hover {
	border: 2px solid #c0c0c0;
	margin: 6px;
	padding: 6px;
	cursor: pointer;
}
img.award_hover {
	border: 2px solid #c0c0c0;
	margin: 6px;
	padding: 6px;
	cursor: pointer;
}

img.award_spent {
	border: 2px solid #ffffff;
	margin: 0;
	padding: 3px;
	cursor: pointer;
}
img.award_spent:hover {
	border: 2px solid #d0d0d0;
	margin: 0;
	padding: 3px;
	cursor: pointer;
}
img.award_hover_spent {
	border: 2px solid #d0d0d0;
	margin: 0;
	padding: 3px;
	cursor: pointer;
}
img.award_left {
	border: 2px solid #ffffff;
	margin: 0;
	padding: 3px;
}

#RateDialogBox {
	margin: 0px;
	border: 0px none;
}

.highlight {
    COLOR: #32797D;
}
.TabBoxSelected	{
	COLOR: #FFFFFF; FONT-SIZE: 11px;  
	BACKGROUND-COLOR: #32797D; WIDTH: 77px; CURSOR: pointer;	
	TEXT-ALIGN: center; HEIGHT: 22px;
	/*white-space: nowrap;*/
	padding: 0 0.5em;
	BORDER-TOP: #32797D 1px solid;
	BORDER-LEFT: #32797D 1px solid;
	BORDER-RIGHT: #32797D 1px solid;
}
.TabBox {
	COLOR: #000000; FONT-SIZE: 11px; 
	BACKGROUND-COLOR: #eeeeee; WIDTH: 77px;
	BORDER-TOP: #32797D 1px solid;
	BORDER-LEFT: #32797D 1px solid;
	BORDER-RIGHT: #32797D 1px solid;
	TEXT-ALIGN: center; HEIGHT: 22px; CURSOR: pointer;
	/*white-space: nowrap;*/
	padding: 0 0.5em;
}
.DateTitle {
	BACKGROUND-COLOR: #32797D;
	COLOR: #FFFFFF;
}
.IncludedST {
	COLOR: #000000;
}
.NotIncludedST {
	COLOR: #888888;
	text-decoration: line-through;
}
.title2
{
	font-family: Arial, Sans-serif;
    font-size: 12px;
	font-weight: bold;
}
.SystemInclST {
	COLOR: #008010;
}
.SystemNotInclST {
	COLOR: #7CB172;	
	text-decoration: line-through;
}
.smallText {
    FONT-SIZE: 9px;
}
.verySmallText {
    FONT-SIZE: 8px;
}

TR.row_f0 {
	background: #f0f0f0;
}
TR.row_f0:hover {
	background: #d0d0d0;
}
TR.row_ff {
	background: #ffffff;
}
TR.row_ff:hover {
	background: #AEDDCA;
}
.ms_dd_dropdown tbody tr:hover {
	background: #dff5ec;
}
TR.row_hl:hover {
	background: #dff5ec;
}

i.fadef0, i.fadeff {
	display:block;
	float:right;
	font-style:normal;
	height:1.4em;
	margin-top:-1.2em;
	overflow:hidden;
	padding: 0 0 0 32px;
	margin-right:0px;
	margin-left:0px;
	position:relative;
}
i.fadef0 {
	background:transparent url(images/fadeout-f0.png) no-repeat scroll 0;
}
TR.row_f0:hover .fadef0 {
	background:transparent url(images/fadeout-d0.png) no-repeat scroll 0
}
TR.row_sel .fadef0 {
	background:transparent url(images/fadeout-pink.png) no-repeat scroll 0
}
DIV.bfade {
	overflow: visible;
	white-space: nowrap;
}
TD.tdfade {
	overflow:hidden;
	white-space:nowrap;
	padding-right:0;
}
TR.row_sel {
	background: #fad4d5;
}
.ms_dd_dropdown TR.row_sel {
	background: none;
}
INPUT.m_sel {
	border:none;
	margin:0 5px 0 5px;
}

.BoardMessageExtra {
	COLOR: #AAAAAA;
	FONT-SIZE: 9px;
}
.VertMenuTitle {
        COLOR: #FFFFFF; TEXT-DECORATION: none;
}

.VertMenuTitle:link {
        COLOR: #FFFFFF; TEXT-DECORATION: none;
}

.VertMenuTitle:visited {
        COLOR: #FFFFFF; TEXT-DECORATION: none;
}

.VertMenuTitle:hover {
        COLOR: #FFFFFF; TEXT-DECORATION: underline; 
}

.VertMenuTitle:active  {
        COLOR: #FFFFFF; TEXT-DECORATION: none;
}

.Id {
	padding: 0 3px 0 3px;
	text-align: right;
}

.report100 table, .report100 td{
	width: 99%;
}

table.report td, table.report100 td {
	padding: 0 4px 0 4px;
}

.pad_td {
	padding-left: 24px;
}

table.table-wrapped {
	table-layout: fixed;
}
table.table-wrapped td{
	word-wrap: break-word;
}

tbody.BHL tr:hover {
	background: #d8dfd8;
}

table.whiteborder {
	border-top: solid 1pt #fff;
	border-left: solid 1pt #fff;
	border-collapse: collapse;
}
table.whiteborder td, table.whiteborder th {
	border-bottom: solid 1pt #fff;
	border-right: solid 1pt #fff;
	padding: 0 3px 0 3px;
}
td.date {
	text-align: center;
	white-space: nowrap;
}
.needhelp {
	display: block;
	float: right;
	margin: 5px 10px 10px 0;
}
.LightText {
	 COLOR: #888888;
}
A:link.LightText {
        COLOR: #888888; TEXT-DECORATION: underline;
}
A:visited.LightText {
        COLOR: #888888; TEXT-DECORATION: underline;
}
A:hover.LightText {
        COLOR: #32797D; TEXT-DECORATION: none;
}
A:active.LightText {
        COLOR: #888888; TEXT-DECORATION: underline;
}
.ImpMessage {
	color: #FF0000;
	font-weight: bold;
	padding:5px 0px 5px 0px; 
}
.CaptMessage {
color: navy;
padding:5px 0px 5px 0px;
}

.Captured {
	background-color: #ffd0d0;
}

.cnotes_toolbar {
	padding: 4px;
	display: block;
	clear: none;
	height: 25px;
	margin: 0 -1px 1px -1px;
	vertical-align: middle;
}
.cnotes_latest {
	clear: both;
	margin: 0 -1px -1px -1px;
	padding-left: 24px;
}
.cnotes_latest.cnotes_can_expand {
	cursor: pointer;
}
.cnote_add {
	clear: both;
	margin: 0 -1px 1px -1px;
	padding: 4px 4px 4px 230px;
	text-align: left;
}
.cnote_add form {
	margin: 0;
}
.cnote_new {
	width: 99%;
	height: 100px;
	margin: 0 0 4px 0;
}
.cnotes_all {
	padding: 2px;
	padding-left: 24px;
	clear: both;
	margin: 0 -1px -1px -1px;
}
form.form {
	padding: 0;
	margin: 0;
}
.cnotes_all table, .cnotes_latest table {
	width: 99%;
}
.cnotes_all tr:hover {
	background: #dff5ec;
}
.cnotes_all td, .cnotes_latest td {
	padding: 0 8px;
	overflow: auto;
}
.cnotes_all td:first-child {
	padding-left: 2px;
}
.cnotes_all td:last-child {
	padding-right: 2px;
}
.cnotes_toolbar, .cnotes_latest, .cnotes_all, .cnote_add {
	background: #eee;
}
.cnotes_title, .cnotes_btn_add, .cnotes_btn_all {
	display: block;
	float: left;
	height: 16px;
	margin: 0 0 0 16px;
	white-space: nowrap;
}
.cnotes_btn_del, .cnotes_btn_edit {
	display: block;
	float: right;
	margin: 0 8px 0 0;
}
.cnotes_title {
	font-weight: bold;
	width: 110px;
	margin-left: 0;
}
.cnotes_weight {
	display: flex;
	align-items: center;
	padding-block: 4px;
    gap: 4px;
}
/*.cnotes_weight label {*/
/*	vertical-align: 20%;*/
/*}*/

[id^="tnv_"] {
	max-width: 1000px;
}

.toastui-editor-defaultUI-toolbar {
    overflow-x: auto;
}

.message_info, .message_warn, .message_err, .message_none, .message_ok, .message_wait {
	display: block;
	float: left;
	height: 16px;
	padding: 0 0 0 20px;
}
.message_none {
	color: black;
	background: none;
}
.message_info {
	color: black;
	background: url(images/log_type_Information.gif) no-repeat top left;
}
.message_warn {
	color: blue;
	background: url(images/log_type_Warning.gif) no-repeat top left;
}
.message_err {
	color: red;
	background: url(images/log_type_Error.gif) no-repeat top left;
}
.message_ok {
	color: black;
	background: url(images/ok.gif) no-repeat top left;
}
.message_wait {
	color: black;
	background: url(images/waiting.gif) no-repeat top left;
}

.ms_dd_title {
	cursor:default;
	display:inline;
	color:black;
	border:2px inset #32797D;
	border-right:0px;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
	width: 215px;
}
.ms_dd_button {
	width:16px;
	cursor:default;
	display:inline;
	color:black;
	background:white url('images/ms_dd_btn.png') no-repeat right top;
	border:2px inset #32797D;
	border-left:0px;
	padding-left:2px;
	padding-top:2px;
    padding-bottom:2px;
}
.ms_dd_dropdown {
	cursor:default;
	position:relative;
	padding:0px;
	width: 100%;
}
.ms_dd_options {
	-moz-user-select:none;
	cursor:default;
	position:absolute;
	left:0px;top:20px;
	text-align:left;
	color:black;
	background:white;
	border:1px outset #32797D;
	padding:0px;
	z-index: 1000;
}

.ms_dd_options_simple {
	-moz-user-select:none;
	cursor:default;
	position:absolute;
	left:0px;top:20px;
	text-align:left;
	color:black;
	background:white;
	border:1px outset #32797D;
	padding:0px;
	overflow: auto;
	overflow-x: hidden;
	z-index: 1000;
}
div.ms_dd_options_simple span {
	display: block;
	padding: 1px;
	padding-left:3px;
	font-family: Helvetica, Sans-serif;
	height: 11px;
}
div.ms_dd_options_simple span.highlighted {
	background: #AEDDCA;
}

.TranslationDifferences { background: #eee; }
.TranslationDifferences .bi, 
.TranslationDifferences .ba, 
.TranslationDifferences .br, 
.TranslationDifferences .bc { padding: 4px; vertical-align: top; width: 50%; }
.TranslationDifferences .bi { }
.TranslationDifferences .ba { background: #ded }
.TranslationDifferences .br { background: #fdd }
.TranslationDifferences .bc { background: #eee9dd }
.TranslationDifferences .wi {}
.TranslationDifferences .wa { color: #0a0; }
.TranslationDifferences .wr { color: #c00; }

.MsgWrap {
    overflow: auto; 
	z-index: 1; 
	width: 100%; 
	padding-bottom: 3px;
}

.PseudoSelectBox {
	color: #000000;
	background-color: #FFFFFF;
	border: #000000; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width:	1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
}

.PseudoSelectBox_disabled {
	color: #FF0000;
	background-color: #FFFFFF;
	border: #666666; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
} 

.dialog {
	background-color:    #e8e8e8;
	border-style: solid;
	border-width: 2px;
	/*border-color: #AAAAAA;*/
	border-color: #32797D;
    margin: 0px;
	padding: 0px;
	position: absolute;
	overflow: hidden;
	text-align: center;
	z-index: 100;
}

.dialog_body {
	background-color: #e8e8e8;
	margin: 0px;
	padding: 4px;
	border: none;
	z-index:210;
}

.dialog_title {
	margin: 0px;
	padding: 2px;
	font-size: 10px;
	font-weight: bold;
	background-color: #32797D;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	/*border: solid 1px #e8e8e8;*/
}

.dialog_text {
	font-size: 11px;
	margin: 5px;
	line-height: 17px;
}

.dialog_button {
	margin: 0px 6px 0px 6px;
}

.dialog_buttons {
	white-space: nowrap;
	margin: 8px 6px 6px 6px;
}

.nowrap {
	white-space: nowrap;
}

.DesFundCorrection {
	width: 150px;
	height: 32px;
}
.WebDevFundInput {
	width: 100px;
}

.ConstantAllocationText {
	width: 400px;
	height: 48px;
}

LI.light {
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.absentee {
    COLOR: #999999;
	cursor: pointer;
}

.rec_disabled_text
{
   COLOR: #535353;
   FONT-SIZE: 10px;
}

.rec_plan_licbox {
    width: 100%;
    min-width: 240px;
}

.unregistered_license {
	COLOR: #FF0033; 
	TEXT-DECORATION: none;
}

.registered_license {
    COLOR: NAVY;
	TEXT-DECORATION: none;
}

a.registered_license {
    	COLOR: NAVY;
		TEXT-DECORATION: underline;
}

a.registered_license:visited {
	    COLOR: NAVY;
		TEXT-DECORATION: underline;
}

a.registered_license:hover {
    	COLOR: NAVY;
		TEXT-DECORATION: none;
}

a.registered_license:active  {
	    COLOR: NAVY;
		TEXT-DECORATION: underline;
}

.rectd {
	vertical-align: top;
	padding-top: 12px;
	padding-bottom: 0px;
}
.rectd2 {
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 12px;
}

.msg_cond_ticket {
	max-height: 55px;
}
.topic_filter {
	BACKGROUND-COLOR: #32797D;
	COLOR: #FFFFFF;
	text-align:center;
	vertical-align: middle;
}
.topic_filter_subj {
      BACKGROUND-COLOR: #32797D;
	  COLOR: #FFFFFF;
	  float:left;
	  text-align:center;
	  vertical-align: middle;
	  width: 40%;
}
.topic_filter_field {
	float:left;
	text-align:right;
	vertical-align: middle;
	width: 60%;
}

.email_list {
    height: 200px;
    width: 350px;
}

.recurring_url {
    color: navy;
	font-size: 10px;
	padding: 0 0 2px 20px;
	margin: 0;
}

.markup_warning {
	color: red;
}

.task_list_title {
	font-weight: bold;
	text-align: right;
	padding-right: 7px;
}

.task_info_title {
    font-size: 12px;
	font-weight: bold;
}

td.lic_version {
    padding: 3px 10px 3px 0;
}

tr.lic_version:hover {
	background: #DDDDDD;
}

.tree_ptr16 {
	width: 16px;
	cursor: pointer;
	text-align: center;
}

.tree_elm16 {
	width: 16px;
	text-align: center;
}

.pad15 {
	padding-left:15px;
	padding-right:15px;
}

.pad5 {
	padding-left:5px;
	padding-right:5px;
}

table.table-pad5 td, table.table-pad5 th {
	padding-left:5px;
}

table.table-pad10 td, table.table-pad10 th {
	padding-left:10px;
}

table.table-pad15 td, table.table-pad15 th {
	padding-left:15px;
}

table.table-pad2 td, table.table-pad2 th {
	padding: 1px;
}

.sub-level {
  padding-left:16px;	
}

.ST_outsourcer,
A:link.ST_outsourcer,
A:visited.ST_outsourcer,
A:active.ST_outsourcer,
A:hover.ST_outsourcer {
	color: blue;
}

.task_survey_note {
	min-height: 30px;
}

.textcenter {
	text-align: center;
}

.MsgTitleUsername,
A:link.MsgTitleUsername,
A:visited.MsgTitleUsername,
A:active.MsgTitleUsername
{
    TEXT-DECORATION: none !important;
}
A:hover.MsgTitleUsername  {
    TEXT-DECORATION: underline !important;
}

/*ui-dialog*/
.ui-dialog-titlebar {
	background-color: #32797D;
}

.ui-dialog-title {
	text-align: center;
	font-size: 13;
	color: #FFF;
	font-weight: bold;
}

/*.ui-button {
	background: url(images/close_icon.gif) no-repeat;
	background-size: 100%;
}*/

:-moz-placeholder { /* Firefox 18- */
   color: gray;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: gray;  
}

.disabled, tr.disabled td{
   color: grey;  
}


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

.cb_company_secondary_name {
  width: 75px;
}
.cb_company_secondary_value {
  width: 350px;
}
.cb_person_secondary_name {
  max-width: 200px;
  min-width: 104px;
}
.cb_person_secondary_value {
  width: 100%;
}
@media (min-width: 1200px) {
  .cb_company_second_block {
    float: left;
    max-width: 350px;
  }
}
.cb-social {
  background-color: #929292;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  display: inline-block;
  margin-right: 2px;
}

.cb-social img {
  padding-left: 2px;
  padding-top: 2px; 
}

.cfr-acc {
    padding-bottom: 8px;
    color: NAVY;
    font-style: italic;
}

.active_last_hour {
  /*color: #32797d;*/
  color: #38978D;
  font-size: 20px;
  line-height: 10px;
  vertical-align: sub;
  cursor: pointer;
  padding-left: 2px;
}

.active_last_hour_mirror {
  font-size: 20px;
  line-height: 10px;
  padding-left: 2px;
}

.online_company {
  /*color: #aeddca;*/
  color: #93cc93;
  font-size: 20px;
  line-height: 10px;
  vertical-align: sub;
  cursor: pointer;
}

.AddRespondentIcon,
.SnoozeIcon {
	cursor: pointer;
}
.MessageActionWrapper {
	min-width: 470px;
}
#message_action_overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .15);
}
.SnoozeTable input[type="number"] {
    width: 28px;
}
.SnoozeTable tbody > tr > td {
  line-height: 24px;
}

.SnoozeTable .calendar_block input {
	height: 12px;
}
.SnoozeTable .calendar_block .calendar_button {
	margin-top: 1px;
	width: 12px;
}

.uly-time {
	line-height: 1.3;
	font-size: 8px;
	text-align: left;
}

.TasksPager {
	text-align: center;
	padding: 1rem 0;
}

.InvoiceItemLicenseUrl {
	padding: 0 1rem 0.25rem 1rem;
	color: #444;
}
.InvoiceItemLicenseUrl a {
	color: #444;
}

.HiddenTopicName {
	opacity: .7;
}

.HiddenTopicName:after {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAK1JREFUKFONkN0KwjAMhU/f0fnDRG9kN+q6+SDtOkVhTFDxYpv6hoVIox1TcBhKaZPvnIQI/BmijzPGkKtLKcUH2FQ1BeMRa43SkJsUAu68r1xntE4TBlxhmxlaJRL3qoa1FpNpKNqkh3Ymp6WMWUAAty72B4jr+ULhfMZuudKIO+08eCqPr/4ufNLP9P1nMFOa3OBlUWARRSx8NDcMhkFrxA+n9k6/1tW7x67oCYdRP6fgdYw1AAAAAElFTkSuQmCC);
	width: 10px;
	height: 10px;
	padding-left: 4px;
}

.FoldedBlock {
	max-height: 80px;
	overflow-y: scroll;
	box-shadow: inset 0 -2px 4px -3px rgba(0,0,0,0.75);
    z-index: 10;
}

.ExpandFoldBtn {
	margin-left: 22px;
    border: 1px solid #d0d0d0;
    text-align: center;
    margin-top: -5px;
	background: #dedede;
	cursor: pointer;
}
.ExpandFoldBtn:hover {
	background: #adddca;
}

.TopicTagsTable {
	margin-top: .5rem;
}
.TopicTagsTable th,
.TopicTagsTable td {
	padding: .1rem .25rem;
}
.TopicTagsTable td.TopicTagName {
	padding: .1rem 0;
}
.TopicTagPos input {
	text-align: right;
}

.TopicTagsInList span {
	font-size: 9px;
	line-height: 17px;
	padding: 2px 4px;
	border-radius: 2px;
	background-color: rgba(255, 255, 255, .5);
	white-space: nowrap;
}
.TableLine1 .TopicTagsInList span {
	background-color:  rgba(0, 0, 0, .1);
}
.select2-container--open .select2-dropdown {
    max-height: 60vh;
    overflow: auto;
}

.TopicTags .select2-search__field {
     background: transparent;
}

.ChildInvoices {
	margin: 0 0 1rem 2px;
}
.ChildInvoice {
	display: inline-block;
}
.ChildInvoice:last-child .comma {
	display: none;
}

.FixGrammarly {
    padding-left: 10px;
    font-weight: normal;
    color: rgba(255,255,255,.8);
    text-decoration: underline;
    cursor: pointer;
}
.FixGrammarly:hover {
    color: white;
}
.FGMessageOverlay {
    position: fixed;
    bottom: 22px;
    left: 163px;
    right: 16px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    background: white;
    padding: 2px;
}

.markup_dev_positive {
    COLOR: #336600;
}

.markup_dev_negative {
    COLOR: #CC3300;
}

/* {{{ Message Editor: modals */
.backdrop {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.5);
}
.xbModalContainer {
    overflow: auto;
    position: relative;
    background: white;
    border: 2px solid #45777C;
}
.xbModalHeader {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline: 8px;
    background:#cccccc;
}
.xbModalHeader > a {
    font-size: 16px;
}
.xbModalBody {
    padding: 8px;
}
/* }}} */

/* {{{ support notes */
#pg_box_support_notes .cnote_add {
    padding-left: 4px;
    text-align: left;
    position: relative;
}
#pg_box_support_notes .rendered-md-editor {
    background: white;
    width: 100%;
}
#pg_box_support_notes .cnote_add input[type="button"].submit {
    position: absolute;
    bottom: 6px;
    left: 8px;
    height: 22px;
    border-radius: 3px;
}

.rendered-md-editor {
    background: white;
}
/* }}} */

#give_me_ticket_link[disabled] {
    cursor: not-allowed;
    opacity: .5;
}

form[name="subscriptions-filter-form"] {
    margin-block: .5rem;
    display: flex;
    align-items: center;
}
form[name="subscriptions-filter-form"] input[type="search"] {
    width: 250px;
}
form[name="subscriptions-filter-form"] input[type="submit"] {
    margin: 0 1rem 0 .5rem;
}

.grid-table {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(100, max-content);

    thead, tbody, tr {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: subgrid;
    }
    td, th {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    caption {
        grid-column: 1 / -1;
    }
    td[cellspan="2"] {
        grid-column: span 2;
    }
    td[cellspan="3"] {
        grid-column: span 3;
    }
}

.flux-table {
    white-space: nowrap;

    tr:not(:last-child) {
        border-bottom: 1px solid #ddd;
    }

    th {
        text-align: start;
        font-weight: 600;
        color: white;
        background: #32797D;
        &:not(:last-child) {
            border-right: 1px solid white;
        }
    }

    td, th {
        padding: .75em .5em;
    }

    tr:has(td:hover) > td {
        background-color: rgba(0, 0, 0, .1);
    }
}
:where(.flux-table) {
    min-width: 100%;
}

/* utils */
.flex {
    display: flex;
}
.items-center {
    align-items: center;
}
.justify-between {
    justify-content: space-between;
}
.gap-2 {
    gap: .5rem;
}
.gap-4 {
    gap: 1rem;
}
.gap-8 {
    gap: 2rem;
}
.mb-2 {
    margin-block-end: .5rem;
}

.FlashMessage {
    --callout-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='size-6'%3E%3Cpath fill-rule='evenodd' d='M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
    --callout-text: var(--color-zinc-500);
    --callout-icon: var(--color-zinc-400);
    --callout-border: var(--color-zinc-200);
    --callout-bg: rgb(from var(--color-zinc-200) r g b / 0.15);

    font-size: 12px;
    line-height: 16px;
    position: fixed;
    top: 6rem;
    right: 1.5rem;
    z-index: 100;

    background: var(--callout-bg);
    border: 2px solid var(--callout-border);
    color: var(--callout-text);
    border-radius: 4px;
    backdrop-filter: blur(10px);

    display: flex;
    gap: .5rem;
    align-items: flex-start;
    padding: .5rem;
    min-width: 40ch;

    .FlashMessageText {
        font-size: 12px;
        color: var(--callout-text);
    }

    .FlashMessageIcon {
        background-color: var(--callout-icon);
        mask: var(--callout-svg);
        width: 16px;
        height: 16px;
    }

    .FlashMessageClose {
        margin-left: auto;
        margin-top: -.25rem;
        margin-right: -.25rem;
        padding: .25rem;
        background: 0;
        border: 0;
        border-radius: 8px;
        display: block;
        color: var(--color-zinc-800);

        &:hover {
            background-color: rgba(0, 0, 0, .15);
        }

        svg {
            width: 16px;
            height: 16px;
        }
    }
    /*box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);*/

    &[data-type="success"] {
        --callout-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='size-6'%3E%3Cpath fill-rule='evenodd' d='M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
        --callout-text: var(--color-green-600);
        --callout-icon: var(--color-green-500);
        --callout-border: var(--color-green-300);
        --callout-bg: rgb(from var(--color-green-300) r g b / 0.15);
    }
    &[data-type="danger"] {
        --callout-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='size-6'%3E%3Cpath fill-rule='evenodd' d='M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
        --callout-text: var(--color-red-700);
        --callout-icon: var(--color-red-400);
        --callout-border: var(--color-red-200);
        --callout-bg: rgb(from var(--color-red-200) r g b / 0.15);
    }
    &[data-type="warning"] {
        --callout-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='size-6'%3E%3Cpath fill-rule='evenodd' d='M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
        --callout-text: var(--color-yellow-700);
        --callout-icon: var(--color-yellow-500);
        --callout-border: var(--color-yellow-400);
        --callout-bg: rgb(from var(--color-yellow-400) r g b / 0.15);
    }
}

.FilterPills {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}
.FilterPill {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    border-radius: 9999px;
    background: var(--clr-light-bg);
    padding: 0.25rem 0.5rem;
}