html
{
	width:100%;
    height:100%; 
   overflow-x:hidden;
}

body,form  
{
    margin: 0px;
    padding: 0px;    
    font-size: .90em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;  
    background: #fff; 
    color: #181818;
    width:100%;
    height:100%; 
    /*min-width:576px;*/   	
}

#Authentication_Tb
{
	width: 370px; 
	height: 250px; 
	border:1px solid gray; 
    border-bottom:4px solid  lightGray;
	vertical-align:middle;
	margin:20px 0px 20px 0px;
   
}




  .header{
            border-bottom: 5px solid red;
            height: 150px;
            margin-left: 2%; 
            margin-right: 2%;
            /*background: linear-gradient(0deg, #001431 95%, #f8f2e2 5%);
            color:whitesmoke;*/
            flex: 0 1 0%;           
        }
.logoSec img {
    margin:10px 0px 5px 0px;
}
        .lTitle{
            flex-grow:1;
            font-size:30px;
            margin:auto;
            padding-left:10px;
           
        }
        .headContainer{
            display:flex;
            flex-direction:row;
        }
        .headContainer > div{            
            flex-basis:auto;
            height:100%;
            /*vertical-align:middle;
            display:table-cell;*/
        }
        .PageLinks ul
        {
            display:flex;
            
        }
        .PageLinks ul li{
            flex-basis:auto;
            padding:5px;
            list-style-type:none;            
            
        }

        .helpLinks
        {
           position:absolute ;
           /*float:right;*/
           top:90px;
           /*text-align:right;*/
           right:2%;
        }
        .helpLinks ul{           
             /*margin-top:-10px;*/
             
        }

        .helpLinks ul li{
             list-style-type: none;
             display:inline;
             padding:0px 2px 0px 2px;
        }

        .outerForm > div{
            display:block;       
            margin:auto;
        }
        #Data_View table tr{
            display:flex;

        }

        .flatDetailsClass 
        {
                     
        }

         .flatDetailsClassShow
        {
            /*display:inline ; */          
        }    

         .flatDetailsClassHide
        {
           display:none;
           
        }  

        .caseList
        {

            display:flex;
            flex-direction:row; 
            margin:auto;
           /*width:98%;*/ 
        }

        .caseList dt
        {
            margin-top:auto;
            margin-bottom:auto;
           
        }
        .caseList dd
        {
            margin-top:auto;
            margin-bottom:auto;
            margin-left:2px;
            margin-right:2px;           
            align-items: center; 
            display:flex;
        }

            .caseList dd > input[type=text] {
                width:120px;
            }

           /*.caseList dd > *{
                align-self: center; 
           }*/

        /* Clear floats after the columns */
        /*.buyersrow:after {
  content: "";
  display: table;
  clear: both;
}

        .buyerscolumn {
  float: left;
  padding: 10px; 
}

.columnOne{
    width:100%
}
.columnTwo{
    width:100%
}
.columnThree{
    width:100%
}
.columnFour{
    width:100%
}

     .buyerDetails:after {
  content: "";
  display: table;
  clear: both;
}

.bdColumn
{
    width:50%;
    float:left;
}*/
td.Buyers
{

}

.buyRow{
    display:flex;
    flex-direction:row;     
}


.buyRow input[type=text],.buyRow select {
    width:75%;
}

.buyRow input[type=submit]
{    
    height:60px;
        
}

.buyColumn
{
     align-self:center;  
}


/*.buyColumn .ColumnHead{
    color:#990000;
    font-weight:500;
    background-color:lightgray;
}*/ 

.ColumnHead{
    color:#800000;
    font-weight:500;
    /*background-color:lightgray;*/
    background-color:#E0E0E0;
} 

.columnOne{
  flex-basis:15%;
}
.columnTwo{
     flex-basis:15%;
}
.columnThree{
     flex-basis:50%;
}
.columnFour{
     flex-basis:8%;
}

 .buyerDetails
 {
      display:flex;      
    flex-wrap:wrap;
 }

 .bdColumn
{
    flex: 50%;
}

 .RBList{
     width:100%;
 }
 .RBList tbody{
     width:100%;
     display:flex;
     flex-direction:column;
 }


 .flatDetails{
     display: grid; 
     grid-template-columns: auto auto; 
     column-gap : 20px;
     row-gap:20px; 
     justify-content:start;
 }

  .flatDetails > div{
      display:flex; 
      flex-direction:row;
      flex-wrap :nowrap; 
      align-items:center;
  }

  .flatDetails > div > span
  {
      flex-basis:50%; 
      margin-bottom:2px;
      align-self:start;
  }
    .flatDetails > div > input {
        width:120px;
    }


  .flatDetailsSummary{
     display: grid; 
     grid-template-columns: auto; 
     column-gap : 20px;
     row-gap:20px;      
 }

  .flatDetailsSummary > div{
      display:flex; 
      flex-direction:row;
      flex-wrap :nowrap; 
      align-items:center;
      /*width:80%;*/
  }

  .flatDetailsSummary > div > span
  {
      flex-basis:40%; 
      margin-bottom:2px;
      align-self:start;
  }
    .flatDetailsSummary > div > input {
        width:80px;
    }

    .ColumnHeadSummary{
    color:#800000;
    font-weight:500;
    /*background-color:lightgray;*/
    /*background-color:#E0E0E0;*/
} 

    .ColumnValueSummary
    {
         /*color:green ;*/
         color:#000;
         font-weight:500;
    }




    .ClassHide{
        display:none;
    }

.ClassShow{
    display: flex;
}


 .DelivDetailsSummary{
     display: grid; grid-template-columns: 50% 50%; column-gap : 10px; row-gap:10px; justify-content:start;
 }

  .DelivDetailsSummary > div{
      display:flex; 
      flex-direction:row;
      flex-wrap :nowrap; 
      align-items:center;
  }

  .DelivDetailsSummary > div > span
  {
      flex-basis:50%; 
      margin-bottom:2px;
      align-self:start;
  }
    /*.DelivDetailsSummary > div > input {
        width:120px;
    }*/

.DelivDetailsValueFld {
     color:#000; 
     font-weight:500;
     word-wrap:break-word;


}


.PAGrid {
    display: grid; 
    grid-template-columns: 46% 46%;
    column-gap: 20px; 
    row-gap: 20px; 
    justify-content: start;
}

    .PAGrid > div > span.PAClmnLbl {
        width:50%;
        display:inline-block ;
        color: #990000;
         font-weight: 500; 
        /* background-color: lightgray; */
         margin-bottom: 2px;
    }

     .PAGrid > div.PARow > input,.PAGrid > div.PARow > select {
         width:240px;
     }

    .PAGrid div.PARow2
    {
        grid-column: 1/span 2;
    }
        
    .PAGrid div.PARow2  span.PAClmnLbl {
             display:inline-block ;
             width:24%;
             color: #990000; 
             font-weight: 500;
              /* background-color: lightgray;*/
               margin-bottom: 2px;   
     }  

    .PAdress
    {
        width:100%;
    }

     table.PAdress input[type=text],table.PAdress select {
         width:70%;
     }

.ResidentAddress
    {
    /*display:flex; 
    flex-direction: row; 
    margin-bottom: 10px;
    align-items:flex-start ;*/
    display:grid;
    grid-template-columns: auto auto;
    column-gap: 10px; 
    row-gap: 10px;  
    width:100%;                   
    }

.ResidentAddress .PARALbl
{
    display:block;
}

.ResidentAddress >div{
    margin:0px 5px 0px 5px
}
.NResidentAddress
{
  display:flex;  
  flex-direction: row;  
}

#PAdress_UPD_Pnl {
    width:100%;
}

.DeliveryNote
{
    display:block;
    width:85%;
    background-color:#FFFFE6;
    /*color:#009999;*/
    color:#000;
}