@media print {
    * {
        -webkit-print-color-adjust: exact;
		print-color-adjust: exact;
    }

	.no-print, .no-print *
    {
        display: none !important;
    }

	.edit-btn,.preview-form-btn
	{
        display: none !important;
    }
	.header,#footer {
        display: none !important;
    }

	

	@media print {
		@page { margin: 0; }
		body { margin: 1.6cm; }
		.short-desc {
			font-size: 25px !important; /* changing to 10pt has no impact */
		}
    .short-desc p{margin-bottom: 0 !important;}
		.invitators{font-size: 25pt !important;}
		.booking-form label{font-size: 30pt !important;}
		.soldier {width: 240px !important;}
	}

	.booking-form-wrap {
    	max-width: 100% !important;
	}

	.page-wrapper{
		padding-top: 50px !important;
    	padding-bottom: 0px !important;
	}
}

@font-face {
  font-family: 'Myriad-hebrew-bold';
  src: url('../font/myriad-hebrew-bold.otf');
}

.form-wrapper {
    max-width: 80%;
    margin: 0 auto;
    font-family: 'Myriad-hebrew-bold',Arial;
    background-color: #415a30;
    background-image: url('../images/taustariie.jpg');
    background-size: contain;
    background-repeat: repeat;
    padding: 40px;
    padding-bottom: 0;
    overflow: hidden;
    margin-bottom: 20px;
}

.form-wrapper h2{font-size: 32px;}
.form-wrapper h3{font-size: 28px;}

.form-wrapper h2,
.form-wrapper h3{
    font-family: 'Myriad-hebrew-bold',Arial;
    color: #fcc664;
}

.receiver-row input {
  width: 49% !important;
  float: left;
}
.receiver-row input:nth-child(1) {
  margin-right: 15px;
}


.center{text-align: center;}
#invitationForm .add-btn {
    display: block;
    background-color: #fcc664;
    padding: 0 15px;
    border-radius: 4px;
    color: #3f562c;
}

#invitationForm .submit-btn {
    margin: 0 auto;
    display: block;
    background-color: #fcc664;
    padding: 0 15px;
    border-radius: 4px;
    color: #3f562c;
}

#invitationForm label {
  color: #fcc664;
  font-size: 16px;
}

#invitationForm input {
  margin-bottom: 28px;
  background-color: #fcc664;
  border: none;
  color: #000;
}








.booking-form-wrap {
    max-width: 53%;
    margin: 0 auto;
    font-family: 'Myriad-hebrew-bold',Arial;
    background-color: #415a30;
    background-image: url('../images/taustariie.jpg');
    background-size: contain;
    background-repeat: repeat;
    padding: 40px;
    padding-right: 17px;
    padding-bottom: 0;
    overflow: hidden;
    margin-bottom: 20px;
}




.booking-bg{
    background-color: #415a30;
    background-image: url('../images/taustariie.jpg');
    background-size: contain;
    background-repeat: repeat;
    padding: 40px;
    padding-right: 17px;
    padding-bottom: 0;
    overflow: hidden;
    margin-bottom: 20px;
}

.booking-form label {
    color: #fcc664;
    font-size: 25px;
    font-family: 'Myriad-hebrew-bold',Arial;
    
    float: left;
    margin-right: 12px;
}

.booking-form p {
    overflow: hidden;
  }

.booking-form input[type="text"] {
    background-color: #fcc664;
    float: left;
    width: auto;
    border: none;
    padding: 8px;
}

.field1 {width: 60% !important;}
.field2 {width: 28% !important; margin-right: 15px !important;}
.field3 {width: 30% !important;}
.field4{width: 76% !important;}

#Submit {background-color: #fcc664 !important; color: #415a30;float: right; margin-right: 22px;}
#Submit:hover{text-decoration: none;}
.booking-preview,
.edit-btn{display: none;}

.booking-preview span {
    float: left;
    margin-right: 10px;
    color: #fcc664;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: 600;
  }

  .booking-preview h2,
  .preview-header h2 {
    margin-top: 0 !important;
    color: #f9c864;
    font-size: 48px;
    margin-bottom: 4px !important;
  }

  .preview-header {
    text-align: center;
    overflow: hidden;
    margin-bottom: 30px;
  }
  
  .preview-header img {
    width: 80%;
    margin: 0 auto;
  }

  .soldier{width: 64%; float: left;}
    
  .share-popup {
    background: rgba(0,0,0,.8);
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    display: none;
  }

  .share-popup-content {
    width: 40%;
    margin: 0 auto;
    background-color: #FFF;
    padding: 23px;
    position: relative;
    top: 25%;
  }

  .copy-success {
    color: green;
    display: none;
  }

  .booking-form-wrap .preview-form-btn{display: none;}
  .share-close {
    background-color: #fff;
    color: #000;
    float: right;
  }

  .booking-form-wrap button {
    padding: 0 15px;
    border-radius: 4px;
    color: #3f562c !important;
    display: inline-block;
  }

  .short-desc {
	color: #fcc664;
	font-size: 15px;
  }

.ui-widget-header {
	border: 1px solid #fcc664 !important;
	background: #fcc664 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #fcc664 !important;
    background: #fcc664 !important;
}
.ui-timepicker-div dl dd{display: block;}

#ui-datepicker-div {z-index: 999 !important;}
.success-msg {color: green;}
.error-msg {color: red;}

#printInvitation .booking-form{text-align: center;}
#printInvitation .booking-form label{float: none;}
.booking-preview span{float: none;}
.invitators {font-size: 22px;color: #fcc664;}
#Invitators {text-transform: none;}

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

    .booking-form-wrap {max-width: 100%;}
	.booking-preview h2,
	.preview-header h2{font-size: 28px;}
	.booking-form label,
	.booking-preview span{font-size: 20px;}
	.booking-form input[type="text"]{width: 100% !important;}
	.booking-bg{padding: 35px !important; padding-bottom: 0 !important;}
	#Submit{margin-right: 0;margin-bottom: 30px;}
	#booking-form {margin-bottom: 0;}
	.share-popup-content{width: 88%;top: 8%;}
	.share-close {margin: 0;padding: 0 !important;line-height: 0;}
}