@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Roboto:300,400,500,700|Gothic+A1:400,500,600,700,800,900');
body { width: 100%; margin: 0 auto; height: 100vh; font-family: "Roboto", Helvetica, Arial, sans-serif; }
*.row { margin: 0; }
.end-note { font-size: 14px; font-style: italic; }
.container { width: 100%; max-width: 100%; }
.logo-main .brand-img, .sign-in, .input-wrap, .fixed-block { width: 100%; position: fixed; left: 50%; top: 50%!important; -ms-transform: translate(-50%, -50%)!important; -moz-transform: translate(-50%, -50%)!important; -webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%)!important; }
.logo-main >img { min-width: 250px; width: 100%; max-width: 480px; }
.xs-logo, .sm-logo { text-align: center; position: relative; top: -80px; }
.xs-logo> img { max-width: 150px; }
.sm-logo> img { max-width: 200px; }
.sign-in { padding: 20px 30px; }
.sign-in .panel-title { padding-top: 10px; }
.form-body { margin: 0 auto; padding: 15px 0; }
.form-body form { padding: 0; }
.form-wrap { width: 100%; max-width: 460px; margin: 0 auto; }
.form-wrap .form-control { padding: 6px 0; }
.form-wrap textarea.form-control { padding: 5px; background: #f5f5f5; }
.form-body form .col .row { margin: 0!important; }
input, input[type=text], input[type=password], input:focus { color: #fff; border: none!important; background: #333; box-shadow: none!important; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #333!important; opacity: 1; }
 input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0 30px #333 inset !important;
 -webkit-text-fill-color: #fff !important;
}
.sign-in .form-body form .row { border-bottom: 1px solid #888; background: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0; margin-top: 10px; }
.sign-in .form-body form .row:last-child { border-bottom: none; }
.form-wrap .firstName { border-right: 1px solid #888; }
.form-btn-wrap { background: #fff!important; border-bottom: none!important; padding: 12px 0; }
.form-wrap.user_info { width: 200px; }
.form-wrap.user_info .form-group { margin-bottom: 5px; }
.form-wrap.user_info a.reset-code { text-decoration: none; font-size: 16px; color: #333; }
.form-wrap.user_info a.reset-code:hover, .form-wrap.user_info a.reset-code:focus { text-decoration: none; outline: none; color: #333; }
.user_info .input-field .phone_no { font-size: 15px; font-weight: 500; color: #333; display: inline-block; }
.user_info .input-field .pass_code { position: relative; font-size: 16px; font-weight: 500; color: #333; display: inline-block; }
.user_info .input-field .pass_code span#eye { position: absolute; right: -20px; top: 0; }
.label:focus { outline: none; }
.p-0 { padding: 0; }
.pr-0 { padding-right: 0; }
.pl-0 { padding-left: 0; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mb-10 { margin-top: 10px; }
.form-btn-wrap .col.s6 { padding: 0; }
.form-btn-wrap .col.s6.pr-0 { padding-right: 10px; }
.form-btn-wrap .col.s6.pl-0 { padding-left: 10px; }
.btnBlack { color: #fff; background: #333; height: 34px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 100%; }
.btnGray { border: none; width: 110px; background: #e9e9e9; }
.btnGray:active:focus, .btnGray:focus { outline: none; box-shadow: none; }
.xs-btn { width: 130px; color: #fff; }
.btnBlack.active { background: #aaa; }
.btn:hover, .btnBlack:hover, .btn.focus, .btn:focus { background: #aaa; color: #fff; outline: none!important; }
.note { margin-top: 5px; }
.image-thumb { height: 32px; position: absolute; right: 0; top: 3px; }
.upload { position: relative; display: block; font-weight: normal; }
input[type="file"] { position: absolute; top: -9999999px; filter: alpha(opacity=0); opacity: 0; width: 100%; height: 34px; outline: none; cursor: inherit; }
.input-wrap .input-box { background: #333; color: #fff; padding: 5px 10px; max-width: 250px; width: 100%; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.input-wrap .input-box input { margin: 0 auto; width: 100%; }
.note p { display: inline-block; text-align: center; font-style: italic; margin: 5px 0 10px 0; }
/*------user profile--------*/
.profile .user_image { width: 32px; height: 32px; position: relative; }
.dropdownItem { background: #eee; padding: 10px; width: 100px; position: absolute; right: 0; top: 35px; }
.dropdownItem li { list-style: none; text-align: center; }
.dropdownItem li a { color: #666; text-decoration: none; }
.profile .user_image img { max-width: 100%; width: 100%; height: 32px; overflow: hidden; }
.user_option .panel-default>.panel-heading { background: #333; }
.user_option .panel-body { padding-top: 0; }
.profile .user_title { font-size: 16px; line-height: 32px; color: #fff; }
.user_option .panel.panel-default { border: none; box-shadow: none; -webkit-box-shadow: none; }
.user_option .list-item { padding: 0; }
.user_option .list-item li { list-style: none; padding: 10px 5px; position: relative; }
.user_option .list-item li a { text-decoration: none; color: #333; font-size: 18px !important; }
/*arrow deisgn removed*/
/*.user_option .list-item li a:after{
    content: "\e258";
    font-size: 14px;
    color:#000;
    font-family:"Glyphicons Halflings";
    position: absolute;
    right:5px;
    top: 14px;
}*/
.card-details { padding: 15px 10px; }
.btn-inline .btnBlack { width: auto; }
.card-info { width: 85%; }
.card-info.expand { width: 100%; }
.card-info.expand span.first { width: 25%!important; padding-right: 8px!important; }
.card-info.expand span.last { width: 75%!important; }
.card-details .card-info span { padding-right: 10px; font-size: 14px; font-weight: 500; line-height: 32px; float: left; width: 35%; }
.card-details .card-info .card-item:last-child { width: 30%; }
.card-details .caption h5 { font-size: 14px; font-weight: 500; color: #333; }
.form-wrap.msgBox { max-width: 400px; padding: 0 15px; }
/*------merchant design--------*/
.team-code { text-align: center; }
.team-code input { text-align: center; }
.sidebar_option i { font-size: 12px; padding: 6px; color: #fff; }
.sidebar_option { width: 24px; height: 24px; background: #333; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; z-index: 999999; }
.sidebar_option { position: fixed; left: 2%; top: 50%!important; -ms-transform: translate(-2%, -50%)!important; -moz-transform: translate(-2%, -50%)!important; -webkit-transform: translate(-2%, -50%)!important; transform: translate(-2%, -50%)!important; }
.register { margin: 5% auto; width: 100%; max-width: 350px; display: table; }
.register .btn-wrap, .register .btn-wrap input, .register .btn:active:focus, .register .btn:focus { outline: none; }
.register input[type=text], .register input[type=password], .register input:focus { color: #333; border: none!important; background: #eee!important; box-shadow: none!important; }
.register form .row { border-bottom: 1px solid #f5f5f5; background: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0; }
.register .firstName { border-right: 1px solid #f5f5f5; }
.register input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0 30px #eee inset !important;
 -webkit-text-fill-color: #333 !important;
}
/*-------input gray---------*/
input.input_gray, input.input_gray[type=text], input.input_gray[type=password], input.input_gray:focus { color: #333; border: none!important; background: #e9e9e9; box-shadow: none!important; }
.avatar img { margin-top: 3px; width: 30px; height: 30px; }
.menu { padding: 5px 15px; }
.menu i { font-size: 28px; color: #fff; line-height: 32px; }
.user_option .list-item li .item-note { float: left; width: 90%; padding: 5px 0; }
.user_option .list-item li .item-note span { float: right; font-size: 16px; }
.panel-body.user_account { padding: 0; }
.user_account .list-item li { background: #e9f7fc; padding: 10px 10px; border-bottom: 1px solid #fafafa; }
/*---Accordion design -----*/

#accordion .panel-title > a:before { float: right !important; font-family: "Glyphicons Halflings"; /*content: "\e258";*/ padding: 4px 0; color: #fff; font-size: 10px; }
#accordion .panel-title > a.collapsed:before { float: right !important;/*content: "\e258";*/ }
#accordion .panel-title > a { color: #fff; }
#accordion .panel-title > a:hover, #accordion .panel-title > a:active, #accordion .panel-title > a:focus { text-decoration: none; }
#accordion.panel-group .panel+.panel { margin-top: 0!important; }
#accordion .panel.panel-default { border-bottom: 1px solid #aaa; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#accordion .panel-body { padding: 15px; background: #e9f7fc; }
#accordion .panel-default>.panel-heading { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
/*---send bill--*/
.register.bill { padding: 15px 10px; background: #e9f7fc; max-width: 300px; }
.register.bill .form-wrap >.row { margin-bottom: 10px; }
.bill .input-field input { padding: 6px 12px; }
.bill input[type=text], .bill input[type=password], .bill input:focus { color: #333; border: none!important; background: #fff!important; box-shadow: none!important; }
.bill input[type=submit]:focus { background: #666!important; color: #fff; }
.bill input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0 30px #fff inset !important;
 -webkit-text-fill-color: #333 !important;
}
/*------toggle design-------*/
.bill .switch { position: relative; display: inline-block; width: 60px; height: 0; float: right; margin-bottom: 0; }
.bill label.switch:focus, .bill label.select:focus { outline: none; box-shadow: none; }
.bill .switch input[type=checkbox] { display: none; }
.bill .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.bill .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 0; top: 0; background-color: #333; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
.bill .switch input:checked + .slider { background-color: #e9f7fc; }
.bill .switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
.bill .switch input:checked + .slider:before { -webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px); }
/* Rounded sliders */
.bill .switch .slider.round { border-radius: 30px; height: 16px; width: 36px; top: 10px; left: 5px; }
.register.bill form .row { background: #fff; }
.bill .input-field .check-item { padding-left: 12px; line-height: 37px; position: relative; }
.bill .input-field .check-item #myDIV { position: absolute; right: -114px; top: -10px; }
.bill .input-field .check-item #myDIV2 { position: absolute; right: -63px; top: -11px; }
.bill .input-field .check-item #discountsAmount { display: inline-block; width: 152px; }
/*-------custom select--------*/
.bill .input-field select, .items-entry .input-field select { border: none; padding: 6px 10px; }
.bill .select, .items-entry .select { overflow: hidden; height: 34px; width: 100%; position: relative; display: block; margin: 0; }
.bill select, .items-entry select { height: 34px; padding: 5px; border: 0; font-size: 14px; font-weight: normal; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.bill .select:after, .items-entry .select:after { content: "\f078"; font-family: FontAwesome; color: #000; padding: 10px 8px; font-size: 10px; position: absolute; right: 0; top: 0; background: transparent; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; box-sizing: border-box; }
.items-entry .input-field select { background: #eee; color: #333; border: none; box-shadow: none; padding: 6px 0; outline: none; }
select:-moz-focusring {
 color: transparent;
 text-shadow: 0 0 0 #000;
}
.end-note.require { text-align: center; margin-top: 10px; font-style: normal; }
.group-btn a.btn, .refundBtn { max-width: 180px; text-align: center; margin: 0 auto; }
.lightGray-btn { background: #eee!important; color: #333!important; text-align: center; max-width: 100px; margin: 0 auto; }
.fix-item { position: relative; width: 110px; margin: 0 auto; }
.fix-item span { position: absolute; right: -10px; top: 8px; }
.fix-item span.last { right: -32px; }
.reward .form-group { margin-bottom: 5px; }
.reward .panel-group { margin-top: 15%; }
.reward { text-align: center; margin-top: 10%; }
.reward #accordion .panel-title { text-align: left; }
.reward .switch input[type=checkbox] { display: none; }
.reward .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.reward .switch { position: relative; top: -20px; left: -24px; }
.reward .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 0; top: 0; background-color: #fff; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
.reward .switch input:checked + .slider { background-color: #333; }
.reward .switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
.reward .switch input:checked + .slider:before { -webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px); }
/* Rounded sliders */
.reward .switch .slider.round { border-radius: 30px; height: 16px; width: 40px; top: 10px; left: 5px; }
.xx-btn { width: auto; height: 28px; padding: 4px 12px; margin-right: 8px; color: #fff; }
.user_option .list-item li .avatar .xx-btn { color: #fff; font-size: 14px; }
.user_account .info-item a { line-height: 30px; }
.bg-skylight { background: #e9f7fc; }
.form-wrap.merchant { max-width: 100%; }
.form-wrap.merchant .card-details { padding: 0; }
.card-header { padding: 10px; }
.btn-sm { width: auto; padding: 6px 12px; font-size: 14px; }
.report .panel-body .group-btn { padding: 15px 0; }
.report .panel-body .group-btn a { color: #333; font-size: 14px; }
.form-wrap.xs-form { max-width: 300px; }
/*alert*/

.alert { padding: 5px; display: table; margin: 10px auto; /*width: 300px!important;*/ width: 260px!important; }
.alert-mgs { margin-top: -9%; position: fixed; left: 38%; top: 50%!important; }
.alert-mgs-email { margin-top: -9%; position: fixed; left: 40%; top: 50%!important; }
.register .form-wrap span.phoneCode { width: 10%; float: left; margin-right: 3px; padding: 6px 0; }
.scroll { height: 100%; overflow: auto; }
.fixed-bottom-reward { position: fixed; bottom: 0; left: 0; width: 100%; margin: 0; }

/*---responsive start here---*/
@media screen and (min-device-height: 300px) and (max-device-height: 420px) and (orientation : landscape) {
.sign-in, .input-wrap, .fixed-block { position: static; transform: translate(0)!important; }
.xs-logo, .sm-logo { text-align: center; position: relative; top: 0; margin: 10% auto; }
}
@media screen and (max-width: 640px) {
h5.panel-title { font-size: 17px; }
.end-note { font-size: 15px; }
}
@media screen and (max-width: 480px) {
.end-note { font-size: 12px; }
.user_option .list-item li a, .user_option .list-item li .item-note span { font-size: 14px; }
.user_option .list-item li .item-note { width: 85%; }
.group-btn a { font-size: 13px; padding: 7px 10px; }
.form-wrap.merchant .btn-inline .btnBlack { font-size: 12px; }
.media .media-body p { font-size: 12px; }
}
@media screen and (max-width: 380px) {
.end-note { font-size: 10px; }
.card-info.expand span { font-size: 14px; }
h5.panel-title { font-size: 13px; }
.user_option .list-item li a { font-size: 12px; }
.group-btn a { font-size: 11px; padding: 9px 6px; }
.form-wrap.merchant .btn-inline .btnBlack { padding: 6px 8px; height: 30px; }
.form-wrap.merchant .card-details .caption h5 { font-size: 12px; }
.alert-mgs { margin-top: 0%; position: fixed; left: 10%; top: 20%!important; }
.alert-mgs-email { margin-top: 0%; position: fixed; left: 10%; top: 24%!important; }
}
@media screen and (max-width: 340px) {
.form-wrap.merchant .btn-inline .btnBlack { padding: 6px 6px; font-size: 11px; }
.group-btn a { font-size: 9px; padding: 8px 6px; height: 30px; }
.user_option .list-item li .info-item a { font-size: 11px; }
.user_option .list-item li .avatar a { font-size: 11px; }
.user_option .list-item li .avatar .xx-btn { color: #fff; font-size: 12px; padding: 5px 12px; }
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
 border: 1px solid green;
 -webkit-text-fill-color: green;
 -webkit-box-shadow: 0 0 0px 1000px #000 inset;
 transition: background-color 5000s ease-in-out 0s;
}
.left, .right { float: left; width: 50%; }
.right { text-align: right; }
.right i.fa, .left i.fa { color: #333; }
.clear { clear: both }
div#reply { display: none; }
.pagination > span { border: 1px solid #333; background: #333; border-radius: 15px; color: #fff; margin: 0 0 0 5px; display: inline-block; }
.pagination > span a { color: inherit; padding: 2px 8px; display: inline-block; }
.pagination > span.curlink { padding: 2px 8px; background: #e9f7fc; color: #000; border-radius: 15px; }
form.customizedForm .form-control { margin-bottom: 30px; }
form.customizedForm { padding: 20px 0; }
.StripeElement { background-color: white; height: 40px; padding: 10px 12px; border-radius: 4px; border: 1px solid transparent; box-shadow: 0 1px 3px 0 #e6ebf1; -webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease; }
.StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; }
.StripeElement--invalid { border-color: #fa755a; }
.StripeElement--webkit-autofill { background-color: #fefde5 !important; }
.customizedForm label { display: block; margin-bottom: 10px }
input#customFilePath { width: 100%; margin: 0 0 20px; background: #e9e9e9; }
input#customFilePath[readonly] { background: #efefef !important; }
form.customFrm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px; }
form.customFrm input { max-width: 32%; }
label.error { color: red; position: absolute; top: 2px; right: 3px; z-index: 5; font-weight: 400; font-size: 12px; }

/* Change Autocomplete styles in Chrome*/
form.customizedForm input:-webkit-autofill, form.customizedForm input:-webkit-autofill:hover, form.customizedForm input:-webkit-autofill:focus input:-webkit-autofill, form.customizedForm textarea:-webkit-autofill, form.customizedForm textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, form.customizedForm select:-webkit-autofill, form.customizedForm select:-webkit-autofill:hover, form.customizedForm select:-webkit-autofill:focus {
 -webkit-text-fill-color: #333 !important;
}
form.customizedForm input:-webkit-autofill {
 -webkit-text-fill-color: #333 !important;
}
.discount-tooltip { left: 45px; top: 8px; position: absolute; }
.panel-body.user_account > ul > li { position: relative; padding-right: 60px; }
.panel-body.user_account > ul > li a.deleteIt { display: block; position: absolute; color: white !important; right: 14px; top: 12px; font-size: 14px !important; background: red !important; padding: 5px 10px }
.panel-body.user_account > ul > li a.deleteIt:hover { background: #da0707 !important; }
/** 23.05.2019 **/
.row.margin { margin: 0 -15px }
.styled .modal-content { padding: 10px 20px 20px; }
.styled .modal-content .col-sm-6 { float: left; width: 50% }
.styled .form-control { color: #000; background-color: #fff; border: 1px solid #ccc !important; }
.styled .form-control:focus { background-color: #fff !important; border-color: #000 !important; }
.styled .btn + .btn { margin-left: 10px; }
.uploadFile input[type="file"] { position: static; opacity: 1; height: auto; filter: alpha(opacity=100); }
.styled button.close { top: 7px; position: absolute; right: 10px; }
.addMenuListing td { padding: 5px 0 }
.addMenuListing th.menuActions { width: 46px; }
.addMenuListing td.menuActions a { display: inline-block; background: #000; color: #fff; width: 20px; height: 20px; line-height: 19px; text-align: center; border-radius: 4px; font-size: 13px; }
.addMenuListing td.menuActions a:hover { background: #7b7a7a }
.addMenuListing td.menuActions { text-align: right; }
.addMenuListing td.menuActions a + a { margin-left: 5px; }
@media (min-width: 768px) {
.styled .modal-dialog, .styled .modal-dialog.modal-lg { width: 400px; }
}
.rowHdr { padding-right: 30px; position: relative; }
.rowHdr select { -webkit-appearance: menulist; appearance: menulist; }
.rowHdr .select2-container--default .select2-selection--single { border: 0; border-radius: 0; -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.20); box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.20); }
.rowHdr a.addDelRowBtn { position: absolute; display: block; width: 30px; text-align: center; right: 0; top: 0; line-height: 32px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); padding-top: 2px; color: #333; }
.rowHdr .form-control { border-radius: 0; }
.noRowHdr .rowHdr { padding-right: 0 }
.modal-content .select2-container { width: 100% !important; }
.newAddedItem { margin-bottom: 10px }
.qtyBox input[type="number"]::-webkit-outer-spin-button, .qtyBox input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.qtyBox input[type="number"] { -moz-appearance: textfield; }
.qtyBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 10px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.qtyBox label { font-weight: 400; margin: 0; }
.qtyBox .qtyCount input[type="number"] { width: 70px; height: 34px; background: #fff; color: #333; text-align: center; border:0; -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.20)!important; box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.20) !important; border-radius: 4px; padding-right: 20px; margin: 0; }
.qtyBox .qtyCount { position: relative; border-radius: 4px; overflow: hidden; }
.qtyBox .qtyCount button { position: absolute; width: 20px; padding: 0; font-weight: 700; height: 16px; line-height: 1; right: 1px; background: #504e4e; color: #fff; border: 0; top: 0px; }
.qtyBox .qtyCount button.sub { top: auto; bottom: 0px; }
.qtyBox .qtyCount button:hover { background: #333; }
:focus { outline: none; }
.select2-container .select2-selection--single { height: 34px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 34px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 32px; }

.register.bill form.col-xs-12 {
    padding: 0 5px;
}
.colapArea input[type="checkbox"] {
	cursor:pointer;
	margin-bottom:10px;
    vertical-align: -1px;
}
.colapArea {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
.colapArea table {
    width: 100%;
}

.colapArea table td {
    padding: 5px;
}
.colapArea input[type='checkbox']:checked ~ div {
    display: block !important;
}
.colapArea div.opt {
    border-radius: 6px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.22);
	margin-bottom:10px;
	padding: 15px; 
}
.load-adon .loadedData > label {
    display: block;
}

.load-adon .loadedData {
    border: 1px solid #e0dbdb;
    padding: 5px 7px;
    margin-top: 10px;
}

.load-adon .loadedData > span {
    display: inline-block;
    width: 48%;
    text-transform: capitalize;
    margin: 0 0 5px;
}

.load-adon .loadedData > span input {
    margin: 0 5px 0 0;
    vertical-align: -1px;
}
.user_option {
    padding: 0 15px;
}

.user_option .order-block {
    padding: 20px 0;
}
.user_option .order-block .enter_order { margin:auto; display:block; width:130px}