<style>
.news-view-index.news-page .field.fb-checkbox.form-group.field-cbox-agree2.amform-layout-one .checkbox-group {
margin: 30px 0px 40px 10px;
}
.news-view-index.news-page .field.fb-checkbox.form-group.field-cbox-agree.amform-layout-one .checkbox-group {
margin-left: 10px;
}
.news-view-index.news-page input[type=checkbox]::after {
background: #fff;
border: 1px solid #ddd;
visibility:visible;
content:"";
display: flex;
height: 20px;
width: 20px;
border-radius: 5px;
}
.news-view-index.news-page input[type=checkbox]:checked::after{
border: 1px solid #ddd;
visibility:visible;
content:url("https://www.pos.com.my/media/wysiwyg/Vector_3.png");
display: flex;
height: 20px;
margin-left: 0px;
width: 20px;
justify-content: center;
border-radius: 5px;
}
.news-view-index.news-page input[type=checkbox] {
background: #fff;
visibility: hidden;
display: block;
height: unset;
top: 2px;
padding-left: 3px;
border: 1px solid #ddd;
width: unset;
}
.news-view-index.news-page label.fb-file-label.label {
display: none;
}
.news-view-index.news-page input#file-link:before {
content: url("https://www.pos.com.my/media/wysiwyg/Vector_2.png");
display: block;
font-size: 19px;
top: 10px;
transform: translate(36%, 40%);
visibility: visible;
}
.news-view-index.news-page .checkbox-group {
display: flex;
}
.news-view-index.news-page label.amform-versiontwo-label[for="cbox-agree2-0"],label.amform-versiontwo-label[for="cbox-agree-0"] {
margin: auto;
padding-right: 0;
margin: 0 30px 0 40px;
}
.news-view-index.news-page .field.fb-file.form-group.field-file-link.amform-layout-one {
margin-bottom: 50px;
}
.news-view-index.news-page div[data-bind="scope: 'searchsuiteautocomplete_form'"] {
height: 0;
}
.news-view-index.news-page input#file-link{
visibility:hidden;
justify-content: center;
position: relative;
}
.news-view-index.news-page input#file-link:after {
content: "Include attachment";
display: block;
font-size: 25px;
top: 10px;
transform: translate(40%, -170%);
visibility:visible;
color: #00498D;
font-weight: 600;
}
.news-view-index.news-page .page-wrapper {
background: linear-gradient(299.31deg, rgba(237, 226, 255, 0.4) 1.23%, rgba(210, 247, 255, 0.4) 73.34%);
}
.news-view-index.news-page .post-header {
display: none;
}
.news-view-index.news-page .sidebar.sidebar-main {
display: none;
}
.news-view-index.news-page .rendered-form input.form-control:not([type="file"]), .rendered-form output {
BOX-SHADOW: NONE;
BORDER: 1PX SOLID #D2D2D2;
}
.news-view-index.news-page .fieldset>.field>.label, .fieldset>.fields>.field>.label {
FONT-WEIGHT: 100;
FONT-SIZE: 14PX;
/* WIDTH: 100%; */
/* TEXT-ALIGN: CENTER; */
}
.news-view-index.news-page .field.fb-checkbox.form-group.field-txt-interest.amform-layout-one .checkbox-group {
padding: 15px 15px 20px;
border-radius: 5px;
display: flex;
background: #F7F4FF;
align-items: center;
}
.news-view-index.news-page .field.fb-checkbox.form-group.field-txt-interest.amform-layout-one label.fb-checkbox-group-label.label {
text-align: center;
width: 100%;
padding-top: 30px;
margin-bottom: 15px;
}
.news-view-index.news-page .field.fb-checkbox.form-group.field-txt-interest.amform-layout-one .checkbox-group label.amform-versiontwo-label {
margin: 5px 5px 0 15px;
padding: 0 9.4% 0 0;
font-weight: 400;
/* width: 20%; */
align-self: center;
}
.news-view-index.news-page .field.fb-checkbox.form-group.field-txt-interest.amform-layout-one .checkbox-group input[type="checkbox"] {
border-color: #dddddd;
box-shadow: none;
}
.news-view-index.news-page .field.fb-file.form-group.field-file-link.amform-layout-one .control {
border-radius: 5px;
height: 166px;
background: #E7f3ff;
display: flex;
justify-content: center;
}
.news-view-index.news-page input#file-link {
display: flex;
align-self: center;
background: #e7f3ff;
}
.news-view-index.news-page .news-post-item-content {
padding: 0px!important;
}
.news-view-index.news-page h1#posbrqtitle {
font-size: 30px;
width: 100%;
display: block;
font-weight: 600;
line-height: 55px;
text-align: center;
}
.news-view-index.news-page main#maincontent {
margin-top: 0px!important;
padding-bottom: 0px!important;
}
.news-view-index.news-page .amform-form {
width: unset;
padding: 40px;
max-width: 1200px;
margin-top: 40px;
box-shadow: 0px 3px 4px 6px rgba(223, 223, 223, 0.25);
background: #ffffff;
border-radius: 12px;/* margin: 0px; */}
.news-view-index.news-page .post-view.post.article-item {
width: 100%;
margin: 0px!important;
background: transparent;
}
.news-view-index.news-page button.amcform-submit.action.submit.primary {
width: 310px;
height: 50px;
background: #00498D;
text-transform: uppercase;
box-shadow: 0px 2px 2px rgba(172, 1, 1, 0.24);
border-radius: 6px;
}
.news-view-index.news-page .column.main {
padding-bottom: 0px!important;
width: 100%!Important;
}
.news-view-index.news-page .columns {
width: 100%;
margin: 0;
max-width: 100%!important;
}
.news-view-index.news-page img.pagebuilder-mobile-hidden {
width: 100%;
}
.news-view-index.news-page .checkbox-group label {
font-size: 16px;
font-weight:400;
}
.fieldset>.field>.label, .fieldset>.fields>.field>.label{
color:#000;
font-size: 16px;
padding-left: 0;
white-space: break-spaces;
text-align: start;
}
.field-cbox-agree>label, .field-cbox-agree2>label {
display: none !important;
}
.checkbox-group label {
font-size: 12px;
}
.rendered-form input.form-control:not([type="file"]), .rendered-form output{
padding: 20px 10px;
border-radius: 4px;
box-shadow: inset 0px 3px 6px #00000029;
}
.rendered-form input.form-control[type="file"] {
border: none;
box-shadow: unset;
height: 60px;
}
.rendered-form input.form-control[type="file"]::-webkit-file-upload-button{
padding:10px 20px;
}
.rendered-form input.form-control[type="file"]:focus{
outline:unset;
}
div.mage-error[generated]{
margin:0;
}
._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus{
box-shadow:inset 1px 2px 8px rgba(0, 0, 0, 0.07);
}
.action.primary.amcform-submit {
float: none;
background: #FF474F;
border: none;
text-align: center;
}
.amcform-toolbar{
text-align:center;
}
.cms-page-view .page-wrapper .page-main-full-width{
padding:0px 15px !important;
}
@media (max-width: 767px){
.news-view-index.news-page .amform-form {
margin: 25px;
padding: 25px;
}
.news-view-index.news-page .amform-form .fieldset .fields .amform-layout-two, .amform-form .fieldset .fields .amform-layout-three {
max-width: 100%;
}
.news-view-index.news-page .field.fb-checkbox.form-group.field-txt-interest.amform-layout-one .checkbox-group {
display: grid;
position: relative;
width: 100%;
grid-template-columns: 1fr 10fr;
}
.news-view-index.news-page .field.fb-checkbox.form-group.field-txt-interest.amform-layout-one .checkbox-group input[type="checkbox"] {
/* display: block; */
width: 10%;
position: relative;
}
.news-view-index.news-page .field.fb-checkbox.form-group.field-txt-interest.amform-layout-one .checkbox-group label.amform-versiontwo-label {
display: block;
/* position: absolute; */
/* top: 6px; */
width: 80%;
}
.news-view-index.news-page .checkbox-group br {
display: none;
}
.news-view-index.news-page input#file-link:after {
content: "Include attachment";
display: block;
font-size: 20px;
top: 10px;
transform: translate(20%, -210%);
visibility: visible;
color: #00498D;
font-weight: 600;
}
.news-view-index.news-page input#file-link:before {
content: url(https://www.pos.com.my/media/wysiwyg/Vector_2.png);
display: block;
font-size: 19px;
top: 10px;
transform: translate(10%, 40%);
visibility: visible;
}
.news-view-index.news-page button.amcform-submit.action.submit.primary {
width: 100%;
}
.news-view-index.news-page h1#posbrqtitle {
line-height: 45px;
}
.fieldset>.field>.label, .fieldset>.fields>.field>.label {
font-size: 12px;
}
.news-view-index.news-page .rendered-form input.form-control:not([type="file"]), .rendered-form output {
font-size: 12px;
}
.news-view-index.news-page .field.fb-checkbox.form-group.field-txt-interest.amform-layout-one .checkbox-group label.amform-versiontwo-label {
font-size: 12px;
}
.news-view-index.news-page label.amform-versiontwo-label[for="cbox-agree2-0"], label.amform-versiontwo-label[for="cbox-agree-0"] {
font-size: 12px;
margin: 0 15px 0 20px;
}
.news-view-index.news-page .checkbox-group label {
font-size: 12px;
}
}
</style>