/* general
a:link    { color: blue; }
a:visited { color: blue; }  */

.mainCellBackground {
	border: 1px solid #bababa;
}
/* TableEditor/db report styles  */
td.db-surrounding {
/*  border-style: solid;
  border-width: 2px;
  border-color: #CE0000;
  padding: 2px;
*/
}
table.db        {
	border-collapse: collapse;
	border-width: thin;
	font-size: smaller;
	border: 1px solid #48719F;
}

table.db a      { color: black; }
tr.db-current   { background-color: #F8B854  }
tr.db1          { background-color: white; }
tr.db1 a        {  text-decoration: none;}
tr.db1 a:hover    { background-color: #4088C3; text-decoration: none;}
tr.db1:hover    { background-color: #f8a82f; text-decoration: none;}

tr.db2          {
	background-color: #CCCCCC;
	border-bottom: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;
	border-collapse: separate;
}
tr.db2 a        { text-decoration: none;}
tr.db2 a:hover    { background-color: #4088C3; text-decoration: none;}
tr.db2:hover    { background-color: #f8a82f; text-decoration: none;}

td.db-firstcol  { padding-left: 5px;  padding-right: 5px; }
th.db-rtl       { padding-left: 5px;  padding-right: 5px; border-right: #83A8CC 1px solid; }
td.db-rtl       { padding-left: 5px;  padding-right: 5px; border-right: #83A8CC 1px solid; }
td.db-ltr       { padding-left: 5px;  padding-right: 5px; border-left: #AAAAAA 1px solid; }
thead.db	      {
	color: #FFFFFF;
	background-color: #00529C;
	border-bottom: 1px solid #AAAAAA;
	border-collapse: separate;
}

thead.db a      { color: #FFFFFF; font-weight: bold; text-decoration: none; }
thead.db a:hover {color: red; text-decoration: none; }
a.tedit-caption {  }
a.db-pageNumber    { text-decoration: none; color: black; }
span.db-curPageNumber { color: red; }

/* Edit forms of TableEdit and PropEdit */
table.tedit     { border-collapse: collapse; font-size: smaller }
tr.tedit {
}
td.tedit-mandatory { font-weight: bold;   }
td.tedit           {   }
td.tedit-editbox   {   }
tr.tedit-seperator {
}
td.tedit-seperator { font-size: 0; height: 5px; }
.tedit-desc     { font-size: 90%;padding-bottom:15px; }

/* for the table that externally wraps the edit form (called outside TableEditor)
   this TD is for seperating between the edit form and the "edit contacts" texts.
   and for seperating other stuff, too
   */
td.links-on-the-side {
  font-size: 1px;
  width: 1px;
}

/* Table report styles */
td.report-surrounding {
  border-style: solid;
  border-width: 2px;
  border-color: #CE0000;
  padding: 2px;
}

table.report    {
/*	border-width: thin;*/
	font-size: smaller;
	border: 1px solid #83A8CC;
	border-collapse: collapse;
}

a.report-caption        { color: black; }
tr.report1      { background-color: white; }
tr.report1 a    { text-decoration: none;}
tr.report1 a:hover    { background-color: red; text-decoration: none;}
tr.report1:hover      { background-color: #f8a82f; }

tr.report2      {
	background-color: #CCCCCC;
	border: 1px solid #83A8CC;
	border-collapse: collapse;
}

tr.report2 a     { text-decoration: none;}
tr.report2 a:hover    { background-color: red; text-decoration: none;}
tr.report2:hover      { background-color: #f8a82f; }

td.report-firstcol  {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 13px;
}

/* Commented By Sandy
td.report-rtl       { padding-left: 5px;  padding-right: 5px; border-right: #949EB5 1px solid; }
td.report-ltr       { padding-left: 5px;  padding-right: 5px; border-left: #949EB5 1px solid; }
*/
/******* Added by Sandy instead of above 2 class*/
.report {background-color: #CCCCCC;}
tr.report {background-color: #00529c;}
.report-dir			{ padding-left: 5px;  padding-right: 5px; border-right: #949EB5 1px solid; font-size: 13px; }

thead.report-old    { color: black; font-weight: bold; background-color: #9e9e9e;  }
thead.report	      { color: #FFFFFF;  background-color: #00529c;  /*#9e9e9e;*/ }
thead.report a      { color: #FFFFFF; font-weight: bold; text-decoration: none; }
thead.report a:hover {color: red; text-decoration: none; }


/* question forms */
.critSubc      { font-weight: bold; }
.critChap      { font-size: 20; font-weight: normal; }
.critWeight    { font-size: 75% }
.critRptAnswer { font-size: 75% }

.critInfoItemTitle  {  }
.critInfoItem   { font-weight: bold; }

/* Main menu */
.mmTitle         { font-size: 120%; font-weight: bold; }
.mmAwaiting      { color: blue;  }
.mmUrgent        { color: red; }
.mmExpired       { color: red; font-weight: bold; }
.mmAwaitingOther { color: green; }
.mmMessage       { font-size: 140%; }

.notice        { color: red; font-weight: bold; }
.anouncement   { text-align: center; font-weight: bold; font-size: 160% }
.error         { text-align: center; font-weight: bold; font-size: 160%; color: red }

/* For removing the extra lines from the form tag */
form.inline    { display: inline; }

/*  new q groups table design */

*#col1         { border: 2px solid black; }

/* end of q groups table design */

/* Menu */
/*
Whoa, CSS is lovely! It's easy to say that only links inside the menu
will have no underline unless they are hovered.

belongs to previous design...
*/
td.menu               {  white-space: nowrap; vertical-align: top; font-size: 60%; }
td.menu a             { text-decoration: none }
td.menu a:hover       { text-decoration: underline }

a.item                { color: darkblue; }
a.item-selected       { color: green; }
a.parent              { color: darkblue; }
a.parent-selected     { color: green; }
a.parent-open         { color: indigo; font-weight: bold; }
a.semiparent          { color: darkblue; }
a.semiparent-selected { color: green; }
a.semiparent-open     { color: darkgreen; }

.title  { color: darkblue; font-weight: normal; font-size: 130%; }

/* end previous design (by Eyal) */

/********* Start : Added by Sandy ******************/

.pageTitle  {
	color: #FFFFFF;
	font-size: 150%;
/*  background-image: url('https://www.checker-soft.com/images/stories/bg/item-blue-dark.png');
  background-repeat: no-repeat;
  background-position: center left;
*/
	height: 24px;
}

td.leftPanel {
	padding: 0;
	width: 140;
/*	background-image: url('https://www.checker-soft.com/images/stories/bg/tv.jpg');
	background-repeat: repeat-y;
	background-position: top left;
*/
	background-color: #fafafa;
	border-right: 3px solid #AAAAAA;
}
.leftPanel div { height: 0;}
.leftCategoryTitle {
	background-color: #C0DFFE;
	/*background-image: url('https://www.checker-soft.com/demo/checker-files/media/68/pictures/menu.png');*/
	border-bottom: 1px solid #015A84;
	color: #000000;
	font-weight: bold;
	height: 15px !important;
	margin-top: 10px;
	padding: 0 0 0 5px;
}

td.middlePanel { color: #BD0000;}

/********** Body CSS block: no margins for main page *********/
body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #fff;
  /* direction:rtl; */
  font-family: "Arial";
  font-size: 12px;
}
th, td, select, input, button {
  font-family: "Arial";
  font-size: 12px;
}
.header-top-bg{
/*
  background-image: url('https://www.checker-soft.com/demo/checker-files/media/80/pictures/MTN_logo.jpg');
  background-repeat: no-repeat;
  background-position: left center;
*/
	height: 85px;
	background-color: #ffffff;
	padding-right: 40px;
}

.second-alignment{
	left:0;
	position: absolute;
	text-align: rigth;
	top: -50px;
}

.secondRowStyle{
/*  background-image: url('images/title-bottom-bg.bmp');
  background-repeat: repeat-x;
  height: 12px;
	font-size: 3px;
*/
	font-size: 0px;
	height: 0px;
}

.menu-bg{
	background-color: #015A84;
	/*background-image: url();*/
}

.top_menu {
	font-family: tahoma;
	font-size: 11;
	padding-left: 10;
	padding-right: 10;
	font-weight: bold;
	color: black;
}

td.top_menu {
	border-right: 1px solid #182532;
}

.top_menu-selected{
/*	background-image: url('images/menu_bg_ON.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	color: white;
*/
	background-color: #f8a82f;
}

.top_menu a{text-decoration: none; color: #FFFFFF; }

.top_menu-selected a{
	text-decoration: none;
	color: #000000;
/*	border-top: 2px solid black;
	border-bottom: 2px solid black;
	padding: 2px 0px;
*/
}

.top_menu a:hover{
	text-decoration: none;
	color: #000000;
	background-color: #f8a82f;
/*	border-top: 2px solid gray;
	border-bottom: 2px solid gray;
	padding: 2px 0px;
*/
}
.left-menu-padding a:hover{
	text-decoration: none;
	color: #000000;
	background-color: #999999;
}

.top_menu-red_strip{
	height: 0px;
	font-size: 0;
	border-top: 2px solid #FFFFFF;
	background-color: ##fff;
/*	height: 5;
	background-image: url('images/ca-top-red-strip.gif');
	background-repeat: repeat-x;
*/
}

.top_menu-gray_strip{
	/*height: 3;*/
	/*background-color: #B1CBCB; */
/*	background-image: url('images/ca-top-grays-horiz-strip.gif');
	background-repeat: repeat-x;
*/
	font-size: 0;
}

.logo-bg	{
/*	background-image: url('https://www.checker-soft.com/images/stories/bg/tv.jpg');
	background-repeat: repeat-y;
	background-position: top left;
	border-bottom: solid 1px #4579ab;
*/
	background-color: #4088C3;
}

.gray-darker	{height: 0; background-color: #52617B; font-size: 0;}
.gray-lighter1	{height: 0; background-color: #848EA5; font-size: 0;}

.gray-lighter2	{
/*	height: 25;*/
	background-color: #4088C3;
	color: #ffffff;
	font-weight: bold;
}

.gray-lighter3	{height: 4; background-color: #4088C3; font-size: 0;}
.breadcrums 		{background-repeat: no-repeat; background-position: right; color: #FFFFFF;}
.breadcrums a {color: #182532;}
.middle-table		{background-repeat: no-repeat; background-position: left; height: 65; background-color:#52617B; color: white;}

.horizontal-dots{
	font-size: 1px;
	height: 3px;
}
.vertical-dots{
	font-size: 1px;
	width: 3px;
}

.empty-style 			{font-size: 1px; padding: 0}
.empty-line-style {font-size: 10px;}
.left-menu-padding{padding: 1 2 1 2;}
.left-menu-padding a{text-decoration: none; color: black;}

.quickLink a { color: #ffffff; }
.quickLink { color: #ffffff; }

.main-page-td{
	font-size: 0;
	width: 0px;
}

.middle-right{
	padding: 8;
	height: 350px;
	background-color: #fff;
}

.section-lable{
	color: #000000;
	font-size: 130%;
	font-weight: bold;
	background-color: #C0DFFE;
	/*background-image: url('https://www.checker-soft.com/demo/checker-files/media/80/pictures/menu.png');*/
	background-repeat: no-repeat;
	border-bottom: 1px solid #015A84;
	display: block;
}

a.reportItemTitle{
	font-size:110%;
	font-weight: bold;
    background-image: url('https://www.checker-soft.com/demo/checker-files/media/68/pictures/dot-orange.png');
    background-repeat: no-repeat;
    background-position: center right;
	padding: 0px 15px 0px 2px;
	height: 20px;
	background-color: white;
	text-decoration: none;
	color: #464646;

}

.reportItemDescription {
	padding-top: 4px;
}

.footer-dots{
	font-size: 0px;
/*	background: white url('images/footer_dots.gif');
	background-position: top;
	background-repeat: repeat-x;
*/
	height:2px;
	background-color: #f0f0f0;
}

.bottom-tr	{height: 26px; background-color: #f0f0f0; color: #666666;}
.font-style	{font-size: 10; font-family: arial;}
.font-black		{color: black;}
.td-bottom-bg	{/*background: url('images/new_design_images/bottom_background.png');*/ }

.contact-td {
/*height: 39px; color: black; background-color:#CFD6E6
*/
	height: 2px;
	background-color: #f0f0f0;
	font-size: 0px;
}

/*-------------- Main menu boxes -----------------*/
td.mainMenu-line1 {
	border: solid 1px #48719F;
	/* CHANGE THIS LINE WHEN ADDING MORE BOXES */
	width: 33%;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}
td.mainMenu-line2 {
	border: solid 1px #48719F;
	/* Again, CHANGE THIS LINE WHEN ADDING MORE BOXES */
	width: 50%;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}
table.insideMain {
	width: 100%;
	font-weight: bold;
	padding-left:0px;
}

td.lineInsideMain {
	font-size: 0;
}

tr.titleInsideMain {
	color: #fff;
	padding-top: 1;
	padding-bottom: 1;
	background-color: #4088C3;
	border-bottom: 1px solid #F40000;
}
tr.lineInsideMain {
/*  height: 3px;
  background: white url("images/title_dots-ltr.gif"); background-repeat: repeat-x; background-position: center right;
*/
}

.bulletInsideMain {
  padding: 0px 2px 0px 2px;
  width:2px;
}

td.insideMain {
/*	background: white url("images/title_end-ltr.png"); background-repeat: no-repeat; background-position: right;
	background-image:url(https://www.checker-soft.com/images/stories/bg/item-blue4main.gif);
	background-repeat:no-repeat;
	background-position: center left;
	padding-left: 20px;
*/
  font-weight: bold;
  font-size: 15px;
	width: 98%;
	height: 24px;

}
/*************************************/
.big_edit-client-list { border-collapse: collapse; }

/************* 	setedit-frameset Left Part ******************/
a.treeChapter { font-size: 120%; font-weight: bold; text-decoration: none }
a.treeSubchapter { font-size: 110%; font-weight: bold; text-decoration: none }


/************* 	questionair preview CSS ******************/
.main-div-bg 	{background-color: #BDC7DE;}
.main-table 	{background-color: #F7F3FF; border-collapse: collapse;}
.select-obj-td select{width:150px;}

/***************************Logo style**********************/
.menu-td-Style-left{border-left: solid thin;}
.menu-td-Style-right{border-RIGHT: solid thin;}
.menu-td-Style-default{border-RIGHT: solid thin;}
.header-line{border-bottom: solid black; height: 1px;}

/******************************Footer style*****************************/
.footers-line{font-size: 6; border-bottom: solid black 1px;}
/********************* End : Added by Sandy ***********************/

.survey-details-table{border-collapse:collapse;}
.substituted-formatted-text{font-size: 130%; font-weight: bold;}

/******************/
.border1-fontbold{border: 1px solid; font-weight: bold;}
.border1{border: 1px solid;}
.bigger-font-size{font-size: 120%;}
.color-red{ color: red; }
.color-green{ color: green; }
.title1{font-size: 18; color: #00529c; font-style: italic; font-weight: bold;}
.title2{font-size: 16; font-weight: bold; color: #EF0000;}
.title3{font-size: 16; color: #52617B;}
.font0-height0{font-size: 0; height: 0;}
.font-size-20{font-size: 20%;}
.font-size-9{font-size: 9;}
.padding-4{padding: 4px;}
.padding-2{padding: 2px;}
.text-decoration-none{text-decoration: none};
.width400{width: 400px;}
.font-weight-bold{font-weight: bold;}
.width-64{width:64px;}
.width-180{width:180px;}
.comboboxwidth400{width: 400px;}
}
/*********************************/
.btn-input{
}
.list-select{
	/*border-bottom: none;
	background-color: #C0DFFE; */
}
.text-input{
/*	border-bottom: none;
	background-color: #C0DFFE;  */
}
.contentInsideMain{
  padding:14px 5px 0px 13px;
}

.contentInsideMain a {
  color: #336699;
}

.showMenuSubItems{
    width:100%;
}

.showMenuSubItems tr {
    border: 1px solid #336699;
}

.menu_top_level_wrapper{
	border-top: 1px solid #00529c;
	border-bottom: 1px solid #00529c;
}
.menu_top_level{
}
.side_menu{
/*	background-color: #ECECEC;*/
}
.second-alignment{
  text-align:right;
}
.logo_and_title_td{
}

.td-bottom-padding{
	padding-bottom:10px;
	width:35px;
	height:21px;
}

/****Start :  Top Exit button*******************/
.img-exit img{
	width:35px;
	height:21px;
	border:0px;
}

.img-exit:hover img {
	width:35px;
	height:21px;
	border:0px;
}
/****End :  Top Exit button*******************/

/****Start :  Arrow image*******************/
.img-arrow img{
	width:5px;
	height:9px;
	border:0px;
}

/****End :  Arrow image*******************/
.right-top-corner{
	width:18px;
	height:33px;
	border:0px;
}

.left-top-corner{
	width:18px;
	height:33px;
	border:0px;
}
.location-indicator-left{
	width:35px;
	height:40px;
	border:0px;
}

.location-indicator-right{
	width:35px;
	height:40px;
	border:0px;
}

.begin-filter-area{
}

.end-filter-area{
}

.bottom-left{
	width:24px;
	height:10px;
}

.bottom-right{
	width:24px;
	height:10px;
}

.tinyLogo{
	width:46px;
	height:20px;
}

.main_menu_image{
	width:100%;
	height:100%;
}

.menu-seperator{
	width:1px;
	height:100%;
}

.top-background{
}

/*you can change top_menu class, this class used for othere then classic theme*/
.top_menu_them{
	font-family: tahoma;
	font-size:11;
	padding-left: 0;
	padding-right: 0;
	font-weight: bold;
	color: black;
}
.top_menu_them-general{
	width:58;
}
.top_menu_them-selected{
	width:58;
}
.top_menu_them-selected a{text-decoration: none; color: red;}
.top_menu_them-general a{text-decoration: none;}
/*************************/

.filter-area-bottom{
}

.begin-report-area{
	background-color: #fff;

}

.tiny-header{
	direction:rtl;
  background-color:#ECECEC;
}

/********* pointing arrow*******************/
.pointing-arrow img{
  background-image:url('https://www.checker-soft.com/demo/images/editIcon.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrow:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');

  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowlupa img{
  background-image:url('https://www.checker-soft.com/demo/images/lupa.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowlupa:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');

  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowpasta img{
  background-image:url('https://www.checker-soft.com/demo/images/pasta.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowpasta:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');

  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowtelephone img{
  background-image:url('https://www.checker-soft.com/demo/images/telephone.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowtelephone:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');

  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowpencil img{
  background-image:url('https://www.checker-soft.com/demo/images/pencil.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowpencil:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowbuilding img{
  background-image:url('https://www.checker-soft.com/demo/images/building.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowbuilding:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');

  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowcomp img{
  background-image:url('https://www.checker-soft.com/demo/images/comp.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowcomp:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');

  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowmanhul img{
  background-image:url('https://www.checker-soft.com/demo/images/manhul.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowmanhul:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');

  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowlight img{
  background-image:url('https://www.checker-soft.com/demo/images/light.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowlight:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');

  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowagenda img{
  background-image:url('https://www.checker-soft.com/demo/images/agenda.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowagenda:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');

  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowbook img{
  background-image:url('https://www.checker-soft.com/demo/images/book.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowbook:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');

  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowpeople img{
  background-image:url('https://www.checker-soft.com/demo/images/people.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowpeople:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');

  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowcomp_graph img{
  background-image:url('https://www.checker-soft.com/demo/images/comp_graph.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowcomp_graph:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');

  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowgraph_green_blue img{
  background-image:url('https://www.checker-soft.com/demo/images/graph_green_blue.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowgraph_green_blue:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');

  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowcarimbo img{
  background-image:url('https://www.checker-soft.com/demo/images/carimbo.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowcarimbo:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');

  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowcomp_injection img{
  background-image:url('https://www.checker-soft.com/demo/images/comp_injection.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowcomp_injection:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');

  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowsuper_car img{
  background-image:url('https://www.checker-soft.com/demo/images/super_car.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-arrowsuper_car:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/alvo.png');

  width:16px;
  height:16px;
  border:0px;
}
.pointing-printer img{
  background-image:url('https://www.checker-soft.com/demo/images/printer.png');
  width:16px;
  height:16px;
  border:0px;
}
.pointing-printer:hover img{
  background-image:url('https://www.checker-soft.com/demo/images/printed.png');

  width:16px;
  height:16px;
  border:0px;
}
/********* pointing arrow*******************/
input{
    font-size:12px;
  }
  #mainContainer{
    width:100%;
    margin:0 auto;
    text-align:left;
    height:100%;
    padding-bottom:30px;
  }

  #header{  /* Header at the top of the demo */
    height:99px;
  }  /* Logo image */
  #header img{
    float:left;
  }


  .dragableBox{  /* The RSS box */

    background-color:#FFF;
    margin:5px;
    border-right:0px solid #AAA;  /* "Shadow "*/
    border-bottom:0px solid #AAA;  /* "Shadow " */
  }
  /* A div inside the rss box - with a blue border */
  .dragableBoxInner{
    /*border:1px solid #848FA5;*/
    /*border:1px solid #49A0C0;*/
    border:1px solid #848FA5;

  }
  .dragableBoxHeader{  /* Header inside RSS box */
    /*background-color:#848FA5;*/
    background-color: #00529c;
    border-bottom: 1px solid #848FA5;
    height:20px;
    padding-left: 2px;
    font-weight:bold;
    color: #FFFFFF;
    font-size: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-top: 1px;
  }
  .dragableBoxHeaderBlack{  /* Header inside RSS box */
    background-color:#FFFFFF;
    border-bottom: 1px solid #E74A15;
    height:18px;
    padding-left: 2px;
    font-weight:bold;
    color: #49A0C0;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-top: 3px;
  }
  .dragableBoxHeader span{  /* Text inside header of RSS box */
    line-heigth:20px;
  }
  .dragableBoxHeader img, .dragableBoxHeader span{  /* Text and reload image inside RSS box */
    float:left;
  }
  .boxItemHeader{  /* Title of items inside dragable boxes */
    font-weight:bold;
    margin:0px;
    color:#49A0C0;
    text-decoration:none;
    overflow:hidden;
  }
  .boxItemHeader:hover{  /* Title of items inside dragable boxes - mouseover*/
    font-weight:bold;
    margin:0px;
    color:#49A0C0;
    text-decoration:underline;
  }
  .dragableBoxHeader input{  /* text inputs that gets visible when you click on the "edit" link at the top of a rss box */
    font-size:10px;
  }

  .rssNumberOfItems{  /* Number of RSS items in header - the one inside parantheses */
    color:#49A0C0;
  }
  .dragableBoxContent{  /* DIV holding data inside dragable boxes */
    padding:0px;
    clear:both;

  }
  #rectangleDiv{  /* Dotted rectangle indicating where objects will be dropped */
    border:1px dotted #848FA5;
    margin:5px;
  }

  .closeButton{  /* Close button */
    padding:2px;
    border:1px solid #E74A15;
    line-height:9px;
    height:9px;
    margin:2px;
    color:#49A0C0;
    padding:2px;
    padding-bottom:3px;
  }
  .closeButton_over{  /* Close button - mouse over */
    padding:2px;
    border:1px solid #E74A15;
    line-height:9px;
    padding:2px;
    padding-bottom:3px;
    margin:2px;
    background-color:#49A0C0;
    color:#49A0C0;
  }
  .dragableBoxStatusBar{  /* Status bar at the bottom of rss boxes */
    border-top:3px double #E74A15;
    height:14px;
    background-color:#E2EBED;
    padding:2px;
  }

  .dragableBoxEditLink{  /* Edit link on top of a box */
    color:#49A0C0;
    text-decoration:none;
    padding-top:1px;
  }
  .dragableBoxEditLink:hover{  /* Edit link - mouse over */
    color:#49A0C0;
    text-decoration:underline;
  }
  form{  /* No borders in forms */
    display:inline;
  }
  #addNewFeed{  /* The white box at the top right corner where you can add a new RSS feed */
    float:right;
    width:300px;
    background-color:#FFF;
    border:2px solid #E74A15;
    padding:2px;
    margin-right:2px;
    margin-top:2px;
  }

  img{
    border:0px;
    }

.blackbox-border { border: 1px solid #49A0C0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #49A0C0; text-decoration: none; padding: 2px; background-position-y:50%}
.blackbox-border a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #49A0C0; text-decoration: none; }
.blackbox-border a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #49A0C0; text-decoration: none; }

/**/
.tab-activebg { font-size: 11px; font-weight: bold; color: #000000; padding-bottom: 2px;}

.tab-activebg1 { font-size: 11px; font-weight: bold; color: #FFFFFF}
.tab-inactivebg { font-size: 11px; font-weight: bold; color: #49A0C0; padding-bottom: 2px; }
.tab-inactivebg a {color: #49A0C0; font-weight: bold; text-decoration: none; }
.tab-inactivebg a:hover{ color: #49A0C0; text-decoration: none; font-weight: bold;  }
/* added by rubino - Tabs images*/
.topTabActive{
 background-color: #EF0000;
 vertical-align: middle;
 background-repeat: no-repeat;
 text-align: center
 }
 .topTabEnableRight{
 vertical-align: middle;
 background-repeat:no-repeat
 }
 .topTabInactive{
 background-color: #00529c;
 vertical-align: middle;
 background-repeat: no-repeat;
 text-align: center;
 }
 .topTabDisableRight{
 vertical-align: middle;
 text-align: center
 }
 .fontTabInActive{
 color: #FFFFFF;
 }
/**/

tr.filters td {border-right:1px solid #83A8CC; padding-left:5px; padding-right:5px;}

form[name="login"] {
    border: 1px solid rgba(178, 178, 178, 0.8);
    border-radius: 0px;
    box-shadow: 0 2px 5px rgba(105, 108, 109, 0.7), 0 0 8px 5px rgba(178, 178, 178, 0.4) inset;
    margin: 0 0 35px;
    padding: 20px 40px 10px 40px;
    top: 0;
    display: inline-block;
    box-shadow: 0 5px 18px 0px #999999, 0 0 2px #999;
    margin-bottom: 20px;
    border-radius: 0px;
}

form[name="login"] td {
    display: table;
}
input[name="username"], input[name="password"] {
    display: inline-block;
    border: 1px solid rgb(178, 178, 178);
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset;
    box-sizing: content-box;
    margin-top: 4px;
    margin-bottom: 10px;
    padding: 5px;
    transition: all 0.2s linear 0s;
	text-align: right;
}
form[name="login"] td {
    font-size: 13px;
}


input#do_login {
    background-image: none;
    font-size: 15px;
    color: #fff;
    padding: 5px 30px;
    min-height: 22px;
    background-color: #00529D;
    box-shadow: none;
    cursor: pointer;
    text-shadow: none;
    transition: all 0.2s linear 0s;
    margin: 3px 2px;
    font-weight: bold;
    border-style: none;
    border-radius: 3px;
}

div#FiltersArea p {
    font-size: 13px;
    font-weight: bold;

}

/*new header */
.home header {
    border-bottom: 25px solid #4088c3;
}
header {
	padding: 5px 2% !important;
}
a.reportItemTitle {
	color: #333;
}
.menu {
    margin-bottom: 10px !important;
    border: 0 !important;
    padding: 5px 2% !important;
	background-color: #4088c3;
}
.menu a {
	font-size: 14px; 
	color: #fff !important;
}
.menu a.current {
	font-weight: bold;
}
.side-menu h2 {
    background: #fff !important;
    color: #000 !important;
    padding: 5px !important;
    margin-bottom: 5px !important;
    font-weight: bold !important;
    font-size: 1em !important;
    border-bottom: 1px solid #ccc !important;
}
.side-menu a{
	color: #333 !important;
    padding: 5px 15px !important;
    display: block;
    text-decoration: none;
    font-size: 12px !important;
}
aside {
	width: 150px;
}
a.set-language {
    color: #333;
    font-size: 14px;
    padding: 6px 12px;
    border: 1px solid #ccc;
    background-color: #f8f8f8;
}
a#logoff-button {
    color: #333;
    font-size: 14px;
    padding: 2px 12px;
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    border-radius: 3px;
	font-weight: bold;
}
.search button {
    border-radius: 3px;
    font-size: 14px;
    font-weight: normal;
    background-color: #4088c3;
    border: 0;
    color: #fff;
    padding: 5px 12px;
}
.search input {
    padding: 6px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

/**mobile devices **/

@media handheld,
only screen and (min-device-width : 320px) and (max-device-width : 480px),
only screen and (max-width : 320px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait),
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5),
only screen and (max-width: 480px),
only screen and (max-device-width: 480px),
only screen and (min-device-width: 480px) and (max-device-width: 800px),
only screen and (device-width: 768px),
only screen and (device-width: 480px)
{
	
form[name="login"] {
    top: 0;
    display: inline-block;
    position: relative;
    top: 0;
    bottom: 80%;
    left: 0;
    right: 0;
    width: auto;
    z-index: 10000;
    background-color: white;
	padding: 10px 20px 10px 20px;
}
.menu_top_level_wrapper {
    border-top: 0px solid black;
}
.header-top-bg {
    height: 120px;
    background-color: white;
    padding-right: 0px;
	padding-left: 0px;
    display: block;
}
td.first-aligment img {
    height: 120px;
}
a.fieldset_toggler {
    font-size: 3em;
    color: inherit;
    height: 100px;
    width: 100px;
    background-size: 100px 100px;
    display: block;
    color: transparent;
}
a.fieldset_toggler img {
    display: none;
}	
div#FiltersArea p {
    font-size: 40px;
}
form[name="login"] td {
    font-size: 40px;
}	

input#do_login {
    font-size: 40px;
    /* height: 2.5em; */
    /* width: 5em; */
}

.font-style {
    font-size: 25px;
    font-family: arial;
}
.pageTitle, span.breadcrums {font-size: 40px;}



form[name="login"] {
	position:relative;
	width: 80%; text-align:center;
}
/* .font-style { */
    /* font-size: 40px; */
/* }	 */
a.fieldset_toggler {
    font-size: 3em;
    color: inherit;
    height: 100px;
    width: 100px;
    background-image: url(https://www.checker-soft.com/qualimetrie-fr/css/images/menu-200.png);
    background-size: 100px 100px;
    display: block;
    color: transparent;
}
a.fieldset_toggler.menu_top_level_wrapper img {
    content: url(http://i.imgur.com/lCun2lq.png) !important;
    height: 55px;
    position: relative;
    top: 30%;
    left: 0%;
	display:none;
}
.pageTitle {
	font-size: 40px;
}
span.breadcrums {
	font-size: 40px;
}
ul#menu_top_level {
    padding-left: 0;
}	
tr.menu-bg ul li a {
    display: block;
    float: left;
    padding: 10px 10px;
    font-size: 25px;
}	
 .top_menu a:hover {
    font-weight: bold;
    font-size: 25px;
    padding: 10px 10px;
}

.header-top-bg {
    display: block;
    height: 100px !important;
	padding-top: 10px;
}

td.first-aligment img {
    height: 80px;
}
table#top_title_graphics tr:nth-child(2) {
    display: none;
}
.second-alignment img {
    display:none;
}
a.login_checkers_link, a.login_panels_link {
    text-decoration: none;
    /* padding: 10px 20px; */
    border-radius: 0px;
    font-size: 20px;
    font-weight: bold;
}
a[href*="recover-password.php"] {
     font-size: 25px;
}

form[name="login"] {border:0px;}

form[name="login"] td {
    font-size: 20px;     
	/* padding-bottom: 10px; */
    text-align: right;
}

input[name="username"], input[name="password"] {
    display: inline-block;
    border: 1px solid rgb(178, 178, 178);
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset;
    box-sizing: content-box;
    margin-top: 4px;
    margin-bottom: 10px;
    padding: 5px;
    transition: all 0.2s linear 0s;
    font-size: 20px;
    text-align: right;
    width: 220px;
}
input[name="username"]:focus, input[name="password"]:focus {
    outline: none;
}
input#do_login {
    border-radius: 0px;
    box-shadow: none;
    cursor: pointer;
    font-size: 3em;
    font-weight: normal;
    margin: 3px 2px;
    min-height: 20px;
    /* padding: 15px 60px; */
    transition: all 0.2s linear 0s;
    color: #fff;
}
div#FiltersArea div p {
	font-size: 15px;
}
div#FiltersArea div p:first-child {
    display: none;
}
div#FiltersArea table {
    background-color: transparent;
    margin: 0 auto;
}

input#do_login {font-size: 20px; font-weight: bold;} 

/* input[name="username"], input[name="password"] {font-size: 40px;} */
div#FiltersArea p:nth-child(3) {    font-size: 20px;    margin-top: 0;}
.ui-state-error.ui-corner-all, .ui-state-highlight.ui-corner-all {
    width: 90%;
    margin: 0 auto;
    font-size: 15px;
}

.home header .nav-box {
    display: none;
}
a#logoff-button {
	margin-right: 2%;
}
.logo {
	margin-top: 30px;
}
.lr-menu li:last-child {
	display: none;
}

}

td.mainMenu-line1,
td.mainMenu-line2 > .insideMain:last-child {
  padding: 0px !important;
}
td.mainMenu-line1 .insideMain .insideMain,
td.mainMenu-line2 .insideMain {
  padding-inline-start: 16px;
}
.contentInsideMain {
  padding: 16px 16px 0 !important;
}
.mainMenu-line1,
.mainMenu-line2>.insideMain  {
  box-shadow: 0px 0px 15px 0px #00000026;
    border-radius: 5px !important;
    overflow: hidden;
    background-color:#fff; 
}
.page-main-menu .begin-report-area-td>center>table {
  margin-top: 20px;
}
.insideMain.self-billing-banner {
  padding-inline-start: 0px !important;
}
.contentInsideMain:has(main) {
  padding: 0px !important;
}