@import "custom_bare.css"; 
@import "user_tables.css"; 

@import url('https://fonts.googleapis.com/css2?family=Cuprum:wght@400&display=swap'); /*000 DEFAULT Cuprum*/

@import url('https://fonts.googleapis.com/css2?family=Farro:wght@300;400;500;700&display=swap'); /*001 Farro*/
@import url('https://fonts.googleapis.com/css2?family=Georama:ital,wght@0,100..900;1,100..900&display=swap'); /*001 Georama*/
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap'); /*002 Play*/
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@400&display=swap'); /*003 Prompt*/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); /*004 Ubuntu*/
@import url('https://fonts.googleapis.com/css2?family=Nokora:wght@100;300;400;700;900&display=swap'); /*005 Nokora*/

@import url('https://fonts.googleapis.com/css2?family=Cuprum:wght@400&display=swap');  /*999 99999999999999*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap');  /*Montserrat*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');  /*Poppins*/
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400&display=swap'); /*Titillium Web*/
@import url('https://fonts.googleapis.com/css2?family=Ruda&display=swap');  /*Ruda*/
@import url('https://fonts.googleapis.com/css2?family=Neucha&display=swap');  /*Neucha*/
@import url('https://fonts.googleapis.com/css2?family=Amaranth&display=swap');   /*Amaranth*/
@import url('https://fonts.googleapis.com/css2?family=Capriola&display=swap');   /*Capriola*/
@import url('https://fonts.googleapis.com/css2?family=Genos:wght@800&display=swap');   /*Genos*/
@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@400&display=swap');   /*Oxanium*/
@import url('https://fonts.googleapis.com/css2?family=Kufam:wght@400&display=swap');   /*Kufam*/
@import url('https://fonts.googleapis.com/css2?family=Red+Rose:wght@400&display=swap');  /*Red Rose*/
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@600&display=swap');  /*Dosis*/
@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400&display=swap');  /*Cabin*/
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400&display=swap');  /*Cairo*/
@import url('https://fonts.googleapis.com/css2?family=Signika:wght@400&display=swap');  /*Signika*/
/*@import url('https://fonts.googleapis.com/css2?family=Red+Rose:wght@400&display=swap');  /*Arial*/
/*@import url('https://fonts.googleapis.com/css2?family=Red+Rose:wght@400&display=swap');  /*Tahoma*/
@import url('https://fonts.googleapis.com/css2?family=Red+Rose:wght@400&display=swap');  /*Electrolize*/
@import url('https://fonts.googleapis.com/css2?family=Hubballi:wght@400&display=swap');  /*Hubballi*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400&display=swap');  /*Outfit*/
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400&display=swap');  /*PT Sans*/
@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@400&display=swap');  /*Yanone Kaffeesatz*/
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400&display=swap');  /*Kanit*/
@import url('https://fonts.googleapis.com/css2?family=Varela+Round:wght@400&display=swap');  /*Varela Round*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'); /*Raleway*/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000'); /*Nunito Sans*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap'); /*Rubik*/
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap'); /*Mukta*/
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap'); /*Libre Franklin*/
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap'); /*Arimo*/
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap'); /*Oxygen*/
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap'); /*Hind*/
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap'); /*Exo2*/
/*@import url('https://fonts.googleapis.com/css2?family=Dongle&display=swap'); /*Dongle*/
@import url('https://fonts.googleapis.com/css2?family=Goldman&display=swap'); /*Goldman*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); /*Roboto*/
@import url('https://fonts.googleapis.com/css2?family=Anek+Telugu:wght@100..800&display=swap'); /*Anek Telugu*/
@import url('https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: "Anek Telugu";
--font: "Play";
--font: "Noto Sans";
--font: "Arimo";
--font: "Oxanium";
--font: "Lucida Sans Unicode";
--font:      "Montserrat";
--font:   "Oxygen";
--bzz-bgcolor0:#540B0E; /* rgb(84, 11, 14) */
--bzz-bgcolor1:#E4C8B1; /* rgb(212, 184, 129); HEX: #D4B881 */
--bzz-bgcolor2:#F7F8DF;
--bzz-bgcolor-day1: #F7F0E0;
--bzz-bgcolor-day2: #F0EAB1;
}

body {
   margin:100px 0px 0px 0px;
   background-color: var(--bzz-bgcolor1);
   font-family: var(--font);
}

button, input, select, textarea { font-family: var(--font) }
td, p { font-size: 14px; font-family: var(--font); font-weight: normal; }
.cal_top { font-size:16px; font-family: var(--font); }
.cal_top_right { font-size:16px; font-family: var(--font); text-align: right; }

fieldset { border: 1px solid; border-color: #F0E68C; }
legend { font-size: 12; font-weight: bold; color:#00066F; }

input, select, textarea { font-size: 12; font-weight: normal; color:#000000;}

form { margin: 0px 0px 0px 0px; }

.heading { font-size: 14; font-family: Arial, sans-serif; font-weight: bold; color: #554E0B; text-transform: uppercase; }
.heading_left { padding-left:7; padding-right:7; width:270; 
   FILTER: DropShadow(Color=#000000, OffX=2, OffY=2, Positive=1);
   font-size: 14; font-weight: bold; color: #E5D539; text-transform: uppercase; }


.box { background-color:#FFFFFF; }

.box_text { background-color: #090901; padding-left:3; padding-right:3;
 cursor:default; font-weight: normal; color: #F0E68C; }

.box_heading { padding-left:3; padding-right:3; cursor:default; font-weight: bold; color: #ECE06C; }

.label { font-size: 12; font-weight: bold; color: #776D0F; }

.label_grey { font-size: 12; font-weight: bold; color:#AAAAAA; }

.subject { background-color: #EFE583; font-weight: bold; padding-left: 3; border-color: #001061; border-width:1; border-style:solid; }

iframe { border:2px inset #98C2F7; }

.outer_table { background-color: var(--bzz-bgcolor2); width: 100%; border: solid 1px #888888; }

.faceBackground { background-color: #F9F5D2; }

.table_head { border-left: background-color: #FFFFFF; }

.table_body { border: none; }

.section_body { border-bottom: 1px solid #5271CC; }

.outer_table_heading { font-size: 14; cursor:default; font-weight: bold; color: #000000; }
.big_outer_table_heading { font-size: xx-large; }

.outer_table_action { font-size: 12; font-weight: bold; color: #5C550C; }

.inner_table_head { border-bottom: 1px solid #5271CC; background-color: #c99B16; }

.inner_table_column_heading { font-weight: bold; color: #FFFFFF; }

//.table_bottom_panel { border-left: 1px dotted #000000; border-right: 1px dotted #000000; border-bottom: 1px dotted #000000; background-color: #C0C0C0; }
/*.table_bottom_panel { 
   border-left: 1px solid #000000; 
   border-right: 1px solid #000000; 
   border-bottom: 1px solid #000000; 
   border-right: 1px solid #000000;
   background-color: #C0C0C0; }*/
   
.bottom_panel_button { font-size: 12; }

.project_title { font-size: 12; font-weight: bold; color: #665D0D; }

.project_status { font-size: 12; color: #E6D640; }

.calendar_cell_disabled_middle { border-bottom: 1px solid #C5B527; border-right: 1px solid #C5B527; background-color: #DFDFDF; }

.calendar_cell_disabled_right { border-bottom: 1px solid #C5B527; background-color: #C4C4C4; }

.calendar_cell_middle { border-bottom: 1px solid #C5B527; border-right: 1px solid #C5B527; background-color: var(--bzz-bgcolor-day1); }
.calendar_cell_today { background-color: #F7b588!important; }

.calendar_cell_right { border-bottom: 1px solid #851; background-color: var(--bzz-bgcolor-day2); }

.calendar_totals_line_monthly { font-size: 10; font-weight: bold; color: black; background-color: #fff0f0; }

.calendar_total_value_monthly { font-size: 10; font-weight: bold; color: red; }

.calendar_totals_line_weekly { border-bottom: 1px solid #851; font-size: 10; font-weight: normal; color: black;  background-color: #EAEAEA; }

.calendar_totals_line_weekly_right { border-bottom: 1px solid #5271CC; border-right: 1px solid #5271CC; font-size: 10; font-weight: normal; color: black;  background-color: #EAEAEA; }

.calendar_total_value_weekly { font-size: 10; font-weight: bold; color: red; }

.calendar_day_heading { font-weight: bold; color: #FFFFFF; }



.rapportino_body               { border-collapse: collapse;  border-spacing: 0px; }
.rapportino_user_name          { color: black;
                                 background-color: #efdf57; 
                                 padding: 5px 5px 6px 10px;
                                 font-weight: bold;
                                 font-size: 16;
                                 border-bottom: 10px solid #eaeaea; }
.rapportino_user_totals_line   { font-size: 12;
                                 font-weight: bold;
                                 text-align: right;
                                 color: black;
                                 padding: 10px 5px 5px 5px;
                                 border-bottom: 5px solid #eaeaea; 
                                 background-color: #EAEAEA; }
.rapportino_user_total_value   { font-size: 12;
                                 font-weight: bold;
                                 border-bottom: 5px solid #eaeaea; 
                                 padding: 10px 5px 5px 5px;
                                 text-align: right;
                                 color: black;
                                 background-color: #EAEAEA; }
.rapportino_proj_total_value   { font-size: 12;
                                 font-weight: bold;
                                 border-bottom: 5px solid #eaeaea; 
                                 padding: 5px 5px 5px 5px;
                                 text-align: right;
                                 background-color: #f5e577;
                                 color: black; }
.rapportino_proj_name          { color: black;
                                 background-color: #f5e577;
                                 font-weight: bold;
                                 font-size: 12 }
.rapportino_proj_totals_line   { font-size: 12;
                                 font-weight: normal;
                                 color: black;
                                 text-align: right;
                                 border-bottom: 5px solid #eaeaea; 
                                 padding-right: 5px;
                                 padding-bottom: 3px;
                                 background-color: #fff8f8; }
.rapportino_task_name          { font-size: 12;
                                 font-weight: bold;
                                 text-align: right;
                                 color: black;
                                 background-color: #fff8f8; }
.rapportino_task_date          { padding-left: 10px;
                                 font-size: 12;
                                 font-weight: normal;
                                 color: black;
                                 background-color: #fff8f8; }
.rapportino_task_info          { padding-left: 10px;
                                 font-size: 10;
                                 font-weight: normal;
                                 color: black;
                                 background-color: #fff8f8; }
.rapportino_task_cell_right    { text-align: right;
                                 font-size: 10;
                                 font-weight: normal;
                                 width: 8%;
                                 padding-right: 5px;
                                 background-color: #f5e577; }
.rapportino_gtotal_line        { font-size: 16;
                                 font-weight: bold;
                                 color: black;
                                 text-align: right;
                                 padding: 10px 5px 10px 20px;
                                 background-color: #d0d0d0; }
.rapportino_gtotal_value       { font-size: 16;
                                 font-weight: bold;
                                 text-align: right;
                                 padding: 10px 5px 10px 10px;
                                 color: black;
                                 background-color: #d0d0d0; }
.rapportino_title_line         { font-size: 18;
                                 font-weight: bold;
                                 color: black;
                                 text-align: left;
                                 padding: 10px 5px 10px 20px;
                                 background-color: #d0d0d0; }
.rapportino_space_line         { font-size: 10;
                                 text-align: left;
                                 padding: 5px 5px 5px 5px;
                                 background-color: #d0d0d0; }
.rapportino_dummy              { width: 30px;
                                 border: 0px;
                                 border-bottom: 5px solid #eaeaea; 
                                 border-left: 3px solid #eaeaea; 
                                 border-right: 5px solid #eaeaea; 
                                 background-color: #eaeaea; }
.rapportino_dummy1             { width: 30px; 
                                 border: 0px;
                                 background-color: #d0d0d0; }
.rapportino_headingl           { font-size: 18; 
                                 color: black;
                                 text-align: left;
                                 float:left;
                                 padding: 5px; }
.rapportino_headingr           { font-size: 18; 
                                 color: black;
                                 text-align: right;
                                 float:right;
                                 padding: 5px; }
.rapportino_floatl             { float:left;
                                                 padding-left: 20px  }
.rapportino_floatr             { float:right;
                                                 padding-right: 10px }



/*.clock_on_box { border: 1px solid #00BF00; background-color: #EAEAEA; }*/
.clock_on_box { border: 1px solid #00BF00; }
/*.clock_off_box { border: 1px solid #FF1010; background-color: #EAEAEA; }*/
.clock_off_box { border: 1px solid #FF1010; }

.clock_on_text { color: #00BF00; }

.clock_off_text { color: #FF1010; }

.grey_area { background-color: #FFFFFF; }

.timesheet_logo { font-size: 20; font-family: Arial, sans-serif; font-weight: bold; font-style: italic; color: #CCCCE0; }

.white_heading { font-size: 20; font-family: Arial, sans-serif; font-weight: bold; font-style: italic; color: #4C4C80; }

.client_name_small { font-size: 12; font-family: Tahoma, Arial, sans-serif; color: 555555; font-weight: bold; border-top:dotted 1px #aaaa00; }
.project_name_small { font-size: 12; font-family: Tahoma, Arial, sans-serif; color: #c98d2d; font-weight: bold; }
.task_name_small { font-size: 12; font-family: Tahoma, Arial, sans-serif; color: #00066F; font-weight: bold; }
.task_time_small { font-size: 12; font-family: Tahoma, Arial, sans-serif; color: #00066F; }
.task_time_total_small { font-size: 12; font-family: Tahoma, Arial, sans-serif; color: red; }


.project_task_list { height: 80px; overflow: auto; padding-left: 5px; padding-right: 5px; margin: 5; border: 1px solid #5271CC; }

a:link { color: #6F261F; font-weight: bold; text-decoration: none; }
a:visited { color: #6F261F; font-weight: bold; text-decoration: none; }
a:hover { color: #6F2427; font-weight: bold; text-decoration: none; }

.disabledLink { color: #BBBBBB; font-weight: bold; text-decoration: none; }

.bottom_bar_text { font-size: 12px; color: #BAC7EE; padding:5px;  border-top:solid 1px #aaaaaa; }

.command:link    { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color: #404040; font-weight: bold; text-decoration: none; font-size: 14; border:solid 5px transparent;}
.command:visited { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color: #404040; font-weight: bold; text-decoration: none; font-size: 14; border:solid 5px transparent;}
.command:hover   { border-radius: 5px; color: #ffff00; font-weight: bold; text-decoration: none; font-size: 14;
                   border:solid 5px #aa8472; background-color:#aa8472;}
.command_current { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color: #ffffff; font-weight: bold; sans-serif; text-decoration: none; font-size: 14;
                   border:solid 5px #aa8472; background-color:#aa8472;}

.login_image { background-image: url(/timesheet/images/logo.gif); width: 136; height: 46; margin-right: 20; }

.face_padding_cell { padding: 5px;  }

.simple_border { 
      border-left: 1px solid #5271CC; 
      border-top: 1px solid #5271CC; 
      border-right: 1px solid #5271CC; 
      border-bottom: 1px solid #5271CC; 
      background-color: #E0EEFF; }

.right_padded { padding-right: 20px; padding-left: 20px;}


/* *****************************************************************************************************
   *  CSS  per foglio mensile                                                                          *
   *  CSS  per foglio mensile                                                                          *
   *  CSS  per foglio mensile                                                                          *
   *****************************************************************************************************/
TABLE.layout {   margin-bottom: 40px;  }

.layout TD { vertical-align: top; } .layout TD#section { padding:0 10 10 10; }
TABLE.gcal TR#we TH{
   border: solid 1px black;
   font-size:10px;
   background-color: #ffaaaa;
}
TABLE.gcal TR#we TD{
   background-color: #ffeeaa;
}
TABLE.gcal TR#tot TD, TABLE.gcal TR#tot TH{
   background-color: #b0e0ff;  font-weight:bold; border:1px solid black!important; padding: 3 10;
   font-size: 10px;
}

.hovertable TR:hover TD { background-color: #ffd0b0!important;}
TD.hovercell:hover { background-color: #ffe0c0!important;}

.gcal CAPTION, .params CAPTION, .info CAPTION { font-size:12px; font-style:italic; color:#555555; font-weight:bold; text-align: left; padding:10 0 3 2}

TABLE.params { border: dotted 1px gray;  width:100%; background-color: white;}
TABLE.params TR TD,TABLE.params TR TH {
   text-align:left;
   border: solid 0px gray;
   font-size:12px;
   background-color: #ffffff;
   padding-right: 5px;
   padding-left:  5px;
}
.gcal INPUT{
   background-color: transparent;
   border: dotted 0px gray;
   padding: 1px;
   text-align: right;
   margin: 0;
}
.gcal INPUT:hover{
   border-collapse: collapse!important;
 border: dotted 1px gray!important;
 padding: 0px!important;
 background-color: white!important;
}
TABLE.params TR TH { border-bottom: dotted 1px gray; width: 100%;}

.params INPUT{
   background-color: transparent;
   border: dotted 1px gray;
   padding-right: 5px;
   padding-left:  5px;
   text-align: right;
   margin: 0;
}
INPUT[type='checkbox'], INPUT[type='radio'] {
   vertical-align: middle;
   margin-left: 5px;
   margin-right: 5px;
   width:18px;
   height:18px;
}

TABLE.info { border: solid 1px gray;  width:100%;}
TABLE.info TR TD {
   text-align:right;
   border: solid 0px gray;
   font-size:12px;
   background-color: #ffffff;  color:black;
   padding-right: 5px;  padding-left:  5px;
}
TABLE.info TR TH {
   text-align:left;
   border: solid 0px gray;
   font-size:12px;  font-weight: bold;
   background-color: #c0f0ff;  color:black;
   padding-right: 5px;  padding-left:  5px;
}
.info TR#H TH,.info TR#H TD 
{
   background-color: #b0d0ff;  color:black;
   font-size:14px;
}
.info TR#X TH,.info TR#X TD 
{
   background-color: #ffa0a0;  color:black;
   font-size:16px;
}

.layout H1,.layout H2,.layout H3
{margin:12px;}

#mini{
  /* font-size:9px; */
   font-size:11px;
}
#mini INPUT{
   font-size:9px;
}

#header{
   font-size:16px!important;
}
.msgko{
   font-size:18px;
   color:yellow;
   background-color: red;
   width:100%;
   padding: 10px;
}
.msgok{
   font-size:14px;
   color:white;
   background-color: green;
   width:100%;
   padding: 5px;
}
/* *****************************************************************************************************
   *  FINE CSS  per foglio mensile                                                                     *
   *****************************************************************************************************/

/* *****************************************************************************************************
   *  CSS NUOVI                                                                                        *
   *****************************************************************************************************/
.top_params { width:100%; padding-bottom: 10;}
.top_params #param_label { width: 1%; font-weight: bold; }
.top_params #param_data { padding-right: 20px; }
.top_params #info { width: 1%; text-align: left; padding: 0 20 0 0; white-space: nowrap; font-weight: bold; font-size: 24px;}
.top_params #navigation { text-align: right; padding: 0 20 0 0; white-space: nowrap; font-weight: bold; font-size: 12;}

TABLE.main { background-color: var(--bzz-bgcolor1); border: 0; border-collapse: collapse; position: relative; XxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxXXXXXXtop:99px; border-bottom: solid transparent 50px;
            margin-left:1%; margin-right:1%; width:98%;}
TABLE.main td { vertical-align: top; }

TABLE.footer { width:100%; border: 0; border-collapse: collapse; position: fixed; bottom:0; color: rgb(245, 158, 11);}
.footer #text { font-weight: bold; text-align: center; }
.footer #text A { color: #aaaaaa; }
.footer #small { font-size: 10px; }
.footer TD { background-color:var(--bzz-bgcolor0); XXXXXXXXXXXbackground-image: url('/images/XS_timesheet_background_pattern.png'); background-repeat: repeat-x; background-size: auto 100%; padding: 5;}

TABLE.banner { width:100%; border: 0; border-collapse: collapse; position: fixed; top:0; z-index: 1000; color: rgb(245, 158, 11);}
.banner #big { white-space: nowrap; width: 1%; padding: 10 20 10 10; font-weight: bold; font-size: 24; }
.banner #medium { white-space: nowrap; width: 1%; font-style:italic; font-weight: bold; font-size: 16; }
.banner #info { text-align: right; padding-right: 20; }
.banner TD { background-color:var(--bzz-bgcolor0); XXXXXXXXXXXbackground-image: url('/images/XS_timesheet_background_pattern.png'); background-repeat: repeat-x; background-size: auto 100%;}
.banner TD#menu_bar { background-image: none; background-color: #F2F3FF; padding: 10 5; border-bottom:solid 1px #aaaaaa; }
.banner TD#menu_bar SPAN { padding-top:5px; }

.main_body { padding: 5px; width: 100%; background-color: var(--bzz-bgcolor1); vertical-align: top;}
.main_body TD#main_body { width: 100%; vertical-align: top; }

/* *****************************************************************************************************
   *  FINE CSS NUOVI                                                                                   *
   *****************************************************************************************************/

/* *****************************************************************************************************
   *  CSS GCAL IMPORT                                                                                  *
   *****************************************************************************************************/

TABLE.gcal{
   border: 0px;
   margin: 0px;
   background-color: #dddddd;
}
TABLE.gcal TR TH{
   border: solid 1px black;
   /* font-size:10px; */
   font-size:12px;
   background-color: #dddddd;
}
TABLE.gcal TR TH#we{
   border: solid 1px black;
   font-size:10px;
   background-color: #ffaaaa;
}
TABLE.gcal TR TD{
   vertical-align: top;
   border: 0px;
   font-size:9px;
   background-color: #ffffff;
   padding-right: 15px;
}
TABLE.gcal TR.middle TD{
   vertical-align: middle;
}
#jr{
   text-align: right;
}
TD#subh1{
   background-color: #bbbbff;
   font-weight: bold;
   padding-bottom: 10px;
}
TD#subh2{
   background-color: #99ddff;
   font-weight: bold;
   padding-bottom: 10px;
}

/* *****************************************************************************************************
   *  FINE GCAL IMPORT                                                                                 *
   *****************************************************************************************************/

.msgbar {
    margin: 0;
    border: solid 2px black;
    padding: 20px;
    font-size: x-large;
    background-color: yellow;
    width: 100%;
}

.closebar {
    margin: 0 0 0 30;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
    padding: 10px;
}

.bigmonth {
    font-size: xx-large;
    padding: 0 30 0 10;
}
.boldbutton {
   padding: 5px; 
   font-weight: bold;
   font-size: x-large;
}
.buttongreen {
   background-color: green!important;
   color: white!important;
}
.buttonyellow {
   background-color: yellow!important;
   color: black!important;
}
.buttonred {
   background-color: red!important;
   color: yellow!important;
}

.subtasknew {
   background-color: orange!important;
   font-size: larger;
   font-weight: bold;
   padding: 2px 5px;
   color: black!important;
}
.subtaskok {
   background-color: green!important;
   font-size: larger;
   font-weight: bold;
   padding: 2px 5px;
   color: white!important;
}
.subtaskerr {
   background-color: red!important;
   font-size: larger;
   font-weight: bold;
   padding: 2px 10px;
   color: yellow!important;
}
.subtaskwarn {
   background-color: yellow!important;
   font-size: larger;
   font-weight: bold;
   padding: 2px 10px;
   color: black!important;
}