<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
html, body                          {    height: 100%;}
body                                {    font-family: Arial, sans-serif; margin:0px; padding:0px 0px 300px 0px;}
.spacer_small                       {    display:block;    height:20px;}


/*-----------------------
        Header 
-------------------------*/
#pas_header                         {   margin:20px 0px 30px 0px;    background:#0081a2;    padding:20px 40px;    width:100%;    color:#fff; border-bottom:5px solid #c8eefa; }
#pas_header img                     {   float:left; height:40px; margin:10px 30px 20px 0px; }
#pas_header h1                      {   font-size: 20px; line-height:10px; vertical-align: top; white-space: nowrap;}
#pas_header h2                      {   font-size: 14px; line-height: 10px;   font-weight:normal; vertical-align: top;}  

/*------------------------
    Main Content
--------------------------*/
#pas_body                           {   margin:0px 40px; }

#NHAS_serach                        {   display: inline-block; border-right:1px solid #777;  padding-right:50px; width:50%; min-width:650px;}
.center_body #NHAS_serach           {   border-right:none;  margin:0px 25%; }
#SP_search                          {   display: inline-block; padding-left:50px; vertical-align: top;}
#NHAS_serach h1, #SP_search h1      {   font-size: 18px; line-height:10px;}
#NHAS_serach h2, #SP_search h2      {   font-size: 14px; line-height: 20px;   font-weight:normal; margin-bottom:40px}

@media (max-width: 1300px)      {    
    #NHAS_serach                    {   border-bottom: 1px solid #777; border-right:none; padding:0px 0px 50px 0px; width:100%; }
    .center_body #NHAS_serach       {   border-right:none; margin:0px;  }
    #SP_search                      {   display:block; padding:50px 0px 0px 0px;   }
    .multiselect                    {    height: 200px;    width: 40%;  }
}

/*-------------------------
    Search Controlls
---------------------------*/

.control                            {    margin: 15px 5px;}
.control_label                      {    font-size: 16px; min-width: 150px; display:inline-block; float: left; margin:5px 10px 0px 0px;}
.control_label_mid                  {    font-size: 16px;    min-width: 50px;    text-align:center;    display: inline-block;}
.control_input                      {    min-width: 200px;    padding: 5px;    font-size: 16px;    font-family: Arial, sans-serif;}
.PASButton                          {    display: inline-block;    background:#0070c4;    color: #ffffff;    padding: 10px 20px;    margin-right: 5px;    text-decoration: none;
                                         border: none;    height: auto;    font-size: 15px;    font-family: Arial, sans-serif }
.PASButton:hover                    {    background: #004f84;}
#pas_header .PASButton              {    background:#fff; color:#000;   }
#pas_header .PASButton:hover        {    background:#004f84; color:#fff;   }

.message                            {    background:#ddd; width:300px; border-left:40px solid #ffc200; margin:20px 40px 40px 40px;  }
.message h1                         {    font-size: 16px;padding:20px; font-weight: normal;  }


/*---------------------------------------
         Seach form multiselect  
    convert checkboxs into multiselect
-----------------------------------------*/


.multiselect                        {    height: 200px;    width: 455px;  overflow-x: hidden; overflow-y: auto;    border: 1px solid #555;    display: inline-block;}
.multiselect_option                 {    position: relative;    height: 30px;}
.multiselect_option input           {    width: 100%;    background: #fff;    -webkit-appearance: none;    -moz-appearance: none;  -o-appearance: none;appearance: none;    
                                         position: absolute;    top: 0;   left: 0;    height: 30px;    margin:0;}
.multiselect_option input::-ms-check{    display:none   }
.multiselect_option input:checked   {    background: #acd3fe;}
.multiselect_option label           {    position: absolute;    top: 0;    bottom: 0;    left: 10px;    top: 50%;    transform: translateY(-50%);    text-transform: capitalize}


/*---------------------------------------
         Results View Main Table  
-----------------------------------------*/

#results_table                      {    padding: 5px;    font-size: 12px;    border-collapse: collapse;    text-align: center;    position: relative; width:100%; min-width:900px;}
#results_table tr:nth-child(2n + 1) {    background: #ccc;}
#results_table tr:last-child        {    background: #ccc; border-top:1px solid #fff;}

#results_table th                   {    padding:13px;}
#results_table td                   {    padding:8px; }
.results_table_link                 {    cursor:pointer;}
.results_table_link:hover           {    background:rgba(0,0,0,0.4); color:#fff;  }

#results_table tr:hover             {    background:#dedede;   }
#results_table tr:nth-child(2n + 1):hover  {    background: #aaa;}
#results_table tr:nth-child(1):hover,
#results_table tr:nth-child(1)      {    background: #fff;    color: #0070c4; font-size:14px; border-bottom:1px solid #aaa;}
#results_table tr:last-child:hover  {    background: #ccc; }


/*---------------------------------
    Table Overlay- Item Details
----------------------------------*/
#Item_Details                       {    display: none;    width: 1000px;    position: fixed;    left: 50%;    top: 50%;    transform: translate(-50%, -50%);    
                                         background:#fff; border:1px solid #aaa; box-shadow: 10px 10px 5px rgba(0,0,0,0.5);  }
.overlay_close_btn                  {    top: 0;    right: 0px;    position: absolute;    background:#0070c4;   border: none;    color: white;    padding: 15px 32px;    
                                         text-align: center;    text-decoration: none;    display: inline-block;    font-size: 16px;}
.overlay_close_btn:hover            {    background-color: #004f84;}
#Item_Details  td                   {    padding:5px 5px 5px 40px;   }
#Item_Details  table                {    width:100%; border-collapse: collapse; }
#Item_Details  td:nth-child(1)      {    background:#aaa; padding:5px 7px 7px 40px; color:#fff; }
#Item_Details  tr:nth-child(1) td   {    padding:40px 7px 7px 40px;}
#Item_Details  tr:last-child td     {    padding:7px 7px 40px 40px;}
.Item_Details_link                  {    color: #0070c4;    }
.Item_Details_link:hover            {    background:#0070c4; color:#fff;  cursor:pointer; }

/*----------------------
    Table Controls
------------------------*/
.results_table_sort                             {    cursor:pointer;    }
.results_table_sort:hover                       {    background:#0070c4; color:#fff;   }

#resluts_controls td                            {    padding:0px;}
#resluts_controls p                             {    display: inline-block;    padding: 15px;    color: #000;     }
#resluts_controls p.resluts_controls_link       {    cursor:pointer;   }
#resluts_controls p.resluts_controls_link:hover {    background:#aaa; color:#fff;}
#resluts_controls_spacer                        {    width: 170px; display:inline-block; }
#table_pos                                      {    position:absolute;    right:0px;    bottom:12px;    margin:0;    padding:15px;   }
#table_summary                                  {    position: absolute;    left: 5px;   bottom:10px;    margin: 0;    padding: 0px;    color: #000;}
#table_summary p                                {    float:left; padding:5px 10px; border-right: 1px solid #777;   } 
#table_summary p.table_summary_link             {    cursor:pointer;    }
#table_summary p.table_summary_link:hover       {    background:#aaa; color:#fff; }



/*---------------------------------------------
   Converting radio buttons into drop downbox
  ---------------------------------------------*/

.reserve_select                             {   display: inline-block;    max-height: 30px;    overflow-x: hidden ; overflow-y: scroll;   position: absolute;    left: 50%;    
                                                bottom: 20px;   transform: translate(-50%, 0%);    transition: max-height 0.5s; cursor:pointer; border:1px solid #ccc;}
.reserve_select:hover                       {   max-height: 240px;  }
.reserve_select:hover label:nth-child(1)    {   display:none;}
.reserve_select label:nth-child(1)          {   position:absolute; top:0; left:0; background:blue; z-index:10;}
.reserve_select label                       {   cursor:pointer; width:100px;    height:30px;    background: #fff;    position: relative;    display:block;    margin:0px;   
                                                color:#000;}
.reserve_select span                        {   line-height:30px;   width: 100px;    height: 30px;    position:absolute;    top:0;    left:0;    margin:0px;    
                                                background: #fff;    transition: background 0.2s;     }
.reserve_select span:hover                  {   background: #aaa;   }
</pre></body></html>