/*---------------------------------------
	Buttons
---------------------------------------*/
.pmpro_btn, .pmpro_btn:link, .pmpro_content_message a, .pmpro_content_message a:link {
	font-size: 14px;
	background: #4DB2EC none repeat scroll 0% 0% !important;
	border: 0px none !important;
	position: relative;
	display: inline-block;
	background-image: none;
	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	padding: 6px 12px;
	color: #fff;
	font-weight: 700;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
	   -o-user-select: none;
		  user-select: none;
}

.pmpro_account-membership-levelname, .pmpro_account-membership-levelfee, .pmpro_account-membership-expiration { border: 1px solid #e6e6e6!important; }
.pmpro_btn:focus, .pmpro_content_message a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.pmpro_btn:hover, .pmpro_btn:focus, .pmpro_content_message a:focus, .pmpro_content_message a:hover {
  color: #fff;
  background-color: #444 !important;
  text-decoration: none;
}

.pmpro_btn:active,
.pmpro_btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.pmpro_btn.disabled,
.pmpro_btn[disabled],
fieldset[disabled] .pmpro_btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.pmpro_btn.pmpro_cancel, .pmpro_btn.pmpro_cancel:link {background: none; border: none; margin: 0 0 0 10px; }

.pmpro_cancel p { font-size: 12px; }

/*---------------------------------------
	Forms
---------------------------------------*/
form.pmpro_form div {clear: left; margin: .5em 0 1em 0;  }
form.pmpro_form label {float: left; margin: 3px 10px 0 0; /*width: 200px;*/ font-weight: bold; /*text-align: right;*/ }
form.pmpro_form label.pmpro_normal {/*float: none; margin: 0 0 0 0;*/ width: auto; font-weight: normal; text-align: auto; margin-top: 16px; margin-bottom: 10px;}
.pmpro_clickable {cursor: pointer;}
form.pmpro_form .likelabel {font-weight: bold; }
form.pmpro_form .input, form.pmpro_form textarea, form.pmpro_form select {border: 1px solid #e6e6e6; display: inline-block; margin: 0 3px 0 0; padding: 3px; width: 100%; /*max-width: 60%;*/ }
form.pmpro_form textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
form.pmpro_form select {margin: 2px 0 0 0 ; font-size: 12px;}
form.pmpro_form .lite {color: #666; }
form.pmpro_form .leftmar {margin: 8px 0 0 210px; }

form.pmpro_form .pmpro_captcha {margin: 0 0 0 210px !important; }
form.pmpro_form .pmpro_captcha div {clear: none; margin: 0; }
form.pmpro_form .pmpro_submit { padding-top: 20px; padding-bottom: 20px; }
form.pmpro_form #pmpro_processing_message {margin: 5px 0 0 10px; font-style: italic; color: #999; }

/*--------------------------------------------------
	Messages - Success, Error, Alert
----------------------------------------------------*/
.pmpro_message {background-color: #d9edf7; margin: .5em 0; padding: 10px 15px; color: #31708f; font-size: 14px; font-weight: 400; line-height: 1.5em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #bce8f1; }

.pmpro_success {background-color: #dff0d8; color: #3c763d; border-color: #d6e9c6; }
.pmpro_error {background-color: #f2dede; color: #a94442; border-color: #ebccd1; }
.pmpro_alert {background-color: #fcf8e3; color: #8a6d3b; border-color: #faebcc;}

.pmpro_content_message a {margin: 5px 5px 0 0; }

.pmpro_message a {color: #245269; text-decoration: underline; }
.pmpro_success a {color: #2b542c; }
.pmpro_error a {color: #843534; }
.pmpro_alert a {color: #66512c; }

input.pmpro_error {background-image: none;}
select.pmpro_error {background-image: none;}

/*---------------------------------------
	Membership Checkout
---------------------------------------*/
.pmpro_checkout thead th {font-weight: bold; color: #fff; padding: 10px; background-color: #4DB2EC !important; border: 1px solid #4DB2EC;}
.pmpro_checkout tbody td {padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px;}
.pmpro_checkout tr.odd td {background-color: transparent; }
.pmpro_checkout tr.selected td {background: #FFC; }
.pmpro_checkout tr.active td {background: #FFC; }
.pmpro_checkout .name {font-weight: bold; }
.pmpro_checkout ul {margin: 5px 0 0 20px; padding: 0; font-size: .8em; color: #444; }

.pmpro_checkout tfoot td {padding: 10px; color: #444; }
.pmpro_checkout .topfoot td {border-top: 2px solid #CCC;}
.pmpro_checkout .total td {border-top: 1px solid #CCC; font-size: 1.2em; font-weight: bold; padding-bottom: 30px;}
.pmpro_checkout tfoot .entercode td {background: #EEE; }

.pmpro_checkout td.rtbdr {border-right: 1px solid #CCC; }

.pmpro_checkout select {font-size: 11px; }

.pmpro_thead-name {float: left; width: 55%; }
.pmpro_thead-msg {float: right; font-size: .9em; font-style: italic; font-weight: normal; text-align: right; width: 45%; }

.pmpro_ordersummary {float: right; }

#pmpro_license { background: #FFF; padding: 5px; border: 1px solid #CCC; height: 200px; margin: 3px; color: #666; overflow: auto; }

.pmpro_sslseal {float: right; clear: none !important; margin: 0 !important; }

a.pmpro_radio {text-decoration: none; color: #000;}

/*---------------------------------------
	Membership Invoice
---------------------------------------*/
.pmpro_invoice { }


/*---------------------------------------
	Membership Account
---------------------------------------*/
#pmpro_account .pmpro_box {border-top: 1px solid #CCC; padding: 1em 0; margin: 1em 0; }
#pmpro_account .pmpro_box h3 {margin: 0; padding: 0 0 15px 0; border: none; background: none; }
#pmpro_account .pmpro_box p {margin: .5em 0 0 0; padding: 0; }
#pmpro_account .pmpro_box ul {margin-bottom: 0; }

#pmpro_account #pmpro_account-membership { }
#pmpro_account #pmpro_account-profile { }
#pmpro_account #pmpro_account-billing { }
#pmpro_account #pmpro_account-invoices { }
#pmpro_account #pmpro_account-links { }

.pmpro_actionlinks {font-size: 12px; margin: 12px 0 12px 0; }
.pmpro_actionlinks a {display: inline-block; padding: 4px 12px; margin: 0; text-decoration: none; background-color: rgb(77, 178, 236); color: rgb(255, 255, 255); border-radius: 5px; }
.pmpro_actionlinks a:hover { color: #FFFFFF; background-color: #222222; background-image: none; border-color: #222222; text-decoration: none; }

.pmpro_hidden {display: none;}
li.pmpro_more {list-style-type: none; text-align: center; margin-left: -20px; padding-left: 0;}

/*---------------------------------------
	Membership Levels
---------------------------------------*/
#pmpro_levels_table {background: #FFF; }
#pmpro_levels_table .pmpro_btn {display: block; }

/*---------------------------------------
	Misc
---------------------------------------*/
.pmpro_a-right {float: right; width: auto; text-align: right; text-decoration: underline; font-size: 11px; }
.pmpro_a-print {float: right; width: auto; text-decoration: none; color: #345395; background: url(../images/printer.gif) top left no-repeat; padding: 0px 0px 2px 20px; font-size: 11px; line-height: 16px; cursor: pointer; } 

.pmpro_red {color: #CC0000; }
.pmpro_grey {color: #999; }

.top1em {margin-top: 1em;}
.bot1em {margin-bottom: 1em;}
.bot0em {margin-bottom: 0em;}
.clear {clear: both; }

.pmpro_small {font-size: .8em;}

@media (max-width:768px){
	#pmpro_levels_table {border: none; }
	#pmpro_levels_table th {display: none; }
	#pmpro_levels_table td {border: none; display: block; padding: 0 10px; text-align: center; }
	#pmpro_levels_table td:first-child {font-size: 1.4em; padding-top: 10px; }
	#pmpro_levels_table td:last-child {padding-bottom: 10px; padding-top: 10px; }
	form.pmpro_form label {display: block; margin: 0; text-align: left; width: 100%; }
	form.pmpro_form label.pmpro_normal, #pmpro_tos_fields label {display: inline-block; }
	form.pmpro_form input[type=text].input, form.pmpro_form input[type=password].input {width: 100%; }
	form.pmpro_form input[type=text]#other_discount_code, form.pmpro_form input[type=text]#CVV, form.pmpro_form input[type=text]#discount_code {width: 40%; }
	form.pmpro_form #pmpro_payment_information_fields .pmpro_thead-msg {float: none; margin-bottom: 10px; text-align: left; text-wrap: normal; white-space: normal; }
	form.pmpro_form .leftmar {margin: 2px 0 0 0; }
	form.pmpro_form .pmpro_submit {margin-left: 0; }
	form.pmpro_form .pmpro_submit #pmpro_submit_span {display: block; float: none; }
	form.pmpro_form .pmpro_btn {display: block; width: 100%; margin-bottom: 10px; }
	.pmpro_actionlinks a { width: 100%; margin-bottom: 10px; text-align:center;}
	.pmpro_account-membership-levelname { text-align:center; }
}

/*++++++++++++++++++++++++++++++*/
.panel-title:hover {
    background: #F7F6F6 none repeat scroll 0% 0%;
}
.panel-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    color: inherit;
}
.panel-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 0.9em;
    font-family: Helvetica !important;
    color: inherit;
    padding-top: 8px;
    padding-bottom: 8px;
    /*padding-left: 10px;*/
    /*border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;*/
    text-align: left !important;
}

.modalidades .btn-danger {
    right: 10px !important;
    width: 79px;
    font-size: 12px;
    background: #4DB2EC none repeat scroll 0% 0% !important;
    border: 0px none !important;
    float: right;
    position: relative;
}
.collapsible-modalidades {
    font-size: 19px;
    top: 0px;
    position: relative;
    color: #4DB2EC;
    width: 278px;
}

.pmpro_asterisk {
color:red;
}

#pmpro_submit_span { margin-bottom: 30px !important; }

.fonteJO { font-family: "Open Sans"; font-size: 14px; line-height: 22px; }
li.fonteJO { font-family: "Open Sans"; font-size: 14px; line-height: 22px; padding-left: 60px; }
.infoJO { background-color: #4DB2EC; padding: 10px; color:#fff; }
.infJOO { background-color: #4DB2EC; padding: 3px; color:#fff; }
.pmpro_btn-submit-checkout { font-size: 13px!important;}

#pmpro_processing_message { font-size: 12px!important }
.pmpro_check_instructions p { font-family: "Open Sans"!important; font-size: 14px!important; line-height: 22px!important; }
.underline { text-decoration: underline; }
ul.lst {list-style-type: square; font-size: 14px;}

.container {
  width: 80%;
  margin: 60px auto; 
}
.progressbar {
  margin: 0;
  padding: 0;
  counter-reset: step;
}
.progressbar li {
  list-style-type: none;
  width: 25%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  /*text-transform: uppercase;*/
  color: #7d7d7d;
}
.progressbar li:before {
  width: 30px;
  height: 30px;
  content: counter(step);
  counter-increment: step;
  line-height: 27px;
  border: 2px solid #7d7d7d;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: white;
}
.progressbar li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #7d7d7d;
  top: 15px;
  left: -50%;
  z-index: -1;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active {
  color: green;
}
.progressbar li.active:before {
  border-color: #55b776;
}
.progressbar li.active + li:after {
  background-color: #55b776;
}
 
ol.progtrckr { display: table; list-style-type: none; margin: 0; padding-left: 10px; padding-right: 10px; padding-bottom: 50px; padding-top: 10px; }
ol.progtrckr li { display: table-cell; text-align: center; line-height: 3em; }

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }
ol.progtrckr li.progtrckr-done { color: black; border-bottom: 4px solid #4DB2EC/*yellowgreen*/; padding-bottom: 11px; }
ol.progtrckr li.progtrckr-todo { color: silver; border-bottom: 4px solid silver; }
ol.progtrckr li:after { content: "\00a0\00a0"; }
ol.progtrckr li:before { position: relative; bottom: -2.8em; float: left; left: 50%; line-height: 1em; }
ol.progtrckr li.progtrckr-done:before { content: "\2713"; color: white; background-color: #4DB2EC/*yellowgreen*/; height: 2.2em;
        width: 2.2em; line-height: 2.2em; border: none; border-radius: 2.2em; }
ol.progtrckr li.progtrckr-todo:before { content: "\039F"; color: silver; background-color: white; font-size: 1.5em; bottom: -2.1em; }
ol.progtrckr li.progtrckr-doneL:before { background-color: yellowgreen; }

.circulo { border-radius: 10px; color: #4DB2EC; background-color: #ffffff; padding: 2px 7px; }

input[type="checkbox"] + label::before { left: -33px !important; top: 1px !important; }
input[type="checkbox"] + label::after { left: -32px !important; top: -1px !important; }
.back-modalidades { font-family: "Open Sans"!important; float:left!important; font-size: 13px!important; font-weight: bold!important; line-height: 16px!important;  padding: 8px 15px 8px 15px!important;}
.navigation { padding-top: 20px; } 
input[type=text], input[type=password], input[type=email] , form.pmpro_form select { font-family: "Open Sans", sans-serif!important; font-size: 12px!important; line-height: 21px!important; color: #444444!important; height: 34px!important; }

div.formatada { position: relative; padding: 6px 0px; margin-bottom: -1px; }
