/* @override 
	http://test.giaplanner.net/app/css/developer.css */

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor: default;}
.autocomplete-selected { background: #024886; color: #fff;}

.editable {
  cursor: text;
}

.draggable-element {
  cursor: move;  
}

.formRow .inputs input[type="password"] {
    height: 30px;
    width: 100%;
    margin: 0;
}

tr.lastplanned td {background-color: #024886 !important; color: #fff;}
tr.lastplanned td a {color: #fff;}

#webaddr {
  width: 70%;
}

@media screen {
  #printSection {
      display: none;
  }
}

@media print {
  body .container, footer {
    display: none;
  }
  #printSection {
    display: block;
  }
}

.help {
  width: 665px;
} 

.modal-help{
  background-image: url('../img/help.png');
  height: 295px;
  margin: 0 15px 0 15px;
}

#hymn_select {
  width: 70%;
}

#num_select {
  width: 26%;
}

.loader {
  text-align: center;
}

.upgrade {
  display: none;
}

#minister_delim {
  border-top: 1px solid #000;
}

#spacing {
  width: 10px;
}

#select_all {
  border-bottom: 1px solid #000;
}

#email_table .email_data{
  text-align: left;
}

#email_table td{
  text-align: right;
}

#email_subject{
  color: #cccccc;
}

#email_input {
  width: 300px;
  resize: vertical;
}

.plan_alert {
  color: #f11c24;
}

#modalMinisters .modal-body {
  max-height: 700px;
}

#modalMinisters {
  top: 1%;
  position: absolute;
}

#invoiceModal {
  top: 1%;
  position: absolute;
}

.cycle {
  font-style: italic;
}

#modalPrintable .modal-body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

#contentToPrint{
  padding-top: 20px;
}

.sunday {
  font-size: 18px;
  font-weight: bolder;
}

.section {
  font-size: 15px;
  font-weight: bolder;

}

td .reading, td .notes {
  font-style:italic;
  font-size: 12px;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

#dialog {
  display: none;
}

#invoiceModal{
  width: 800px;
}

#invoiceModal .modal-body{
  max-height: 800px;
}

#invoiceToPrint {
  background-color: #f7f7f7;
  padding-top: 20px;
}

#payInvoice, .invoice-body {
  clear: both;
}

#payInvoice p, .cardRow {
  display: inline-block;
}

#card_cvv {
  width: 84px;
}

.invoice_header {
  width: 100%;
  display: inline-block;
}

.header_left {
  float: left;
}

.header_right {
  float: right;
}

.invoice_participants {
  clear:both;
  width: 100%;
  display: inline-block;
}

.participants_from, .participants_to {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.invoiceTable {
  margin-top: 20px;
}

.invoiceTable table{
  margin-bottom: 10px;
}

.invoiceTable table thead th {
  text-align: center;
  background-color: #eeeeee;
}

.invoiceTable table tfoot tr, #invoiceModal select {
  background-color: #eeeeee;
}

.invoiceTable .invoice_total{
  text-align: right;
}

#plan_time {
  width: 75px;
}

#right {
  margin-right: 1em;
  vertical-align: middle;
}

#right input{
  width: auto !important;
  margin-bottom: 5px;
}

.upgrade-account #card_type, .signup #card_type {
    width: 65%;
}

.upgrade-account .inputs, .signup .inputs {
    width: 65%;
}

.upgrade-account .inputs .ex-month, .signup .inputs .ex-month {
    width: 50%;
}

.upgrade-account .inputs .ex-year, .signup .inputs .ex-year {
    width: 49%;
}

.upgrade-account .btn.submit, .signup .btn.submit {
    margin-left: 3px;
}

.signup-content .upgrade-account {
    margin-bottom: 30px;
}

.info {
  font-size: 12px;
}