/*
Theme Name: PHPMU.COM Community
Theme URI: https://members.phpmu.com/
Author: Robby Prihandaya
Author URI: http://phpmu.com/
Description: Template Responsive Khusus untuk komunitas Members Area phpmu.com dalam mempelajari dunia Web Development, Android & iOS Development
Copyright 2015 - Personal Licence
*/

@font-face{font-family:DroidSerif;src:url(DroidSerif.ttf)}#Back-to-top{text-align:center;z-index:99999;position:fixed;bottom:40px;right:30px;cursor:pointer;display:none;opacity:.7}#Back-to-top:hover{opacity:1}figure{margin:0}body p{max-width:400px;margin:20px auto}#tallModal .modal-body p{margin-bottom:900px}.post img{display:block;max-width:100%;height:auto}.rekening{border-top:none;background:#f4f4f4;border-bottom:1px solid #cecece}.modal.modal-wide .modal-dialog{width:70%}.modal-wide .modal-body{overflow-y:auto}label.error{color:#3d8e1ca6;font-weight:500 !important;padding-left:.5em;font-style:italic;font-size:12px}pre{background:#fff;border:0;border-left:1px dashed #e3e3e3;width:100%;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.textarea{resize:none;overflow:hidden;min-height:80px;max-height:300px;width:100%;background:#f4f4f4}.circle-image{position:relative;display:inline-block;width:100%!important;height:0!important;padding:8% 0 92% 0!important;border-radius:50%;font-family:DroidSerif!important;background:green;color:#fff!important;font-size:50px!important;text-align:center!important;font-weight:700!important}.circle-image2{position:relative;display:inline-block;width:100%!important;height:0!important;padding:8% 0 92% 0!important;border-radius:50%;font-family:DroidSerif!important;background:green;color:#fff!important;font-size:40px!important;text-align:center!important;font-weight:700!important}#pageshare{position:fixed;bottom:0;right:5px;float:left;border:1px solid #cecece;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:7px;z-index:10}#pageshare .sbutton{float:left;clear:both;margin:5px 5px 0 5px}hapus{color:red;font-style:italic}body{margin-top:50px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;background:#181818;background-size:cover}small{font-size:11px;color:red}green{color:green}.brand-name,.navbar-brand,h1,h2,h3,h4,h5,h6{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400}p.lead{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400}hr.small{max-width:100px;margin:50px auto;border-color:rgba(0,0,0,.2)}.text-yellow{color:#f1c40f}p.dm-promo-lead{margin-bottom:10px}p.dm-promo-deal{margin-bottom:30px}.well{background-color:#fff;background-image:url(img/premium-bg.png)}header.marquee{padding:50px 0;text-align:center;color:#fff;background-color:#b84d45;background-image:url(img/bg.png)}header.marquee .brand-name{display:block;font-size:50px;line-height:1}header.marquee h1{font-size:24px;line-height:1;margin:20px 0}header.marquee p{font-size:16px;color:rgba(255,255,255,.8);line-height:1.4}header.marquee p a{color:#fff}header.marquee img.logo{margin-bottom:50px}header.marquee .btn-cta{margin:20px 0 0;padding:10px 15px;border:1px solid #fff;background-color:transparent;color:#fff;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:14px}header.marquee .btn-cta:hover{color:#b84d45;background-color:#fff}@media (min-width:768px){header.marquee{padding:150px 0}header.marquee .brand-name{font-size:80px}header.marquee h1{font-size:34px}header.marquee p{font-size:20px}header.marquee .btn-cta{padding:15px 20px;font-size:18px}}.image{opacity:1}.image:hover{opacity:.4}.home-intro h2.tagline{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:35px;margin-top:50px;font-weight:300}.home-intro p.lead{max-width:100%;margin:0 auto}.home-intro p.lead strong{font-weight:600}@media (min-width:768px){.home-intro p.lead{max-width:75%}}.btn-outline{padding:10px 15px;border:1px solid #b84d45;background-color:transparent;color:#b84d45;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:16px}.btn-outline:hover{color:#fff;background-color:#b84d45}.navbar-default{background-color:#fff}.preview-thumb{margin-bottom:50px}.sb-page-header{position:relative;padding:50px 15px;text-align:center;color:rgba(255,255,255,.8);background: url(img/bg.png), url(img/ied.png) right no-repeat;background-color:#323232;margin-bottom:20px;font-size:20px}.sb-page-header h1{margin-top:0;color:#fff}.sb-page-header p{margin-bottom:0;line-height:1.4}.sb-page-header .container{position:relative}@media (min-width:768px){.sb-page-header{padding-top:55px;padding-bottom:35px;text-align:left;font-size:24px;border-bottom: 2px solid #303030;}.sb-page-header h1{font-size:60px;line-height:1}}@media (min-width:992px){.sb-page-header h1,.sb-page-header p{margin-right:380px}}.carbonad{width:auto!important;height:auto!important;margin:30px -30px -31px!important;padding:20px!important;border:solid rgba(255,255,255,.5)!important;border-width:1px 0!important;overflow:hidden;text-align:left;font-size:13px!important;line-height:16px!important;background:0 0!important}.carbonad-img{margin:0!important}.carbonad-tag,.carbonad-text{display:block!important;float:none!important;width:auto!important;height:auto!important;margin-left:145px!important;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important}.carbonad-text{padding-top:0!important;color:rgba(255,255,255,.8)}.carbonad-tag{text-align:left!important;color:inherit!important}.carbonad-tag a,.carbonad-text a{color:#fff!important}.carbonad #azcarbon>img{display:none}header.marquee .carbonad{margin:50px -15px 0!important}@media (min-width:480px){.carbonad{width:330px!important;margin:20px auto!important;border-width:1px!important;border-radius:4px}header.marquee .carbonad{margin:50px auto 0!important}}@media (min-width:768px){.carbonad{margin-right:0!important;margin-left:0!important}}@media (min-width:992px){.carbonad{position:absolute;top:0;right:15px;width:330px!important;margin:0!important;padding:15px!important}header.marquee .carbonad{position:static}}.previews .thumbnail{text-align:center;background-image:url(img/premium-bg.png);margin-bottom:15px}.previews .thumbnail img{border:1px solid #e6e6e6}.previews .thumbnail img:hover{opacity:.7}.previews .thumbnail p{margin:15px 0}.previews .thumbnail .btn{margin-bottom:20px}.previews .featured{text-align:left}@media (min-width:768px){.previews .thumbnail{margin-bottom:30px}}.preview-page-window{margin-bottom:30px}.preview-page-window ul.preview-links{text-align:center}.preview-page-window ul.preview-links li{margin-bottom:15px}@media (min-width:768px){.preview-page-window{margin-bottom:0}.preview-page-window ul.preview-links{text-align:left}.preview-page-window ul.preview-links li{margin-bottom:30px}}.preview-page-content .thumbnail,.preview-page-content p,.preview-page-content ul{margin-bottom:30px}.preview-page-content ul.list-tags{text-transform:capitalize}p.hosting-offer{margin-bottom:10px}.resource-name{width:200px}.resource-link{width:140px}.cta-mail{color:#fff;background-color:#b84d45;background-image:url(img/bg.png);padding:50px 0;margin-top:50px}.cta-mail h2{margin-top:0}.cta-mail .input-group{max-width:500px;margin:30px auto 0}.post-image-link p{margin:0!important}.resources h2,.resources h3{margin-top:0;padding-top:60px}.submit-box{margin-top:60px}.submit-box h3{padding-top:0}.bs-docs-sidebar.affix{position:static}@media (min-width:768px){.bs-docs-sidebar{padding-left:20px}}.bs-docs-sidenav{margin-bottom:20px;padding-top:60px}.bs-docs-sidebar .nav>li>a{display:block;padding:4px 20px;font-size:13px;font-weight:500;color:#999}.bs-docs-sidebar .nav>li>a:focus,.bs-docs-sidebar .nav>li>a:hover{padding-left:19px;border-left:1px solid #b84d45;text-decoration:none;color:#b84d45;background-color:transparent}.bs-docs-sidebar .nav>.active:focus>a,.bs-docs-sidebar .nav>.active:hover>a,.bs-docs-sidebar .nav>.active>a{padding-left:18px;border-left:2px solid #b84d45;font-weight:700;color:#b84d45;background-color:transparent}.bs-docs-sidebar .nav .nav{display:none;padding-bottom:10px}.bs-docs-sidebar .nav .nav>li>a{padding-top:1px;padding-bottom:1px;padding-left:30px;font-size:12px;font-weight:400}.bs-docs-sidebar .nav .nav>li>a:focus,.bs-docs-sidebar .nav .nav>li>a:hover{padding-left:29px}.bs-docs-sidebar .nav .nav>.active:focus>a,.bs-docs-sidebar .nav .nav>.active:hover>a,.bs-docs-sidebar .nav .nav>.active>a{padding-left:28px;font-weight:500}.back-to-top{display:none;margin-top:10px;margin-left:10px;padding:4px 10px;font-size:12px;font-weight:500;color:#999}.back-to-top:hover{text-decoration:none;color:#b84d45}@media (min-width:768px){.back-to-top{display:block}}@media (min-width:992px){.bs-docs-sidebar .nav>.active>ul{display:block}.bs-docs-sidebar.affix,.bs-docs-sidebar.affix-bottom{width:213px}.bs-docs-sidebar.affix{position:fixed;top:20px}.bs-docs-sidebar.affix-bottom{position:absolute}.bs-docs-sidebar.affix .bs-docs-sidenav,.bs-docs-sidebar.affix-bottom .bs-docs-sidenav{margin-top:0;margin-bottom:0}}@media (min-width:1200px){.bs-docs-sidebar.affix,.bs-docs-sidebar.affix-bottom{width:263px}}footer{padding:0px 0}footer .footer-below,footer .footer-left,footer .footer-right{text-align:left}@media (min-width:992px){footer .footer-left{text-align:left}footer .footer-right{text-align:right}footer .footer-below{text-align:center}}.sponsored-ad{margin-top:30px}#deep{-webkit-animation:blink 1s infinite;animation:blink 1s infinite}@keyframes blink{0%{color:#000}50%{color:red}}@-webkit-keyframes blink{0%{color:#000}50%{color:red}}#reed{-webkit-animation:blink 1s infinite;animation:blink 1s infinite}@keyframes blink{0%{color:#000}50%{color:#00f}}@-webkit-keyframes blink{0%{color:#000}50%{color:#00f}}.table-condensed tbody td{padding:0!important;margin:0!important}.tblphpmu tbody td{padding:4px!important;margin:4px!important}body p{max-width:100%!important}.navbar-nav>.messages-menu>.dropdown-menu,.navbar-nav>.notifications-menu>.dropdown-menu,.navbar-nav>.tasks-menu>.dropdown-menu{min-width:380px;width:100%;padding:0;margin:1px 0 0 0;top:100%}.navbar-nav>.messages-menu>.dropdown-menu>li,.navbar-nav>.notifications-menu>.dropdown-menu>li,.navbar-nav>.tasks-menu>.dropdown-menu>li{position:relative}.navbar-nav>.messages-menu>.dropdown-menu>li.header,.navbar-nav>.notifications-menu>.dropdown-menu>li.header,.navbar-nav>.tasks-menu>.dropdown-menu>li.header{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0;background-color:#000; color: #8b8b8b; padding:7px 10px;border-bottom:1px solid #f4f4f4;color:#444;font-size:14px}.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;font-size:12px;background-color:rgb(0, 0, 0);padding:7px 10px;border-bottom:1px solid #eee;color:#8b8b8b!important;text-align:center}@media (max-width:991px){.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{background:#000!important;color:#8b8b8b!important}}.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover{text-decoration:none;font-weight:400}.navbar-nav>.messages-menu>.dropdown-menu>li .menu,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu{min-height:200px;max-height:200px;margin:0;padding:0;list-style:none;overflow-x:hidden}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{display:block;white-space:nowrap;border-bottom:1px solid #f4f4f4}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover{background:#f4f4f4;text-decoration:none}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a{color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion{width:20px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a{margin:0;padding:10px 10px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img{margin:auto 10px auto auto;width:40px;height:40px;border:1px solid #cecece}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4{padding:0;margin:0 0 0 45px;color:#444;font-size:15px;position:relative}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small{color:#999;font-size:10px;position:absolute;top:0;right:0}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p{margin:0 0 0 45px;font-size:12px;color:#888}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before{content:" ";display:table}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after{clear:both}.menu-message{max-height:650px;margin:0;padding:0;list-style:none;overflow-x:hidden}.menu-message>li>a{display:block;white-space:nowrap;border-bottom:1px solid #f4f4f4}.menu-message>li>a:hover{background:#f4f4f4;text-decoration:none}.menu-message>li>a{color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px}.menu-message>li>a>.ion{width:20px}.menu-message>li>a{margin:0;padding:10px 10px}.menu-message>li>a>div>img{margin:auto 10px auto auto;width:40px;height:40px;border:1px solid #cecece}.menu-message>li>a>h4{padding:0;margin:0 0 0 45px;color:#444;font-size:15px;position:relative}.menu-message>li>a>h4>small{color:#999;font-size:10px;position:absolute;top:0;right:0}.menu-message>li>a>p{margin:0 0 0 45px;font-size:12px;color:#888}.menu-message>li>a:after,.menu-message>li>a:before{content:" ";display:table}.menu-message>li>a:after{clear:both}.info-box{display:block;min-height:90px;background:rgba(0, 0, 0, 0.2);width:100%;box-shadow:0 1px 1px rgba(0,0,0,.1);border-radius:2px;margin-bottom:15px}.info-box small{font-size:14px}.info-box .progress{background:rgba(0,0,0,.2);margin:5px -10px 5px -10px;height:2px}.info-box .progress,.info-box .progress .progress-bar{border-radius:0}.info-box .progress .progress-bar{background:#fff}.info-box-icon{border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px;display:block;float:left;height:90px;width:90px;text-align:center;font-size:45px;line-height:90px;background:rgba(0,0,0,.2)}.info-box-icon>img{max-width:100%}.info-box-content{padding:5px 10px;margin-left:90px; color:#fff;}.info-box-number{display:block;font-weight:700;font-size:18px}.info-box-text,.progress-description{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-box-text{text-transform:uppercase}.info-box-more{display:block}.progress-description{margin:0}.bg-gray{color:#000;background-color:#d2d6de!important}.bg-gray-light{background-color:#f7f7f7}.bg-black{background-color:#111!important}.alert-error,.bg-red,.callout.callout-danger,.label-danger,.modal-danger .modal-body{background-color:#dd4b39!important;color:#fff}.bg-yellow,.callout.callout-warning,.label-warning,.modal-warning .modal-body{background-color:#f39c12!important;color:#fff}.bg-aqua,.callout.callout-info,.label-info,.modal-info .modal-body{background-color:#00c0ef!important;color:#fff}.bg-blue{background-color:#0073b7!important}.bg-light-blue,.label-primary,.modal-primary .modal-body{background-color:#3c8dbc!important}.bg-green,.callout.callout-success,.label-success,.modal-success .modal-body{background-color:#00a65a!important;color:#fff}.bg-navy{background-color:#001f3f!important}.bg-teal{background-color:#39cccc!important}.bg-olive{background-color:#3d9970!important}.bg-lime{background-color:#01ff70!important}.bg-orange{background-color:#ff851b!important}.bg-fuchsia{background-color:#f012be!important}.bg-purple{background-color:#605ca8!important}.bg-maroon{background-color:#d81b60!important}.bg-gray-active{background-image:url(img/flower-swirl10.png);background-repeat:repeat;background-attachment:fixed;color:#000;background-color:#000000 !important}.bg-black-active{background-color:#000!important}.bg-red-active,.modal-danger .modal-footer,.modal-danger .modal-header{background-color:#d33724!important}.bg-yellow-active,.modal-warning .modal-footer,.modal-warning .modal-header{background-color:#db8b0b!important}.bg-aqua-active,.modal-info .modal-footer,.modal-info .modal-header{background-color:#00a7d0!important}.bg-blue-active{background-color:#005384!important}.bg-light-blue-active,.modal-primary .modal-footer,.modal-primary .modal-header{background-color:#357ca5!important}.bg-green-active,.modal-success .modal-footer,.modal-success .modal-header{background-color:#008d4c!important}.bg-navy-active{background-color:#001a35!important}.bg-teal-active{background-color:#30bbbb!important}.bg-olive-active{background-color:#368763!important}.bg-lime-active{background-color:#00e765!important}.bg-orange-active{background-color:#ff7701!important}.bg-fuchsia-active{background-color:#db0ead!important}.bg-purple-active{background-color:#555299!important}.bg-maroon-active{background-color:#ca195a!important}.box-widget{position:relative;border-width:initial;border-style:none;border-color:initial;border-image:initial}.box{position:relative;margin-bottom:60px;width:100%;box-shadow:rgba(0,0,0,.0980392) 0 1px 1px;border-radius:3px;background:#fff;border-top:3px solid #008d4c}.widget-user .widget-user-header{height:120px;border-top-right-radius:3px;border-top-left-radius:3px;padding:20px}.bg-aqua-active{background-color:#00a7d0}.widget-user .widget-user-image{position:absolute;top:55px;left:45%;margin-left:-45px}.widget-user .widget-user-image>img{width:120px;height:auto;border-width:3px;border-style:solid;border-color:#fff;border-image:initial}.alert-success{border-radius:0}.edit_profile dd{padding-bottom:3px}.header-kontribusi{width:100%;max-height:188px;min-height:120px;margin-bottom:-50px;-webkit-box-shadow:0 4px 12px -2px rgba(0,0,0,.91);-moz-box-shadow:0 4px 12px -2px rgba(0,0,0,.91);box-shadow:0 4px 12px -2px rgba(0,0,0,.91);border:1px solid #8a8a8a}.img-wrapper{position:relative}.img-overlay{position:absolute;top:0;bottom:0;left:0;right:0}.img-overlay:before{content:' ';display:block;height:50%}.header-profile{top:125px;position:absolute;text-align:left;margin-left:15px;width:100%}.image-kontribusi{background-color:#e9ecee;box-shadow:0 1px 1px rgba(0,0,0,.4);display:inline-block;width:110px;height:110px}.name-header{margin-left:15px;position:absolute;margin-top:5px;font-weight:700;color:#fff}.deskripsi-header{margin-left:15px;position:absolute;margin-top:38px}.header_button{position:absolute;width:200px;line-height:1.4;top:0;right:0}.imghover:hover{opacity:.6}.progress{background-color:#cecece!important}.foo{position:fixed;bottom:0;width:1170px;text-align:center;padding:0 0 10px;margin-bottom:0}@media only screen and (max-width:767px){#slide-navbar-collapse{position:fixed;top:90px;left:15px;z-index:99;width:280px;height:100%;background-color:#fff;overflow:auto}.menu-overlay{display:none;background-color:#000;bottom:0;left:0;opacity:.5;position:fixed;right:0;top:0;z-index:49}.nav>li{border-bottom:1px dashed #cecece}}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:100%}.nav>li{border-bottom:1px dashed #cecece}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:100%}.header-body{background-repeat:repeat-x;border-top:none;border-bottom:none;padding:0;max-height:90px;min-height:90px}.header-inner{background-image:url(img/bg-logo-back.png);background-repeat:no-repeat;min-height:90px}@media (max-width:767px){.header-inner{background-color:#fff}.nav-pills a{color:#000!important}}.header-logo{position:absolute;float:none}.header-container{position:relative;display:table}.nav-pills{padding-left:0;margin-bottom:0;list-style:none;width:100%;background:#3a3a3a;border-bottom:1px solid #757575;border-right:1px solid #757575;border-radius:0px 0px 20px 0px; padding-right:15px;}.nav-pills li{position:relative;display:block;float:inherit;}.nav-pills a{color:#b3b3b3}.nav-pills>li>a{position:relative;display:block;padding:10px 15px;font-size:13px}.jobs{border-left:3px solid #116d00;border-radius:0;padding:5px 10px;background:#e3e3e3; color:#116d00;}.blink_me{animation:blinker 1s linear infinite;color:red}.blink_me:hover{animation:blinker 0s linear infinite;color:red}@keyframes blinker{50%{opacity:0}} .ellipsis{ text-overflow: ellipsis !important; overflow: hidden !important; display: block !important; width:230px !important } .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 10px !important; padding-left: 10px !important; } @media (max-width: 767px) { .jobs { margin-top: -50px !important; border-left: none !important; border-radius: 15px 15px 0px 0px !important; padding: 13px 15px !important; background: #fff !important; } .header-title{ font-size:16px !important } } .navbar-default .navbar-nav>li>a:hover{ color:green; };


  
  /* Labels for checked inputs */
  input:checked + label {
      color: red !important;
      animation: blinker 1s linear infinite;
      color: red;
    }
    
    /* Radio element, when checked */
    input[type="radio"]:checked {
      box-shadow: 0 0 0 3px red !important;
      margin-right:5px;
      
    }
    
    /* Checkbox element, when checked */
    input[type="checkbox"]:checked {
      box-shadow: 0 0 0 3px green !important;
    }
    
  .multiselect-clear-filter{
    height:40px !important;
  }
  .multiselect.dropdown-toggle {
    text-align: left;
  }
  .dropdown-menu {
    min-width: 200px;
  }
  .dropdown-menu.columns-2 {
    min-width: 500px;
  }
  .dropdown-menu.columns-3 {
    min-width: 700px;
  }
  .dropdowntiga li a {
    padding: 4px 15px;
    font-weight: 300;
  }
  .multi-column-dropdown {
    list-style: none;
    margin: 0px;
    padding: 0px 10px;
  }
  .multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    color: #333;
    white-space: normal;
  }
  .multi-column-dropdown li{
      border-bottom: 1px dotted #000;
  }
  .multi-column-dropdown li:hover{
      border-bottom: 1px dotted #676767;
  }
  .multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #cecece;
  }
   
  @media (max-width: 767px) {
    .dropdown-menu.multi-column {
      min-width: 240px !important;
      overflow-x: hidden;
    }
  }
  select option[disabled], select option:disabled {
    color: #cecece;
  }
  
  .fa-envelope-o, .fa-heart {
      animation: tada 1s infinite !important;
      -webkit-animation: tada 1s infinite !important;
  }
  
  .fa-bell-o {
      animation: swing 1s infinite !important;
      -webkit-animation: swing 1s infinite !important;
  }
  
  .nav .fa-user{
    animation: bounce 1s infinite;
    -webkit-animation: bounce 1s infinite;
  }
  
  @media only screen and (max-width: 767px) {
  .navbar-nav {
    padding-bottom: 80px;
  }
  }
  .dl-horizontal dd {
    border-bottom: 1px dotted #2e2e2e;
  }
  
  .form-control, .progress, .input-group-addon, .modal-content, .list-group-item:last-child, .input-group-lg>.form-control {
    border-radius:0px;
  }
  
  .modal-title{
    font-size:18px;
  }

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

#posts {
  background: #181818 !important;
}

#posts a {
  color: #a7a7a7 !important;
}

#posts small .fa, #posts small {
  color: #fff !important;
}

#posts .table>tbody>tr>td{
  border-top: 1px solid #000 !important;
}

.btn {
  color: #fff !important;
  background: #222222 !important;
}

.btn-promo {
  background: #3c3c3c !important;
  color: #6f6f6f !important;
  border-color: #343434 !important;
}

#posts .btn-promo.aktif {
  background: rgb(3, 3, 3) !important;
  color: #fff !important;
}

#posts table{
  background: transparent !important;
}

.label-info {
  background-color: #5a5a5a !important;
  color: #fff !important;
}

.panel {
  border-color: #000000 !important;
  background-color: #3a3a3a !important;
  color: #c1c1c1 !important;
}

.flashsale{
  display: inline-block;
  padding: 20px 10px 0px 10px;
  border-radius:20px;
}

.panel>.panel-heading {
  color: #9b9b9b !important;
  background-color: #000000 !important;
  border-color: #303030 !important;
}

.ftitle {
  background: #202020 !important;
}

.ftitle h1 {
  background: transparent !important;
  color: #cecece !important;
}

.form-control, .multiselect {
  border-bottom: 1px solid #5e5e5e !important;
  background-color: #0c0c0c !important;
  box-shadow: none !important;
}

.col-md-3 {
  background: transparent !important;
}

.alert, .alert-success, .alert-info, .alert-danger {
  background: #0c0c0c !important;
  border: 1px solid #303030 !important;
}

.header-inner{
  background: #000000 !important;
}

.navbar-nav>li>.dropdown-menu {
  background: #686868 !important;
}

.multi-column-dropdown li a, .dropdown-menu>li>a {
  color: #ffffff !important;
}

.typeahead li a {
  color: #a7a7a7 !important;
}

.dropdown-menu>li {
  border-bottom: 1px dotted #000 !important;
}

.dropdown-menu>li:hover {
  border-bottom: 1px dotted #676767 !important;
}

.dropdown-menu>li:hover, .dropdown-menu>li>a:hover {
  background-color:#686868 !important;
}

.dl-horizontal ul{
  background: transparent !important;
}

#diskusi div{
  background: transparent !important;
}

#diskusi div a{
  font-weight:700 !important;
}

.header-inner {
  border-bottom: 1px solid #323232 !important;
}

.table-responsive>table>head>tr{
  background-color: #000 !important;
}

hr{ border-top: 1px solid #000 !important; }

footer{
  border-top: 5px solid #000000 !important;
}

.dont-break-out{
  background-color: transparent !important;
}

.navbar-fixed-bottom{
  background: #000000 !important;
  color: #fff !important;
}

.menu-message>li>a{
  border-bottom: 1px dotted #000 !important;
}

.update{
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
}

.gbr-produk, #posts img{
  background: #000000 !important;
  border: 1px solid #000000 !important;
  -webkit-filter: brightness(80%);
  filter:brightness(80%);
}

.gbr-produk:hover, #posts img:hover{
  -webkit-filter: brightness(100%);
  filter:brightness(100%);
}

.navbar-default {
  border-color: #2c2c2c !important;
}

.statistik{
  color:#cfcfcf !important;
}

.rekening {
  background: #000000 !important;
  border-bottom: 1px solid #000000 !important
}

.list-group a{
  background: #000  !important;
  border: 1px solid #000  !important;
}

a.list-group-item .list-group-item-heading {
  color: #fff !important;
}

.user-head h3, .user-head h4 a, .user-head h5 { color:#fff !important; }

@media only screen and (max-width: 767px){
  #slide-navbar-collapse {
      background-color: #1d1d1d !important;
  }
  
  .nav>li {
    border-bottom: 1px dashed #4e4e4e !important;
  }

  .navbar-nav {
    margin: 7.5px -10px 7.5px -15px !important;
  }

  .jobs {
    background: #181818 !important;
    border: 1px solid #181818 !important;
  }
}

#formku .input-group{
  background: transparent !important;
}

.jualbeli .judul{
  overflow: hidden !important;
  display: inline-block !important;
}

.input-group[class*=col-] {
  background: transparent !important;
}

.dl-horizontal dt {
  color: #fff !important;
}

.notification {
  border-color: black !important;
  background: #3a3a3a !important;
}

.notification-text-block{
  color:#ffffff !important;
}

.table>tbody+tbody {
  border-top: 2px dotted #2a2a2a !important;
}

.modal-content, .sweet-alert{
  background: rgb(24, 24, 24) !important;
  border: 1px solid rgb(50, 50, 50) !important;
}

.ps-block__right h5{
  color:#fff !important;
}

.modal-title{
  color:#c3c3c3 !important;
}

.card .card-content{
  border: 1px solid #000 !important;
}

.panel-body {
  background: #000 !important
}

.produk-kategori-list{
  background-color: #000 !important;
}

@media (min-width: 992px) {
	.contaifiles{
		margin-top:-110px; 
		background:#181818 !important;
		border-radius: 15px 15px 0px 0px;
	}
}

.gbr-produk-detail{
  background:#000 !important;
}

.report .info-box-icon{
  background: rgba(0,0,0,.8) !important;
}

.report .info-box{
  border:1px solid #000;
}

.report .info-box-content {
  margin-left: 50px !important;
}

.ftitle{
  border-color: #000 !important;
  font-size: 18px !important;
  padding: 10px 15px !important;
  background:#fff;
}

.report .info-box {
  min-height: 50px !important;
  background: #393939 !important;
  border: 1px solid #000000 !important;
}

.produk-simpan, .flashsale {
  -webkit-box-shadow: 0px -19px -19px 2px rgb(0 0 0 / 34%) !important;
  -moz-box-shadow: 0px -19px -19px 2px rgb(0 0 0 / 34%) !important;
  box-shadow: 0 -19px 19px 2px rgb(0 0 0 / 34%) !important;
}