@charset "utf-8";
/* CSS Document */


.renewal_fee_calculator{
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 5px;
    background: #f3f3f3;
}


#renewal_fee_calculator .col-sm-3, #renewal_fee_calculator .col-sm-2  {/*background: #ffffff;
    padding: 20px 20px 28px 20px;
    border: 1px solid #b5b5b5; margin-right:20px;*/}
	


.renewal_fee_calculator .first_row{
    padding-bottom: 0px;
    } 



.renewal_fee_calculator .row>div {
     padding:22px 22px; /* border-right: 1px solid #ccc; min-height: 85px;     padding: 0px 15px;*/
}


.renewal_fee_calculator #CF5c45aa9b718c2_1-row-1>div {
    border-right: 1px solid #ccc; /*min-height: 85px;  padding:22px 22px;     padding: 0px 15px;*/
}


.renewal_fee_calculator .first_row>div {
     padding-top:14px; min-height: 95px;    /* padding: 0px 15px;*/
}

.renewal_fee_calculator .row div:nth-child(3){ 
 border-right: 0px solid #ccc!important;
}

.renewal_fee_calculator .row .last_col{ 
 border-bottom: 0px solid #ccc; padding:15px 20px;
}


#CF5c45aa9b718c2_1-row-1{ background:#fff;}


.caldera-grid .row {
    margin-left: 0px!important;
	}
	
.renewal_fee_calculator .more_info{
    position: absolute;
    top: 315px;
}



.renewal_fee_calculator .caldera-grid .form-control {
    height: 31px!important;
	}


.year_error{     color: #ff0000;
    font-size: 11px; clear: both;
    float: left; line-height: 13px;}


.renewal_fee_calculator .rfc_enter_period{width:28%; float:left;  padding: 6px 0px;}	
.renewal_fee_calculator .rfc_year_from{ width:31%;  float:left;}
.renewal_fee_calculator .rfc_enetr_to{ width:10%;  float:left;     text-align:center;
    padding: 6px;}
.renewal_fee_calculator .rfc_year_to{ width:31%;  float:left;}


.renewal_fee_calculator .rfc_period_text{ clear:both;     line-height: 16px;}
.renewal_fee_calculator .rfc_period_text b{ padding-top:10px; line-height: 16px;     display: block;}
.renewal_fee_calculator .rfc_period_text br{ display:none;}

.renewal_fee_calculator .or_text{position: absolute;
    top: 34%;
    left: -21px;
    background: #d5aa6d;
    color: #000;
    padding: 12px 10px;
    border-radius: 50%;
    z-index: 3;
}

.renewal_fee_calculator .more_info{ clear:both; padding-top: 20px;}
.renewal_fee_calculator .rfc_today_date, .renewal_fee_calculator .rfc_days, .renewal_fee_calculator .rfc_years, .renewal_fee_calculator .next_renewal_date, .renewal_fee_calculator .rfc_year_box, .renewal_fee_calculator .rfc_date_box, .renewal_fee_calculator .next_renewal_date_html{ display:none;}

.renewal_fee_calculator .date_of_filing, .renewal_fee_calculator .date_of_grant, .renewal_fee_calculator .next_renewal_date, .renewal_fee_calculator .rfc_today_date, .renewal_fee_calculator .rfc_days{ clear:both;}

.renewal_fee_calculator .date_of_filing label, .renewal_fee_calculator .date_of_grant label/*, .renewal_fee_calculator .next_renewal_date label*/{ width:40%;  padding: 6px 0px; float:left;}
.renewal_fee_calculator .date_of_filing>div, .renewal_fee_calculator .date_of_grant>div/*, .renewal_fee_calculator .next_renewal_date>div*/{ width:60%; float:left;}



.renewal_fee_calculator .active_dropdown, .renewal_fee_calculator .active_calender{background: #00000047;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    left: 0px; z-index:1;
    top: 0px; display:none; cursor:pointer;}

.renewal_fee_calculator .active_calender{ display:block;}	
	
.renewal_fee_calculator .close_me{ position:absolute;     right: 5px;
    top: 5px;
    color: #f00;
    font-size: 18px; display:none;
	cursor:pointer;}


.renewal_fee_calculator .caldera-grid .form-group {
    margin-bottom: 15px!important;
}
	

.renewal_fee_calculator .form-group.rfc_entity, .renewal_fee_calculator .form-group.rfc_entity2, .renewal_fee_calculator #fld_7438137_3-wrap{
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
    margin-bottom: 24px!important;
}

.renewal_fee_calculator #fld_7438137_3-wrap{    min-height: 155px;}


@media only screen and (max-width: 767px) {
	.renewal_fee_calculator .or_text {
		top: -20px;
		left: 43%;
	}
	
	.renewal_fee_calculator .first_row div.col-sm-4:nth-child(3){ 
	background: #ccc;
	}
  .renewal_fee_calculator .more_info { position:unset;
  
  }	

}



.home_resources .renewal_fee_calculator .or_text {
		top: -20px;
		left: 43%;
	}


.home_resources .renewal_fee_calculator .first_row div.col-sm-4:nth-child(3){ 
background: #ccc;
}


.renewal_calender_html, .show_chart, .calender_table{ display:none;}

.show_chart{ cursor: pointer;
    background: #333;
    color: #fff;
    width: max-content;
    padding: 5px 10px;
    border-radius: 2px;
	line-height: 15px;
	}

.show_chart:hover{ background:#d5aa6d;}


.renewal_fee_calculator .btn.btn-secondary {
    background-color: #d5aa6d!important;
    border-color: #d5aa6d!important;
    color: #fff!important;
}

.renewal_fee_calculator .btn.btn-secondary:hover {
    background-color: #333!important;
    border-color: #333!important;
    color: #fff!important;
}


.calender_table{position: absolute;
    margin: 0;
    top: -21px;
    left: -1px;
    background: #fff;
    width: 106%;}

.calender_table table th{ background:#e8e8e8;}
.calender_table table th, .calender_table table td{ padding:2px 8px; border:1px solid #ccc; line-height: 2; font-family: "Open Sans";}
.close_table{ cursor: pointer;
    position: absolute;
    right: -8px;
    top: -9px;
    border: 1px solid #b8b6b6;
    color: #FF0000;
    background: #dddddd;
    border-radius: 50%;
    padding: 2px 5px 3px 5px;
    font-size: 20px!important;}


.for_calender{ display:none;}
.renewal_fee_calculator .help-block{    font-style: italic;
    font-size: 12px;}






/* additional  */
	



.renewal_fee_calculator #CF5c45aa9b718c2_3-row-1>div {
    border-right: 1px solid #ccc; /*min-height: 85px;  padding:22px 22px;     padding: 0px 15px;*/
}

#CF5c45aa9b718c2_3-row-1{ background:#fff;}



.caldera-grid .row {
    margin-left: 0px!important;
	}	
	



.renewal_fee_calculator label.control-label {
    margin-top: 0px;
}