/*
 20241010: add ".c_div_scroll_auto"
    sort_dup: done
*/

* {
	margin:0;
	padding:0;
}

/* .middle {background-color:yellow;} */

/*
.round {
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	border-radius:.5em;
	-moz-box-shadow: 1px  1px 2px #888;
	-webkit-box-shadow: 1px 1px 2px #888;
	box-shadow: 1px 1px 2px #888;
}
*/

/*
 .error {
	color:red;
	font-size_:1.2em;
}
*/

/*
a:hover {
	color:white;
	font-size_:1.2em;
}
*/

.myheader {
	color:white;
}

.myheader:link {
	color:white;
	text-decoration: none
}

.reportcell:link {
  /*color:black;*/
  text-decoration: none
}

/*
a:link  { color: red }
*/




.left {background-color:white;}
.left:hover {
	background:#bbc2e5;
	/* color:#000; */
	
	/*
	text-shadow: 2px 2px 2px #000;
	*/
}

/* .middle {background-color:yellow;} */

.right {
	background-color:lightgreen;
}

.header {
	background-color:#699dd2;
}

.footer {
	background-color:lightgreen;
}

.download {
	clear:both;
	float:left;
	padding-top:10px;
}
.download a {
	padding:.3em .5em !important;
	margin-right:10px;
	background:#00bd3e;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size_:1.5em;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	border-radius:.3em;
	line-height:2.5em;
	-moz-box-shadow: 1px  1px 2px #888;
	-webkit-box-shadow: 1px 1px 2px #888;
	box-shadow: 1px 1px 2px #888;
}
.download a:hover {
	background:#5f534f;
	text-shadow: 2px 2px 2px #000;
}

.back {
	line-height:44px; 	
	background:#6778cf;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	-moz-box-shadow: 1px  1px 2px #888;
	-webkit-box-shadow: 1px 1px 2px #888;
	box-shadow: 1px 1px 2px #888;
}

.back:hover {
	background:#bbc2e5;
	/* color:#000; */
	
	/*
	text-shadow: 2px 2px 2px #000;
	*/
}

.row44 {
	line-height:44px; 	
}

.row22 {
	line-height:22px;
}

.select:hover {
	/* background:#bbc2e5; */
    color:blue;
}

.field_header {
	background-color:lightgreen;
}

.field_header2 {
	background-color:yellow;
}

.error
{
 background:red;/*#bbc2e5;*/
 color:white;
 font-size_:1.2em;
 background_: gray;
}

.success
{
	/* background:#bbc2e5; */
	background_:lightgray;
  color_:green;
	color:white;
  font-size_:1.2em;
	background: gray;
	
}

.info
{
	/* background:#bbc2e5; */
	color:white;
	font-size_:1.2em;
	background: gray;
}

.failure {
	/* background:#bbc2e5; */
  color:red;
  font-size_:1.2em;
}

.field_col1 {
	background-color:lightgreen;
}

.field_col2 {
	background-color:yellow;
}

.field_row1 {
	background-color:lightblue;
}

.field_negatif {
	color:green;
}

.field_negatif1 {
	color:red;
}

.smalltext {
  /*width:100px;*/ /*must be added for limitation*/
  /*white-space: nowrap;*/
  
  /* 1 of 2 below */
  overflow: hidden; /*hidden:scroll;*/
  text-overflow: ellipsis;
  
  word-wrap: break-word;
  white-space: normal;
  color:blue;
}

.smalltext0 {
  word-wrap: break-word;
  white-space: normal;
  color:red;
}


.mylineok {
  line-height:normal;
}

.mytablexx {
  border-collapse: collapse;
  border-spacing: 0;
  /*width: 100%;*/
  border: 1px solid blue; /* #ddd; */
  color:red;
  padding: 1px; /**in td not here?*/
  line-height:normal;
}

.mytrxx:nth-child(even) {
  background-color: #f2f2f2;
}

.mytdxx {
  text-align: center;
  padding: 1px;
  border: 1px solid red;
  height: auto;
  
  /*line-height: normal|number|length|initial|inherit;*/
  /*line-height:normal;*/
}

.w50p {
  width:50%;
}

.dataw1 {
  width:10px;
}

.myborder
{
  /*border: 1px solid black; #4d88ff; green; #ddd; */
  border-collapse: collapse;
	
	border-width: 2px;
	border-color: black;
	border-style: solid solid hidden solid;
  
  /*
  margin: 0px;
  padding: 0px;
  */
}

.myborder_only
{
	border-collapse: collapse;
	border-width: 2px;
	border-color: black;
}

.myborder_up
{
	border-style: solid solid hidden solid;
}

.myborder_down
{
	border-style: hidden solid solid solid;
}

.myborder_updown
{
	border-style: solid hidden solid hidden;
}

.myborder_all
{
	border-style: solid solid solid solid;
}

/*
td {
  padding: 1px; / * padding: length|initial|inherit;* /
}
*/

.mytop {
  /**vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;*/
  vertical-align:top;
}

.col-container {
  display: table;
  /*width: 100%;*/
}
/**
table-cell : nok with table & img!
table-column : nok with table & img!
table-column-group : nok with table & img!
inline

*/
.col {
  display: table-cell; /*table-cell;*/
  /*padding: 16px;*/
}

.col-up {
  vertical-align:-20px;
}



/**
To horizontally center a block element (like <div>), use margin: auto;

For text:
text-align: center;

To center an image, set left and right margin to auto and make it into a block element:

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}

The clearfix Hack: to fix this problem:
overflow: auto;


There are many ways to center an element vertically in CSS. A simple solution is to use top and bottom padding:

.center {
  padding: 70px 0;
  border: 3px solid green;
}

...

*/

/**
align	Not supported in HTML5.
Use style.textAlign instead.
Sets or returns the value of the align attribute of the <div> element
*/
.mycenter
{
  margin: auto; /** box center*/
  
  /*
  see:
  overflow: auto;
  */
}

.mycentertext
{
  text-align: center;
  
  /*
  see:
  overflow: auto;
  */
}

.myvcenter {
  /**vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;*/
  vertical-align:text-top;
}

.mytextleft
{
  text-align:left;
  
  /*
  see:
  overflow: auto;
  */
}



.bggray {
	background:gray;
  color:lightgray;
}

.mytextcenter
{
  text-align: center;
}

.mytextleft {
  text-align: left;
}

.mytextright {
  text-align: right;
}

.mynowrap {
  white-space: nowrap;
}

/*
.mytitle {
  color: white;
  text-align: center;
  white-space: nowrap;
  font-size_: 16px;

/ *

  opacity:1;
  color: white;
  height:30px;
  font-size_: 16px;
  display: inline-block;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align:top;
* /
}
*/

.myselect {
  width: 100%;
  padding: 16px 20px;
  border: none;
  border-radius: 4px;
  background-color: #f1f1f1;
  font-size_: 20px;
}

.myselect_option {
  background-color: greenyellow;
}

.mybtn {
  /*background-color: #f4511e;*/
  background-color:#4D4DFF;/*steelblue;*/ /*e7e7e7;*/ /*Gray*/
  border: none;
  color: white;
  /*padding: 16px 32px;*/
  padding: 5px;
  margin_: 5px;
  /*width: "100%";*/
  text-align: center;
  font-size_: 16px;
  /*margin: 4px 2px;*/
  opacity: 0.6;
  transition: 0.3s;
  
  white-space: nowrap;
}

.mybtn:hover {opacity: 1}
  
.myfooter
{
	color: white;
	text-align: center;
	white-space: nowrap;
	/*font-size_: 20px;*/
}


/*
.block:hover {
  background-color: #ddd;
  color: black;
}
*/

/*
.resul {
  background-color: red;
}
*/

.cresult {
  background-color: yellow;
  /*color: blue;*/
}

.cresult[a_status=ok1] {
  background-color: lightgreen;
}

.cresult[a_status=ok0] {
  background-color: orangered;
}

.acctype {
  background-color: lightred;
}

.acctype[a_value=Original] {
  background-color: inherit;
}

.acctype[a_value=Manual] {
  background-color: lightblue;
}

.c_div_scroll_auto {
  overflow: auto;
}

.c_div_scroll
{
  /* scroll definition */
  overflow: scroll;
  
  /* width: set to define div width!
   width_:100%;
   */
  
  /* height: to define for div scroll veritically
   height_: 100%;
   */
  
  /* margin: auto; for div center!
   margin_: 0px;
   */
  
  /* border to be defined!
   border-top_: 5px solid magenta;
   border-bottom_: 5px solid magenta;
   */
}

/**
 align  Not supported in HTML5.
 Use style.textAlign instead.
 Sets or returns the value of the align attribute of the <div> element
 
 see:
 .mycenter
 
 */
.c_div_center
{
  margin: auto; /** box center*/
  
  /*
   see:
   overflow: auto;
   */
}

.c_div_full
{
  margin:0px;
  border:0px solid red;
  padding:0px;
  /** content */
  
  height:100%;
  width:100%;
  background-color_: coral;
  
  box-sizing: border-box;
  /*
   box-sizing: content-box|border-box;
   
   box-sizing: content-box (Default): The width and height properties (and min/max properties) includes only the content. Border and padding are not included
  */
}