/*====-----------    [ON BIG SCREEN]        ---------====*/
body { font: normal 14px Verdana, Arial, sans-serif; }

.Lnk  { display:inline-block; font-weight:bold; font-size:12px; padding:2px 4px; background-color:#e0e0ef; }
.Lnk0 { display:inline-block; font-weight:bold; font-size:13px; padding:5px 4px; background-color:#fff; }

#BlocHeader { position:fixed;top:0;left:0; width:100%; height:30px; padding:8px 2px 3px 2px; 
  background-image:linear-gradient(-150deg,#0074BF 8%,#136EB5 92%); border-bottom:5px solid #338ED5;
  line-height:22px;vertical-align:middle; color:#fff; font-size:16px; font-weight:bold; z-index:90; } /* position:sticky;  padding:5px 2px; border-bottom:1px solid #c0c0c0;  */
 #BlocHeader a:link, a:visited  { text-decoration: none; color:#fff; }
 #ibLogo { display:inline-block;font-size:24px; }
 #TITLE { display:inline-block; font-size:20px; font-weight:bold; padding:0 0 0 10px; }
#BlocPAGE { position:fixed;top:46px; left:0; width:100%; height:calc(100% - 50px); overflow-y:auto; } /* height:90%; */


.mImg0{ display:inline-block;width:38px; vertical-align:bottom; margin:3px 0 0 2px; }
.MenuDown { /*-- For module selection in top menu --*/
	position: relative; display: inline-block; padding:2px 0 6px 0;
} /*-- MenuDown --*/
.DropdownContent {
	display: none; 	position: absolute;
	background-color: #f9f9f9;
	min-width: 120px; padding: 4px 6px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);	
	z-index: 100;
}
.MenuDown:hover .DropdownContent { display: block; }

/*-- (A) WRAPPER : a full-width navigation menu --*/
#hamnav { display:inline-block; position:sticky; top:10px; height:100%; width:170px; border-right:3px solid #c0c0c0; } /*  position:sticky; width: 100%;  background-color:#f0f8ff; f0f0f0 */
/*-- (B) HORIZONTAL MENU ITEMS ---*/
#hamitems { display:block; width:100%; } /*  flex; border-bottom:1px solid #f080c0; */
#hamitems a {
  display:block;  /* width:100%; flex-grow: 1; flex-basis: 0; */
  padding: 10px 0px 10px 15px;
  text-decoration:none; color:#000023;  border-bottom:1px solid #eee;
  text-align:left; /* center; color: white; font-weight:bold; */
}
#hamitems a:hover { background-color: #f0f0f0; } /* 401408 */
.mImg { display:inline-block;width:38px; vertical-align:bottom; margin-left:15px; }
/*--- (C) HIDE HAMBURGER ---*/
#hamnav label, #hamburger { display: none;  } 


#BlocContent { display:inline-block; margin:12px 0 0 10px; position:relative; width: calc(100% - 200px); height: calc(100% - 15px); vertical-align:top; z-index:1; } /* position:fixed; position:sticky; top:34px;left:155px; */
#BlocContentC { position:relative; width:96%; margin:10px 2%; text-align:center; } /*- centralized bloc, border:1px solid #a00; */
#BlocContent a:link { text-decoration:none; color:#000066; }
#BlocContent a:visited { text-decoration:none; color:#000099; }

/*- current title: border:1px solid #aaaaaa; border:1px solid #666666;background-color:#f0f0f0; margin:0 1px 0 0; -*/ 
.btnTitle0 { display:inline-block;font-weight:bold;font-size:14px;text-align:center; padding:2px 4px; } 
/*-- switching title -*/
.btnTitleL { display:inline-block;font-size:14px;text-align:center;padding:2px 4px; color:darkblue;background-color:#e0e0f0; border:1px solid #666666;border-radius:6px 0 0 0; }  
.btnTitleR { display:inline-block;font-size:14px;text-align:center;padding:2px 4px; color:darkblue;background-color:#e0e0f0; border:1px solid #666666;border-radius:0 6px 0 0; }  

/*--- Cookie ---*/
.BlocCookie{position:fixed; width:100%;height:100%;background-color:rgba(120, 120, 120, 0.5); z-index:93; }
 .TextCookie{width: 100%;color: #ffffff;background-color: #2baae1;border: 1px solid #2baae1;border-radius: 6px;text-align:left;position:sticky;display:inline-block;font-weight:300;}
 .TextCookie button{ color: #000000;margin-left:30px;background-color:#EEF5FB;border: 1px solid #EEF5FB;border-radius: 12px;padding: 6px 20px;transition-duration: 0.4s;  cursor:pointer;}
 .TextCookie button:hover{background-color:#2baae1;color:#ffffff;}
 .TextCookie h5{padding-left:20px;float:left; }
 .BtnCookie{ margin-block-start: 0.87em; }

 .InpRow  { display:block; padding:5px 2px; } /* border:solid 1px #f00; */
 .InpName { display:inline-block; width:140px;  } /* border:solid 1px #00f; */
 .InpFld  { display:inline-block;  } /* width:300px; */
 .SubmitRow { display:block; margin:10px 0 0 0px; text-align:center; }
 .btn { display:inline-block; border:1px solid #c0c0c0;border-radius:3px;background-color:#f0f0f0; }
 .LnkDiv { display:inline-block; color:#000066; }
 .LnkDiv:hover, .LnkDiv:focus { color:#d33; text-decoration:none; cursor:pointer; } /* font-weight:bold; */

 .BlocTbList { position:relative; margin:15px 0 0 15px; overflow-y:auto;} /*  line-height:26px;  border:1px solid #0f0; */
.ibHdRow { display:inline-block; line-height:26px; padding:3px 2px 0 6px;border:1px solid #c0c0c0; background-color:#a0bfff; }
.ibTbCellHd, .ibTbCellHdM { display:inline-block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; background-color:#a0bfff; text-align:center; }
.ibTbRow { display:inline-block; padding:3px 2px 0 6px;border:1px solid #c0c0c0; }
.ibTbCell, .ibTbCellM { display:inline-block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }

 .bCdrList { display:inline-block; } /*- for cdrlist */
 .dropdownCdr { display:none; position:absolute; min-width:160px; padding:3px 7px; z-index:1; 
     border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0;}
 .bCdrList:hover .dropdownCdr { display:block; background-color:#f3faff; } /* dropdownCdr must be children class of bCdr0 */
 
 .Modal_Btns { float:right; color:#faaaaa; margin-right:15px; font-size:20px; font-weight:bold; }
 .ModalBtn:hover, .ModalBtn:focus { color:#000; text-decoration:none; cursor:pointer; }

.BlocListG { display:inline-block;position:relative; width:98%; padding:0 0 0 3px;overflow:auto;background-color:#eff0f0;border:1px solid #c0c0c0;border-radius:4px; }

/*-- The Modal (background) it could have problem if included as a sub-division of another one --*/
#myModal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index:95; /* Sit on top */
  /* padding-top: 150px;  Location of the box ... not fixe this value at the beginning */
  left: 0; top: 0; 
  text-align:center;
  width:100%; height:100%; /* Full width height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/*-- Modal Content --*/
.modal-content {
  position:relative; z-index:97;
  background-color: #fefefe;
  margin:0 auto;  padding:10px;
  border:1px solid #888;
  width:90%;  text-align:left;
  min-height:100px; /* min-width:400px; vertical-align:top; */
  overflow: auto;
}
.modal_content2 { /*- // 2 level model win */
  display: none; /* default invisible */
  position:fixed; /* fixed; */
  background-color:#fefefe; z-index:99;
  margin:0 auto;
  border:1px solid #888;
  width:80%; left:10%; top:30px; text-align:left;
  min-height:100px; /* vertical-align:top; */
}

#TabNameList { display:inline-block;position:relative;margin:0 0 -3px 10px;padding:1px 5px;background-color:#e0e0e0;vertical-align:bottom } /* width:700px; */
.FixedTblName { display:inline-block; width:95%; padding:4px 3px; background-color:#d6d6c2; border:1px solid #a0a0a0; } /* //a9 -*/
.FixedTblName:hover { background-color:#fff; }
.FixedTblDel { display:inline-block; width:95%; padding:0px 3px; background-color:#eadada; border:1px solid #a0a0a0; 
  height:15px; text-align:center; }

.InfoBloc { display:inline-block;margin:5px 10px; width:500px;height:300px; padding:6px; border:1px solid #ccc;vertical-align:top;}

/*======----------  End [ON BIG SCREEN]    --------=====*/

/*======----------   [ON SMALL SCREENS]    --------=====*/
@media screen and (max-width: 768px){
  body  { font: normal 11px Verdana, Arial, sans-serif; } 
  
  .InpName, .InpFld { display:block; width:100%; }  

  #hamnav { width:100%; position:relative; height:auto; top:auto; }
  /* (A) BREAK INTO VERTICAL MENU */
  #hamitems a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top: 1px solid #333;
    text-align: left;
  }
  /* (B) SHOW HAMBURGER ICON */
  #hamnav label { 
    display: inline-block;  /* float: right; */
    color: white;   background: #a02620;
    font-style: normal;  font-size: 1.2em;
    padding: 10px;
  }
  /*---- (C) TOGGLE SHOW/HIDE MENU ----*/
  #hamitems { display: none; }
  #hamnav input:checked ~ #hamitems { display: block; }

  #BlocHeader {font-size:12px;}
  #BlocHeader a:link, a:visited  { text-decoration: none; color:#fff; }
  #ibLogo { display:inline-block;font-size:16px; }
  #TITLE { font-size:14px; padding:0 0 0 3px; }

  .ibTbCellHdM, .ibTbCellM { display:none; }

  #BlocContent { text-align:left;width:100%; }
  #BlocContentC { text-align:left;width:100%; }
 .InpName,.InpFld { display:block; }
 .SubmitRow { margin:5px 0 0 0; }

 .modal-content { width:100%; }
} /*-- media max width 768px ---*/
/*---
LIST OF USED z-index:
  BlocContent, dropdownCdr: 1
  BlocHeader: 90
  BlocCookie: 93
  myModal: 95
  modal-content: 97
  modal_content2: 99
  DropdownContent: 100
---*/