/*-----------------------------
1. Form Section
-------------------------------*/

.rentgen-block h5 {
    margin-bottom: 30px;
}

.form-container {
    background: #fff;
    padding: 45px 50px;
}

.rentgen-form i.fa {
    margin-right:5px;
}

.form-section-heading {
    font-size: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.rentgen-form input, .rentgen-form select {
    border: 1px solid #ddd;
    margin-bottom: 15px;
    padding: 7px;
    width: 100%;
    color: #666;
}

.rentgen-form input:focus, .rentgen-form textarea:focus, .rentgen-form select:focus {
    border: 1px solid #ba334d;
}

.rentgen-form textarea {
    height: 123px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    padding: 7px;
    width: 100%;
    color: #666;
}

.rentgen-info .table td {
    padding: 3px 0;
}

.rentgen-form label {
    font-weight: 700;
}

.small-spacer {
    height:30px;
    clear:both;
    display:block;
}

.rentgen-btn {
    background:#ba334d;
    color:#fff;
    padding:10px 30px;
    border-radius:0;
    margin:5px 10px 5px 0;
    white-space: normal;
}

.rentgen-btn:hover {
    background:#ddd;
    color:#000;
}

.reset-btn {
    background:#333;
}

/*-----------------------------
2. Datepicker
-------------------------------*/

.ui-datepicker {
	border: 1px solid #fff;
}

.ui-datepicker * {
	font-family: 'Lato', sans-serif;
}

.ui-datepicker .ui-datepicker-header {
	background: #ba334d;
	color: #fff;
}

.ui-datepicker .ui-datepicker-header .ui-state-hover {
	background: #ba334d;
}

.ui-datepicker thead {
	background: #ba334d;
	color: #fff;
}

.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-hover {
	background: #ba334d;
	color: #fff;
}

.ui-datepicker th {
	border-top: 1px solid #fff;
}

/*-----------------------------
3. Placeholder
-------------------------------*/

.rentgen-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #666;
}
.rentgen-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #666;
   opacity:  1;
}
.rentgen-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #666;
   opacity:  1;
}
.rentgen-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #666;
}

/*-----------------------------
4. PDF Generator
-------------------------------*/

.pdfviewer-block {
    margin-top: 40px;
}

.pdfviewer-block h5 {
    margin-bottom: 10px;
}

#html-to-pdfwrapper {
    border: 1px solid #ddd;
    padding: 0px 35px 25px;
    /* display:none; */
}

#html-to-pdfwrapper h2 {
    font-size:20px;
    margin:40px auto 10px;
}

#html-to-pdfwrapper .receipt-content {
    margin:30px 0;
}

#html-to-pdfwrapper .receipt-sign {
    margin-top: 80px;
}

/*-----------------------------
5. Responsive CSS
-------------------------------*/

@media only screen and (max-width: 767px) {
.form-container {
    padding: 25px 35px;
}
}

@media only screen and (max-width: 480px) {
.rentgen-btn {
    width:100%;
    padding: 10px;
}
}