﻿html
{
height: 100%;
width:100%;
}
body 
{
      padding: 0px;
      font-family:'Roboto'; 
      font-size:13px ;  
      cursor:default;width:100%;height: 100%;margin:auto;
}
.cForm
{
    height:100%;
}

.ModalPopupBG /*added by Payal */
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.popup_Body
{
	padding:15px 15px 15px 15px;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	line-height:15pt;
	clear:both;
	padding:20px;
}

.HellowWorldPopup
{
    min-width:200px;
    min-height:150px;
    background:white;
}

.divWaiting{
   
position: fixed;
background-color: #FAFAFA;
z-index: 2147483647 !important;
opacity: 0.8;
overflow: hidden;
text-align: center; top: 0; left: 0;
height: 100%;
width: 100%;
padding-top:20%;
bottom: 0;
right: 0;

} 


.updateProgress
{
position: fixed;
top: 0px;
left: 0px;
min-height: 100%;
min-width: 100%;
background-color: #e4e4e6;
z-index: 500 !important;
opacity: 0.8;
overflow: hidden;
}

 .pnlCustomer
        {
            color: white; background-color: #009CD6; text-align: left; font-size: 14px; padding-left: 8px;
        }

.TrashiconStyle
{
    width:2%;
    padding-left:5px;
    padding-right:10px;
}

.InsuGridHeaderStyle
{
    background-color:darkmagenta;
}
.FinGridHeaderStyle
{
    background-color:#00a5a5;
}

.GridHeader {text-align:right;padding-right:5px}


.cGrid a{color:#554E4E;}
.cGrid {font-size:12.5px;width:100%;margin-bottom:1px;background-color:white;margin:auto; border:1px solid white;font-family:'Roboto'}
.cGrid th {background-color:#009CD6; font-weight:400;border:none;color:white;height:46px;font-size:12.5px; padding-left:5px;padding-right:5px}
.cGrid tr {background-color:white;border-bottom:solid 1px #ddd;color:#554E4E;height:25px;} 
.cGrid td {border:none; padding:5px; font-size:12.5px;font-weight:400; }   

      .cGrid th.sortasc a  
    {
        display:block; padding:0 4px 0 15px; 
      background:url(../../r/i/asc.png) no-repeat;  
   }
  
.cGrid th.sortdesc a 
 {
       display:block; padding:0 4px 0 15px; 
      background:url(../../r/i/desc.png) no-repeat;
 }

.cGrid:hover
{
    cursor:pointer; background-color:#9cdef6;
    
}

.cGridFinHeader th {background-color:#00a5a5;}
.cGridInsHeader th {background-color:darkmagenta;}


.cOptGrid a{color:#554E4E;}
.cOptGrid {font-size:12.5px;width:100%;margin-bottom:1px;background-color:white;margin:auto; border:1px solid #ddd;font-family:'Roboto'}
.cOptGrid th {background-color:#009CD6; font-weight:400;border:none;color:white;height:46px;font-size:12.5px; padding-left:5px;padding-right:5px}
.cOptGrid tr {background-color:white;border-bottom:solid 1px #ddd;color:#554E4E;height:25px;} 
.cOptGrid td {border:none; padding-left:5px;padding-right:5px; font-size:12.5px;font-weight:400; }   
.cOptGrid:hover
{
    cursor:pointer; background-color:#9cdef6;
    
}
.NewOptnGrid{ border:1px solid darkmagenta !important;}
.NewOptnGrid tr { border:1px solid darkmagenta !important;}
.NewOptnGrid th {background-color:transparent; font-weight:400;border:none;color:black;height:46px;font-size:15.5px; padding-left:5px;padding-right:5px;}
.NewOptnGrid td {border:none; padding:5px; font-size:15px;font-weight:400;}  

.NewOptnGrid1 td {/*line-height:2.43 !important*/}

  .ReviewGrid 
   {
    border:none;
   }
  .ReviewGrid td
  {
      border:1px solid #ddd; padding-left:5px;padding-right:0px; font-size:12.5px; 
  }

  .ReconComStyle th{
      height:25px;
  }

 .FranchiseRpt a{color:#554E4E;}
.FranchiseRpt {font-size:12.5px;width:100%;margin-bottom:1px;background-color:white;margin:auto; border:1px solid white;font-family:'Roboto';}
.FranchiseRpt th {background-color:#009CD6;background-image: linear-gradient( to top right,#009CD6, #009CD6); font-weight:400;border:none;color:white;height:25px;font-size:12.5px; /*padding-left:5px;padding-right:5px;*/padding:5px;}
.FranchiseRpt td.right {border:none;/*padding-left:5px;padding-right:5px;*/ padding:5px; font-size:12.5px;font-weight:400;height:25px; text-align:right;border-bottom:1px solid #ddd;}   
.FranchiseRpt td.left {border:none;/*padding-left:5px;padding-right:5px;*/ padding:5px; font-size:12.5px;font-weight:400;height:25px;text-align:left;border-bottom:1px solid #ddd;}   
.FranchiseRpt td.center{border:none;/*padding-left:5px;padding-right:5px;*/padding:5px; font-size:12.5px;font-weight:400;height:25px; text-align:center;border-bottom:1px solid #ddd;}   

 .FranchiseRptRowInsurance
  {
      background-color:darkmagenta;font-weight:bold;border:none;color:white;font-size:12.5px; text-align:center;
  }
 .FranchiseRptRowInsurance:hover{color :darkmagenta;}

 .FranchiseRptRowFinance
  {
      background-color:#00a5a5;font-weight:bold;border:none;color:white;font-size:12.5px; text-align:center;
  }
 .FranchiseRptRowFinance:hover{color:#00a5a5}
  .FranchiseRptTotalRow
  {
      font-weight:bold;border-top:3px double #ddd;color:black;font-size:12.5px;background-color:#f5f5f5;
  }

.FranchiseRptTotalFandIRow 
{
    font-weight: bold; border-top: 3px double #ddd; color: black; font-size: 12.5px; background-color: yellow;
}

   .FranchiseRptRowPayMethod
  {
      background-color:#7f7f7f;font-weight:400;border:none;color:white;font-size:12.5px; text-align:center;
  }
   .FranchiseRptRowPayMethod:hover{color:#554E4E}
.abcd
{
  border-top:3px double #ddd; border-top-color:black;font-size:12.5px;background-color:#f5f5f5;
}
.cBtn {background:white 0px -16px; 
       width:80px; height:28px;
       padding:1px 3px;  border:none;
       background-color:#009CD6; font-size: 13px; font-family: Roboto; color: white; 
       font-weight: normal;
       border-radius:0px 0px 0px 0px;
}
.cBtn:hover
{
  background-position:0px 0px;color:white; cursor:pointer; background-color:#00afef;
}



.cBtnLst /*this is to cater for long buttons on List tab font-family:'Roboto'*/
{
    background:white 0px -10px;
    width:100%;
    min-height:25px;height:100%;
    background-color:#009CD6; font-size:13px ; font-family: Roboto; color: white; 
    border-radius:0px 0px 0px 0px; /*padding:1px 3px; commented by shekhar to increase the height of search buttons on 17/08/2014*/ font-weight:normal;border:none;
}
.cBtnLst:hover
{
    background-position:0px 0px;color:white; cursor:pointer; background-color:#00afef;
}
.cBtnTop:hover , .cBtnTop:focus  /*this is to cater for long buttons on List tab */
{
      border:none;
       background-color:#00afef; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
}
.cBtnTop /*this is to cater for long buttons on List tab */
{
     border:none;
       background-color:#009CD6; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:none; 
}

.cBtnTopARM /*this is to cater for long buttons on List tab */
{
     border:none;
       background-color:orangered; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:none; 
}
.cBtnTopARM:hover , .cBtnTopARM:focus  /*this is to cater for long buttons on List tab */
{
      border:none;
       background-color:darkorange; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
}

.cBtnTopAddCust /*this is to cater for long buttons on List tab */
{
     border:none;
       background-color:darkorange; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:none; /*margin:10px;*/ 
}
.cBtnTopAddCust:hover , .cBtnTopAddCust:focus  /*this is to cater for long buttons on List tab */
{
      border:none;
       background-color:orangered; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
}

.cBtnPendingShift /*this is to cater for long buttons on List tab */
{
     border:none;
       background-color:purple; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:none; 
}
.cBtnPendingShift:hover , .cBtnPendingShift:focus  /*this is to cater for long buttons on List tab */
{
      border:none;
       background-color:#660066; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
}

.cBtnMoveFIRecon /*this is to cater for long buttons on List tab */
{
      border:none;
       background-color:white; font-size: 13px; font-family: 'Roboto'; color:red; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:1px solid red;

     
}
.cBtnMoveFIRecon:hover , .cBtnMoveFIRecon:focus  /*this is to cater for long buttons on List tab */
{
    border:none;
       background-color:red; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:solid 1px white; 
}

.cBtnProductList /*this is to cater for long buttons on List tab */
{
      border:none;
       background-color:white; font-size: 13px; font-family: 'Roboto'; color:#00a4df; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:1px solid #00a4df;

     
}
.cBtnProductList:hover , .cBtnProductList:focus  /*this is to cater for long buttons on List tab */
{
    border:none;
       background-color:#00a4df; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:solid 1px white; 
}

.cBtnLoanSearch /*this is to cater for long buttons on List tab */
{
      border:none;
       background-color:#00a5a5; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:1px solid #00a5a5;

     
}
.cBtnLoanSearch:hover , .cBtnLoanSearch:focus  /*this is to cater for long buttons on List tab */
{
    border:none;
       background-color:white; font-size: 13px; font-family: 'Roboto'; color:#00a5a5; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:solid 1px #00a5a5; 
}
.cBtnSaveNotes /*this is to cater for long buttons on List tab */
{
      border:none;
       background-color:#00a4df; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:solid 1px white; 

     
}
.cBtnSaveNotes:hover , .cBtnSaveNotes:focus  /*this is to cater for long buttons on List tab */
{
    border:none;
       background-color:#00afef; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:solid 1px white; 
}

.cBtnDMSList /*this is to cater for long buttons on List tab */
{
      border:none;
       background-color:white; font-size: 13px; font-family: 'Roboto'; color:orange; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:1px solid orange;

     
}
.cBtnDMSList:hover , .cBtnDMSList:focus  /*this is to cater for long buttons on List tab */
{
    border:none;
       background-color:orange; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:solid 1px white; 
}

.lnkGenericSearch:hover , .lnkGenericSearch:focus  /*this is to cater for long buttons on List tab */
{
      border:none;
       background-color:#00afef; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
}
.lnkGenericSearch /*this is to cater for long buttons on List tab */
{
     border:none;
       background-color:#009CD6; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:none; 
}

.cBtnCustDashbrd /*this is to cater for long buttons on List tab */
{
     border:none;
       background-color:green; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:none; 
}
.cBtnCustDashbrd:hover , .cBtnCustDashbrd:focus  /*this is to cater for long buttons on List tab */
{
      border:none;
       background-color:limegreen; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
}

.cBtnAGIDealstat /*this is to cater for long buttons on List tab */
{
     border:none;
       background-color:darkgrey; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:none; 
}
.cBtnAGIDealstat:hover , .cBtnAGIDealstat:focus  /*this is to cater for long buttons on List tab */
{
      border:1px solid darkgrey;
       background-color:white; font-size: 13px; font-family: 'Roboto'; color:darkgrey; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
}



.cBtnInsurance /*this is to cater for long buttons on List tab */
{
     border:none;
       background-color:darkmagenta; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:none; 
}
.cBtnInsurance:hover , .cBtnInsurance:focus  /*this is to cater for long buttons on List tab */
{
      border:none;
       background-color:magenta; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
}

.cBtnTopTest /*this is to cater for long buttons on List tab */
{
    min-width:100px; min-height:35px;height:50px; width:100px;
    font-size: 13px; font-family:'Roboto'; color:#FFF; 
    font-weight: normal;cursor:pointer;
    border:none;
    /*background-color:transparent;*/
    margin-left:1%;margin-top:2%; padding:0px; border-radius:0px;display:block;
}
.cBtnTopTest:focus:active , .cBtnTopTest:focus ,.cBtnTopTest:active:focus, .cBtnTopAddCust:active:focus, .cBtnTopAddCust:focus, .cBtnTop:active:focus, .cBtnTop:focus,.cBtnCustDashbrd:focus, .cBtnCustDashbrd:active:focus, cBtnInsurance:focus, cBtnInsurance:active:focus
{
        outline:none;border:none
}
.cBtnTopTest:hover  
{
          cursor:pointer;background-color:transparent !important;color:black;opacity:1; outline:none;border:none; 
}

.cBtnTopNormal /*this is to cater for long buttons on List tab */
{
     /*width:120px;  height:40px;*/ /*16/07/2014*/
     min-width:115px; min-height:35px;display:block;
     height:50px; width:115px;
    font-size: 13px; font-family: 'Roboto'; color:lightgray;
    /*font-feature-settings:"lnum"; */
    /*border-radius:0px 10px 0px 10px;*/font-weight: normal;cursor:pointer;
    border:none;margin-left:1%;margin-top:2%; padding:0px; border-radius:0px; /*padding-top:7px;*/
    /*background-color:transparent;*/ 
}
.cBtnTopNormal:hover
{
         /*font-family:'Roboto'; color: #484848; font-weight:normal;cursor:default;background-color:ghostwhite;color:#484848;*/ color:lightgray;cursor:default;
}

.cBtnTop:hover
{
  color:white; 
}
.cBtnFtr /*this is to cater for long buttons on List tab */
{
    background:url('../../r/i/button.jpg') 0px -16px;  height:30px; border:1px solid white; 
       background-color:white; font-size: 105%; font-family: Roboto; color: #0070C0; 
       border-radius:5px 5px 5px 5px;padding:1px 3px; 
       /*margin-bottom:10px;margin-top:5px;width:220px;*/
}
cBtnFtr:hover
{
    background-position:0px 0px;color:white; cursor:pointer;
}
div.container
{
    width:100%;
    height:100%;
}

div.top
{
    background-color:#009CD6;
}

div.clear
{
    clear:both;
}

div.content
{
    margin-left:190px;
    border-left:1px solid gray;
    padding:4px;
}

a.heading
{
   color:white;
   font-size:13px;
   text-align:center;
   /*line-height:0px;*/
}

div.a
{font-weight: 400;
 line-height:20px;
 text-align:center;text-decoration:none;
 }

div.left
{
   float:left;font-size:12px;color:white;font-weight: 400;display:block;
   /*margin-top:24px;*/
   margin-top:2.25px;
   /*border-right:6.5px solid orange;*/
  border-right:1.6px solid white;
}

div.lfHeader
{
    text-align:center;line-height:40px;
}

        .lbl
        {
            font-family:'Roboto';
            color:#6f7b8a;
            font-weight: 400;
           font-size:14px;
            text-align:left;
            vertical-align:middle;
        }

        .lblSml
        {
            font-family:Roboto;
            color:#009CD6;
            font-weight:normal;
            font-size:13px;
             height:40px;
            padding-bottom:5px;
          /*width:274px;*/
            text-align:left;padding-left:3px;
        }
        /*added by shekhar*/
         .lblSummary
        {
            font-family:Roboto;
            color:#009CD6;
             font-size:13px;
             /*height:30px;*/ /*commented by shekhar on 15/08/2014*/
            padding-bottom:5px;
          /*width:274px;*/
            text-align:right;padding-left:3px;
        }
      
        .txtTd
        {
            vertical-align:central;
        }
          /*.txtTdSch
        {
        
            vertical-align:central;
            width:20%;
        }*/
         .cErrMsg
         {
             color:#009CD6;
         }
         .cErrMsgRed
         {
             color:red;font-size:110%;
         }
         
          .lblOutstanding
         {
            font-family:Roboto;
            color:#009CD6;
            font-weight:normal;font-size:15px;
            padding-bottom:5px;
          /*padding-left:2px;*/
         }
      .lblOptionsSch
        {
            color:#009CD6;
            font-weight:normal;
            /*font-size:15px;*//*15/07/2014*/
            font-size:100%;
            padding-bottom:1%;
            padding-left:20px;
            text-align:left;
            /*width:274px;*//*16/07/2014*/
            width:20%;
        }
         .lblOptions1Sch
         {
            color:#009CD6;
            font-weight:normal;
            /*font-size:15px;*//*15/07/2014*/font-size:90%;
          width:22%; font-size:100%;
            /*width:326px;*//*16/07/2014*/
            padding-bottom:1%;
            /*padding-left:90px; text-align:right;*/  
            text-align:left;
            padding-left:60px;
         }
           .lblOptions
        {
            font-family:Roboto;
            color:#554E4E;
            /*font-weight: 400;*/
            /*font-size:15px;*//*15/07/2014*/
         font-size:12px;
            height:40px;
            /*padding-bottom:5px;*/
            padding-left:20px;
            text-align:left;
            /*width:274px;*//*16/07/2014*/
           /*width:20%;*/  /* This requied for the Search option. dont touch it*/
           
        }
         .lblOptions1
         {
           font-family:Roboto;
            color:#808989;
            /*font-weight: 400;*/
            font-size:12px; /*added by shekhar*/
             height:40px;
            /*font-size:15px;*//*15/07/2014*/font-size:95%;
          /*width:22%;*/  /*commented by shekhar on 30/07/2014*/
            /*width:326px;*//*16/07/2014*/
            padding-bottom:5px;
            /*padding-left:90px; text-align:right;*/  
            text-align:left;
            padding-left:60px;
         }
        .pnl
        {
            /*background-color:blue;*/height:100%;
        }
       .cDtls
       {
           padding-right:10px;padding-left:10px;
          margin:auto;
          width:100%; /*added by shekhar*/
          height:80%;
          background-color: white;
       }
       .cDtls td
       {
           border-collapse: collapse;
       }
        .cEditDrpList
        {
            width:100%;border:solid 1px #ccc; font-size:12px;  /* made width to mzx-width by Shekhar*/
             /*border-radius:0px 0px 0px 0px;*/height:25px;padding-left:5px;
        }
          .cEditDrpList.cEditDrpListBatch{
             background-color:#D7ECFF; border:solid 1px #009CD6;
         }


 
.cEdit
{
    border:solid 1px #ccc;  font-family:Roboto;height:25px;vertical-align:middle; font-size:12px;
    width:100%;top: 0px;left: 0px;border-radius:0px 0px 0px 0px;padding-left:5px;padding-right:2px;padding-top:3px;
    /*-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
}
.cEdit:focus
{
    border-color:#009CD6; outline:0;background-color:white; /*#e5eff9*/
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow:inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
}

.ValidationStyle{
    border:1px solid Red !important;
}
       #errmsg
{
color: red; 
}

       tdFooter
       {
           border-right:1px solid white;
       }

      
    .SKTab_style .ajax__tab_header
    .ajax__tab_header .ajax__tab_outer
    .ajax__tab_header .ajax__tab_inner
    {
        height:auto;
        width:auto;
        padding:4px;
        margin:0;
    }    
      .SKTab_style   .ajax__tab_body
      {
          height:90%
      }
    
    
    #tabMain
    {
        height:100%;
    }

.ajax__tab_panel {
    height: 100%;
    overflow-y:no-display;
}
 .myajax_tab .ajax__tab_header
        {
            font-family: Roboto;font-size: 14px;padding-top:0px; /*background-color:#00afef;*/  /*height:4%;*/display: block
        }
 .myajax_tab .ajax__tab_inner 
        {
            /*border-radius:5px 5px 5px 5px;*/
             /*border-right:solid 2px red; border-left:solid 2px red;*/
            
        }

     
        .myajax_tab .ajax__tab_header .ajax__tab_outer
        {
            /*background-color:#009CD6;*/  /*12/08/14*/
             /*background: linear-gradient(#009CD6 50%, #0077a3 100%);*/
          background-color: #009CD6;
          background-image: linear-gradient( to top right,#009CD6, #0077a3); 
            /*border-right:solid 1px #00afef;*/ border-left:solid 2px  #00afef; width:9%;min-width:200px;  /*padding-top:0px;*/height:100%;
        }
        .myajax_tab .ajax__tab_header .ajax__tab_inner
        {
            color:white;text-align:center;  width:100%;
        }
        .myajax_tab .ajax__tab_hover .ajax__tab_outer
        {
            color: white;font-weight: bold; 
        }
        .myajax_tab .ajax__tab_hover .ajax__tab_inner 
        {
            font-weight:bold;color: white;font-size:14px;
         }
        .myajax_tab .ajax__tab_active .ajax__tab_outer
        {
            color: #009CD6;background-color:#f5f5f5; font-weight:normal;font-size:100%;height:100%;
        }
         .myajax_tab .ajax__tab_active .ajax__tab_inner 
         {
              color: #009CD6;border-bottom:none;border-top:none;/*border-left:1px solid #f5f5f5;*/
              font-weight:normal;font-size:14px;background-color:white;height:100%;
         }
        
          /*.ajax__tab_active .ajax__tab_outer 
        {
           
        }*/
        .myajax_tab .ajax__tab_body
        {
            font-family: Roboto,Roboto,helvetica;
            /*font-size: 78%;*/
            /*border-left:solid 0.4px #515151;border-right:solid 0.4px #515151;*/
            /*height:550px;*/ /* 15/07/2014*/
         height:93%;
         
        }
        .myajax_tab .ajax__tab_tab
        {
            width:100%;
             padding-top:8px;
        }

        .ReportTab .ajax__tab_header .ajax__tab_outer
        {
             background-color:#009CD6;  /*12/08/14*/
            /*border-right:solid 1px #00afef;*/ border-left:solid 2px  #00afef; width:9%; min-width:150px; /*padding-top:0px;*/height:100%;
        }
        .ReportTabOnly .ajax__tab_header .ajax__tab_outer
        {
             background-color:#009CD6;  /*12/08/14*/
            /*border-right:solid 1px #00afef;*/ border-left:solid 2px  #00afef; width:9%;min-width:150px;  /*padding-top:0px;*/height:100%;
        }

     


        .OptionTab .ajax__tab_header
        {
            font-family: Roboto;font-size: 14px;padding-top:0px;  background-color: #009CD6;
           background-image: linear-gradient( to top right,#009CD6, #0077a3);  /*height:4%;*/display: block
        }

        .OptionTab .ajax__tab_active .ajax__tab_outer .ajax__tab_inner 
        {
            color: #009CD6;background-color:white; font-weight:normal;font-size:100%;height:100%;
        }
        .OptionTab .ajax__tab_hover .ajax__tab_inner 
        {
             font-weight:bold;color: white;background-color: darkorange; /*#00afef;*/
        }
       .OptionTab .ajax__tab_header .ajax__tab_outer
        {
            /*background-color:#009CD6;*/  /*12/08/14*/
            border-right:none; border-left:none; width:33.333%;  /*padding-top:0px;*/height:100%;
        }

      div table.gvData
      {
          height:98%;
      }
    
       
        .lblTop
        {
            color:white;font-size:100%;font-weight: 400;margin-left:3%;  /*changed by shekhar on 10/08/2014*/
        }

         .ltrTop
        {
            color:white;font-size:90%;font-weight: 400;
        }

        .divBlueBox
        {
            /*height:Auto;background-color:#009CD6;color:white;font-weight: 400;font-size:110%;text-align:left;
                                       margin-top:40px;width:80%;margin-left:auto;margin-right:auto;*/
             background-color:#009CD6;color:white;/*font-weight: 400;*/font-size:16px;text-align:left;
                         height:5%; width:80%; /*margin-top:3%;*/margin-left:auto;margin-right:auto;  /*Changed by shekhar*/
        }
         .divBlueBoxTarget
        {
            height:7%;background-color:#009CD6;color:white;/*font-weight: 400;*/font-size:120%;text-align:left; border:1px solid #009CD6;
                                       /*line-height:27px;*/width:98%;/*margin-left:auto;margin-right:auto;*/margin-top:2%;
        }

            .divBlueBoxRecon
        {
            height:20px;background-color:#009CD6;color:white;font-weight: 400;font-size:110%;text-align:left; border:1px solid #009CD6;
                                       line-height:27px;width:98%;margin-left:auto;margin-right:auto;margin-top:5px;
        }
        .divTable
        {
            border:1px solid #009CD6;background-color:#f5f5f5;margin-top:1%;width:98%;/*margin-left:auto;
                                      margin-right:auto;*/height:86.5%;
        }
        .divGrayDtlBox
        {
            /*border:1px solid #009CD6; commented by shekhar on 19/08/2017*/width:90%;margin-left:auto;
            margin-right:auto;/*margin-top:0.4%;*/
            margin-bottom:0px;height:83%;/*background-color:#f5f5f5; commented by shekhar on 18/08/2017*/
            border:1px solid #ddd;
            box-shadow:4px 4px 15px #ccc;
        }
     
           .divGrayDtlBoxLarge
        {
            width:97%;margin-top:0.4%; /*changed by shekhar on 10/08/2014*/
            margin-right:auto;margin-left:auto;
            height:100%; /*changed by shekhar*/
            /*border:1px solid #009CD6;*/
        }

           /*.textWithBorder
           {
               border:1px solid black; color:black;
           }*/
        .divBottomButton
        {
            text-align:center;margin:auto;
               /*padding-top:20px;*//*15/7/2014*/
               padding-top:3%;
               padding-right:5%;/*float:right;*/
          /*width:1200px;*//*16/7/2014*/
          width:auto;
          /*margin-right:80px;*/
        }
        .bottomleft {position:absolute; bottom:0;  margin-bottom:7px; left: 100px;}
        .bottomright {position:absolute; bottom:0;  margin-bottom:7px; margin:7px; right: 0;}

        .divEditButton, .divCancelButton
        {
          float:right;margin-left:14px;
           
        }
        
        .divExitButton
        {
            float:right;margin-left:14px;
          
        }

        .divClear
        {
            clear:both;
        }

        .txtInsBold
        {
            background-color:transparent;
            color:#554E4E;
            /*font-weight: 400;*/border-style:none;
        }
         .txtInsNormal
        {
            /*background-color:transparent;
            color:#554E4E;
            border-style:none;*/
            border-radius:0px,0px,0px,0px;
            /*text-align:center;line-height:23px;*/
        }
         /* following is added by Payal to fix Alignment on Supplier label in ins. tab  - 16/09/2014*/
         .lblSupplierNormal
         {
             background-color:#f5f5f5;
             color:#554E4E;
             /*border-style:none;*/
             border-radius:0px,0px,0px,0px;
            line-height:23px;
         }
         .myCalendar {  
    background-color: #009CD6;  
    width:30px; height:30px;
}  
  
/* 
    Common style declaration for hyper linked text 
*/  
.myCalendar a {  
    text-decoration: none;  
}  

.myCalendar .myCalendarTitle {  
   font-weight: 400;  
}  

.myCalendar td.myCalendarDay {  
    border: solid 1px #fff;  
    border-left: 0;  
    border-top: 0;  
}  
.myCalendar .myCalendarNextPrev {  
    text-align: center;  
}  

.myCalendar td.myCalendarSelector {  
    background-color: #dddddd;  
}  
  
.myCalendar .myCalendarDay a,   
.myCalendar .myCalendarSelector a,  
.myCalendar .myCalendarNextPrev a {  
    display: block;  
    line-height: 5px;  
}  
  
.myCalendar .myCalendarDay a:hover,   
.myCalendar .myCalendarSelector a:hover {  
    background-color: #cccccc;  
}  
 
.myCalendar .myCalendarNextPrev a:hover {  
    background-color: #fff;  
}  

.tdRecon
{
   
    /* width:11.6%; Changed from 20% to 16.6 as a result of addition of Recvd count, and Outstanding count*/
    text-align:center;
    color:white;
}

.trReconData
{
    font-family:Roboto;color:#554E4E;font-size:12px;
}
.tdReconData
{
    /*width:20%;*/
    text-align:right;font-family:Roboto;font-weight: 400;padding-left:5px;padding-right:5px; font-size:12px;
}
.trReconHeader
{
    font-family:Roboto;color:#554E4E;font-weight: 400;font-size:13px;
}

.txtReconData
{
    
    text-align:right;color:#554E4E;
    font-size:13px; Height:100%; Width:100%;border:none; min-height:25px;
    background-color:transparent; font-weight:normal;
}

.cBtnClose
{
    /*width:32px;
    height:22px;*//*width:20%;height:15%;*/
    color:white;    background-color:red;  border:none;
}
.cBtnClose:hover
{

    border:none;
    border-width:1px;
    border-color:#ef2004;
   
}

.cal_Theme1 .ajax__calendar_container   {
   background-color: #009CD6;  
    /*width:40px; height:40px;*/
}

.cal_Theme1 .ajax__calendar_header  {
    background-color: #009CD6; 
    margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {
    color: #515151; 
    padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body    {
    background-color: #009CD6; 
    border: solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align:center; 
    font-weight:normal; 
    margin-bottom: 4px; 
    margin-top: 2px;
}

.cal_Theme1 .ajax__calendar_day {
    text-align:center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {
    color: #004080; 
   font-weight: 400; 
    background-color: #ffffff;
}

.cal_Theme1 .ajax__calendar_today   {
    font-weight:normal;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}

.completionListElement {
    
padding-bottom:0px; 
padding-top:0px;
padding-right:0px; 
padding-left:0px; 

z-index:6000;
 
visibility : hidden;

margin-top:0px!important;

background-color:lightyellow;
color : windowtext;
border : 1px solid #00afef; 
border-radius:2px;
overflow : auto;
text-align : left;  
list-style :none;
font-size:12px;
}
.highlightedListItem {
    /*PADDING-RIGHT: 1px; PADDING-LEFT: 1px;*/ 
    /*PADDING-BOTTOM: 1px; COLOR: black; PADDING-TOP: 1px; BACKGROUND-COLOR: #ffff99;padding:0px;*/
    list-style-type:none; 
font-family: Roboto;  
font-size: 13px; 
color: white; 
text-decoration: none;
background-color: #00afef; 
cursor: hand; 
padding:5px;  
margin: 0px;

text-align: left;
line-height:20px!important; 
}
.listItem {
    /*PADDING-RIGHT: 1px; PADDING-LEFT: 1px;*/ 
    /*PADDING-BOTTOM: 1px; COLOR: windowtext; PADDING-TOP: 1px; BACKGROUND-COLOR: window;*/
    /*line-height:20px!important;*/ 
background-color:lightyellow;
padding:5px; 
margin: 0px;
font-family: Roboto; 
font-size: 12px; 
color: #484848;  
cursor: default;
text-decoration: none; text-align: left; 
}


.myajax_tab1 .ajax__tab_header
        {
            font-family: Roboto;font-size: 14px;display: block;padding-top:0px; /*border-top:2px thick white;*/ /*height:5%;*/
        }
 .myajax_tab1 .ajax__tab_inner 
        {
            /*border-radius:5px 5px 5px 5px;*/
            /*color:#0070C0;*/
        }
        .myajax_tab1 .ajax__tab_header .ajax__tab_outer
        {
            /*background-color:#009CD6;*/  /*12/08/14*/
               /*background: linear-gradient(#009CD6 50%, #0077a3 100%);*/
               background-color: #009CD6;
           background-image: linear-gradient( to top right,#009CD6, #0077a3);
             /*border-right:solid 1px #00afef;*/ border-left:solid 2px  #00afef;width:10%;  min-width:133px; /*border-top:2px solid #009CD6;*/height:100%;
            
        }
        .myajax_tab1 .ajax__tab_header .ajax__tab_inner
        {
            color:white; text-align:center; width:100%;
        }
        .myajax_tab1 .ajax__tab_hover .ajax__tab_outer
        {
            color: white;font-weight: bold;
        }
        .myajax_tab1 .ajax__tab_hover .ajax__tab_inner 
        {
            font-weight:bold;color: white;
         }
        .myajax_tab1 .ajax__tab_active .ajax__tab_outer
        {
            color: #009CD6;background-color:#f5f5f5; font-weight:normal;font-size:100%; height:100%;
        }
         .myajax_tab1 .ajax__tab_active .ajax__tab_inner 
         {
              color: #009CD6;border-bottom:none;border-top:none;/*border-left:1px solid #515151;*/
              font-weight:normal;font-size:100%;background-color:white;text-align:center;height:100%;
         }
        .ajax__tab_active .ajax__tab_outer
        {
           
        }
        .myajax_tab1 .ajax__tab_body
        {
            font-family: Roboto,Roboto,helvetica;
            /*font-size: 78%;*/
         height:93%;
        }
        .myajax_tab1 .ajax__tab_tab
        {
         width:100%;
         padding-top:8px;
        }

/*added by shekhar on 12/08/2014 for Livelog Income tab style*/
.LiveLogTableheader
{
    background-color: #009CD6; color: white; text-align: center; font-size: 16px;font-weight: 600;
}
.LivelogDataTblHdr
{
     background-color: #009CD6; color: white; text-align: center;  font-size: 16px;font-weight: 600;
}
.LivelogTopRowStyle
{
     font-family:Roboto;color:#554E4E;font-size:14px;/*font-weight: bold;*/border:none;
}
.LivelogTopRowStyleSummary
{
     font-family:Roboto;color:#554E4E;font-size:12px;/*font-weight: bold;*/border:none;
}
.LiveLogLabelstyle
{
    color: #554E4E; font-size: 16px; font-weight:400;
}
.LiveLogDatatyle
{
    color: #009CD6; font-size: 16px;text-align:right;font-weight:400;

}
.liveLogDeptBnch
{
    /*BorderStyle="Solid" BorderColor="Black" BorderWidth="1px" style=""*  height:70%;*/
        height:70%;width:95%;text-align:center;font-size:16px;
}
.liveLogDeptBnchFin
{
    /*BorderStyle="Solid" BorderColor="Black" BorderWidth="1px" style=""  height:70%;*/
       width:95%;text-align:center;font-size:16px;height:70%;
}
/*End of Livelogs Income tab style addition*/
/*added by shekhar on 13/08/2014 for Livelog Detailed tab style*/

.liveLogDtlTabRptTblHdr
{
    height: 8%;background-color: #009CD6;font-family:Roboto;color: white;font-size:13px;font-weight: 400;
}

 table.table-striped tr.liveLogDtlTabRptTblHdr th {
    	background-color:#009CD6;
    }

.liveLogDtlTabRptTblColHdr
{
    height: 7%;font-family:Roboto;font-weight: bold;color:#009CD6; text-align:right; font-size:12px;
}

.liveLogDtlTabRptDatastyle
{
    color: #009CD6; text-align:right; font-size:13px;
}
.liveLogDtlTabRptLblstyle
{
     color: #554E4E; text-align:Left;
}
th
{
    text-align:center;
}

/*End of Livelogs Detailed tab style addition*/

/*Added by shekhar for modal dialog style*/
.MyMVstyle 
{
    font-family:Roboto;font-size:13px;

}

/*end of addition*/


.PagerStyle span
{
     background-color:#009CD6; color:white;
}

.PagerStyle td
{
    padding-left: 4px;     
   padding-right: 4px;  
   font-size:12px;
   font-weight:normal;
   background-color:white;
   border:solid 1px #ddd;
  
}
label{
    font-weight:normal
}
.PnlBMListStyle
{
            border:solid 1px #ccc;
            height: auto;
            width:auto;
            overflow-y:auto;
            background-color: white;/*#f5f5f5;*/
            font-size: 12px;
            font-family: Roboto;
            padding:5px;
}

.SetTarget_tab .ajax__tab_header
        {
            font-family: Roboto;font-size: 14px;display: block;padding-top:0px;/*background-color:#00afef;*/ /*border-top:2px thick white;*/ /*height:4%;*/
        }
 .SetTarget_tab .ajax__tab_inner 
        {
            /*border-radius:5px 5px 5px 5px;*/
            /*color:#0070C0;*/
        }
        .SetTarget_tab .ajax__tab_header .ajax__tab_outer
        {
            /*background-color:#009CD6;*/  /*12/08/14*/
             /*border-right:solid 1px #00afef;*/ border-left:solid 2px  #00afef;width:9%;min-width:200px;  /*border-top:2px solid #009CD6;*/height:100%;
              /*background: linear-gradient(#009CD6 50%, #0077a3 100%);*/
                background-color: #009CD6;
           background-image: linear-gradient( to top right,#009CD6, #0077a3);
             /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;*/
            /*text-shadow: 0 1px #FFF;*/
        }
        
        .SetTarget_tab .ajax__tab_header .ajax__tab_inner
        {
            color:white; text-align:center; width:100%;
        }
        .SetTarget_tab .ajax__tab_hover .ajax__tab_outer
        {
            color: white;font-weight: bold;
        }
        .SetTarget_tab .ajax__tab_hover .ajax__tab_inner 
        {
            font-weight:bold;color: white;
         }
        .SetTarget_tab .ajax__tab_active .ajax__tab_outer
        {
            /*color: white;*//*background-color:#009CD6;*/ font-weight:normal;font-size:100%; height:100%;/*Width changed from 100 to 50%, as a result of new Benchmarks tab 29/10/2015*/
        }
         .SetTarget_tab .ajax__tab_active .ajax__tab_inner 
         {
              color: white;border-bottom:none;border-top:none;/*border-left:1px solid #515151;*/
              font-weight:normal;font-size:100%;
              /*background-color:#009CD6;*/background-color:white;color:#00afdf;
              text-align:center;height:100%;width:100%;/*Width changed from 100 to 50%, as a result of new Benchmarks tab 29/10/2015*/
         }
        .ajax__tab_active .ajax__tab_outer
        {
           
        }
        .SetTarget_tab .ajax__tab_body
        {
            font-family: Roboto,Roboto,helvetica;
            /*font-size: 78%;*/
            /*border-left:solid 0.4px #515151;border-right:solid 0.4px #515151;*/
            /*height:550px;*/ /* 15/07/2014*/
         height:93%;
        }
        .SetTarget_tab .ajax__tab_tab
        {
         width:100%;
          padding-top:7px;
        }

        /* styles for Customer List */

        .custList .ajax__tab_header
        {
            font-family: Roboto;font-size: 14px;padding-top:0px;background-color:#009CD6;  height:5%;
        }
        .custList .ajax__tab_inner 
        {
           
        }

        .custList .ajax__tab_header .ajax__tab_outer
        {
           background: linear-gradient(#00afef 50%, #00afef 100%); /*12/08/14*/
            /*border-right:solid 1px #00afef;*/ border-left:solid 2px  #00afef; width:33.333%;  padding-top:0px;
        }
        .custList .ajax__tab_header .ajax__tab_inner
        {
            color:white;text-align:center;width:100%;
        }
        .custList .ajax__tab_hover .ajax__tab_outer
        {
            color: white;font-weight: 400;
        }
        .custList .ajax__tab_hover .ajax__tab_inner 
        {
            font-weight:normal;color: white;
         }
        .custList .ajax__tab_active .ajax__tab_outer
        {
            color: white;background-color:#00afef; font-weight:normal;font-size:110%;height:100%;width:100%;
        }
         .custList .ajax__tab_active .ajax__tab_inner 
         {
              color: #009CD6;border-bottom:none;border-top:none;/*border-left:1px solid #f5f5f5;*/
              font-weight:normal;font-size:14px;background-color:white;height:100%;width:9%;min-width:150px;
         }
       
        .custList .ajax__tab_body
        {
            font-family: Roboto,Roboto,helvetica;
            /*font-size: 78%;*/
            /*border-left:solid 0.4px #515151;border-right:solid 0.4px #515151;*/
            height:90%;
        }
        .custList .ajax__tab_tab
        {
            width:100%; padding-top:7px;
        }
        /*-----------------------------------------***********************---------------------------------------------------*/
      
           .option1Hdr
        {
           /*background: linear-gradient(#62d051 30%, #2c7720  100%);*/ /*background-color:#62d051;*/ border-radius:0px; border:1px solid  #009CD6;

           background-color: #009CD6;
          /* background-image: darkmagenta linear-gradient( to top right,  #62d051, #2c7720);*/
        }
               .option1
        {
            /*background-color:white; border-left:1px solid  white;border-right:1px solid white;*/ padding:3px;
           
        }
       
               /*-------------------------------*****************************----------------------------------------*/
      
         .option2Hdr
        {
             /*background: linear-gradient(#00bfff 30%, #005876  100%);*/ /*background-color:#00bfff;*/border-radius:0px; border:1px solid   #00bfff;
           background-color: #00bfff;
           background-image: linear-gradient(to top right, #00bfff, #005876);

        }
            .option2
        {
            background-color:#9de6ff;border-left:1px solid  #00bfff;border-right:1px solid #00bfff; padding:3px;

        }
           /*-------------------------------------******************************------------------------------------------------*/
              .option3Hdr
        {
            /*background-color:#a19676;*/ border-radius:0px; border:1px solid  #a19676;
             background-color: #a19676;
           background-image: linear-gradient(to top right, #a19676, #544d3a);
        }
         .option3
        {
            background-color:#d9d4c7;border-left:1px solid  #a19676;border-right:1px solid #a19676; padding:3px;
        }
      
           /*---*****************************************************************************************************----*/
             .option4Hdr
        {
            /*background-color:#facd29;*/ border-radius:0px; border:1px solid  #facd29;
             background-color: #facd29;
           background-image: linear-gradient(to top right, #facd29, #967704);

        }
         .option4
        {
            background-color:#fde89c; border-left:1px solid  #facd29;border-right:1px solid #facd29; padding:3px;

        }
       
           /*--***************************************************************************************************-----*/
             .option5Hdr
        {
            /*background-color:#a3a3a3;*/ border-radius:0px; border:1px solid #a3a3a3;
             background-color: #a3a3a3;
           background-image: linear-gradient(to top right, #a3a3a3, #5e5e5e);
        }
         .option5
        {
            background-color:#d4d4d4; border-left:1px solid  #a3a3a3;border-right:1px solid #a3a3a3; padding:3px;
        }
       
           /*----*******************************************************************************************---*/
            .option6Hdr
        {
            /*background-color:#EC7C00;*/ border-radius:0px; border:1px solid  #EC7C00;
             background-color: #EC7C00;
           background-image: linear-gradient( to top right,#EC7C00, #633400);

        }
         .option6
        {
            background-color:#ffc78a;border-left:1px solid  #EC7C00;border-right:1px solid #EC7C00; padding:3px;
        }
        
           /*---***********************************************************************************----*/
             .option7Hdr
        {
            /*background-color:#deb887;*/ border-radius:0px; border:1px solid  #deb887;
             background-color: #deb887;
           background-image: linear-gradient(to top right, #deb887,#ac762f);
        }
         .option7
        {
            background-color:#ebd3b5;border-left:1px solid  #deb887;border-right:1px solid #deb887; padding:3px;
        }
       
           /*---*****************************************************************************************----*/
              .option8Hdr
        {
            /*background-color:#000000;*/ border-radius:0px; border:1px solid  #000000;
              background-color: #000000;
           background-image: linear-gradient(to top right, #000000,#000000);
        }
         .option8
        {
            background-color:#ffffff; border-left:1px solid  #000000;border-right:1px solid #000000;padding:3px;
        }
      
           /*---****************************************************************************************----*/
         .Option9
        {
           background-color:#ffffff;border-left:1px solid  #ffffff;border-right:1px solid #ffffff;
        }
          /*---*****************************************************************************************----*/
         .PremCalcStyle
         {  
            background-color:#ffffff;border-left:1px solid  #ffffff;border-right:1px solid #ffffff;
         }

/************************* New options letter CSS style added below **********************************/

         .option1HdrLetter 
        {
            /*background-color:#70d460;*/  /*background-color: #62d051;
           background-image: linear-gradient( to top right,  #62d051, #2c7720);*/  background-color:transparent  ; border-radius:0px; /*border:2px solid  #62d051;*/ font-size:18px; color:white;
        }
        .option1HdrLetter:hover
        {
           color:black; /*border-left-color:forestgreen;border-right-color:forestgreen;#228b22*/
        }
        .option2HdrLetter
        {
            /*background-color:#00bfff;*/background-color:transparent  ;border-radius:0px; /*border:2px solid   #00bfff;*/font-size:18px;color:white;
           
        }
        .option3HdrLetter
        {
            /*background-color:#B9B199;*/ border-radius:0px; /*border:2px solid  #a19676;*/ font-size:18px;color:white;
              background-color:transparent  ;
        }
        .option4HdrLetter
        {
            /*background-color:#FAC916;*/ border-radius:0px; /*border:2px solid  #FAC916;*/font-size:18px;color:white;
            background-color:transparent  ;
        }
        .option5HdrLetter
        {
            /*background-color:silver;*/ background-color:transparent;border-radius:0px; /*border:2px solid silver;*/font-size:18px;color:white;
        }
        .option6HdrLetter
        {
            /*background-color:#e48823;*/background-color:transparent; border-radius:0px; /*border:2px solid  #e48823;*/font-size:18px;color:white;

        }
        .option7HdrLetter
        {
            /*background-color:#deb887;*/ background-color:transparent; border-radius:0px; /*border:2px solid  #deb887;*/font-size:18px;color:white;
        }
         .option8HdrLetter
        {
            /*background-color:#000000;*/background-color:transparent; border-radius:0px; /*border:2px solid  #000000;*/font-size:18px;color:white;
        }
         .optLetterProd
         {
              font-size:18px; font-weight:bold;font-size-adjust:none; font-style:italic;
         }
          .optLetterProdDes{
               font-size:13px; font-style:italic;font-size-adjust:none
          }

            .optLetterExcProdName
         {
               padding-left:5px;font-size-adjust:none; font-style:italic;font-size:14px;
         }

            .optLetterExcProdValue
         {
              padding-right:5px;font-size-adjust:none; font-style:italic;text-align:right;font-size:14px;
         }
           @media print {
                 .visible-print  { display: inherit !important; }
                .hidden-print   { display: none !important; }
                 #header, #footer, #nav { display: none !important; } 
                 
        }

    /************************* New options letter CSS style ends here**********************************/
.chbxOptnHdr{
    width: 40%; padding-top: 5px;text-align:right;padding-right:5px;
}
   .cEditOptionLetterHdr
{
    border:none;  font-family:Roboto;height:100%;vertical-align:middle; font-size:16px;
    width:100%;top: 0px;left: 0px;padding-right:5px; text-align:left; color:White;
}
.cEditOptionLetterHdr:focus
{
    border:solid 1px White;font-family:Roboto;height:100%;vertical-align:middle; font-size:16px;
    width:100%;top: 0px;left: 0px;padding-right:5px; text-align:left;
}

       
    /* added for new version of options letter 11/01/2019*/
  
  /* end*/
          
  .cEditOptionLetter
{
    border:1px solid #ddd;   font-family:Roboto;height:37px;vertical-align:middle; font-size:15px;
    width:100%;top: 0px;left: 0px;padding-right:38px; text-align:right; color:#333; border-radius:2px;margin:auto; background-color:transparent;

}
 
.cEditOptionLetter:focus
{
    border:solid .5px #66afe9; font-family:Roboto;height:37px;vertical-align:middle; font-size:12px;
    width:100%;top: 0px;left: 0px;padding-left:5px; text-align:right;
}
.cEditOptionLetter:disabled , cEditOptionLetter1:disabled{
    background-color:#f5f5f5;
}

.cEditOptionLetter1{
       border:1px solid #ddd;font-size:15px !important;  border-left:none; border-right:none; padding-right:3px;
  }

cEditOptionLetter1:focus{
    border:solid .5px #66afe9;
}

#PnlOptions:active{
    background-color:transparent;
}
/*#PnlOptions:disabled{
    background-color: red !important;
}*/
 
 .myinput-group-addon{
    padding:3px 10px; border-color:#ddd !important; background-color:white !important; border-radius:2px;min-width:34px;
}

.cCheckBoxOptionletter
{
     border:none;  height:100%;vertical-align:middle; 
    width:100%;top: 0px;left: 0px;
}
.Optionlettersubtotalstyle
{
    border-top:1px solid  #000000; border-bottom:1px solid  #000000; font-weight:bold;
}
.Optionlettertotalstyle
{
    /*border-bottom:1px solid black; border-top:1px solid black;*/font-weight:normal; background-color:white ; text-align:right;color:black; font-size:17px
}
.OptnltrProdSeperatorStyle
{
    border-bottom: none ;
}
.cBtnOtionLtrReCal /*this is to cater for long buttons on List tab */
{
     border:none;
       background-color:#009CD6; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
        border:none; 
}
.cBtnOtionLtrReCal:hover , .cBtnOtionLtrReCal:focus  /*this is to cater for long buttons on List tab */
{
      border:none;
       background-color:#00afef; font-size: 13px; font-family: 'Roboto'; color:white; 
        border-radius:0px 0px 0px 0px;font-weight: normal;
}

.OptionsTermDrplist{
    border: 1px solid #ddd; padding-left: 5px; font-size: 15px; font-family: Roboto;background-color:white;padding-right:3px; width:100%;height:37px;color:#555;margin:auto;

}
.cOptionDrpList
{
      width:100%;font-size:12px;height:25px;padding-left:3px; border:1px solid #ccc;
}


/*.Optiontbl th {background-color:#009CD6; font-weight:400;border:none;color:white;height:46px;font-size:11.5px; padding-left:5px;padding-right:5px}*/
.Optiontbl tr {/*height:28px;*/} 
.Optiontbl tr > td{vertical-align:middle !important;} 
/*.Optiontbl td {border:none; padding-left:5px;padding-right:5px; font-size:11.5px;font-weight:400; }*/   

.Optiontbl:NOT(:first-child):hover {background-color:blue !important} 
.cOptnListbox
{
    font-size: 11px; border: 1px solid #009CD6;height:150px;width:Auto;background-color:lightyellow;color:blue
}


.OptnCrPolicyPnl
{
    border-radius: 0px; border-color: #009CD6;background-color:#f5f5f5
}
.OptnCrPolicyPnlHdr
{
    background-color: #009CD6; color: white; border-radius: 0px; 
}

.lbldisabled
{
    background-color:#e4e4e4;border-color:#ddd;
}

.lblOptndisabled
{
    background-color:#e4e4e4;border-color:#bbbbbb;

}

.SearchTbl
{
    background-color: #eee; width: 100%; height: 100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;
}
.SearchTblFin
{
    background-color: #eee; width: 100%; height: 100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;
}
.SearchTblIns
{
    background-color: #eee; width: 100%; height: 100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;
}
.SearchPnl{
    height: 90%; border-radius: 0px; margin: auto; border: none;
    /*-webkit-box-shadow: 2px 4px 8px 0px rgba(187,187,187,1);
-moz-box-shadow: 2px 4px 8px 0px rgba(187,187,187,1);
box-shadow: 2px 4px 8px 0px rgba(187,187,187,1);*/
}
.searchCol{
    height: 85%; padding-left: 0px; padding-right: 0px;
}
.searchRow{
   height: 7%; width: 96%; margin: auto;margin-top:1.5%; margin-bottom:5px;
}
.ResultRow{
    height: 92%; background-color: white; margin:auto; margin-top: 1%;width: 98%;
}

.PageBackGroud{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+23,d2ebf9+100 */
/*background: #feffff;*/ /* Old browsers */
/*background: -moz-linear-gradient(-45deg,  #feffff 23%, #d2ebf9 100%);*/  /*FF3.6-15*/ 
/*background: -webkit-linear-gradient(-45deg,  #feffff 23%,#d2ebf9 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(135deg,  #feffff 23%,#d2ebf9 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=1 );*/ /* IE6-9 fallback on horizontal gradient */
background-color:white;
}

/*.panel{
   -webkit-box-shadow: 1px 1px 8px 0px rgba(153,153,153,1);
-moz-box-shadow: 1px 1px 8px 0px rgba(153,153,153,1);
box-shadow: 1px 1px 8px 0px rgba(153,153,153,1);
}*/
/*url('../../r/i/button.jpg')*/
       th.sortasc a  
    {
        display:block; padding:0 4px 0 15px; 
      background:url(../../r/i/asc.png) no-repeat;  
   }
  
 th.sortdesc a 
 {
       display:block; padding:0 4px 0 15px; 
      background:url(../../r/i/desc.png) no-repeat;
 }

 .EasyAddCust {height:auto}
 .EasyAddCust tr{height:19px;}

 /* Following is added in 08/03/17*/
  .custListWhite .ajax__tab_header
        {
            font-family: Roboto;font-size: 14px;padding-top:0px;background-color:#009CD6;  height:5%;
        }
        .custListWhite .ajax__tab_inner 
        {
           
        }

        .custListWhite .ajax__tab_header .ajax__tab_outer
        {
           /*background: linear-gradient(#00afef 50%, #00afef 100%); /*12/08/14/*/
        background-color: white;
            /*border-right:solid 1px #00afef;*/ border-left:solid 2px  #00afef; width:33.333%;  padding-top:0px;
        }
        .custListWhite .ajax__tab_header .ajax__tab_inner
        {
            color:white;text-align:center;width:100%;
        }
        .custListWhite .ajax__tab_hover .ajax__tab_outer
        {
            color: white;font-weight: 400;
        }
        .custListWhite .ajax__tab_hover .ajax__tab_inner 
        {
            font-weight:normal;color: white;
         }
        .custListWhite .ajax__tab_active .ajax__tab_outer
        {
            color: white;
            /*background-color:#00afef; */
            background-color: white;
            font-weight:normal;font-size:110%;height:100%;width:100%;
        }
         .custListWhite .ajax__tab_active .ajax__tab_inner 
         {
              color: #009CD6;border-bottom:none;border-top:none;/*border-left:1px solid #f5f5f5;*/
              font-weight:normal;font-size:14px;background-color:white;height:100%;width:9%;min-width:150px;
         }
       
        .custListWhite .ajax__tab_body
        {
            font-family: Roboto,Roboto,helvetica;
            /*font-size: 78%;*/
            /*border-left:solid 0.4px #515151;border-right:solid 0.4px #515151;*/
            height:90%;
        }
        .custListWhite .ajax__tab_tab
        {
            width:100%; padding-top:7px;
        }

        /*added by shekhar for Wheel Finance on 30/11/2017*/
       

        .myWheel .ajax__tab_header .ajax__tab_outer
        {
        
          background-image: linear-gradient( to top right,#51284f, #735272); border-left:solid 2px  #e0004d ; 
        }
         .myWheel .ajax__tab_active .ajax__tab_inner 
         {
              color: #51284f;
         }

        .cGridWheelHeader th {background-color:#51284f;}

        .cBtnWheel { 
     
             background-color:#51284f; 
    
        }
        .cBtnWheel:hover
        {
           background-color:#735272;
        }
         .cBtnTopWheel  
        {
            
               background-color:#51284f; 
        }
        .cBtnTopWheel:hover , .cBtnTopWheel:focus  
        {
             
               background-color:#735272; 
               
        }
        .pnlCustomerWheel
        {
           background-color: #51284f;
        }
        .pnlCustomerFilter
        {
             background-color: #009CD6; padding: 0.25%; color: white; border-radius: 0px;
        }
        .pnlCustmerAdd
        {
           background-color: #00afef; padding: 7px; color: white; border-radius: 0px;text-align: left; font: normal 16px Roboto; height:39px;
        }
          .pnlCustmerAddWheel
        {
           background-color: #51284f; 
        }
         .pnlCustomerFilterWheel
        {
             background-color: #51284f;
        }

        .liveLogDtlTabRptTblHdrWheel
        {
            height: 8%;background-color: #51284f;font-family:Roboto;color: white;font-size:13px;font-weight: 400;
        }

        table.table-striped tr.liveLogDtlTabRptTblHdrWheel th 
        {
    	    background-color:#51284f;
        }
         .PnlRconSummary 
        {
            background-color: #009CD6; border-bottom: 1px solid #009CD6; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 3px; border-radius: 0px;
        }
        .RconSummarywheelPnl 
        {
            background-color: #51284f; border-bottom: 1px solid #51284f;
        }

        .PnlRevenueBreakdown
        {
             background-color: #009CD6 !important; border-bottom: none; border-radius: 0px; text-align: center; padding: 5px
        }
         .PnlRevenueBreakdownWheel
        {
             background-color: #51284f !important; 
        }
         .pnlFandITools
         {
             background-color: #009CD6; color: white; border-radius: 0px; padding: 5px  
         }
        .pnlFandIToolsWheel
         {
             background-color: #51284f; color: white; border-radius: 0px; padding: 5px;
         }
        .pnlSettings
        {
            background-color: #009CD6; color: white; border-radius: 0px; height: 13%; padding: 5px;
        }
        
        .pnlSettingsWheel
        {
            background-color: #51284f; 
        }

  .modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
Max-Height
}

.lblHdrInsReport
{
    font-family:'Roboto'; 
    color:white;
    text-align:center;
    font-size: 20px;
}
.HideCheckbxInlist{
    display:none !important;
}
/*------new Easy Add UI style -------------*/
label{
    color:#6f7b8a;
    font-weight:normal;
    font-family:Roboto !important;
    font-size:14px !important;
}
.lblQue{
    font-size: 20px !important; 
    color: #009cd6;    /*005252*/
}
#drpEzAddPayMtd{
    background-color: lightyellow !important; max-width: 200px; border-color: #009cd6 !important; border-radius: 6px !important;color:black !important;
}
.PnlBdyDealInfo{
margin-left: 50px; margin-right: 50px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:35px; box-shadow:0 7px 7px 0 rgba(0,0,0,.24); border-bottom:1px solid rgba(0,0,0,.24);
}
.pnlHdrDealInfo{
    background-color:black!important;color:white !important;
}
.InnerPnl {
    background-color: #FFF !important;
     color: #009CD6 !important; 
     border-bottom: 1px solid #ddd  !important;
}
div[role=tablist] > div[class="panel panel-default"]{
    border:none;
}

#tabEasyAdd div[class="panel panel-default"] {
    box-shadow:none !important;
    margin-bottom:0px;
    border-radius:0px
}

#tabEasyAdd  input[type=text]{
    font-family:Roboto !important;
    font-size:0.95em;
    height: 16px;
    line-height: 15px;
    font-weight: normal;
    vertical-align: top;  
    background-color:#fff;
    min-height: 35px;
    filter: none !important;
	  -webkit-box-shadow: none !important;
	     -moz-box-shadow: none !important;
	          box-shadow: none !important;
	  -webkit-border-radius: 0px;
	     -moz-border-radius: 0px;
	          border-radius: 0px;   
			  -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
 -webkit-appearance: none;
        -moz-appearance: none; 
border: 1px solid #e5e9ec;
transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s;
}


.select2::-ms-expand {
    display: none;    
}

 .select2 {
    -webkit-appearance: none;
    -moz-appearance: none; 
    width:auto;border:solid 1px #e5e9ec; font-size:12px;  
    height:35px;color:#555;background-color:#fff;border-radius:2px;width:100% !important;
    font-family:'Roboto' !important;
    padding-left:9px; padding-right:12px;
}

.select2:disabled { 
    -webkit-appearance: none;
    -moz-appearance: none; 
    width:auto;border:solid 1px #e5e9ec; font-size:12px;  
    height:35px;color:#555;background-color:#eee;border-radius:2px;width:100% !important;
    font-family:'Roboto' !important;
    padding-left:9px; padding-right:12px;  
}

.select2:hover{
}
.cBtnGreenSave{
    background-color:limegreen !important;
}
.cBtnGreenSave:hover {
      background-color: #00afef !important;
}

.VechExt{
    padding-left:0px;
}
.VechInt{
     padding-right:0px;
}
/*------END new Easy Add UI style-------------*/

.lblgreen{ color:darkmagenta !important;}
.lblFinance{ color:#00afbf !important;}
.lblOptnFinance{ color:#00afbf !important;font-size:17px;font-weight:500;}
.lblOptnInsurance{color:darkmagenta;font-size:17px;font-weight:500;}
.lblCommon {
    color:#6f7b8a;font-size:17px;font-weight:500;
}
lblOptnInsurance1{
   font-size:13px;font-weight:400;
}
.cOptnInsuraceDrpList {
    width: 100%;
    font-size: 17px;
    height: 35px;
    padding-left: 3px;
    border: 1px solid #ddd;
    color: darkmagenta;
    background-color: transparent;
}
#ddlResidualOrGFV{
    width: 100%;
    font-size: 17px;
    height: 35px;
    border-color: transparent;
    color: #00afbf;
    background-color: transparent;
}
.cOptionFinanceDrpList {
    width: 100%;
    font-size: 16px;
    height: 37px;
    padding-left: 3px;
    border: 1px solid lightyellow;
    background-color: #00afbf;
    color: white;
}
select.OptionsTermDrplist{
    text-align:right;
    /*padding-right:35px;*/
    /*direction:rtl;*/
}
select.OptionsTermDrplist:disabled{
    background-color:#eee;
}

.btn-Finance {
   
    text-align:center;
    border-style: solid; 
    border-width: 0px; 
    background-color: #0098a6;
    width:100px;
    height:28px;
    color:white;
}
.btn-Finance:hover{
    background:#00afbf !important;
}

#btnRBR:hover{
    background:#00afbf;
    color:white !important;
}

 #TabCustomer input[type=text],#TabCustomer textarea  {
     font-size:13px !important;
     border-radius:2px !important;
     text-transform:uppercase !important;
 } 

 #TabCustomer legend ,#TabCustomer fieldset{
     color:#00afef;
     font-size:18px;
    border-color:#00afef !important ;
    width:auto !important;
 }


 #TabCustomer select{
     font-size:13px;
     text-transform:uppercase;
      border-radius:2px !important;
 } 

#TabCustomer [disabled].form-control, #TabCustomer [readonly].form-control, #TabCustomer fieldset[disabled].form-control {
     background-color:#e6e6e6
 }

#divAGIPDSInfo .alert-warning {
    color: #ff8100;
}
#divAGIPDSInfo .alert {
  border-radius:2px;
}

#divAGIPDSInfo .alert-warning .alert-link{
     color: #ff8100;
}