/*****************************************************
 *
 *  style.css
 *
 *  CSS for main area
 *
 *  Copyright Country Computers, 2014
 *
 *
 *
 *
 *****************************************************
 */
 

@import url("../css/font-awesome.css");


html 
{
  height:100%;
}

body 
{
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  background-color:#fff;
  width:100%;
  height:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
 }


h1
{
  margin-top:9px;
  margin-bottom:9px;
}

.top_logo img
{
  max-height:80px;
}

h2
{
  margin-top:0px;
  margin-bottom:5px;
}

textarea
{
  font-family: 'Open Sans', sans-serif;;
}


td
{
    vertical-align:top;

}

.close_popup
{  
  width:10px;
  cursor:pointer;
  display:block;
  margin:5px;
}

.outer_div
{
  display:block;
  clear:both;
  width: 98%;
  margin: 0 auto;
}

.outer_div2
{
  display:block;
  overflow:hidden;
  clear:both;
  width: 80%;
  margin: 0 auto;
}

.outer 
{
  margin-left:30px;
  width:100%;
  clear:both;
  overflow:hidden;
}

.div_frm {
  display:block; 
}

.options
{
  display:block;
  clear:both;
  overflow:hidden;
  width:90%;
}

.d_req
{
  max-width: 970px;
  overflow-x: scroll;
}

table {
  border: 1px solid black;
  border-collapse:collapse;
}



td{
  border: 1px solid black;
}

.txt-inp-wide
{
  width:250px;
}

.form_section_title
{
  margin-top : 15px;
  font-weight:bold;
}

.td_num
{
  text-align:right;
  padding-right:5px;
  vertical-align:top;
}


.event_list
{
  scroll:auto;
  overflow:auto;
  position:absolute;
  top:140px;
  height:75%;
  width:900px;
}

.div_form_popup
{
  border:3px solid #444444;
  border-radius:10px;
  padding:15px;
  margin:5px;
  display:none;
  position:absolute;
  z-index:25;
  background-color:#eeeeee;
}

.noborder
{
  border-collapse:collapse;
  border-color:#fff;
}

.noborder td
{
  border:none;
}


.sect_outer
{
  border:1px solid #333333;
  border-radius:10px;
  margin-top : 10px;
  overflow:hidden;
  padding:10px;
}

.sect_name
{
  float:left;
  width:300px;
  border 1px solid #333333;
  border-radius:10px;
}

.sect_content
{
  width:300px;
  float:left;
  border 1px solid #333333;
  border-radius:10px;
}

.sect_images
{
  width:300px;
  float:left;
  border 1px solid #333333;
  border-radius:10px;
}


.div_form_popup2
{
  border:1px solid #888888;
  border-radius:4px;
  padding:4px;
  margin:5px;
  display:none;
  position:absolute;
  z-index:25;
  background-color:#dddddd;
}


.tr_show:hover
{
  background:#ffffff;
  cursor:pointer;
}

.tr_sold_out
{
  background:#ffdddd;
  cursor:pointer;
}


.fld_ticket
{
  width: 70px;
  text-align:right;
}


.adj_qty
{
  height: 20px;
  vertical-align:middle;
  margin-right:8px;
  margin-left:8px;
}


.sum_col_bo
{
  text-align:right;
  background-color:#ccffcc;
  min-width:50px;
}

.fld_user_descr
{
  display:inline-block;
  width:180px;
  margin-right:10px;
  padding :5px;
}


.fld_user_value_ro
{
  display:block;
  min-width:80px;
  border:1px solid #000000;
  margin-right:10px;
  padding :5px;
}

.fld_num
{
 text-align:right;
 padding-right:4px;
}

.fld_txt
{
 text-align:left;
 padding-left:4px;
}


.reg_table
{
  border:none; 
  border-collapse:collapse;
}


.reg_table tr
{
  border:none; 
  border-collapse:collapse;
}


.reg_table tr td
{
  border:none; 
  border-collapse:collapse;
  padding: 2px 5px 2px 5px;
}

.bordered_div
{
  margin-left:auto;
  margin-right:auto;
  border:4px solid black;
  border-radius:10px;
  padding:15px;
  border-style:ridge;
  background-color:#fbfbfb;
}

.image_edit
{
  display:none;
  position:absolute;
  z-index:10;
  background:#dddddd;
  border: 2px solid #000000;
  border-radius:10px;
  padding:10px;
}


/*********************************** Workers ********************************/


#dt_unavail
{
  max-height:200px;
  overflow-y:auto;
}

#tab_unavail
{
  margin-right:14px;
}

.dt_unavail_reason
{
}

/*********************************** ROSTERING ********************************/

.tab_roster tr td
{
  vertical-align:top;
}

.tab_roster_entry
{
  background-color:#ffffff;
  border-width:0px;
  width:100%;
  border-collapse:collapse;
  font-size:12px;
  cursor:pointer;
}

.roster_time
{
  min-width:130px;
}


.btn_add_entry
{
  text-decoration:none;
  cursor:pointer;
  background-color:#ffffff;
  border:1px solid #55a73f;
  border-radius:6px;
  padding: 0px 4px 0px 4px;
  color:#000;
  white-space:nowrap;
  
}

.tbl-diary
{
  table-layout: fixed;

}

#tblReqWeekly
{
  display:none;
  clear:both;
}

.tbl-diary tr td
{
  vertical-align:top;

}

.diary_entry
{
  min-width:450px;
  word-wrap:break-word;
}

.diary_entry input
{
  width:100%;
}

.diary_inner
{
  clear:both;
  max-height:105px;
  overflow:auto;
}

.div_form_section h3
{
  margin-top:0px;
  margin-bottom:0px;
}

.unavail_reason
{
  min-width:350px;
  max-width:400px;
  word-wrap:break-word;

}

.client_notes
{
   width:495px;
   height:150px;
   font-size:12px;
}


.cs_resulte tbody tr td
{
  vertical-align:top;
}

.cs_time_td
{
  padding-left:5px;
  padding-right:5px;
  text-align:right;
}

.cs_num_td
{
  padding-left:5px;
  padding-right:5px;
  text-align:right;
}

.cs_date_td
{
  padding-left:5px;
  padding-right:5px;
}

.cs_td
{
  padding-left:5px;
  padding-right:5px;
}


#roster_main_body
{
  overflow:auto;
}


.roster-cleaner-info
{
  min-width:130px; 
}


#hdroster_main
{
  top:0px;
  z-index:9;
}

#roster_audit
{
  color:#444444;
  font-size:12px;
}


.print_form
{
 position:absolute;
 top:50px;
 left:50px;
 z-index:99;
 background-color:#fff;
 border:2px solid #000;
 display:none;
 max-width:210mm;
 max-height:280mm;
}

#sup_form table tr td
{
  padding-left:3mm;
  padding-right:3mm;
}

#sup_form_inner
{
  padding: 0mm 10mm 0mm 10mm;
  font-size:12pt;
}

#sup_form_inner:last-child {
     page-break-after: auto;
}
#sup_form_descr
{
  clear:both;
  margin-top:10mm;
}

#sup_form_diary
{
  margin-top:10mm;
}

#sup_form_sig
{
  margin-top:10mm;
  min-width: 90%;
}

@media print {
  #sup_form_inner
  {
   font-family: 'Open Sans', sans-serif;
   font-size:14px;
   padding: 0mm 10mm 0mm 10mm;
   height:auto;
  }
}

.roster_msg_warn
{
  color:#e00;
  padding:5px;
  border:2px solid #e00;
  text-align:center;
  font-weight:bold;
}

/*************************************** Workers Login : Schedule Screen **********************************/

#dScheduleDet {
    background-color: #fff;
    border: 4px solid #000;
    border-radius: 5px;
    display: none;
    left: 0;
    padding: 5px;
    position: absolute;
    top: 0;
    z-index: 12;
    width:92%;
    font-size:1.2em;
  }

/*************************************** Phase 1 carry forward **********************************/

.single_record
{
  display:none;
  position:absolute;
  z-index:10;
  background:#dddddd;
  border: 2px solid #000000;
  border-radius:10px;
  padding:10px;
}

#single_record_invoice
{
  height:auto!important;
}

.sr_fixed
{
  position:fixed;
}

.div_search
{
  display:none;
  background:#dddddd;
  border: 2px solid #000000;
  border-radius:10px;
  padding:10px;
  max-height:200px;
  margin-top:10px;
}

.search_results
{
  margin-top:10px;
  margin-bottom:10px;
}

.no_border, .no_border tr, .no_border th, .no_border td 
{
  border:none;
}

.flist
{
  padding-left:5px;
  padding-right:5px;
  font-size:12px;
}


/*************************************** login assistance **********************************/

.remind_email
{
  width:300px;
}



/*************************************   Dialog   **********************************/

#cs_dialog
{
  display:none;
  position:absolute;
  max-width:500px;
  min-width:300px;
  border:4px solid #444444;
  border-radius:10px;
  width: auto; 
  height: auto; 
  background-color:#fff;
  z-index:99;
  text-align:center;
}

#cs_dialog_hdr
{
  width:100%;
  height:20px;
  color:#000;
  background-color:#ddd;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}

#cs_dialog_msg
{
  margin-top:0.5em;
  margin-left:0.5em;
  margin-right:0.5em;
}

#cs_dialog_btn
{
  margin-left:auto;
  margin-right:auto;
  margin-top:0.5em;
  margin-bottom:0.5em;
}

#cs_confirm_dlg
{
  left:5%!important;
}

/*************************************   Tickets   **********************************/



.tickets_page table
{
  border:none; 
  border-collapse:collapse;
}

.tickets_page tr
{
  border:none; 
  border-collapse:collapse;
}

.tickets_page th
{
  padding-left:4px;
  padding-right:4px;
}

.tickets_page td
{
  padding-left:4px;
  padding-right:4px;
  font-size:12px;
  border:none; 
  border-collapse:collapse;
}


/*************************************   Draws   **********************************/

#latest_draw
{
  display:block;
  margin-left:20px;
}

.drawtab
{
  padding-left:10px;
  padding-right:10px;
  border:none; 
  border-collapse:collapse;
}


.drawtab td
{
  padding-left:10px;
  padding-right:10px;
  border:none; 
  border-collapse:collapse;
}

.drawtab th
{
  padding-left:10px;
  padding-right:10px;
}

.previous_draw_date
{
  min-width:150px;
  font-size:14px;
  display:inline-block;
  margin-right:10px;
  font-weight:bold;
}

#previous_draws
{
  display:block;
  margin-left:20px;
}

#dReg
{
  width:650px;
  text-align:left;
}

#dDraws
{
  width:650px;
  text-align:left;
}

/*************************************   Contact Form   **********************************/

.contact_intro
{
  margin-bottom:15px;
}


.err_msg
{
  color:#aa0000;
  font-weight:bold;
}

.ret_msg
{
  color:#00aa00;
  font-weight:bold;
}

.inp_contact
{
  width:250px;
}

.msg_contact
{
  width:250px;
  font-family: 'Open Sans', sans-serif;
  font-size:13px;
  height:100px;
}

#dContact
{
  width:650px;
  text-align:left;
}


/*************************************   My Account   **********************************/

#dAccount
{
  width:650px;
  text-align:left;
}

#dAccount table
{
  border:none; 
  border-collapse:collapse;
}

#dAccount tr
{
  border:none; 
  border-collapse:collapse;
}

#dAccount th
{
  padding-left:4px;
  padding-right:4px;
}

#dAccount td
{
  padding-left:4px;
  padding-right:10px;
  border:none; 
  border-collapse:collapse;
}



#dAccountEdit table
{
  border:none; 
  border-collapse:collapse;
}

#dAccountEdit tr
{
  border:none; 
  border-collapse:collapse;
}

#dAccountEdit th
{
  padding-left:4px;
  padding-right:4px;
}

#dAccountEdit td
{
  padding-left:4px;
  padding-right:4px;
  border:none; 
  border-collapse:collapse;
}

/*************************************   My Tickets   **********************************/

#dTickets
{
  overflow:hidden;
  width:700px;
  text-align:left;
}

/*************************************   About   **********************************/

#about-bar
{
  width:100%;
  margin-bottom:20px;
  overflow:auto;
}

.about-bar-item
{
  width:33%;
  text-align:center;
  float:left;
}

.about-bar-item input
{
  width:auto;
  font-size:18px;
  cursor:pointer;
}

#dAbout .bordered_div h3
{
  margin-top:0px;
}

#dAboutSC
{
  display:none;
}

#dAboutPrivacy
{
  display:block;
}

#dAboutCommunication
{
  display:none;
}

#dAboutCookies
{
  display:none;
}

#dAboutAck
{
  width:100%;
  margin-top:20px;
  margin-bottom:15px;
  overflow:auto;
}

#dAboutAck .ack-item
{
  float:left;
}

#dAboutAck .ack-item img
{
  height:90px;
  margin-left:20px;
  margin-bottom:10px;
  display:block;
}

/*************************************   Invoicing  **********************************/

#invoice_detail_lines
{
  margin-top:15px;
}

#inv_det_tbl th
{
  vertical-align:top;
}

#inv_remarks
{
  width:600px;
  height:40px;
  font-size:13.3px
}

#inv_order_ref
{
  width:250px;
  padding-left:5px;
  padding-right:5px;
}

#inv_pay_days
{
  width:50px;
  text-align:right;
  padding-left:5px;
  padding-right:5px;
}

.inv_desc_fld
{
  font-size:13px;
  width:97%;
}

.inv_cost_fld
{
  width:100px;
  text-align:right;
  padding-left:5px;
  padding-right:5px;
}

.inv_qty_fld
{
  width:50px;
  text-align:right;
  padding-left:5px;
  padding-right:5px;
}

.inv_rate_fld
{
  width:50px;
  text-align:right;
  padding-left:5px;
  padding-right:5px;
}

.inv_line_vat
{
  width:50px;
  text-align:right;
  padding-left:5px;
  padding-right:5px;
}

.inv_tot_fld
{
  text-align:right;
  padding-left:5px;
  padding-right:5px;
}

/*************************************   Admin  **********************************/

.adm_menu_col
{
  float:left;
  width:33%;
  padding-left:25px;
}

.adm_menu_col .login_item
{
  float:left;
  width:100%;
}

.adm_sub
{
  display:none;
}

.adm_menu_surround
{
  background-color:#fbfbfb;
  width:110%;
  overflow:hidden;
  border:1px solid #fbfbfb;
  border-radius:4px;
}


.adm_menu_surround .login_item
{
  max-width:230px;
  margin-left:10px;
}

#adm_menu_right
{
  background-color:#ddd;
  padding:8px 0px 8px 8px;
  border:1px solid #ddd;
  border-radius:10px;
  display:none;
  flex:1;
  order:2;
}

#adm_menu_left
{
  display:block;
}

.adm_sub .login_item
{
  max-width:230px;
}

/*************************************   Footer  **********************************/

#footer
{
  margin-left:auto;
  margin-right:auto;
  border:none;
  padding:5px;
  width:650px;
  font-size:10px;
  color:#000000;
}

#footer #fl
{
  float:left;
  width:40%;
  margin-top:2px;
}

#footer #fc
{
  float:left;
  width:20%;
  text-align:middle;
  font-size:11px;
}

#footer #fc input
{
  margin-top:0px;
  width:auto;
  cursor:pointer;
}

#footer #fr
{
  float:right;
  width:40%;
  text-align:right;
  margin-top:2px;
}


/*************************************  **********************************/


.pick-ticket0
{
  text-align:right;
  float:left;
  padding-left:5px;
  padding-right:5px;
  width:40px;
}

.pick-ticket0 a
{
  text-decoration:none;
  color:#000000;
}
.pick-ticket1
{
  text-align:right;
  float:left;
  padding-left:5px;
  padding-right:5px;
  width:40px;
}

.pick-ticket1 a
{
  text-decoration:none;
  color:#888888;
}


.cs_time_fld
{
  width:40px;
}

.cs_hrs_fld
{
  width:40px;
  text-align:right;
}

.cs_freq_fld
{
  width:30px;
}

.cs_date_fld
{
  width:90px;
}

.cs_rate_fld
{
  width:60px;
  text-align:right;
}

.cs_cleaner_memo
{
  width:100%;
  height:35px;
  font-size:13px;
  margin-bottom:10px;
}

.cs_roster_memo
{
  width:300px;
  height:40px;
  font-size:13px;
  margin-bottom:10px;
}

.login_div_m
{
  display:none;
}
/*************************************  Responsive : Media sizes **********************************/

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

  #dAboutAck .ack-item img
  {
    height:80px;
    margin-left:10px;
  }

}

@media screen and (max-width: 1165px) 
{
  body
  {
     zzzbackground-color:#ffaaaa;
  }

  .top_logo
  {
    min-width:inherit;
    position:static;    
  }

  .top_logo imgmmm
  {
    width:100%;
  }

  .sys_title
  {
    width:100%;
    text-align:center;
  }

  .sys_titlekk
  {
    clear:both;
    position:static;
    width:100%;
    text-align:center;
  }

  #centeredmenu  
  {
    margin-top:0px;
  }
  
  #dUser
  {
    display:none;
  }

  #dAboutAck .ack-item img
  {
    height:75px;
    margin-left:8px;
  }

}

/* --------------------------------------  MOBILE INTERFACE ------------------------------------ */

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

  .top_logoxxx
  {
    width:100%;
    overflow:hidden;
  }

  .top_logo
  {
    width:100%;
    overflow:hidden;
  }
  
  .top_logo img
  {
    margin-left:auto;
    margin-right:auto;
    width:auto;
    max-width:50%;
  }

  .top_logo img
  {
    max-width:200px;
  }
 
  
  .login_div
  {
    position:absolute;
    top:10px;
    right:10px;
    z-index:19;
    display:none;
    background-color:#fff;
    padding:20px 10px 20px 10px;
    border:2px solid #000;
    border-radius:8px;
    right:auto;
    font-size:1em;
  }

  .login_div_m
  {
    clear:both;
    position:static;
    display:block;
    margin-top:20px;
    width:90%
        
  }
  
  #office_phone
  {
    font-weight:bold;
    display:block;
    font-size:1.7em;
    margin:30px 10px 20px 10px;
    padding-top:0.5em;
  }
    
  #login_box
  {
    margin-top:150px;
    background-color:#fff;
    width:90%;
  }

  #dLogout
  {
    position:absolute;
    top:5px;
    right:15px;
    z-index:100;
    width:auto;
  }

  .close_popup
  {  
    width:20px;
  }
  
  .err_text
  {
    background-color:white;
    border:2px solid #f00;
    border-radius:6px;
    padding:8px;
  }

  .login_item
  {
    width:100%;
  }

  
  #sys_title
  {
    display:none;
  }
  
  .login_item a 
  {
    font-size:1.5em;;
  }
  
  #centeredmenu
  {
    margin-top:-25px;
  }

  #centeredmenu ul li a
  {
    font-size:1.5em;;
  }
  
  .tlogin
  {
    font-size:1.2em;;  
  }
  #inpUser
  {
    font-size:1em;;  
  }
  
  #inpPw
  {
    font-size:1em;;  
  }

  td.tlogin .login_item a 
  {
    font-size:1em;
  }

  td.tlogin input
  {
      width: 90%;
  }

  #div_frm > input
  {
    font-size: 1.5em;
    width:48%;
    margin-top:10px;
    
  }
  
  #dSchedule
  {
    width:100%;
  }
  
  #dSchedule h3
  {
    font-size:1.5em;
    width:100%;
    text-align:center;
  }
  
  #dSchedule table
  {
    width:95%;
    font-size:1.4em;
  }
  
  #dSchedule table td
  {
     padding:10px 5px 10px 5px;
  }
    
  .schedDetClose
  {
    float:right;
    font-size:1.2em;
  }
  
  #login_help
  {
    width:85%;
    margin-left:0px;
    position:relative;
    top:-200px; 
  }

 .remind_email {
    width: 92%;
  }
  
  
  #cs_dialog
  {
    left:0px!important;  
    font-size: 1.3em;
  }
  
#dAboutAck .ack-item img
  {
    height:70px;
    margin-left:8px;
  }



  #dAccount
  {
    width:auto;
    margin-right:10px;
  }

  #old_pwd
  {
    width:auto;
  }
  
  #ver_pwd
  {
    width:auto;
  }
  
  #pwd
  {
    width:auto;
  }


}


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

  .outer_div
  {
    width: 100%;
  }

  .about-bar-item input
  {
    font-size:16px;
  }
  #dAboutAck .ack-item img
  {
    height:60px;
    margin-left:6px;
  }

  
}


@media screen and (max-width: 490px) 
{
  .lsc-draw-winners
  {
    display:none;
  }
  
  .drawtab tr td
  {
    font-size:18px;
  }

  .about-bar-item input
  {
    font-size:14px;
    width:inherit;
    min-width:100px;
  }

  #dAboutAck .ack-item img
  {
    height:70px;
    margin-left:10px;
  }
}