@font-face {
        font-family: 'haziq';
        src: url(../font/BebasNeue.otf);
}

@font-face {
        font-family: 'contrail-one';
        src: url(../font/ContrailOne-Regular.ttf);
}

@font-face {
  font-family: 'Acme';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/acme/v11/RrQfboBx-C5_XxrBbg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  color: #000000; /*color: #333333;*/
}

a:hover,
a:focus {
  /* color: #23527c; */
}

a.white-text, a.white-text:hover, a.white-tex:focus{
   color: #fff !important;
}

@media screen and (max-width: 767px) {
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
     white-space: normal; /* white-space: nowrap; */
  }
}

fieldset {
  white-space: normal;
}

.form-control {
 width: 100%;
}

.btn-info {
  font-weight: bold;
}

.div-ahli {
display: inline;
position: relative;
}

.ik-isi svg {
 font-size: 25px;
 color: #f9af18;
}

.txt-isi {
    background: linear-gradient(
90deg, rgba(240,219,16,1) 0%, rgba(247,194,18,1) 35%, rgba(250,172,25,1) 100%);
    color: #000;
}

.ik-daf svg {
 font-size: 20px;
 color: #70b435;
}

.txt-daf {
    background: linear-gradient(
90deg, rgba(191,215,47,1) 0%, rgba(175,209,54,1) 35%, rgba(100,188,70,1) 100%);
    color: #000;
}

.time-akt {
    font-size: 10px;
    padding: 4px;
    position: absolute;
    right: 25px;
    bottom: 5px;
}

/* width asal 768px*/
@media (min-width: 917px) {
  .navbar {
    border-radius: 4px;
  }
}

/* width asal 768px*/
@media (min-width: 917px) {
  .navbar-header {
    float: left;
  }
}

/* width asal 768px*/
@media (min-width: 917px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

/* width asal 768px */
@media (min-width: 917px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

/* width asal 768px */
@media (min-width: 917px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-brand {
  font-weight: bold;
}

/* width asal 768px*/
@media (min-width: 917px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  background-color: #21313f; /*  background-color: transparent;*/
  color: #FFF;
}

/* width asal 768px*/
@media (min-width: 917px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  font-weight: bold;
}

/* width asal 767px */
@media (max-width: 916px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }

}

/* width asal 768px */
@media (min-width: 917px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 16px; /* padding-top: 15px;*/
    padding-bottom: 15px;
  }
}

/* width asal 768px */
@media (min-width: 917px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}

/* width asal 767px */
@media (max-width: 916px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}

/* width asal 768px */
@media (min-width: 917px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}

/* width asal 768px */
@media (min-width: 917px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}

/* width asal 768px */
@media (min-width: 917px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}

.navbar-default {
    background-color: yellowgreen; /* background-color: #f8f8f8;*/
    
}

@media only all and (max-width:916px){
.navbar-default {
    padding-left: 0;
}
}

@media only all and (max-width:1403px){
.navbar-default {
    padding-left: 0;
}
}

.navbar-default .navbar-brand {
  color: black !important; /*color: #777;*/
}

.navbar-default .navbar-nav > li > a {
   color: #333 !important; /* color: #777; */
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #555; /* color: #333; */
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: lightyellow; /*background-color: #e7e7e7;*/
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #21313f; /*background-color: #ddd;*/
}

/* width asal 767px*/
@media (max-width: 916px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #333;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #777;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

/* width asal 767px*/
@media (max-width: 916px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

.navbar-header .logo img {
    width: 35px;
}

.label {
  padding: .2em .6em .3em; /* padding: 0.2em 0.6em 0.3em;*/
}

.jumbotron {
  margin-bottom: 20px; /* margin-bottom: 30px; */
}

.panel-footer {
  background-color: #fec702; /* background-color: #f5f5f5;*/
}

.well {
  box-shadow: none !important; /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); */
}

body.admin-menu .navbar-fixed-top {
  top: 27px; /* top: 29px;*/
}

body.admin-menu.navbar-is-fixed-top {
  /* padding-top: 93px; */
}

footer {
  margin-top: 0px; /* margin-top: 45px;*/
  padding-top: 0px; /* padding-top: 35px; */
  padding-bottom: 0px; /* padding-bottom: 36px; */
  border-top: none; /*border-top: 1px solid #E5E5E5; */
}

ul.secondary {
  float: right; /*float: left;*/
}

/*width asal 768px*/
@media screen and (max-width: 916px) {
  ul.secondary {
    float: left; /*float: right;*/
  }
}

fieldset .panel-body {
 /* display: inherit;*/
}

/**
 * removed class
 * .form-group:last-child,
 * **/
.panel:last-child {
  margin-bottom: 25px;
}

div.image-widget-data {
  /* float: none; */
}

/*Custom btn untuk flag/unflag list page*/

/*btn-default*/

.custom-admin .flag-action:before {
    content: "\f192";
}

.custom-admin .flag-action {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.custom-admin .flag-action:focus,
.custom-admin .flag-action.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.custom-admin .flag-action:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.custom-admin .flag-action:active,
.custom-admin .flag-action.active,
.open > .dropdown-toggle.custom-admin .flag-action {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.custom-admin .flag-action:active:hover,
.custom-admin .flag-action.active:hover,
.open > .dropdown-toggle.custom-admin .flag-action:hover,
.custom-admin .flag-action:active:focus,
.custom-admin .flag-action.active:focus,
.open > .dropdown-toggle.custom-admin .flag-action:focus,
.custom-admin .flag-action:active.focus,
.custom-admin .flag-action.active.focus,
.open > .dropdown-toggle.custom-admin .flag-action.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.custom-admin .flag-action:active,
.custom-admin .flag-action.active,
.open > .dropdown-toggle.custom-admin .flag-action {
  background-image: none;
}
.custom-admin .flag-action.disabled:hover,
.custom-admin .flag-action[disabled]:hover,
fieldset[disabled] .custom-admin .flag-action:hover,
.custom-admin .flag-action.disabled:focus,
.custom-admin .flag-action[disabled]:focus,
fieldset[disabled] .custom-admin .flag-action:focus,
.custom-admin .flag-action.disabled.focus,
.custom-admin .flag-action[disabled].focus,
fieldset[disabled] .custom-admin .flag-action.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.custom-admin .flag-action .badge {
  color: #337ab7;
  background-color: #fff;
}

/*btn-success*/

.custom-admin .unflag-action:before {
    content: "\f2d2";
}

.custom-admin .unflag-action {
  color: #fff;
  background-color: #FF0000;
  border-color: #AF0C0C;
}
.custom-admin .unflag-action:focus,
.custom-admin .unflag-action.focus {
  color: #fff;
  background-color: #D80E0E;
  border-color: #810B0B;
}
.custom-admin .unflag-action:hover {
  color: #fff;
  background-color: #D80E0E;
  border-color: #810B0B;
}
.custom-admin .unflag-action:active,
.custom-admin .unflag-action.active,
.open > .dropdown-toggle.custom-admin .unflag-action {
  color: #fff;
  background-color: #D80E0E;
  border-color: #810B0B;
}
.custom-admin .unflag-action:active:hover,
.custom-admin .unflag-action.active:hover,
.open > .dropdown-toggle.custom-admin .unflag-action:hover,
.custom-admin .unflag-action:active:focus,
.custom-admin .unflag-action.active:focus,
.open > .dropdown-toggle.custom-admin .unflag-action:focus,
.custom-admin .unflag-action:active.focus,
.custom-admin .unflag-action.active.focus,
.open > .dropdown-toggle.custom-admin .unflag-action.focus {
  color: #fff;
  background-color: #810B0B;
  border-color: #810B0B;
}
.custom-admin .unflag-action:active,
.custom-admin .unflag-action.active,
.open > .dropdown-toggle.custom-admin .unflag-action {
  background-image: none;
}
.custom-admin .unflag-action.disabled:hover,
.custom-admin .unflag-action[disabled]:hover,
fieldset[disabled] .custom-admin .unflag-action:hover,
.custom-admin .unflag-action.disabled:focus,
.custom-admin .unflag-action[disabled]:focus,
fieldset[disabled] .custom-admin .unflag-action:focus,
.custom-admin .unflag-action.disabled.focus,
.custom-admin .unflag-action[disabled].focus,
fieldset[disabled] .custom-admin .unflag-action.focus {
  background-color: #FF0000;
  border-color: #AF0C0C;
}
.custom-admin .unflag-action .badge {
  color: #FF0000;
  background-color: #fff;
}
/*------*/

.banner-daftar {
    margin: 0px -15px 10px -15px;

    /* margin: -15px 0px 0px 0px; */
}

.banner-daftar-nobutton {
    margin: 0px -15px 10px -15px;
}

.banner-daftarlogin {
    margin: 0px -15px 10px -15px;
}

.jumbotron {
    background-color: lightgrey;
    background-image: url(https://bm-files.s3-ap-southeast-1.amazonaws.com/banner_bm_v3.jpg); 
    background-size: cover;
    background-position: right;
    border-radius: 0px !important;
    margin-bottom: 20px;
    color: black;
}

/*Default size; -20px untuk top */

.banner-naiktaraf {margin: 0px -15px 10px -15px;}
.banner-isiborang {margin: 0px -15px 10px -15px;}

@media (max-width: 768px) {
.jumbotron.naik-taraf-wanita {
  background-position: -209px;
}
}

@media (min-width: 769px) {
.jumbotron.naik-taraf-wanita {
  background-position: left;
}
}


/* CSS untuk flow penggunaan website */

.separator{
    margin-bottom: 10px;
    color: transparent;
}

/* CSS untuk snippet footer */

.footer {
        background: yellowgreen;
        height: auto;
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
}

.footer h3 {
	border-bottom: 1px solid #21313F;
	color: #21313F;
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	padding: 0px 0 10px;
	text-transform: uppercase;
}
.footer ul {
	font-size: 13px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 15px;
	color: #F5F5F5;
}
.footer ul li a {
	padding: 0 0 5px 0;
	display: block;
}
.footer a {
        color: #21313F;
}
.supportLi h4 {
	font-size: 20px;
	font-weight: lighter;
	line-height: normal;
	margin-bottom: 0 !important;
	padding-bottom: 0;
}

.bg-gray {
	background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);
	box-shadow: 0 1px 0 #B4B3B3;
}

.footer-bottom {
        background: #21313F;
	padding-top: 20px;
        margin: 0px -15px;
        color: white;
}
.footer-bottom p.pull-left {
	padding-top: 6px;
}

/*
 *  * Remove search label dalam admin menu
 *   * */

.admin-menu-search .control-label {
    display: none;
}

/* video js responsiveness */
@media (max-width: 1020px){
.video-js {
    width: auto !important;
    height: auto !important;
}

.video-js video {position: relative !important;}
}

/* Hide form Honeypot. Appear masa try di ProtoBM2. Tiada masalah di ProtoBM */

.url-textfield {
    display: none !important;
}

/* Popup Announcement */

#popup-announcement {
    margin: 15px;
}

@media (max-width: 450px){
    #popup-announcement-wrap{
        width: 400px !important;
        left: 25px !important;
}
}

@media (max-width: 420px){
    #popup-announcement-wrap{
        width: 370px !important;
        left: 21px !important;
}
}

@media (max-width: 399px){
    #popup-announcement-wrap{
        width: 350px !important;
        left: 16px !important;
}
}

@media (max-width: 375px){
    #popup-announcement-wrap{
        width: 325px !important;
        left: 25px !important;
}
}

@media (max-width: 360px){
    #popup-announcement-wrap{
        width: 300px !important;
        left: 30px !important;
}
}

@media (max-width: 350px){
    #popup-announcement-wrap{
        width: 300px !important;
        left: 25px !important;
}
}

@media (max-width: 320px){
    #popup-announcement-wrap{
        width: 280px !important;
        left: 20px !important;
}
}

@media (max-width: 299px){
    #popup-announcement-wrap{
        width: 200px !important;
        left: 20px !important;
}
}

/* Mesej notification alert (pada region highlighted). bypass original css code */

.highlighted.jumbotron {
    background-image: none;
    background-color: #dff0d8;
    border: 1px solid transparent;
    border-radius: 4px;
    border-color: #d6e9c6;
    padding: 20px 0 20px 0px;
    text-align: center;
}

a#privatemsg-new-link {
    color: #3c763d;
    font-weight: bold;
    font-size: large;
}

/* Margin untuk views */

section#block-views-block-senarai-calon-block {
    margin-top: -23px;
}

@media (max-width: 999px) and (min-width: 600px){
form#user-login-form {
    margin-right: 15px;
}
}

@media (max-width: 599px){
form#user-login-form {
    margin-right: 6px;
}
}


/* block fb untuk iphone */

@media (max-width: 320px){
.block-fb {
    margin-left: -5px;
}
}

/* margin bottom untuk block perhatian. block ni untuk user yang tak verify saja */

.blockperhatian {
    margin-bottom: 20px;
}

/* Hide kan link "Create new account" & "Request new password" */

.pane-user-login div#edit-actions {
    margin-top: -50px;
}

/* Capitalize text pada title details profile calon */

.field .field-label {
    font-weight: bold;
    text-transform: capitalize;
}

/* Sidebar Menu active menu trail */

a.active-trail.active {
    background-color: #eeeeee;
}

/*Button kemaskini profil */

.kemaskini.btn {
  color: #000000;
  background-color: #adff2f;
}
.kemaskini.btn:hover,
.kemaskini.btn:focus,
.kemaskini.btn:active,
.kemaskini.btn.active {
    color: #000000;
    background-color: #87C925;
}

a.kemaskini {
display: block;
}

@media (min-width: 769px) {
.block-kemaskini {
position: absolute;
right: 15px;
top: 0px;
z-index:1;
}
.kemaskini-setting {
width: 150px;
}
#block-views-kemaskini-akaun-block{
z-index: 1;
}
#block-views-profile-calon-block-12{
z-index: 2;
}
}

.edit-borang {
    font-size: 20px;
    padding: 10px;
    background-color: greenyellow;
    width: fit-content;
    border-radius: 4px;
    border: 1px solid transparent;
    display: inline-block;
    margin-right: 10px;
}

.edit-gambar {
    font-size: 20px;
    padding: 10px;
    background-color: greenyellow;
    width: fit-content;
    border-radius: 4px;
    border: 1px solid transparent;
    display: inline-block;
    margin-top: 10px;
}

.edit-akaun {
    font-size: 20px;
    padding: 10px;
    background-color: greenyellow;
    width: fit-content;
    border-radius: 4px;
    border: 1px solid transparent;
    display: inline-block;
}

div#block-views-profile-calon-block-11 {
    padding-top: 20px;
    padding-bottom: 14px;
} 

/* Hide word create new account & forgot password */

.pane-user-login #user-login-form ul {
   visibility: hidden;
}

/* hide field sudah berkahwin */
div#edit-field-sudah-berkahwin1 {
    display: none;
}

/*Artikel*/

a:active, a:hover {
    outline: 0;
}

/* Untuk node artikel */
.page-node-type-artikel-baitulmuslim .page-header{
    display: none;
}

.node-type-artikel-baitulmuslim h1, .node-type-blog h1 {
    font-size: 40px;
    margin-bottom: 12px;
}

/* White space antara gambar & content */
.node-type-artikel-baitulmuslim .field-name-field-gambar-artikel {
    text-align: -webkit-center;
    clear: left;
    padding-bottom: 30px;
}

/* Link sharing atas: */
.field-name-share-block-1 {
    clear: both;
    text-align: right;
    margin-bottom: 20px;
    border-style: solid none none none;
}

/* Link sharing bawah */
.field-name-share-block-2 {
    text-align: right;
}

/* Hide word 'diantara' pada expose filter views */

.form-item.form-item-field-d-o-b-value-age-filter-min label.control-label {
    display: none;
}

/* Hide word 'diantara' pada expose filter views */

.form-item.form-item-field-d-o-b-value-age-filter-max label.control-label {
    visibility: hidden;
}

/* Whitespace pada share button di bawah pada page artikel */

.field-name-share-block-2 {
    text-align: right;
    margin-bottom: 10px;
}

/* Sama kan button preview & submit untuk hantar artikel */

button#edit-preview {
    margin-bottom: 0px;
    margin-left: 10px;
}

/* Bagi button mendaftar cantik untuk mobile */

a.btn.btn-info.btn-lg {
    white-space: normal;
}

/* Hide kan to */

.form-item.form-item-recipient.form-type-textfield.form-autocomplete.form-group {
    display: none;
}

.apaitubm .content {
    background-color: white;
    margin: 0px 330px 40px 330px;
    padding: 1px 25px 0px 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media (max-width: 1600px){
.apaitubm .content {
    margin: 0px 220px 40px 220px;

}
}

@media (max-width: 1500px){
.apaitubm .content {
    margin: 0px 170px 40px 170px;

}
}

@media (max-width: 1199px){
.apaitubm .content {
    margin: 0px 130px 40px 130px;

}
}

@media (max-width: 999px){
.apaitubm .content {
    margin: 0px 70px 40px 70px;

}
}


@media (max-width: 799px){
.apaitubm .content {
    margin: 0px 50px 40px 50px;

}
}

@media (max-width: 599px){
.apaitubm .content {
    margin: 0px 20px 40px 20px;

}
}

@media (max-width: 450px){
.apaitubm .content {
    margin: 0px 10px 40px 10px;

}
}

/* Tukar font untuk ayat pada apa itu bm */

.apaitubm p.rtecenter {
    font-family: 'Acme';
}

@media (min-width: 501px){
.apaitubm p.rtecenter {
    font-size: 30px;
    padding-top: 10px;
}
}

@media (max-width:500px){
.apaitubm p.rtecenter {
    font-size: 20px;
}
}

/* Layout untuk page Bayaran */

.page-node-145652 h1.page-header {
    text-align: -webkit-center;
}

@media (min-width: 1050px){
div#node-145652 {
    margin: 1% 20%;
}
}

/* Layout untuk borang cari jodoh */

.badge.gambar {
  position: absolute;
  bottom: 45px;
  background: #000000b5;
}

.positive {color:green;}
.negative {color:red;}

/*Layout form*/

.form-actions {
    margin-bottom: 35px;
    text-align: center;
}

.form-actions.form-group {
    margin-bottom: 35px;
}

@media (min-width: 426px) {

#legal-login button#edit-save {
   margin-bottom: 35px;
   width: 30%;
   margin-left: 35%;
}

}

@media (max-width: 425px) {

#legal-login button#edit-save {
   margin-bottom: 35px;
   width: 100%;
}

}

/* Page Media  */

.entity-paragraphs-item img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.entity-paragraphs-item .video-js {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 25px;
}


/*Play icon centered for video.js  */

.vjs-big-play-button {
    top: 50% !important;
    left: 50% !important;
    margin-top: -0.75em;
    margin-left: -1.5em;
}


/***
 *  * Pricing table
 *   * ***/
.pricing {
  position: relative;
  margin-bottom: 15px;
  border: 5px solid lightgrey;
  background-color: white;
}

.pricing-active {
  border: 5px solid #FFC300;
  z-index: 1;
}

.pricing:hover {
  border: 5px solid #FFC300;

}

.pricing:hover h4 {
  color: darkgoldenrod;
}

.pricing-head {
  text-align: center;
}

.pricing-head h3,
.pricing-head h4 {
  margin: 0;
  line-height: normal;
}

.pricing-head h3 span,
.pricing-head h4 span {
  display: block;
  margin-top: 5px;
  font-style: italic;
}

.pricing-head h3 {
  font-weight: 300;
  color: #fafafa;
  padding: 12px 0;
  font-size: 27px;
  background: #38c51e;
  border-bottom: solid 1px yellowgreen;
}

.pricing-head h4 {
  padding: 5px 0;
  font-size: 54px;
  font-weight: 300;
  background: lightgoldenrodyellow;
  border-bottom: solid 1px #f5f9e7;
}

.pricing-head-active h4 {
  color: #0e3dc9;
}

.pricing-head h4 i {
  top: -8px;
  font-size: 28px;
  font-style: normal;
  position: relative;
}

.pricing-head h4 span {
  top: -10px;
  font-size: 14px;
  font-style: normal;
  position: relative;
}

/*Pricing Content*/
.pricing-content li {
  color: #888;
  padding: 7px 15px;
  border-bottom: solid 1px #f5f9e7;
}

/*Pricing Footer*/
.pricing-footer {
  color: #777;
  font-size: 11px;
  line-height: 17px;
  text-align: center;
  padding: 0 20px 19px;
}

/*Priceing Active*/
.price-active,
.pricing:hover {
  z-index: 9;
}

.price-active h4 {
  color: #36d7ac;
}

.no-space-pricing .pricing:hover {
  transition: box-shadow 0.2s ease-in-out;
}

.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
  color: #36d7ac;
  padding: 15px 0;
  font-size: 80px;
  transition: color 0.5s ease-in-out;
}

.yellow-crusta.btn {
  color: #FFFFFF;
  background-color: #31b0d5;
}
.yellow-crusta.btn:hover,
.yellow-crusta.btn:focus,
.yellow-crusta.btn:active,
.yellow-crusta.btn.active {
    color: #FFFFFF;
    background-color: #2c9ebf;
}

/* 1000px content page Bayaran & centerkan Title*/

@media (min-width: 1050px){
.block-pagebayaran {
    margin: 0 20%;
}
}

.page-node-689070 h1.page-header {
    text-align: -webkit-center;
    margin-top: 0px;
}

/*page naiktaraf-cari-jodoh*/

.relative {
	position:relative;
}

.nilai {
    position: absolute;
    top: -5%;
    left: 72%;
}

.pricing-footer a {
    width: 90%;
    font-weight: bold;
}

.nilai img {
   width: 100px;
   height: 100px;
}

/*page checkout*/
.order-total-line{text-align: right;}
.order-total-line__total {font-weight: bold;}


.commerce-paypal-icon {
   display: none;
}

/*views senarai calon*/

.senarai-calon img {
  margin-left: auto;
  margin-right: auto;
}

/*user settings form*/
form.user-form .input-group.password-parent {
 display: block;
}

form.user-form .input-group.password-parent .input-group-addon {
 display: none;
}

#edit-social-auth #edit-accounts th:first-child,
#edit-social-auth #edit-accounts td:first-child {
    display: none;
}

#edit-social-auth #edit-accounts th:nth-child(3),
#edit-social-auth #edit-accounts td:nth-child(3) {
    display: none;
}

/*user settings hidden*/

fieldset#edit-contact {
 display: none;
}

fieldset#edit-privatemsg {
 display: none;
}

div.chat-receiver:not(:last-child) .flag-ragu_ragu {
    display: none;
}

.privatemsg-author-avatar-current {
  float: right;
  width: 15%;
  padding-top: 2px;
  text-align: center;
}

.privatemsg-message-column-current {
  float: left;
  overflow: visible;
  width: 78%;
  margin-bottom: 10px;
}

span.privatemsg-message-new-current {
  float: left;
  font-size: 80%;
  font-weight:bold;
}





/*global design*/

.modal-footer.ui-dialog-buttonpane {
    padding: 15px;
    text-align: right;
}

.rtecenter {
 text-align: center;
}

body {
  background-color:#f3f3f3;
}

.main-container {
  min-height: 800px;
}

.panel-title a {
    display: block;
    padding: 10px 15px;
    margin: -10px -15px;
}

#block-masquerade-masquerade {
  z-index: 10; 
}


.btn {
  white-space: normal;
}

.views-exposed-widget {
  width: 100%;
}

select, input.form-text {
  width: 100% !important;
}

.menu-y {
 display: inline-block;
}

.menu-x {
 display: inline-flex;
 width: 75%;
}

.dotsthree:after {
  content: '\2807';
}

.terma1 {
   height: 150px;
   width: auto;
   overflow: auto;
   background-color: #eeeeee !important;
}

@media (max-width: 426px) {
.nav-tabs > li {
   width: 100%;
}
}


/*Scrollbar CSS*/

/* width */
::-webkit-scrollbar {
 width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
 background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
 background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
 background: #555;
}

/*Bootstrap 4 class*/
.stretched-link::after, .pm-message-list a:after, .pm-participant a:after, .private-message-recipients a:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0,0,0,0);
}


/*Artikel Baitulmuslim node*/

.page-node-type-artikel-baitulmuslim h1, .page-node-type-artikel-baitulmuslim h2, .page-node-type-artikel-baitulmuslim h3, .baitul-teaser h1, .baitul-teaser h2, .baitul-teaser h3 {
    font-family: haziq;
}

.field--name-field-mini-title p {
    font-size: 20px !important;
    margin-bottom: 12px;
    font-weight: 400;
    margin-top: 20px;
    color: #999;
}

.node-type-artikel-baitulmuslim .field-name-body p {
    line-height: 26px;
    font-size: 20px !important;
    font-family: merriweather,times new roman,serif;
}


@media (max-width: 767px){
.node-type-artikel-baitulmuslim p, .node-type-blog p {
    line-height: 24px;
    font-size: 17px !important;
}
}
/* margin top teaser dengan title */
.field-name-field-mini-title {
    margin-top: -20px;
}

/*Scrollbar CSS*/

/* width */
::-webkit-scrollbar {
 width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
 background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
 background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
 background: #555;
}

/*Bootstrap 4 class*/
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0,0,0,0);
}

/*Form Login*/

#user-login-form > div > .form-actions > button {
   width: auto;
}


/*Menu design*/

ul.sidebar-bm > li > span {
   display: none;
}

.sidebar-fixed a:hover, .sidebar-fixed a:focus, .sidebar-fixed a.is-active, .sidebar-admin  a:hover, .sidebar-admin a:focus, .sidebar-admin a.is-active {
   background-color: #5e5e5e !important;
}

body.toolbar-horizontal .sidebar-fixed {
   margin-top: 40px;
}

body.toolbar-horizontal.toolbar-tray-open .sidebar-fixed {
    margin-top: 80px;
}

.mobile-btn {
position: absolute;
right: 10px;
top: 7px;
}

.log-top {
  padding: 5px !important;
  text-align: center;
  width: 110%;
  font-size: 17px;
}

.navbar-tweaks {
 display: inline-block;
}

@media (min-width: 768px){
.navbar-tweaks {
 display: none;
}
}


@media (min-width: 768px) and (max-width: 1024px){
.navbar .container {
  font-size: 12px;
}

a.name.navbar-brand{
  font-size: 15px;
}

}


@media (max-width: 916px){
.mobile-btn {
    right: 15px;
}

.log-top {
   width: 110%;
   font-size: 14px;
}
}


@media (max-width: 370px){
a.name.navbar-brand{
 font-size: 15px;;
}


}

@media (min-width: 371px) and ( max-width: 403px){
a.name.navbar-brand{
  font-size: 15px;
}
}

@media (max-width: 769px) {

.sidebar-btn {
  z-index: 1031;
  float: left;
  margin-top: 8px;
  margin-left: 6px;
  margin-right: 2px;
}

#admin-menu-wrapper {
  display: none;
}
}

@media (min-width: 769px) {

.sidebar-btn {
  display: none !important;
}

.region-navigation {position: relative;}

.sidebar-fixed.collapse {
  display: block !important;
  height: 95% !important;
}

.container-lg {
margin-left : 250px;
/** position: relative;
left: 245px;
width: 87.1%;
margin: 0;**/
}

.navbar-lg {
  padding-left: 42%;
}

.navbar-lgx {
  padding-left: 42%;
}

}

.navbar-toggle {
 background-color: #21313f;
 color: #fff;
 right: 60px;
}


ul.sidebar-bm svg, div#block-menu-menu-sidebar-v2 > div > ul > li > a > i, div#sidebar-admin > div > ul > li > a > i {
  width: 50px !important;
  font-size: 20px;
  text-align: center;
  color: #ffffff;
}

.sidebar-fixed {
  position: fixed;
  overflow: auto;
  width: 250px;
  height: 95%;
  top: 50px;
  left: 0;
  background: #21313F;
  z-index: 11;
}

.sidebar-fixed li {
width:100%;
}

.sidebar-fixed a {
color: #ffffff;
}

.btn-sidebar {
 color: #ffffff;
 background-color: #21313F;
 border-color: #FFFFFF;
}


.btn-sidebar:hover,
.btn-sidebar:focus,
.btn-sidebar:active,
.btn-sidebar.active,
.open .dropdown-toggle.btn-sidebar {
 color: #ffffff !important;
 background-color: #3B5770 !important;
 border-color: #FFFFFF !important;
}

.btn-sidebar:active,
.btn-sidebar.active,
.open .dropdown-toggle.btn-sidebar {
 background-image: none;
}

.btn-sidebar.disabled,
.btn-sidebar[disabled],
fieldset[disabled] .btn-sidebar,
.btn-sidebar.disabled:hover,
.btn-sidebar[disabled]:hover,
fieldset[disabled] .btn-sidebar:hover,
.btn-sidebar.disabled:focus,
.btn-sidebar[disabled]:focus,
fieldset[disabled] .btn-sidebar:focus,
.btn-sidebar.disabled:active,
.btn-sidebar[disabled]:active,
fieldset[disabled] .btn-sidebar:active,
.btn-sidebar.disabled.active,
.btn-sidebar[disabled].active,
fieldset[disabled] .btn-sidebar.active {
 background-color: #21313F;
 border-color: #FFFFFF;
}

.btn-sidebar .badge {
 color: #21313F;
 background-color: #ffffff;
}

.btn-whatsapp {
  color: #ffffff;
  background-color: #25D366;
  border-color: #DCF8C6;
}

.btn-whatsapp:hover,
.btn-whatsapp:focus,
.btn-whatsapp:active,
.btn-whatsapp.active,
.open .dropdown-toggle.btn-whatsapp {
  color: #ffffff !important;
  background-color: #18A84D !important;
  border-color: #DCF8C6 !important;
}

.btn-whatsapp:active,
.btn-whatsapp.active,
.open .dropdown-toggle.btn-whatsapp {
  background-image: none;
}

.btn-whatsapp.disabled,
.btn-whatsapp[disabled],
fieldset[disabled] .btn-whatsapp,
.btn-whatsapp.disabled:hover,
.btn-whatsapp[disabled]:hover,
fieldset[disabled] .btn-whatsapp:hover,
.btn-whatsapp.disabled:focus,
.btn-whatsapp[disabled]:focus,
fieldset[disabled] .btn-whatsapp:focus,
.btn-whatsapp.disabled:active,
.btn-whatsapp[disabled]:active,
fieldset[disabled] .btn-whatsapp:active,
.btn-whatsapp.disabled.active,
.btn-whatsapp[disabled].active,
fieldset[disabled] .btn-whatsapp.active {
  background-color: #25D366;
  border-color: #DCF8C6;
}

.btn-whatsapp .badge {
  color: #25D366;
  background-color: #ffffff;
}

.btn-wstop {
  color: #25D366;
  background-color: #ffffff;
  border-color: #25D366;
}

.btn-wstop:hover,
.btn-wstop:focus,
.btn-wstop:active,
.btn-wstop.active,
.open .dropdown-toggle.btn-wstop {
  color: #ffffff !important;
  background-color: #18A84D !important;
  border-color: #DCF8C6 !important;
}

.btn-wstop:active,
.btn-wstop.active,
.open .dropdown-toggle.btn-wstop {
  background-image: none;
}

.btn-wstop.disabled,
.btn-wstop[disabled],
fieldset[disabled] .btn-wstop,
.btn-wstop.disabled:hover,
.btn-wstop[disabled]:hover,
fieldset[disabled] .btn-wstop:hover,
.btn-wstop.disabled:focus,
.btn-wstop[disabled]:focus,
fieldset[disabled] .btn-wstop:focus,
.btn-wstop.disabled:active,
.btn-wstop[disabled]:active,
fieldset[disabled] .btn-wstop:active,
.btn-wstop.disabled.active,
.btn-wstop[disabled].active,
fieldset[disabled] .btn-wstop.active {
  background-color: #25D366;
  border-color: #DCF8C6;
}

.btn-wstop .badge {
  color: #25D366;
  background-color: #ffffff;
}

/*Menu admin*/

body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed, body.toolbar-fixed.toolbar-vertical.toolbar-tray-open .navbar-fixed-top {
    margin-left: 0; 
}

body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .sidebar-1 {
    position: fixed;
    top: 85px;
    right: 16px;
    z-index: 1031;
}

body.toolbar-fixed.toolbar-horizontal .sidebar-1 {
    position: fixed;
    top: 48px;
    right: 16px;
    z-index: 1031;
}

body.navbar-is-fixed-top .sidebar-1 {
    position: fixed;
    top: 10px;
    right: 16px;
    z-index: 1031;
}

body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .sidebar-admin {
    position: fixed;
    height: 90%;
    top: 113px;
    right: 0px;
    overflow: auto;
    background: #21313F;
    z-index: 999;
}

body.toolbar-fixed.toolbar-horizontal .sidebar-admin {
    position: fixed;
    height: 93%;
    top: 72px;
    right: 0px;
    overflow: auto;
    background: #21313F;
    z-index: 999;
}

body.navbar-is-fixed-top .sidebar-admin {
    position: fixed;
    height: 97%;
    top: 30px;
    right: 0px;
    overflow: auto;
    background: #21313F;
    z-index: 999;
}

@media (max-width: 768px) {
.sidebar-admin {
    width: 100%;
}
}

.sidebar-admin li {
width:100%;
}

.sidebar-admin a {
color: #ffffff;
}


/*senarai calon design*/

.senarai-calon ul.pager li a {
    background: #ffec37;
    color: #000000;
}

.senarai-calon ul.pager li a:hover {
    background: #FFD12B;
    color: #000000;
}

.group-infoadmin > .panel-heading > a {
    color: #fff !important;
    background: #31b0d5;
}

.view-calon-cari-jodoh .view-filters {
  margin-bottom: 20px;
}

.gambar-senarai img {
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 990px) {
.gambar-senarai {width:30%;}
.info-senarai {width: 50%;}
}

.gambar-senarai {
  position: relative;
  margin: auto;
  min-height: 225px;
}

.info-senarai {
  margin: auto;
  margin-top: 10px;
  background-color: #ffffff;
  position: relative;
}

.profil-aktif {
  position: absolute;
  bottom: 10px;
  background: #000000b5;
}

.premium-ik, .biasa-ik {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #f2db1175;
  color: #403c3c;
}

.ik {
  display: inline;
  width: auto;
  font-size: 10px;
  font-weight: bold;
  font-style: italic;
}

.info-lanjut {
    margin-top:10px;
}

@media (min-width: 426px){
.bm-ikon {display: block;}
}

.bm-ikon {
  display: inline-block;
  width: 60px;
}

.info-list {
  display: inline-flex;
  width: 50%;
}

.btn-baitul {
 color: #000000;
 background-color: #FFEC37;
 border-color: #E8CA27;
 font-weight: bold;
}

@media (max-width:480px) {
   .btn-baitul-filter { width: 100%; display:block; }
} 

.btn-baitul:hover,
.btn-baitul:focus,
.btn-baitul:active,
.btn-baitul.active,
.open .dropdown-toggle.btn-baitul {
 color: #000000;
 background-color: #FFD12B;
 border-color: #E8CA27;
}

.btn-baitul:active,
.btn-baitul.active,
.open .dropdown-toggle.btn-baitul {
 background-image: none;
}
.btn-baitul.disabled,
.btn-baitul[disabled],
fieldset[disabled] .btn-baitul,
.btn-baitul.disabled:hover,
.btn-baitul[disabled]:hover,
fieldset[disabled] .btn-baitul:hover,
.btn-baitul.disabled:focus,
.btn-baitul[disabled]:focus,
fieldset[disabled] .btn-baitul:focus,
.btn-baitul.disabled:active,
.btn-baitul[disabled]:active,
fieldset[disabled] .btn-baitul:active,
.btn-baitul.disabled.active,
.btn-baitul[disabled].active,
fieldset[disabled] .btn-baitul.active {
 background-color: #FFEC37;
 border-color: #E8CA27;
}

.btn-baitul .badge {
 color: #FFEC37;
 background-color: #000000;
}

/*profil cari jodoh: flags dan link*/

.flag-message {
   position: fixed;
   top: 12%;
   left: 50%;
   z-index: 100000;
   line-height: normal;
   text-align: center;
   width: 300px;
   font-size: 14px;
   font-weight: 700;
   box-shadow: #000 0 2px 4px;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
}

.field-name-ds-flag-kirim-salam-node {
    margin-bottom: 15px;
}

.hantar-mesej{
  margin-bottom: 15px;
}

.field-name-ds-flag-calon-kegemaran {
  margin-bottom: 15px;
}

.field-name-ds-flag-laporan {
  margin-bottom: 15px;
}

.field-name-blok-calon {
  margin-bottom: 10px;
}

/*Bertemu jodoh design*/

.bertemu-pic img {
  margin-left: auto;
  margin-right: auto;
}

.bertemu-info {
  background: white;
}

.bertemu-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  color: white;
  background-color: black;
}

.bertemu-nopic {
 text-align: center;
}

.bertemu-nopic i {
 font-size: 100px;
}


/*profil cari jodoh fields*/
body.node-type-borangcarijodoh:not(.page-node-edit) >  div > div >  section > h1.page-header {
display: none;
}

.group-flag .field, .group-flag1 .field {
    margin-bottom: 10px;
}

.node-borangcarijodoh .panel-default > .panel-heading {
 background: #ffffff;
}

.textbox > .panel-footer {
 background: #ffffff;
 border-bottom: 1px solid #ddd;
 margin-bottom: 10px;
}

.borang-gambar {
 position:relative;
 min-height: 280px;
}

.borang-gambar img {
 margin-left: auto;
 margin-right: auto;
}

.borang-gambar > .field--name-dynamic-block-fieldnode-aktif {
    position: absolute;
    bottom: 10px;
}

.profil-aktif-view {
  background: #000000b5;
}


/*temporary fix for kemaskini dekat profil calon*/
div.div2 {
z-index :-1;
}

/**
.group-profil > div > div > .field--label {
 width: 100px;
 display: inline-block;
}

.group-profil > div > div > .field--item {
 display: inline-flex;
 width: 50%;
}
**/
.field-name-umur .field-items .field-item .field-name-field-tarikhlahir .borang-info {
  display: contents;
}

.borang-premium {
 background: #f2db1175;
 color: #403c3c;
}

.field--name-dynamic-block-fieldnode-taraf-calon {
 position: absolute;
 top: 13px;
 right: 25px;
}

.stat-borang {
  position: absolute;
  top: 10px;
  right: 5px;
  background: #fff;
  color: black;
}

.stat-hubungan {
  position: absolute;
  top: 32px;
  right: 5px;
  background: #fff;
  color: black;
}

.mydiv {
  padding-bottom: 20px;
}

@media (min-width: 769px){
.row-left {margin-left: 0px;}
}

/*form borang cari jodoh*/
//hide about text formats for field penjelasan dan ciri
#edit-field-penjelasan-0-format, #edit-field-ciri-0-format {
display: none;
}

fieldset#edit-field-jantina--wrapper legend.form-required:after {
    display: none;
}

div#edit-field-jantina {
    display: grid;
    grid-template-columns: auto auto;
}

div#edit-field-jantina .form-item {
    font-size: 20px;
    margin-top: 0px;
}

div#edit-field-jantina .form-item label {
    border: 1px solid #939393;
    border-radius: 5px;
    padding: 4px 4px 4px 25px;
}

div#edit-field-jantina .form-item input {
   position: relative;
}

form.node-borangcarijodoh-gambar-edit-form div#edit-field-gambar-0-image-crop-crop-wrapper--content div.vertical-tabs ul,  
form.node-borangcarijodoh-gambar-form div#edit-field-gambar-0-image-crop-crop-wrapper--content div.vertical-tabs ul {
    display: none;
}

form.node-borangcarijodoh-gambar-edit-form div.image-data__crop-wrapper,
form.node-borangcarijodoh-gambar-form div.image-data__crop-wrapper {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

form.node-borangcarijodoh-gambar-edit-form .alert span, form.node-borangcarijodoh-gambar-form .alert span {
    display: none;
}

#block-snippetfooterempty .field {
     margin-bottom: 0;
}

#edit-field-gambar-0--description{
    display: none;
}

.kemaskini-gambar-help {
    display: block;
    margin: auto;
    margin-top: 10px;
    width: 50%;
    border-radius: 6px;
    padding: 24px;
    background: #fff;
    color: #777777;
    font-size: 12px;
}

@media (max-width: 600px){
.kemaskini-gambar-help {
    display: block;
    margin: auto;
    margin-top: 10px;
    width: 100%;
    border-radius: 6px;
    padding: 24px;
    background: #fff;
}
}

.form-item-field-tinggi-0-value .form-control, .form-item-field-berat-0-value .form-control {
 width: 100%;
}

#edit-field-negeri2-wrapper .input-group {
    width: 100%;
}

.page-node-add-borangcarijodoh .footer-menu {
    display: none;
}

.page-node-type-borangcarijodoh .image-widget input {
    height: 250px;
    background-image: url(https://bm-files.s3-ap-southeast-1.amazonaws.com/bm-icon-sini.png);
    background-position: center;
    background-size: 150px;
    background-repeat: no-repeat;
    color: #f9f9f9;
}

.page-node-type-borangcarijodoh input[type=file]::file-selector-button {
    display: none;
}

.image-widget > div > div > div > a{
    background: #5bc0de;
    width: 137px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
}

.image-widget .preview, .image-widget .data {
   width: 100%;
}

.image-widget .preview img {
    margin-left: auto;
    margin-right: auto;
}

.image-widget span.file {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.image-widget span.file span{
   background: #f3f3f3;
}

.image-widget .data {
    text-align: center;
}

div#edit-field-gambar-0-image-crop-crop-wrapper-crop-1-1 > div.panel-heading > a.panel-title {
  pointer-events: none;
  cursor: default;
}

div#edit-field-gambar-0-image-crop-crop-wrapper-crop-1-1 > div.collapse {
   display: block !important;
   height: auto !important;
   opacity: 1 !important;
}

.form-item-field-tarikhlahir-und-0-value-day label.control-label:after {
    content: "Hari";
    font-size: 14px;
    color: black;
}

.form-item-field-tarikhlahir-und-0-value-month label.control-label:after {
    content: "Bulan";
    font-size: 14px;
    color: black;
}

.form-item-field-tarikhlahir-und-0-value-year label.control-label:after {
    content: "Tahun";
    font-size: 14px;
    color: black;
}

.form-item-field-tarikhlahir-und-0-value-day label.control-label,.form-item-field-tarikhlahir-und-0-value-month label.control-label ,.form-item-field-tarikhlahir-und-0-value-year label.control-label {
    font-size: 1px;
    color: transparent;
    margin-left: -2px;
}


:target::before {
  content: "";
  display: block;
  height: 60px; /* fixed header height*/
  margin: -60px 0 0; /* negative fixed header height */
}

form.node-borangcarijodoh-gambar-form div#edit-actions button#edit-submit, form.node-borangcarijodoh-gambar-edit-form div#edit-actions button#edit-submit {
    width: 137px;
    margin-left: 10px;
    margin-top: 5px;
}

form.node-borangcarijodoh-gambar-form div.field--name-field-gambar div div div div button#edit-field-gambar-0-remove-button, form.node-borangcarijodoh-gambar-edit-form div.field--name-field-gambar div div div div button#edit-field-gambar-0-remove-button {
width: 137px;
}

body.page-node-edit.node-type-borangcarijodoh > div > div > section > ul {
    display: none;
}

form.node-borangcarijodoh-edit-form > div#edit-actions > button.#edit-submit {
    width: 30%;
}

form.node-borangcarijodoh-edit-form div#edit-actions a#edit-delete, form.node-borangcarijodoh-gambar-form div#edit-actions a#edit-delete, form.node-borangcarijodoh-tambahan-form div#edit-actions a#edit-delete, form.node-borangcarijodoh-gambar-edit-form div#edit-actions a#edit-delete {
    display: none;
}

form.node-borangcarijodoh-form > div > div > div > ul.horizontal-tabs-list {
  display: none;

}

#borangcarijodoh-node-form .form-disabled {
   display: none;
}

div.field-name-field-tarikhlahir > div > div > div > div > div > div > div.form-item,
div.field-name-field-tarikhlahir > div > div > div > div > div > div#edit-field-tarikhlahir-und-0-value,
div.field-name-field-tarikhlahir > div > div > div > div > div.date-no-float,
div.field-name-field-tarikhlahir > div > div > div > div.container-inline-date {
  width: 100%;
}

fieldset#edit-penting, fieldset#edit-gambar, fieldset#edit-tambahan {
  margin-left: -15px;
  margin-right: -15px;
  background: transparent;
}

/*artikel baitulmuslim page*/

.node-type-artikel-baitulmuslim h1.page-header {
    display: none;
}

#edit-field-mini-title-0-format {
    display: none;
}

.ck-editor__main > :is(.ck-editor__editable, .ck-source-editing-area) {
    min-height: 500px;
    max-height: 500px;
}

/*Front front Page Annonymous*/

.rg-whatsapp {
    background: #bababa;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 24px;
}

.view-aktiviti-ahli {
  margin-bottom: 25px;
}

.clear-float {
  float: none !important;
}

.region-white {
    background: white;
    margin-left: -15px;
    margin-right: -15px;
}

.margin-20 {
   margin-bottom: 20px;
}

.panel-heading.login-hd {
    background: #9acd32;
    color: black;
    font-weight: bold;
}

.login-bg {
  background: #ffffff;
}

#user-login-form input {
    background: #f3f3f3;
}

#user-login-form > div > .form-actions {
  margin-bottom: 0 !important;
}

.sosial-or {
 position: relative;
}

hr.sosial-hr {
 border-color: #b9b9b9;
}

.apaitubm {
    margin-bottom: 25px;
}

.apaitubm .field--name-body {
    padding: 24px;
    color: white;
    background-color: #21313F;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.daftar-bm {
  margin-top: 40px;
  margin-left: -15px;
  margin-right: -15px;
}

@media (max-width: 992px) {
.view-aktiviti-ahli {
 margin-top: 25px;
 }
}


@media (max-width: 768px) {
.pane-block-75 {display: none;}

.daftar-bm {
 margin-right: -15px;
}

}
@media (max-width: 352px) {
.view-aktiviti-ahli {
 width: 128%;
 margin-left: -20px;
 }
}

@media (max-width: 389px) {
.aktiviti-row {
 font-size: 12px;
 }
}

.aktiviti-ahli-block-1 .pane-title {
  font-weight bold;
}

.aktiviti-row {
    min-height: 20px;
    padding: 4px;
    text-transform: capitalize;
}

div.aktiviti-row:nth-child(odd){
        background: #ffffff;
}

div.aktiviti-row:nth-child(even){
        background: #f5f5f5;
}



/*form login*/
p.forgot-password, form.user-login-form div.actions-suffix,.block-user-login-block ul {
    display: none;
}

/*form daftar*/

form.user-register-form button.form-submit {
   width: 165px;
   font-weight: bold;
}

.user-register-form .field--name-field-telefon-bimbit input {
 width: 100%;
}

form.user-register-form p.back-to-login {
   display: none;
}

.panel-separator {
    margin: 0 0 1em 0;
}

body.page-daftar {
  background-color: #fff;
}

form.user-register-form .help-block, form.user-register-form .password-strength__title {
    display: none;
}

.user-register-form > div > #edit-account > .form-item-pass > div > .form-item {
 width: 100%;
}

form.user-register-form > div > div#edit-actions {
    margin-bottom: 0 !important;
}

form.user-register-form div.input-group.password-parent {
 display: block;
}

form.user-register-form .password-parent .password-field {
    margin-bottom: 15px;
}

form.user-register-form .input-group-addon {
    display: inline;
    position: absolute;
    top: 0px;
    right: -1px;
    z-index: 2;
    width: fit-content;
    border-radius: 0 4px 4px 0 !important;
    height: 34px;
}

form.user-register-form .input-group-addon .icon {
    top: 4px;
}

form.user-register-form .password-strength {
    position: relative;
}

form.user-register-form .password-strength__meter {
    position: absolute;
    width: 100%;
    top: 28px;
    height: 2px;
}

form.user-register-form .password-strength__indicator {
   background-color: #008000;
}

form.user-register-form .password-suggestions {
  display: none !important;
}

form.user-register-form .form-actions {
   margin-bottom: 15px;
}

/*addon set sama dengan webform daftar button*/

.webform-client-form-1156334 > div > .form-actions > .webform-submit, #user-register-form #edit-actions button#edit-submit,#webform-client-form-581516 > div > .form-actions > button.form-submit, #contact-site-form button#edit-submit {
    margin-bottom: 15px;
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
    width: 235px;
}

@media (min-width: 426px) {
 .reg-panel {
   margin-left: auto;
   margin-right: auto;
   width: 50%;
 }
}

/*telefon bimbit webform*/

#webform-client-form-581516 > div > .form-actions {
 margin-bottom: 0px;
}


.tel-form-bm {
  margin-top: 15%;
}

@media (max-width: 426px){
.tel-form-bm {
  margin-top: 60%;
}
}

/*privatemsg message list*/

.path-private-message #thread-members-display-container {
        display: none;
}

#load-previous-messages-button-wrapper {
	margin-bottom: 20px;
}

#load-previous-messages-button-wrapper a#load-previous-messages {
	visibility: hidden;
}

#load-previous-messages-button-wrapper a#load-previous-messages:hover:after {
    background: #bedca6;
    color: #000000;
}

#load-previous-messages-button-wrapper a#load-previous-messages:after {
    content: "<< Mesej Lama";
    visibility: visible;
    display: block;
    background: #dcf8c6;
    color: #000000;
    width: fit-content;
    min-height: 20px;
    padding: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: none !important;
}

.private-message-notification-wrapper .none {
  display: none;
}

#privatemsg-list-form > .table-responsive {
  border: none;
}

table.privatemsg-list > thead {
    display: none;
}

table.privatemsg-list > tbody > tr:nth-of-type(odd) {
     background-color: transparent;
}

table.privatemsg-list > tbody > tr > td {
    vertical-align: middle;
    border: none;
}

table.privatemsg-list > tbody > tr > td:first-child > div {
    width: 15px;
}

.privatemsg-list-subject {
    min-width: 0;
}

.pm-participant {
 text-align: center;
 position: relative;
 min-height: 118px;
}

.pm-participant img {
 margin-left: auto;
 margin-right: auto;
}

.badge-p {
   background: #dcf8c6;
   position: absolute;
   bottom: 2px;
   left: 50%;
   transform: translate(-50%, -50%);
}

.badge-p a, .badge-p span {
  color: #337ab7;
}

.pm-new {
 background: #66da66;
 position: absolute;
 top: 10px;
 right: 10px;
}

.pm-new a {
 color: white;
 text-decoration: none;
}

.pm-updated {
    font-size: 10px;
}

.pm-count {
    font-size: 10px;
    font-weight: 100;
    background: #d6cdcd;
    margin-right: 5px;
}

.pm-message-list {
    background: #ffffff;
}

.pm-message-list a {
    color: #21313f;
}

.pm-message-list .marker {
    position: absolute;
    top: 10px;
    right: 10px;
}
.pm-message-list .marker span {
    background: #66da66;
}

.pm-message-list .total-num {
    position: absolute;
    right: 55px;
    bottom: 14px;
    font-size: 80%;
}

.pm-message-list .private-message-created_date {
    position: absolute;
    right: -3px;
    bottom: 0px;
    float: none !important;
    color: #777777;
    padding-right: 1em;
    font-size: 80%;
}

.pm-message-list .flag-pin-thread {
    position: absolute;
    bottom: -26px;
    right: 4px;
    font-size: 70%;
}

#private-message-page .flag-pin-thread {
    position: absolute;
    right: 10px;
}

.pm-info-list {
    position: absolute;
    bottom: 0px;
    right: 10px;
}

.page-messages > div > div > section > ul.action-links, .page-messages-inbox > div > div > section > ul.action-links , .page-messages-sent > div > div > section > ul.action-links {
    display: none;
}

/*privatemsg message view*/

.pm-notification {
    display: none;
}

.pm-notification.unread-threads{
    display: block;
}

.block-private-message-notification-block {
    margin-bottom: 10px;
}

.path-private-messages .private-message-recipients .layout__region {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: none !important;
    position: relative;
}

.private-message-recipients p {
  text-align: center;
}

.private-message-default .field--name-message {
    min-height: 20px;
    padding: 8px 10px 20px 10px;
    margin-bottom: 20px;
}

.field--name-owner.badge {
    position: absolute;
    bottom: -20px;
    right: 5px;
    font-size: 10px;
    background: #dcf8c6;
    color: #337ab7;
}

.path-private-messages .private-message-wrapper {
    position: relative;
}

.path-private-messages .private-message-author-self {
    background: #dcf8c6;
    margin-left: 20%;
    margin-right: 5%;
    border: none !important;
    border-radius: 5px;
}

/*
.path-private-messages .private-message-author-self:after {
    content: '';
    position: absolute;
    right: 87px;
    top: 5%;
    width: 0;
    height: 0;
    border: 25px solid transparent;
    border-left-color: #dcf8c6;
    border-right: 0;
    border-top: 0;
    margin-top: 0px;
    margin-right: -25px;
}

.path-private-messages .private-message-author-other:after {
    content: '';
    position: absolute;
    left: 87px;
    top: 5%;
    width: 0;
    height: 0;
    border: 25px solid transparent;
    border-right-color: #ffffff;
    border-left: 0;
    border-top: 0;
    margin-top: 0px;
    margin-left: -25px;
}
*/

.path-private-messages .private-message-author-self .field--name-owner {
   display: none;
}

.path-private-messages .private-message-author-self .field--name-created {
    position: absolute;
    right: -3px;
    bottom: -23px;
    float: none !important;
    color: #777777;
    padding-right: 1em;
    font-size: 80%;
}

.path-private-messages .private-message-author-other .field--name-created {
    position: absolute;
    left: 3px;
    bottom: -23px;
    float: none !important;
    color: #777777;
    padding-right: 1em;
    font-size: 80%;
}

.path-private-messages .private-message-author-other {
    background: #ffffff;
    margin-left: 5%;
    margin-right: 20%;
    border: none !important;
    border-radius: 5px;
}

.field--name-private-messages .private-message-wrapper {
   margin-bottom: 15px;
}

.path-private-messages .private-message-author-self .flag-delete-message {
    position: absolute;
    left: 1px;
    bottom: -20px;
    float: none !important;
    color: #777777;
    padding-right: 1em;
    font-size: 70%;
}

.path-private-messages .private-message-author-other .flag-delete-message {
    position: absolute;
    right: 45px;
    bottom: -20px;
    float: none !important;
    color: #777777;
    padding-right: 1em;
    font-size: 70%;
}

/*media page*/

.path-media .view-content img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

.path-media .video-js {
   max-width: 640px;
   max-height: 360px;
   width: auto;
   margin-left: auto;
   margin-right: auto;
   margin-top: 5px;
   margin-bottom: 5px;
}

/*hubungi kami page*/

@media (max-width: 375px){
.g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}
}
@media (min-width: 376px){
.g-recaptcha {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
}

/*artikel baitulmuslim list views page*/

.blog-sm-list {
 margin-bottom: 15px;
}

.blog-sm-pic {
  position: relative;
  min-height: 320px;
}

.blog-sm-pic img {
 margin-left: auto;
 margin-right: auto;
}

.blog-sm-tag {
 position: absolute;
 top: 10px;
 left: 22px;
}

h2.blog-sm-title {
 margin-top: 0px;
}

.blog-sm-mini {
    font-size: 15px;
    margin-bottom: 12px;
    font-weight: 400;
    margin-top: 20px;
    color: #999;
}

.blog-sm-date {
   font-size: 11px;
}

#views-exposed-form-artikel-baitulmuslim-page > div > .views-exposed-form > .views-exposed-widgets > .views-submit-button, #views-exposed-form-artikel-baitulmuslim-page > div > .views-exposed-form > .views-exposed-widgets > .views-reset-button {
 width: fit-content;
}

@media (max-width: 768px) {
.banner-logo {
  top: -44px;
}
}

@media (max-width: 426px) {
img.jodoh-pc {
 display: none;
}
}

@media (min-width: 426px) {
img.jodoh-mobile {
 display: none;


/*Payment page*/
/**

#payment-details > a > img {
    display: none;
}

.form-item.form-type-select.form-item-commerce-payment-payment-details-payment-id label {
    display: none;
}

select#edit-commerce-payment-payment-details-payment-id {
    display: none;
}

.form-item.form-type-select.form-item-commerce-payment-payment-details-payment-id .help-block {
    font-size: 0.85em;
    text-indent: -999em;
    background-image: url(/sites/all/themes/sub_zen/images/molpay-1_0.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 870px;
    white-space: nowrap;
    margin: auto;
}

@media screen and (max-width: 480px){
.form-item.form-type-select.form-item-commerce-payment-payment-details-payment-id .help-block {
    background-image: url(/sites/all/themes/sub_zen/images/molpay-2_0.jpg);
}
}

**/