InitJavaScriptParamPanel
please write exchange rate: 1$ = xx.yyy
write here css style
body, html {
min-height: 100%;
height: 100%;
}
#detailsEventPanel {
/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}
.img {
width: 144px;
margin-left: 2%;
}
.bayer {
width: 58px;
}
.gridlogo {
width: 300px;
}
input[type="number"] {
border: 1px solid #ccc;
padding: 5px;
box-sizing: border-box;
box-shadow: 0 6px 10px #DFDCDC inset;
}
#headComment {
padding: 0 19px;
}
.alert-info {
background: #fff;
border-color: #fff;
color: #000;
}
#mainHead {
color: white;
}
.meeting {
color: white;
text-align: center;
border-radius: 14px;
padding: 5px;
font-size: 16px;
font-weight: 500;
margin: 14px 8px;
}
.bigger {
font-size: 20px;
font-weight: 500;
}
.alert-info {
margin-bottom: 0;
}
.btn-info:hover {
border: none;
opacity: 0.8;
}
#orderSection {
text-align: center;
}
.img-1, .img-2 {
width: 75px;
}
#logoEventim {
width: 85px;
}
#eventimDiv {
font-size: 10px;
}
#confirmOrderChk {
margin-left: 9px;
}
.btn btn-primary {
width: 100%;
}
body {
font-size: 16px;
line-height: 1.8;
}
#Img_page_header {
padding: 0px 15px;
}
.TextNotePanel.panel-body {
padding-top: 0;
}
.datepicker_hotel {
width: 100% !important;
text-align: center;
}
#ddlRoomAdd {
display: none;
}
.panel-primary .panel-heading {
/*background: #74b786;*/
/*background: -moz-linear-gradient(left, #74b786 0%, #e6a448 50%, #bc6442 100%);*/
/*background: -webkit-linear-gradient(left, #74b786 0%, #e6a448 50%, #bc6442 100%);*/
/*background: linear-gradient(to right, #bc6442 0%,#e6a448 50%,#74b786 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 );*/
}
.meeting {
/*background: #bc6442;*/
}
.panel-primary {
/* border-color: #75b785;*/
}
input#btOrder {
/*background: #74b786;*/
}
.modal-dialog {
/*position: absolute;*/
/*bottom: 10%;*/
/*left: 24%;*/
}
.btn-info {
border: none;
}
.meeting,
.btn-info,
.panel-primary .panel-heading {
background: #2583b2;
background: #fff;
color: #444;
}
.company_name {
color: #2583b2;
font-weight: 700;
font-style: italic;
}
.panel-primary {
border-color: #2583b2;
border-color: #fff;
}
.panel-heading.lg-main-heading .panel-title {
color: #fcbc5c;
}
.panel-heading.lg-main-heading {
background: rgba(107,46,34,0.95);
color: #fcbc5c;
}
input#btOrder, #btBack {
padding: 6px 30px;
background: #fcbc5c;
color: #6b2c20 !important;
border: 1px solid white;
text-decoration: none;
display: inline-block;
vertical-align: middle;
direction: ltr;
position: relative;
font-size: 24px;
font-weight: bold;
}
.meeting {
color: white;
text-align: center;
border-radius: 14px;
padding: 5px;
font-size: 16px;
font-weight: 500;
margin: 14px 8px;
background: #fcbc5c !important;
color: #6b2c20 !important;
border: 1px solid white;
font-weight: bold;
}
.panel-title {
color: #73392d;
font-weight: bold;
}
table.table.paymentpanel_table {
margin: 0;
}
.meeting, .btn-info, .panel-primary .panel-heading {
border-color: #6b2c20;
padding: 8px 0;
}
.table-striped tbody tr:nth-child(odd) td {
background-color: #fff7ea;
border: 1px dashed #eee;
color: #d0a1ef;
}
.panel.panel-info {
border-color: #eee;
padding: 13px 14px;
border: 1px dashed #eee;
box-shadow: 1px 1px 12px 1px #eee;
}
input[type=text], input[type=email], textarea, select {
box-shadow: none;
/* border: 1px solid #444; */
border-radius: 30px;
}
.table-striped #cancel_policy {
font-size: 16px;
}
.order_recieved {
background: rgba(107,46,34,0.95);
color: #fcbc5c;
border-color: #6b2c20;
padding: 8px 0;
font-size: 40px;
font-weight: bold;
text-align: center;
}
.order_panel_recieved {
border: 1px solid #73392d;
}
.order_number_message, .content_text {
margin-right: 2%;
}
input#btBack {
margin-left: 12px !important;
}
.order_number_message {
font-size: 22px;
color: #73392d;
font-weight: bold;
margin-bottom: 0;
}
.content_text b {
color: #73392d;
}
#btBack {
display: none;
}
.order_panel_recieved #btBack {
display: block;
}
.modal-dialog {
position: fixed;
bottom: 0;
top: 0;
left: 25%;
}
#panel_Table_CreditCard .btn-info {
background #d0a1ef !important;
color: #fff;
}
#Img_page_header {
width: 60%;
margin: 0 20%;
}
@media (max-width:700px) {
.modal-dialog {
left: -10px;
width: 100%;
}
#Img_page_header {
width: 100%;
margin: 0;
}
#panel_Table_CreditCard .btn-info {
float: unset;
}
.alert-dismissable.alert-info {
padding: 0;
}
.clogfooter {
width: 100% !important;
}
div select {
font-size: 16px;
width: 100% !important;
}
.panel-body {
padding: 0;
}
}
.tp_form {
background: red;
}
.clogfooter {
width: 31%;
margin: 0 1%;
text-align: center;
}
.clogfooter a img {
width: 220px;
}
.meeting {
direction: ltr;
padding: 0 1%;
}
.main_container {
position: relative;
}
.panel_CreditCard {
height: 550px;
}
#myModalCreditCard {
position: fixed;
top: 0;
bottom: 0;
}
li {
text-align: left;
}
The convention is over