/* reseting */

/*{
                        
        border: solid 0em transparent;
        border-style : none;
        border-color : none;
        border-width: 0em;     
        outline: none; 
        background : transparent;                                           

}



 {
       border-collapse: collapse;*/
  

  form .RadToolTip.rtShadow
  {
      box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
  }

/*#region RadToolTip.cblRadTooltip */

form .RadTooltip.cblRadToolTip.rtShadow{
   box-shadow: 0em 0em .25em rgba(0,0,0,.5);
        -webkit-box-shadow:  0em 0em .25em rgba(0,0,0,.5) !important;
        -moz-box-shadow:  0em 0em .25em rgba(0,0,0,.5) !important;
        -ms-box-shadow:  0em 0em .25em rgba(0,0,0,.5) !important;
        -o-box-shadow:  0em 0em .25em rgba(0,0,0,.5) !important;
}

/*#endregion */


  form .RadToolTip_Metro .RadGrid_Metro
  {
      border: solid 0em transparent;
      outline: none;
  }

    form .RadToolTip_Metro .RadGrid_Metro .rgMasterTable
    {
        border: solid 0em transparent;
    }


     form .RadToolTip_Metro .RadGrid_Metro .rgMasterTable thead tr th.rgHeader
     {
         border: solid 0em transparent;
         border-style: none;
         border-color: none;
     }

  form .RadToolTip_Metro .RadGrid_Metro .rgMasterTable tr.rgGroupHeader
        {
            /*border: solid 1px;*/
            width: 0px;
            height: 0px;
            border: solid 0px transparent;
            border-style: none;
            background: transparent;  
            border-color: none;
            border-bottom: solid 0px transparent;
            border-top: solid 0px transparent;   
            border-right: solid 0px transparent;
            border-left: solid 0px transparent;  
        }
            form .RadToolTip_Metro .RadGrid_Metro .rgMasterTable tr.rgGroupHeader td.rgGroupCol
            {
                /*border: solid 1px;*/
                background: transparent;
                border: solid 0px transparent;
                background: transparent;
                color: #000;
            }
            
                form .RadToolTip_Metro .RadGrid_Metro .rgMasterTable tr.rgGroupHeader td.rgGroupCol button.rgActionbutton
                {
                    /*border: solid 1px cyan;*/
                    background: transparent;
                    width: 0em;
                    height: 0em;
                }

                        form .RadToolTip_Metro .RadGrid_Metro .rgMasterTable tr.rgGroupHeader td.rgGroupCol button.rgActionButton .rgIcon
                        {
                            /*border: solid 1px;*/
                            background: transparent;
                        }

            form .RadToolTip_Metro .RadGrid_Metro .rgMasterTable tr.rgGroupHeader td
            {
                /*border: solid 1px;*/
                background: transparent;
            }
/*----------------------------------------------------------------- / resting */


  /* Applying style */


 
form .RadToolTip
 {
   
         background-color: rgba(13,71,161,1);
}


form .RadToolTip .RadGrid
{
    background: #fff;     
  
}



              form .RadToolTip .rtContent div .cblRadGrid
              {
                  
                    width: 98% !important;
                    max-width: 98% !important;
                    background: #fff;
                    line-height: 2em;
                     margin: auto auto; 
    
                    box-shadow: 0em 0em .25em rgba(13,71,161,.5);
                    -webkit-box-shadow: 0em 0em .25em rgba(13,71,161,.5);
                    -moz-box-shadow: 0em 0em .25em rgba(13,71,161,.5);
                    -ms-box-shadow: 0em 0em .25em rgba(13,71,161,.5);
                    -o-box-shadow: 0em 0em .25em rgba(13,71,161,.5);

                    border-radius: .55em;
                    -webkit-border-radius: .55em;
                    -moz-border-radius: .55em;
                    -ms-border-radius: .55em;
                    -o-border-radius: .55em;  
                    
                    overflow: auto;
              }
             
          

 form .RadToolTip .rtContent div .RadGrid  .rgHeaderWrapper
             {

                    background: #368ee0;
                    border-bottom: solid 4px #2E86C1;                
                    color : #fff;
                    border-top-left-radius: 10px;
                        -webkit-border-top-left-radius: 10px; /* for Google Chrome browser */
                        -moz-border-top-left-radius: 10px; /* for Mozilla Firefox browser */
                        -ms-border-top-left-radius: 10px; /* for Internet Edge && IE browser */
                        -o-border-top-left-radius: 10px; /* for Google Opera browser */

                    border-top-right-radius: 10px;
                        -webkit-border-top-right-radius: 10px; /* for Google Chrome browser */
                        -moz-border-top-right-radius: 10px; /* for Mozilla Firefox browser */
                        -ms-border-top-right-radius: 10px; /* for Internet Edge && IE browser */
                        -o-border-top-right-radius: 10px; /* for Google Opera browser */


             }



              form .RadToolTip .rtContent div .RadGrid  .rgHeaderWrapper .rgHeader
              {

                    color: #fff;
              }


                /* Alert [ info ]*/
                form .RadToolTip .rtContent div #ctl00_ctl22_ctl02_RG_Alerts div.rgHeaderWrapper 
                {                   
                    line-height: .45em;
                }

                 /* Alert [ wraning ]*/
                form .RadToolTip .rtContent div #ctl00_ctl21_ctl02_RG_Alerts div.rgHeaderWrapper 
                {                   
                    line-height: .45em;
                }

                 /* Alert [ alerts ]*/
                form .RadToolTip .rtContent div #ctl00_ctl20_ctl02_RG_Alerts div.rgHeaderWrapper 
                {                   
                    line-height: .45em;
                }

               form .RadToolTip .rtContent div .RadGrid .rgDataDiv
               {
                   /*border: solid 2px green !important;*/
                   height: 298px !important;
                   overflow-y : auto !important;
               }

                form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable
                {

                    border-collapse: collapse;    
                    background: #fff; /* by the moment */
                    /*border: solid 1px;*/
                    width: 100% !important;
                    table-layout: fixed;

                }


                /*form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable
                {
                    border: solid 1px;
                    width: 100%;
                    table-layout: fixed;
                }*/



                form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable tbody tr.rgGroupHeader
                {
                    /*border: solid 1px;*/
                    padding-top: 2em;
                    padding-bottom: 2em;
                     border-bottom: solid .25em  rgba(13,71,161,.5);               
                }


                form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable tbody tr.rgGroupHeader td
                {
                               text-align: left;
                               color: #fff;
                               background: rgba(54,142,224,.5);
                                border: solid 0em transparent;
                              border-bottom: solid .25em  rgba(13,71,161,.5);
                }

                 form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable tbody tr.rgGroupHeader:hover
                 {
                        background : #368ee0;
                 }


                form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgRow,
                 form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgAltRow
                {
                            /*height: .625em;        
                            height: calc(.625em + .55em);          
                            border-bottom: solid 1px rgba(208,211,212,.2);*//* Hexadecimal color => #D0D3D4 // unable by the moment */
                            /*border-bottom-width: .25em;*/
                            padding-top:0em;
                            padding-bottom: 0em;
                }


                  form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgRow td,
                 form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgAltRow td
                   {
                        text-align: center;
                        color : #000;
                        font-size: 1em;
                        font-weight: 500;
                        font-family: 'Roboto', sans-serif !important;                        
                        padding-top:0em;
                        padding-bottom: 0em;
                   }


                    form .RadToolTip  .RadGrid .rgDataDiv .rgMasterTable tbody tr.rgRow,
                    form .RadToolTip  .RadGrid .rgDataDiv .rgMasterTable tbody tr.rgAltRow
                    {
                            background: #fff !important;
                            height: .25em !important; 
                            padding: 0em !important;                                        
                            border-bottom: solid 1px rgba(208,211,212,.2);/* Hexadecimal color => #D0D3D4 // unable by the moment */
                            border-bottom-width: .25em; 
                        
                    }

                      form .RadToolTip  .RadGrid .rgDataDiv .rgMasterTable tbody tr.rgRow:hover,
                      form .RadToolTip  .RadGrid .rgDataDiv .rgMasterTable tbody tr.rgAltRow:hover
                         {
                             background: #368ee0 !important;
                             color: #fff !important;
                         }

                      form .RadToolTip  .RadGrid .rgDataDiv .rgMasterTable tbody tr.rgRow:hover td,
                      form .RadToolTip  .RadGrid .rgDataDiv .rgMasterTable tbody tr.rgAltRow:hover td
                      {
                          color: #fff !important;
                      }

                    form .RadToolTip  .RadGrid .rgDataDiv .rgMasterTable tbody tr.rgRow td.rgGroupCol,
                    form .RadToolTip  .RadGrid .rgDataDiv .rgMasterTable tbody tr.rgAltRow td.rgGroupCol
                   {
                        background: #F5F5F5 !important;
                   }

                   form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgRow td.rgGroupCol,
                   form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgAltRow td.rgGroupCol
                   {
                       background:transparent;
                       padding: 1em 1em;
                   }


                    form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgGroupHeader td.rgGroupCol                    
                    {

                            width: 10px;
                            height: 10px;
                            background: #368ee0;

                            border-radius: 1px;
                                -webkit-border-radius: 1px;
                                -moz-border-radius: 1px;
                                -ms-border-radius: 1px;
                                -o-border-radius: 1px;

                            color: #fff;
                            margin: auto auto;

                         

                            justify-content: center;
                            align-items: center;
                    }


                    /* RadButton */
                    form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgGroupHeader td .RadButton.CblBtnRefresh
                    {
                       width: 25px;
                       height: 25px;
                       
                       border-radius: .25em;
                         -webkit-border-radius: .25em;
                         -moz-border-radius: .25em;
                         -ms-border-radius: .25em;
                         -o-border-radius: .25em;

                        background: #0d47a1;
                        border: solid 0em transparent;
                        border-bottom: solid .25em #093F92;                       
                    }

                    form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgGroupHeader td .RadButton.CblBtnRefresh::before
                    {
                         /* This icon font is taken from the webpage fontawesome.com . Free icon Licence to use it in personally or comercially */
                             font-family: "Font Awesome 5 Free"; 
                             font-weight: 700;
                             content: "\f2f9";
                             clear: both;
                             font-size: 1em;
                             color:#fff !important;
                    }

                    form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgGroupHeader td.rgGroupCol span.rgExpandIcon::before
                    {
                         /* This icon font is taken from the webpage fontawesome.com . Free icon Licence to use it in personally or comercially */
                             font-family: "Font Awesome 5 Free"; 
                             font-weight: 700;
                             content: "\f054";
                             clear: both;
                             color:#fff !important;
                    }



                     form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgGroupHeader td.rgGroupCol span.rgCollapseIcon::before
                     {
                         /* This icon font is taken from the webpage fontawesome.com . Free icon Licence to use it in personally or comercially */
                             font-family: "Font Awesome 5 Free"; 
                             font-weight: 700;
                             content: "\f078";
                             clear: both;
                             color:#fff;
                     }



form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable tbody tr.rgGroupHeader,
form .RadToolTip  .RadGrid .rgDataDiv .rgMasterTable tbody tr.rgRow,
                      form .RadToolTip  .RadGrid .rgDataDiv .rgMasterTable tbody tr.rgAltRow
{
     transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
}




/* buttons of RadToolTip AlertTagAlertGrid */

 form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgRow button.rgShow,
 form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgAltRow button.rgShow
 {
     width: 25px;
     height: 25px;     
     background: #1974d2;
     border-bottom: solid 4px #1068C3;
     color: #fff;

     border-radius: .25em;
        -webkit-border-radius: .25em;
        -moz-border-radius: .25em;
        -ms-border-radius: .25em;
        -o-webkit-border-radius: .25em;

      display: flex;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flexbox;
        display:-o-flex;
    justify-content: center;
    align-items: center;

     
     margin-left : -.25em;
 }


 
 form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgRow button.rgShow span.rgButtonText,
 form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgAltRow button.rgShow span.rgButtonText
 {
     display: none;
 }

form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgRow button.rgShow span.rgShowIcon::before,
form .RadToolTip .rtContent div .RadGrid .rgDataDiv .rgMasterTable.rgClipCells tbody tr.rgAltRow button.rgShow span.rgShowIcon::before
{
   /* This icon font is taken from the webpage fontawesome.com . Free icon Licence to use it in personally or comercially */
    font-family: "Font Awesome 5 Free"; 
    font-weight: 700;
    content: "\f06e";
    clear: both;                                                       
    color:#fff;                                           
    font-size: 16px;   
}