/*body 
{
  unicode-bidi: bidi-override;
}*/

 * {    box-sizing: border-box;}

 /* Modal Progress bar styling*/
 .ProcessBackground {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0; /*background-color:  #FFE9D2;*/ /*background-color:Gray;*/
    filter: alpha(opacity=90);
    opacity: 0.9;
    -moz-opacity: 0.9;
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
    background-color: #727272;
}

    .ProcessProgress
    {
        z-index: 1000;
        border-radius:6px;
        border:none;
        width: 200px;
        height: 200px;
	    vertical-align: middle;
        position: relative;
	    bottom: 40%;
      	/*left: 45%;*/
        margin: 10px;
	    padding: 10px;
        background-color: #FFDECE;

        }

        .ProcessProgress .msgtext {
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            color: #003C3C;
            font-size: 18px;
    }

/*------------------------------------------------------------*/

/*Master page image*/
 .AppImageM {
    border: thick ridge #81C0C0;
      text-align: center;
    display: block;
    padding: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; 
}

.delimiterM1 {
    height: 2px;
    background-color: #DBDBDB;
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
      width:  90%;
}

 .appNavBar {
    background: #FFFFFF;
    padding: 0px 0px 0px 0px;
    vertical-align:top;
   
    } 
 
 .categoriesBarM {
    background: #FFFFFF;
    padding: 0px 0px 0px 0px;
    vertical-align:top;
    
}

 /*LOGIN SECTION at Application level    */
.LoginTextM {
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
     color: #003063;
}
.LoginNameM {
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #006A6A;
    text-shadow:1px 1px 0 #A9D3D3; 
    
}

.LoginActionM {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #004284;
    float:left;
    width:25px;
    height:25px;
    margin-left:0;
}


.ImageButtonM
{
    font-family: Arial, Helvetica, sans-serif; /*color: #18285A; */
    color: #18285A;
   /* color: #1A4A3A; */ /* dark-green*/
    cursor:hand;
    font-size: 12px;
    text-decoration: underline;
    font: normal;
    font-weight: bold;
    text-align:center;
    /*Test for size*/
    width:20px;
    height:20px;
}

.LogOutM {
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #004F4F;
    background-color: #FFEBD7;
    border-radius: 4px;
}

/*2021/11/09 */

.inputTokenM {
    border-radius: 4px;
    border: #0094ff solid 3px;
    background-color: #fafafa;
    padding-right: 3px;
    line-height: 20px;
    font-size: 13px;
    font-weight: bold;
    color: #000066;
}

    .inputTokenM:disabled:hover {
        background-color: #e4e4dc;
    }

    .inputTokenM:focus-visible {
        outline: 1px dotted darkred;
    }


/*=======================================
   2025/04/02  from web_qa:   2025/02/19
==========================================
*/
.loginRadioBox, .loginRadioBoxL, .loginRadioBoxR {
    display: inline; /*border: 1px solid #008080; */
    border-radius: 4px;
    /*background-color: #AFD8D8;*/
    width: 100%;
    height: 25px;
    line-height: 20px;
    font-size: 13px;
    color: Highlight;
    font-weight: bold;
    text-align: justify;
    /*text-align: left;*/
    vertical-align: middle;
}

.loginRadioBoxL {
    text-align: left;
}

.loginRadioBoxR {
    text-align: right;
}

    .loginRadioBox:hover, .loginRadioBoxL:hover, .loginRadioBoxR:hover {
        font-style: italic;
    }


/*=================================
    .sendTokenButtonM
======================================*/
.sendTokenButtonM {
    font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
    /*border: #993300 solid 2px;*/
    border: teal solid 3px;
    border-radius: 3px;
    /* background-color: #1c5d8b;*/
    background-color: Highlight;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: white;
    /*color: #ffffcc;*/
    height: 30px;
    /*  background-color: #EBEBD7; */
}

.sendTokenButtonM_OLD_2025_04_02 {
    font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
    border: #993300 solid 3px;
    border-radius: 4px;
    background-color: #1c5d8b;
    width: 100%;
    font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: bold; /* color: black; */
    color: #ffffcc; /*background-image: url('images/title_img/TitleBg.gif'); */
    height: 30px; /*  background-color: #EBEBD7; */
}

.sendTokenButtonM:hover {
    /*border: 3px solid #438787;*/ /* #FFFFBD;*/
    font-size: 15px;
}


/*2021/09/14  Login types */

.selectedLogin, .notSelectedLogin {
    font-family: Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    vertical-align: baseline;
    font-weight: bold;
    color: #245f8a;
    padding-right:8px;
    padding-left: 8px;
}

/*2021/11/09 User code (token) */

.selectedLogin {
    /* background-color: beige;*/
    background-color: none;
    color: #813611;
    border: #808080 solid 2px;
    height: 40px;
    border-radius: 4px;
}

.notSelectedLogin:hover {
    /*font-style: italic;*/
    cursor: pointer;
    font-size: 14px;
    height: 40px;
}
/*======================================*/



 #BasketsStatM
{
    
    width:70%;
    height: 25px;
    border-top: 3px solid #FFFFFF;
}

#BasketsStatM .loginM
{
    font: Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
    font-weight: normal;
    color: #003063; /* black;  elena 2013.03.03*/
    background-color: transparent;
    float: right;
    margin-left: 2em;
    margin-right: 0;
    margin-top: 0.1em;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    max-width: 380px;
}



 /*LOGIN STATUS BASKETS*/
div.loginStatusM {
    width:80%;
    display:inline-block;
    font-size:14px;
    font-weight:bold;
    vertical-align:bottom;
}

span.BasketsStatM { display:inline;}

 @media screen and (max-width:479px) {
 /* Target portrait smartphones */
 /*box-sizing: {border-box;width:100%;} */ 
    
   #BasketsStatM { width:auto; height:auto; float:none;}

    }
  @media screen and (max-width:680px) {
 /* Target portrait smartphones */
 /*box-sizing: {border-box;width:100%;} */ 
    
   #BasketsStatM { width:100%;  float:left;}

    }

   @media screen and (min-width:681) and (max-width:1024px) {

           #BasketsStatM { width:70%;}
    }

 
  .HyperLinkMob
{
    color: #003060;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    background-image: url('images/title_img/TitleBg.gif');
}
      

 /* Progress bar. at upper line */
 .UpdateProgressM {
        width: 400px; 
        background-color: #FFC080; 
        /*border: gray 1px solid;  */
        border: #D3D3D3 1px solid;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        left: 4em; 
        position: absolute;
        top:110px; 
       
       }
 
 /*======================
     Progress Bar with image
     =======================*/   
  .loader {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 70%;
    height: 70%;
    z-index: 9999; /*background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); */ /* background: rgb(255, 255, 238) url('images/loader03.gif') no-repeat 50% 50%; */
    background-color: transparent;
    background: url('images/loader03.gif') repeat-x;
    cursor: progress;
}
      
  /*Common case */
    .ProgressBar
    {
        position: absolute;
        /* left: 0px;*/
        right: 20%;
        top: 130px;
        width: 20%;
        height: 5%;
        z-index: 9999;
        cursor:progress;
    }

       /*Login progress bar*/
   .loginProgressM {
    background-position: center;
    font-weight: bold;
    background-image: url('images/LoadingBars/bar120.gif');
    background-repeat: repeat-x; /* width:100%;*/
}

   /*2019/02/25 was added*/
  .ResultLabelM {
    /*width: 400px;*/
    width: auto;
    font-size: 18px; /* background-color: #EfEfEf;  */ /* color: Navy; #FFFFCC - yellow */
    color: #003939;
    font-weight: bold;
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    border-color: #D3D3D3;
    background-color: #FFCC99;
    line-height: 10px;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
    padding-right: 15px;
    padding-left: 15px;
}  


  /*2019/03/27. Status style*/
.StatusPO {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    /*color: #003300;*/
}


 /*  =========================================
     Login Status and Buskets Status for NTV
     ==========================================*/

#BasketsStatNtv 
{
    height: 20px;
    border-top: 3px solid #FFFFFF;
}
#BasketsStatNtv .loginNtv
{
    font: Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
    font-weight: normal;
    color: #003063; /* black;  elena 2013.03.03*/
    background-color: transparent;
    float: right;
    margin-left: 2em;
    margin-right: 2em;
    margin-top: 0.4em;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
}

#BasketsStatNtv .basketItems
{
    background-color: transparent;
    float: left;
    margin-left: 0.8em;
    margin-right: 2em;
    margin-top: 0.4em;
    color: #003063;
}

/* Master page Footer mobile view*/
.footerApp
{
    font-size: 11px;
    padding: 2px 2px 2px 2px;
    background-color: #def5d7;
    text-align: center;
    border-top: 2px #ffffff solid;
    background: url('images/title_img/TitleBg.gif');
    background-repeat: repeat-x;
    color: #003060;
}

/*2018/08/13  */
.footerMasterMob {
    font-size: 11px;
    font-weight:bold;
    padding: 1px 1px 1px 1px;
    margin: 1px;
    background-color: #def5d7;
    text-align: center;
    border-top: 2px #ffffff solid;
     background: url('images/title_img/TitleBg.gif') repeat-x repeat-y;
    background-color: #BADCDC;
    color: #003060;
    vertical-align: middle;
    word-wrap: break-word;
    overflow-wrap: break-word;
    height: 20px;
   /* line-height: 15px;*/
}
 
 .footerMasterMob_M
{
    font-size: 11px;
    padding: 2px 2px 2px 2px;
    background-color:#def5d7;
    text-align: center;
    border-top: 2px #ffffff solid;
    background: url('images/title_img/TitleBg.gif');
    background-repeat: repeat-x;
    border-radius: 4px;
}
/*  2021/11/16 */
/*.txt, .linkTxt {
    font: Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
    font-size: 9pt;
    vertical-align: top;
    font-weight: bold;
    width: 100px;*/
    /* text-align: right;*/
    /*margin-right: 10px;
}

.linkTxt {
    margin-right: 10px;
}*/

/*===================================
    2025/03/25
 Login   Info div
=============================*/
.Info {
    width: 100%;
    font-family: Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    /*color: #204060;*/
    color:Highlight;
    font-weight: bold;
    background-color: none;
    line-height: 26px;
    /*border: 2px #669999 solid;
    border-radius:2px;*/
    vertical-align: middle;
    text-wrap: none;
}


/*=======================================
   2025/03/26
.linkTxtN was added with hover  
============================================*/
.txt, .linkTxt, .linkTxtN {
    font-family: Arial;
    font-size: 14px;
    vertical-align: top;
    font-weight: bold;
    width: 100px;
    margin-right: 10px;
    text-wrap: avoid;
}

.linkTxtN {
    /*color: teal;*/
    color: #003060;
}

.linkTxt, .linkTxtN {
    margin-right: 10px;
}

    .linkTxt:hover, .linkTxtN:hover {
        font-size: 15px;
        font-stretch: narrower;
    }




/* ==================================
Tumb  + app new table.td declarations buttons 
====================================== */
    /*Responsive Application menu*/
/* ================================
    Hide icons using ul.ID="menu"  
    ================================*/
#menu {display:none;}

 ul.appUL
{
   display: inline-block;width:100%;
 }
   
 ul.appUL li  
{
    display:inline-block;
    float:right; 
    margin-top:1px;
    margin-bottom:1px; 
    margin-left:1px; 
    /*edited*/
    width:100%;
      }
    
/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    background: #81C0C0; /*#19c589; bright green */
    text-align: center;
    padding: 10px 0;
    font-size:14px;
    font-weight: bold;
    display: block;
    width: 100%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.menuItemRow,.menuItem {
    width: 100%;
    background: #81C0C0; /*#19c589; bright green */
    text-align: center;
    display: block;
    padding: 10px,0;
    line-height: 35px;
   
      -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; 
}
.menuItem {
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #003366;
    font-size: 14px;
    font-weight: bold;

   
}

   /*LI HOVER*/
 .menuItemRow a.menuItem:hover {
   border: 3px solid #C1C1C1;
   background-color: #FFFFE3;
   
}

     /*Hide checkbox*/
    /* .footable > tbody> tr:not(.GridViewEmptyRow):hover */
    /*This is OK for excludiing single checkbox by class name */
  /* 2018/10/23. Exclude single checkbox type
       input[type=checkbox:not(.loginCheckBoxM)]{  display: none;   }*/

     input[type=checkbox].menuCheck{  display: none;   }   
   
    /*Show menu when invisible checkbox is checked : OK this is works. 
    Responsive ul.ID=menu  !!! #menu show using ID
    2018/10/08. width:100% to show menu lines as header
    2018/10/23. menuCheck menu stub class name to control this only this type of checkbox*/
   input[type=checkbox].menuCheck:checked ~ #menu{display:inline-block;width:100%;} 

    
   /*Responsive Styles*/
@media screen and (max-width:1024px)
{
    input[type=checkbox].menuCheck:checked ~ #menu{display:inline-block;width:100%; } 
 
    /*Make dropdown links appear inline*/
   ul.appUL {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
   ul.appUL li {
        margin-bottom: 2px;
        width: 100%;
        float:none;
    }
    
    /*Display 'show menu' link*/
    .show-menu {   display:block; width:100%;  }

} 

 /*MOBILE FRIENDLY */

 @media screen and (max-width: 1024px)
    {
      .show-menu {   display:block; width:100%;  }
      input[type=checkbox].menuCheck:checked ~ #menu{display:inline-block;  width:100%;  } 
      ul.appUL li   { display:block; float: none; margin-left:0px; width:100%; }
     
    }


 .supplyerLogo { width:100px; height:100px; }
  
 
  /*Mobile version of CSS*/

  /*Login page */
table.userLogin  {
    width: 250px;
 }
     table.userLogin td.Hdr {
  
    font-weight: bold;
   /* font-size: 14px;*/
    font-size:11pt; 
    color: #003046;
    text-wrap:avoid;
     width: inherit;
}

    .loginInputM {
    font:  Arial, Helvetica, sans-serif;
    border: 2px solid #CECECE;
    border-radius: 4px;
    background-color:#fafafa;
    padding-right: 3px;
    /*line-height: 20px;*/
    line-height: 25px;
    font-size: 15px;
    font-weight: bold;
}
        .loginInputM:hover {
    border: 2px solid #5F8B8B;
}

.loginButtonM {
    
    font: 90% Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
    font-size: 16px;
    font-weight: bold; /* color: black; */
    color: #003063; /*background-image: url('images/title_img/TitleBg.gif'); */
    border: 3px solid #CECECE;
    border-radius: 4px;
    background-color:  #fafafa;
    height: 30px; /*  background-color: #EBEBD7; */
      width: inherit;
}

    .loginButtonM:hover {
    border: 3px solid #438787; /* #FFFFBD;*/
    }

 /*Login Check box AAD5D5; */
  .loginCheckBoxM {
    display: inline; /*border: 1px solid #008080; */
    border-radius: 4px;
    background-color: #AFD8D8;
    width: 100%;
    height: 25px;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
}

    .loginCheckBoxM:not(:checked):hover    {    background-color: #6D9C9C !important;   }


@media screen and (max-width:480px) {
    table.userLogin {
        /*max-width: 100%;*/
        max-width: 80%;
        /* float:left;*/
        /* This is OK . 2021/11/16*/
        float: right;
    }

    .loginCheckBoxM {
        max-width: 300px;
    }
}

    @media screen and (max-width:700px) {
        table.userLogin {
            max-width: 60%;
        }
}

@media screen and (max-width:1024px) {
    table.userLogin {
        max-width: 40%;
    }
}

@media screen and (min-width:1025px) {
    table.userLogin {    max-width: 30%;}
}

        
/*=================================
    2018/11/20.COMMON MOBILE GVRow styles
    Grid pager style
    ==============================*/
.GridViewHdrM {
    height: 40px;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-top: 2px; /* background-repeat: repeat-x;*/ /* background-color: #BADCDC; */
    border-spacing: 0;
    width: 100%;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; /* font-family:'trebuchet MS','Lucida sans',Arial; */
    font-size: 12px;
    color: #444;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #438787;
    background-image: linear-gradient(to bottom,#BADCDC,#438787);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#BADCDC),to(#438787));
    background-image: -webkit-linear-gradient(top,#BADCDC,#438787);
    background-image: -moz-linear-gradient(top,#BADCDC,#438787);
    background-image: -ms-linear-gradient(top,#BADCDC,#438787);
    background-image: -o-linear-gradient(top,#BADCDC,#438787);
    background-image: linear-gradient(to bottom,#BADCDC,#438787);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: 0;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    table-layout: inherit;
}



.GridViewEmptyRowM {
    width: 100%;
    height: 30px;
    border: 1px solid #5F5F5F;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* border-radius:4px; */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #002C5B; /* 2013.10.22 */ /*color: Navy; */ /*background-image: url(images/bg_blue_light.gif);   */ /* border: 1px #6699CC solid; */
    border-collapse: collapse;
    border-spacing: 0px;
    margin-top: 2px;
    background-repeat: repeat-x; /*background-color: #94C9C9; */
    background-color: #FFCFB9;
}

/*Common data for all GVRows*/
.GridViewRowM, .GridViewAltRowM, .GridViewItemRowM,GridViewRowLM,GridViewAltRowLM { 
     font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    height: 8px;
     background-repeat: repeat-x;
    border-collapse: collapse;
    border-spacing: 2px;
    margin-top: 2px;
}
.GridViewRowM, .GridViewRowLM {
    /* border-width: 1px; */
    margin: 3px;
    border: 2px solid #C1C1C1; /* border: 1px solid  #CECECE; */
    font-family: Arial, Helvetica, sans-serif;
    /*color: #404040; */
    color: #003063; /* background-color: #EAF4F4;*/
    table-layout: inherit;
    background-color: #F8F8F8;
}



.GridViewAltRowM, .GridViewAltRowLM {
    /* border-width: 1px;  */ /* XX border: 1px solid  #CECECE; */
    border: 2px solid #C1C1C1;
    margin: 3px;
    color: #003063; /*background-color: #F8F8FA;*/
    background-color:#EAF4F4;
}

.GridViewItemRowM
{
    /* Order items rows has no so many values*/ /*border: thin solid #E3E3E3; */
    border: 1px solid #C1C1C1;
    color: #003063;
    background-color: #EEEEEE;
    /*width: 50%;*/
    text-align: center;
}



/*=================================
    2018/10/15. New GridView pager style
    Grid pager style
    ==============================*/
.GridPagerRowM a,
.GridPagerRowM span 
    {
        display: block;
        height: 25px;
        width: 25px;
        margin: 4px;
        border-radius:3px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        font-size: 10pt;
        table-layout: inherit;
    }
 .GridPagerRowM span {
    /*Selected page style*/
    border: 2px solid #004A4A;
    background-color: #80BFBF;
    color: #C80050;/*#f5f5f5;*/ 
}
   .GridPagerRowM a {
    /*Link page style*/
    background-color: #f5f5f5;
    color: #002851;
    border: 2px solid #AAAAAA;
}
    .GridPagerRowM a:hover {
    background-color: #BDBDBD;
}
   


/*=================================
    Common definition for SearchFilterM table
    ==================================*/
  table.SearchFilterM, .SearchFilterM.tbody {
    border: 2px solid #C0C0C0;
    border-radius: 3px;
    max-width: 480px; /* It's OK  for mobile too*/
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #003063; /*  2013.10.22 */
    background-color: #F8F8F8;
    height: 110px;
    padding-left: 3px;
    padding-right: 3px; /*direction:rtl; */
    position: static;
}
.SearchFilter.tbody,.SearchFilterM.tbody.tr {width:100%; line-height:10px;}



/*Title header for serach table*/
 table.SearchFilterM td.HdM {
    border: 2px solid #AECACA;
    border-radius: 6px, 6px,6px,6px; /* border-radius: 6px,6px,6px,6px;*/
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #003063; /*  2013.10.22 */
    background-color: #A8C6C6;
    padding-left: 0px;
    padding-right: 0px;
    height: 30px; /* width:70px; */
    width:100%;

     background-color: #438787;
    background-image: linear-gradient(to bottom,#BADCDC,#438787); 
    background-image: -webkit-gradient(linear,left top,left bottom,from(#BADCDC),to(#438787));
    background-image: -webkit-linear-gradient(top,#BADCDC,#438787);
    background-image: -moz-linear-gradient(top,#BADCDC,#438787);
    background-image: -ms-linear-gradient(top,#BADCDC,#438787);
    background-image: -o-linear-gradient(top,#BADCDC,#438787);
    background-image: linear-gradient(to bottom,#BADCDC,#438787);


}

   

 /* Header Title as Search button*/
    table.SearchFilterM .btnHdM_LW_2019_03_27 {
    background-position: right;
    border: 2px solid #AECACA;
    /*==========================================
        Border radius: 
       NOTE.When all sides use radius ia unvisible
        ===============================================*/
         border-radius: 8px, 8px,8px,8px; /* border-radius: 6px,6px,6px,6px;*/
        -moz-border-radius:8px, 8px,8px,8px;
        -webkit-border-radius:8px, 8px,8px,8px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #003063; /*  2013.10.22 */
    background-color: #A8C6C6;
    padding-left: 0px;
    padding-right: 0px;
    height: 30px; /* width:70px; */
   width: 100%;

    background-color: #438787;
    background-image: url('images/Find/find_01.png'), linear-gradient(to bottom,#BADCDC,#438787); /*The best for styling*/
    background-repeat: no-repeat; 
    background-image: url('images/Find/find_01.png'),linear-gradient(to bottom,#BADCDC,#438787); 
    background-image: url('images/Find/find_01.png'),-webkit-gradient(linear,left top,left bottom,from(#BADCDC),to(#438787));
    background-image: url('images/Find/find_01.png'),-webkit-linear-gradient(top,#BADCDC,#438787);
    background-image:url('images/Find/find_01.png'), -moz-linear-gradient(top,#BADCDC,#438787);
    background-image: url('images/Find/find_01.png'),-ms-linear-gradient(top,#BADCDC,#438787);
    background-image: url('images/Find/find_01.png'),-o-linear-gradient(top,#BADCDC,#438787);
    background-image:url('images/Find/find_01.png'), linear-gradient(to bottom,#BADCDC,#438787);
}


     table.SearchFilterM .btnHdM {
    background-position: right;
    border: 2px solid #AECACA; /*Border radius: this is OK to get radius exactly !!!*/
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #003063; /*  2013.10.22 */
    background-color: #79A6A6; /*The best for styling*/
    padding-left: 0px;
    padding-right: 0px;
    height: 30px;
    width: 85%;
    background-repeat: no-repeat;
    background-image: url('images/Find/find_01.png'), linear-gradient(to bottom,#BADCDC,#438787);
      background-image: url('images/Find/find_01.png'),-webkit-gradient(linear,left top,left bottom,from(#BADCDC),to(#438787));
    background-image: url('images/Find/find_01.png'),-webkit-linear-gradient(top,#BADCDC,#438787);
    background-image:url('images/Find/find_01.png'), -moz-linear-gradient(top,#BADCDC,#438787);
    background-image: url('images/Find/find_01.png'),-ms-linear-gradient(top,#BADCDC,#438787);
    background-image: url('images/Find/find_01.png'),-o-linear-gradient(top,#BADCDC,#438787);
    background-image:url('images/Find/find_01.png'), linear-gradient(to bottom,#BADCDC,#438787);
}

  


     /*2019/03/27. Font color , size have been  added to change while hover*/
   table.SearchFilterM .btnHdM:hover {
    border: 3px solid #C1C1C1;
    /*font-size: 14px;*/
    color: #660033;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}

    /*=======================================================
        Netivim header search button. NOT RELEVANT TO USE 
        ============================================================*/
 table.SearchFilterM .btnHdMNtv {
    background-position: right;
    border: 2px solid #E0E0D1; /*Border radius*/
    border-radius: 8px, 8px,8px,8px; /* border-radius: 6px,6px,6px,6px;*/
    -moz-border-radius: 8px, 8px,8px,8px;
    -webkit-border-radius: 8px, 8px,8px,8px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #003063; /*  2013.10.22 */
    background-color: #A8C6C6;
    padding-left: 0px;
    padding-right: 0px;
    height: 30px; /* width:70px; */
    width: 100%;
    background-color: #B5B76C; /*The best for styling*/
    background-repeat: no-repeat;
    background-image: url('images/Find/find_01.png'), linear-gradient(to bottom,#F1F1E2,#B5B76C);
}
    table.SearchFilterM .btnHdMNtv:hover {   border: 3px solid #438787; font-size:13px;  }
    /*======================================================================================*/

 table.SearchFilterM tr.space5 {    line-height: 5px;}

 
  table.SearchFilterM td.Hd, td.HdC {
    /*border: 2px solid #C0C0C0;
    border-radius: 3px;*/
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #003063; /*  2013.10.22 */
    background-color: #fafafa;
    padding-left: 3px;
    padding-right: 3px;
    height: 30px;
}

    table.SearchFilterM HdC{
    /*border: 2px solid #C0C0C0;
    border-radius: 3px;*/
    text-align:center;
   
}


table.SearchFilterM td.HdR   /* RIGHT align td  */
{
    
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #003063; /*  2013.10.22 */
    background-color: #fafafa;
    padding-left: 3px; 
    padding-right:3px;
   height: 30px;
  /* width:70px; */
}

table.SearchFilterM td.ObligSign
{
    font-size: large;
    font-weight: bold;
    color: #FF0000;
}

    table.SearchFilterM td.HdCap {
        background-color: #FFFFE1;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #660033;
        text-align: right;
        font-size: 13px;
        height: 28px;
        font-style: normal;
        text-decoration: underline;
    }

    /*2020/05/25*/
table.RejectM {
    border: thin double #800000;
    background-color: #FFFFE1;
}
table.RejectM td.Caption {
    background-color: #FFFFE1;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #660033;
    text-align: right;
    font-size: 14px;
    height: 28px;
    font-style: italic;
    text-decoration: underline;
}
    table.RejectM td.Hdr {
    color: #660033;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: right;
}

table.RejectM td {
    background-color: #FFFFE1;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #003366;
    text-align: right;
}



        
    /* ==============================
    TextBoxM . OK
        TextBoxMM : multiline
    ================================= */
    .textboxm: ; }

.TextBoxMM { height:40px;}

        .TextBoxM:hover, .TextBoxMM:hover {
              border: 3px solid #438787; 
        }
         .TextBoxMNtv:hover {
    border: 3px solid #505027;
}

    

    /* ==============================
    SearchBtnM , BackButton, ApproveBtn OK
 ================================= */
    .SearchBtnM, .ExcelBtnM, .SearchBtnMNtv,ExcelBtnMNtv {
    background-position: right center;
    border: 2px solid #CECECE;
    border-radius: 2px;
    background-color: #fafafa;
    width: 100px;
    font: 90% Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
    font-size: 12px;
    font-weight: bold; /* color: black; */
    color: #003063; /*background-image: url('images/title_img/TitleBg.gif'); */
    height: 30px;
   
}
    .SearchBtnM {
    background-image: url('images/Find/find_01.png'); /*The best for styling*/
    background-repeat: no-repeat;
}
        .SearchBtnM:hover {
        border: 3px solid #438787; /* #FFFFBD;*/
        }
         .SearchBtnMNtv:hover {
       border: 3px solid #505027; /* #FFFFBD;*/
        }
     
  .backBtnM {
    /*background-color: #CCCCCC; */
    border-radius: 4px;
    border-color: #C0C0C0;
    border-width: thin;
    border-style: none solid none solid;
    width: 95px;
    height: 30px;
    font: 90% Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
    font-size: 11px;
    font-weight: bold;
    color: #003063;
    background-color: #DADAE2;
    background-image: url('images/title_img/TitleBg.gif');
    cursor: hand;
    font-style: italic;
}
    .backBtnM:hover {
        border: 3px solid #438787; /* #FFFFBD;*/
    }

     .cmdBtnM {
    /*background-color: #CCCCCC; */
    border-radius: 4px;
    border-color: #C0C0C0;
    border-width: thin;
    border-style: none solid none solid;
    width: 95px;
    height: 30px;
    font: 90% Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
    font-size: 11px;
    font-weight: bold;
    color: #003063;
    background-color: #DADAE2;
    background-image: url('images/title_img/TitleBg.gif');
    cursor: hand;
    font-style:normal;
}
    .cmdBtnM:hover {
        border: 3px solid #438787; /* #FFFFBD;*/
    }


 .approveBtnM, .notApproveBtnM {
    border-radius: 4px;
    border-width: thin;
    border-color: #DADAE2;
    border-style: solid;
    width: 90px;
    height: 30px;
    font: 90% Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
    font-size: 14px;
    font-weight: bold; /*color: #003063;*/
    background-color: #DADAE2;
    background-image: url('images/title_img/TitleBg.gif');
    cursor: hand;
}

.approveBtnM {
    color: #005E5E;
}
.approveBtnM:hover  {border: 3px solid #438787; /* #FFFFBD;*/    }

 .notApproveBtnM {    color: #990000;}
 
.notApproveBtnM:hover {
    border: 3px solid #800000;
}
       

 /*WARNING MESSAGE  */
 .ResultLabelM {
    width: 100%;
    border: #D3D3D3 1px solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-size: 13px; /* background-color: #EfEfEf;  */ /* color: Navy; #FFFFCC - yellow */
    color: #003939;
    font-weight: bold;
    background-color: #FFEEDD;
}  


 /*=================================
   MODAL  Alert panel 
    ===================================*/
 /*Modal Popup ModalBackgroundM: full screen 
     */
.ModalBackgroundM {
    background-color: #DADADA;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ModalPanelM {
    display: block;
    max-width: 350px;
    height: auto;
    background-color: #FFEEDD; /* #FFEEDD*/
    border: 6px double #A2A2A2; /*#B1B1B1;*/
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 25px;  /*position:relative;*/ /* vertical-align:top;*/
}
    .ModalPanelM #div {
        text-align:center; 
        vertical-align:middle; 
        font-size:medium;
    }

    .ModalPanelM .labelText
{
    width: 250px;
    font-size: 15px; /* background-color: #EfEfEf;  */ /* color: Navy; #FFFFCC - yellow */
    color: #003939;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    word-break:normal;
} 

.MsgBoxBtnM {
    border: 2px solid #B1B1B1;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 80px;
    font: 90% Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
    font-size: 14px;
    font-weight: bold; /* color: black; */
    color: #003939; /*background-image: url('images/title_img/TitleBg.gif'); */
    height: 30px;
    background-color: #fafafa;
}
    .MsgBoxBtnM:hover {
    border: 3px solid #808080; /* #006666;*/
}


 /*========================
     Item view  Header table 
     ==========================*/
   .ItemViewM {
    border-radius: 5px;
    border-style: solid;
    border-width: thin;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #003063; /*  2013.10.22 */ /*background-color: #fafafa;*/
    padding: 5px;
    background-color: #fafafa; /*#DFDFDF;*/
   }
    .ItemViewMText {
    /*border-radius: 5px;
    border-style: solid;
    border-width: thin;*/
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #003063; /*  2013.10.22 */ /*background-color: #fafafa;*/
    padding: 3px;
    background-color: #fafafa; /*#DFDFDF;*/
   }
.ItemViewHdrM {
    border: 1px solid  #004444;
  
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;

    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
   
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #003063; /*  2013.10.22 */
    background-color: #FFFFE8;
    padding: 3px;
    line-height: 20px;
     text-align: center;
 
}

/*2018/11/27. Netivim using header table for single item */

table.ItemViewM  {
    border-radius: 3px;
    border: 1.5px solid  #C5C5C5; /*#003366;*/
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #003063; /*  2013.10.22 */
    background-color: #fafafa;/*#fafafa;*/ /* width: 150px  ; *./*726px; */ /* height:40px; */
    padding-right: 3px;
}

  /*Left text align*/              
table.ItemViewM td.HdL {
    border: 1px solid #003366;
     border-radius: 3px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #003063; /*  2013.10.22 */
    background-color: #fafafa;
    padding-left: 3px;
    padding-right: 3px;
}
/*Middle text align header*/
table.ItemViewM td.HdM ,td.HdMLrg{
    border: 2px solid #C5C5C5;
     border-radius: 3px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #003063; /*  2013.10.22 */
    background-color: #fafafa;
    padding-left: 2px;
    padding-right: 2px;
}
 table.ItemViewM td.HdMLrg {   font-size: 13px;   }
    
    
   /*Right text align. Check where to use*/              
table.ItemViewM td.HdR 
{
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #003063; /*  2013.10.22 */
    background-color: #fafafa;
    padding-left: 3px; 
    padding-right:3px;
    width: 150px;
}

table.ItemViewM td.HdC
{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #003063; /*  2013.10.22 */ /*background-color: #fafafa; */
    padding-left: 3px;
    padding-right: 3px;
    width: 150px;
    height:25px;
    font-style: italic;
    width: 100%;
    background-color: #C4E1E1; /* background-color: #FFFFE1; yellow */
}


 /* ==============================
    ComboBoxStyleM 
 ================================= */
  .ComboBoxM:disabled {
      /*Mouse events have been disabled*/
        pointer-events: none; 
        opacity: 0.2;
}
    

    .ComboBoxM  .ajax__combobox_inputcontainer {
        /* background-position: top left; */ /* border-right: 2px !important; */
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        text-align: right;
        background-color: #fafafa;
        color: #003063;
    }

    /* input:disabled : should be to get the same style*/
    .ComboBoxM .ajax__combobox_textboxcontainer input, input:disabled {
    /* background-position: top left; */ /* border-radius:3px;  */ /*   border-right: 2px ; */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: right;
    height: 25px !important;
    background-color: #fafafa;
    border: 2px solid #CECECE;
    color: #003063;
    padding-right:5px;
    background-position: top right;
}

     .ComboBoxM .ajax__combobox_textboxcontainer input:hover {
         border: 3px solid #438787; /* #FFFFBD;*/
    }
 
  
    .ComboBoxM .ajax__combobox_buttoncontainer button, button:disabled {
    /* background-position: top left; */ /* border-style: solid;*/ /* border-width: 1px; */
    border: 1px solid #CECECE;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
   width: 21px !important;
    position: inherit;
    height: 21px !important;
    
}
    .ComboBoxM .ajax__combobox_buttoncontainer button:hover {
    border: 3px solid #438787; /* #FFFFBD;*/
}


    .ComboBoxM .ajax__combobox_itemlist {
        /* border-style: solid;*/ /* border-width: 1px; */
        /*border-radius: 3px; */ /*don't need :  view is not clear  */
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #003063;
        text-align:right;
        padding-right: 5px;
        padding-bottom: 10px;
        background-color: #fafafa;
        width: 280px;
        overflow:auto;
        
    }
        .ComboBoxM .ajax__combobox_itemlist li:hover {
    border: 3px solid #438787;
    color: #AAD5D5;
    background-color: #A3D1D1;
}

    
      /*----------------------------------------------------*/

   @media screen and (max-width:479px) {

    table.SearchFilterM { width:auto; height:auto; float:none;display:block;}
   
    .TextBoxM ,.TextBoxMM{ max-width:80%; }
    .SearchBtnM { max-width: 100px;    }

    .backBtnM { max-width: 100px;    }
    .approveBtnM , .notApproveBtnM{ max-width: 90px;    }
    .ResultLabelM {width:100%;    }
    


    }

    @media screen and (min-width:480px) and (max-width:1024px){

      table.SearchFilterM { max-width:470px; height:auto; display:compact;}
      .TextBoxM ,.TextBoxMM{ max-width:400px; }
    .SearchBtnM { max-width: 100px;    }

    .backBtnM { max-width: 100px;    }
     .approveBtnM { max-width: 90px;    }
    .ResultLabelM {width:100%;    }

    }
    
    @media screen and (min-width:1025px) {

      table.SearchFilterM { max-width:40%; height:auto; }
      .TextBoxM , .TextBoxMM{ max-width:450px;   }
      
     .SearchBtnM { max-width:  100px;    }

     .backBtnM { max-width: 100px;    }
      .approveBtnM , .notApproveBtnM{ max-width: 80px;    } 
     .ResultLabelM {width:100%;    }

  }



 /* Upper navigation panel*/
    table.navPanelM {

        width:50%; 
        max-width: 80%;
        line-height:34px;
    }

    @media screen and (max-width:479px) {

        table.navPanelM {width:80%;        }
    }

    @media screen and (min-width:480px) and (max-width:1024px){

        table.navPanelM {width:50%;        }
    }
 
 

    /* Grid pager styles*/
.GridPager a,
.GridPager span {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPager td > table > tr > td > span {

    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
    border: 1px solid #3AC0F2;
   
}

 /*  NOT USED .
     MOBILE Reverted GridView   
    .no-more-gridView: style using  class name
     #no-more-gridView :  style using id name
 */
    @media only screen and (max-width: 980px) {

        .no-more-gridView table,
        .no-more-gridView thead,
        .no-more-gridView tbody,
        .no-more-gridView th,
        .no-more-gridView td,
        .no-more-gridView tr {
            display: block;
        }

        /*Do not display header at mobile mode*/
        .no-more-gridView th {
            display: none;
        }

        .no-more-gridView thead tr {
            position: absolute; /*was absolute*/
            top: -9999px;
            left: -9999px;
        }

        /* Hide table headers (but not display: none;, for accessibility)  > * */
        .no-more-gridView tr.GridViewHdr: * {
            display: none;
        }

        .no-more-gridView tr {
            all: revert;
            border: 2px solid #ccc;
            height: auto !important;
        }

        .no-more-gridView td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            /*  padding-left: 50%; */ /* otstup sleva */
            /* padding-left: 20%; */
            white-space: normal;
            text-align: left;
            font-weight: bold;
            unicode-bidi: embed;
            direction: rtl;
        }

            /*
        Label the Header
    */
            .no-more-gridView td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/right values mimic padding. width was=45% */
                right: 5px;
                width: 20%;
                padding-right: 5px; /*   padding-left: 10px;  */
                /*white-space: nowrap; t*/
                /*for test */
                text-wrap: normal;
                overflow-wrap: break-word;
                word-wrap: break-word;
                word-break: break-word;
                text-align: right; /* text-align:left; */
                font-weight: bold;
                color: Maroon; /*background-color: #D9DAB4; */
                direction: rtl;
            }
            /*
    Label the data
    */
            .no-more-gridView td:before {
                width: 80%;
                /*text wrap*/
                text-wrap: normal;
                overflow-wrap: break-word;
                word-wrap: break-word;
                word-break: break-word;
                /* padding-left: 5px; */
                float: left;
                text-align: right;
                direction: rtl;
                content: attr(data-title);
            }
    }

    .categoriesBarM {
    background: #FFFFFF;
    padding: 0px 0px 0px 0px;
    vertical-align:top;
      
}
   
    
/*=================
    SITE MAP 
    =====================*/
.searchBarM
{
    background-color: #ddf5d7;
    background: url(images/title_img/TitleBg.gif);
    background-repeat: repeat;
    /*width: 248px;*/
    width:auto;
}

#searchBarM .BreadcrumbM {
    border: 2px dotted #D1D1D1;
       -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; 
    font: 90% Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
    color: #002B55;
    background-color: #F4F4F4;
    float: right; /*margin-right: 2em; margin-top:0.4em;*/
    margin-right: 0.2em;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    font-weight: bold;
    height: 25px;
}
#searchBarM.span {width:auto;}

#searchBarM .search    
{
	background-color: transparent;
	float:left;
	margin-left: 0.8em;
	margin-right: 2em;
	margin-top: 0.4em;  
}
 .SiteMapLabelM {
    padding: 2px;
    margin: 2px;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #003063;
    /*line-height: 25px;*//*Original when it is used*/
    line-height:4px; /*Unvisible */
  
}

 /*
     ItemView table : header
     */
 table.ItemView {
    border-radius: 4px;
    border: 2px solid #003366;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #003063; /*  2013.10.22 */
    background-color: #fafafa;/*#fafafa;*/ /* width: 150px  ; *./*726px; */ /* height:40px; */
    padding-right: 3px;
}

table.ItemView td.Hd 
{
    
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #003063; /*  2013.10.22 */
    background-color: #fafafa;
    padding-left: 3px; padding-right:3px;
}
table.ItemView td.HdR 
{
    
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #003063; /*  2013.10.22 */
    background-color: #fafafa;
    padding-left: 3px; padding-right:3px;
    width: 150px;
}

table.ItemView td.HdC
{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #003063; /*  2013.10.22 */ /*background-color: #fafafa; */
    padding-left: 3px;
    padding-right: 3px;
    width: 150px;
    height:25px;
    font-style: italic;
    width: 100%;
    background-color: #C4E1E1; /* background-color: #FFFFE1; yellow */
}


/*======================*/

    /*===========================
        MOBILE. CCalendar styles
        ============================*/
    .CalendarM 
    
  .ajax__calendar_days table tr td, 
  .ajax__calendar_months table tr td, 
  .ajax__calendar_years table tr td { padding:0; margin:0; } 
  /*-----------------------------------*/
    .ajax__calendar_container
{
    border: 1px solid #646464; /*background-color: #E4E4C9; */
    color: #002164;
    background-color: #BADCDC;
}
        .ajax__calendar_container th { padding: 0px; }
 
        .ajax__calendar_container td
{
    background-color: #EfEfEf;
    padding: 0px;
}
 
 
 /*--- next month days are visible in current month     ---*/
.ajax__calendar_other .ajax__calendar_day,
 .ajax__calendar_other .ajax__calendar_year
{
    color: #A5A5A5;
    font-weight: bold;
}
 
 /*  mouse focus on */
    .ajax__calendar_hover .ajax__calendar_day, .ajax__calendar_hover .ajax__calendar_month, .ajax__calendar_hover .ajax__calendar_year
{
    color: #000000;
    font-weight: bold;
}
 
 /*  Selected day */
.ajax__calendar_active .ajax__calendar_day
{
    border-style: groove;
    border-width: thin;
    background-color: #EfEfEf;
}
 
.ajax__calendar_active .ajax__calendar_month, 
.ajax__calendar_active .ajax__calendar_year {
color: black;
font-weight: bold;
}



.tabPanelM_X {
    background-color: #99FFCC;
    line-height:20px;
}
  

    .TestStyle {
    /*color: #EEEEEE;*/
    border: 2px solid #A0C0C0;
    margin: 3px;
    border-radius: 5px;
    background-color: #66FFFF;
    color: #BADCDC; /*#003D80;*/ /*#EFEFEF;*/ /*#003955; dark blue: OK ...*/ /*#FFFFFF white : OK*/
}

    /* Grid pager bootstrap styles*/
    .pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination-ys table > tbody > tr > td {
    display: inline;
}

.pagination-ys table > tbody > tr > td > a,
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #dd4814;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}

.pagination-ys table > tbody > tr > td:first-child > a,
.pagination-ys table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination-ys table > tbody > tr > td:last-child > a,
.pagination-ys table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination-ys table > tbody > tr > td > a:hover,
.pagination-ys table > tbody > tr > td > span:hover,
.pagination-ys table > tbody > tr > td > a:focus,
.pagination-ys table > tbody > tr > td > span:focus {
    color: #97310e;
    background-color: #eeeeee;
    border-color: #dddddd;
}


   /*Line of screens */
/*@media screen (min-width:320px)   /* smartphones, iPhone, portrait 480x320 phones */
/*@media screen (min-width:481px)   /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
/*  @media screen (min-width:641px) */  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
/*@media screen (min-width:961px)   /* tablet, landscape iPad, lo-res laptops ands desktops */ 
/*@media screen (min-width:1025px)  /* big landscape tablets, laptops, and desktops */ 
/*@media screen (min-width:1281px) */