form {
display:inline
}
.overlay{
position:fixed;
top:0;
right:0;
width:100%;
height:100vh;
background:rgba(0,0,0,0.5);
z-index:999
}
html,
body{
direction:rtl;
font-family:"Rubik",sans-serif;
font-size:18px;
line-height:1.5;
margin:0;
padding:0;
color:#374c6b
}
.wrap{
float:none;
margin:15px auto 0;
max-width:100%;
width:806px
}
.wrap .title{
float:right;
width:100%;
text-align:center;
padding:20px 0;
font-size:24px;
font-weight:700;
margin:0
}
.wrap .right{
float:right;
width:37%
}
.wrap .left{
float:left;
width:49%
}
.wrap .right .subtitle{
float:right;
width:100%;
text-align:center;
padding:10px 0;
font-size:18px;
font-weight:400;
margin:0
}
.wrap .buttons_wrapper{
float:right;
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 0
}
.wrap .buttons_wrapper .button{
float:right;
margin:0 10px;
padding:10px 20px;
font-size:18px;
font-weight:700;
text-align:center;
color:#fff;
border-radius:5px;
cursor:pointer;
transition:all 0.3s;
background-color:#374c6b;
text-decoration:none
}
.wrap .buttons_wrapper .button a{
color:#fff;
text-decoration:none
}
.wrap .form_wrapper{
float:right;
width:100%;
padding:0 0 20px 0
}
.wrap .form_wrapper .submissions_info{
float:right;
width:100%;
padding:0
}
.wrap .form_wrapper .submissions_info .title{
float:right;
width:100%;
text-align:right;
padding:10px 0;
font-size:30px;
font-weight:700;
margin:0 0 5px 0
}
.wrap .form_wrapper .submissions_info .input_wrapper{
float:right;
width:100%;
padding:5px 0;
margin:0
}
.wrap .form_wrapper .submissions_info .input_wrapper input{
float:right;
width:100%;
padding:10px;
font-size:18px;
font-weight:400;
border:1px solid #374c6b;
border-radius:0;
box-sizing:border-box
}
.wrap .form_wrapper .submission_participants{
float:right;
width:100%;
padding:8px 0
}
.wrap .form_wrapper .submission_participants .title{
float:right;
width:100%;
text-align:right;
padding:10px 0 2px 0;
font-size:30px;
font-weight:700;
margin:0
}
.wrap .form_wrapper .submission_participants .participant{
float:right;
width:100%;
padding:0 0 10px 0
}
.wrap .form_wrapper .submission_participants .participant .title{
float:right;
width:100%;
text-align:right;
padding:10px 0;
font-size:18px;
font-weight:700;
margin:0
}
.wrap .form_wrapper .submission_participants .participant .inputs_wrapper{
float:right;
width:100%;
padding:0
}
.wrap .form_wrapper .submission_participants .participant .inputs_wrapper .input_wrapper{
float:right;
width:100%;
padding:0 0 10px 0
}
.wrap .form_wrapper .submission_participants .participant .inputs_wrapper .input_wrapper input{
float:right;
width:100%;
padding:10px;
font-size:18px;
font-weight:400;
border:1px solid #374c6b;
border-radius:0;
box-sizing:border-box
}
.wrap .form_wrapper .submission_participants .participant .inputs_wrapper .input_wrapper select{
float:right;
width:100%;
padding:10px;
font-size:18px;
font-weight:400;
border:1px solid #374c6b;
border-radius:0;
box-sizing:border-box
}
.wrap .form_wrapper .add_participant{
float:right;
width:150px;
font-size:18px;
padding:5px 10px;
background-color:#E2E6F2;
color:#374c6b;
cursor:pointer
}
.wrap .form_wrapper .add_participant a{
color:#374c6b;
text-decoration:none
}
.wrap .left .participants_list_total{
float:right;
width:100%
}
.wrap .left .participants_list_total .participants_list{
float:right;
width:100%;
padding:0
}
.wrap .left .participants_list_total .participants_list .participant{
float:right;
width:100%;
padding:0 0 10px 0;
position:relative
}
.wrap .left .participants_list_total .participants_list .participant .remove{
position:absolute;
top:-3px;
right:-22px;
font-size:34px;
color:#666;
cursor:pointer
}
.wrap .left .participants_list_total .participants_list .participant .participant_title{
float:right;
width:70%;
padding:10px 0;
font-size:18px;
font-weight:700;
margin:0
}
.wrap .left .participants_list_total .participants_list .participant .participant_price{
float:right;
width:30%;
padding:10px 0;
font-size:18px;
font-weight:700;
margin:0;
text-align:left
}
.wrap .left .participants_list_total .total{
float:right;
width:100%;
padding:10px 0;
font-size:24px;
font-weight:700;
margin:0
}
.wrap .left .participants_list_total .total .title{
float:right;
width:70%;
padding:10px 0;
font-size:18px;
font-weight:700;
margin:0;
color:#666;
text-align:right
}
.wrap .left .participants_list_total .total .price{
float:right;
width:30%;
padding:10px 0;
font-size:18px;
font-weight:700;
margin:0;
color:#A1852A;
text-align:left
}
.wrap .left .participants_list_total .submit{
float:left;
width:auto;
padding:10px 10px;
background-color:#A1852A;
color:#fff;
font-weight:bold;
font-size:18px;
text-decoration:none;
border:none;
box-sizing:border-box
}
/* --- Set media query for anything under 1024px --- */
@media (max-width:1024px) {
.wrap{
width:80%;
margin:10px 10% 0
}
.wrap .right{
width:100%
}
.wrap .left{
width:100%
}
}
/*
* span {
display:inline-block
}
*/
/*
#lbuttons,
#lbuttons div,
#lbuttons a,
#lbuttons img,
.fxc #subtoolbar,
.fxc #admin_panel {
-webkit-transform:translate3d(0,0,0);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
transform:2DValue(val) 3DValueSetToNull(0);
transform:2DValue(val);
-webkit-transform :translateZ(0);
-o-transform :translateZ(0);
-webkit-transform :translateZ(0);
transform :translateZ(0);
-webkit-transition:all 0.5s linear
}
.fxc #admin_pusher,
.fxc #sys_website {
-webkit-transition:all 0.5s linear
}
*/
body {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
min-width:100%;
min-height:100%;
padding:0;
margin:0
}
p {
padding:0;
margin:0
}
div.bs {
float:right
}
.seoform span {
float:left;
width:100px
}
.seoform div input {
width:500px
}
.seoform div {
float:left;
width:100%;
margin-bottom:15px
}
/* css fixes */
ol {
position:relative;
right:20px
}
a{
outline:0
}
input[type="image"],
input[type="submit"],
input[type="button"],
button {
cursor:pointer
}
.ie a img {
border:0
}
.hidden {
position:absolute;
left:0;
top:-100000px
}