.datepicker-dropdown.datepicker-orient-bottom:before,.show.collapse,video::-internal-media-controls-download-button{display:none}.content-learning ul,.panel-body ul{list-style:none}.mushaf-hafalan .step-wrap .steps .btn{width:33.33%}.modal .modal-body .btn-cari-ayat,.modal .modal-body .btn-search{background-color:#00978A}.vex.vex-theme-os{margin:auto 10px}@media (max-width:380px) and (min-width:320px){.quran_player{width:auto}}.koreksi-box .koreksi-avatar img{width:70px;height:70px}.dash-profile-img.img-circle img{height:70px;width:70px}.quran_recorder .button{padding:1px}.quran_recorder{padding:0}.timeline-koreksi.filter .nav-tabs>li{width:33.33%}.mushaf .ayat_section .action-footer .btn{padding:6px 7px}.content-learning{padding:5px}.content-learning ul li{font-size:16px;margin:10px}video::-webkit-media-controls-enclosure{overflow:hidden}video::-webkit-full-screen{z-index:999999999}video::-webkit-media-controls-panel{width:calc(100% + 30px)}.datepicker td,.datepicker th{font-size:22px!important}.datepicker-dropdown:after{border-left:none!important;border-right:none!important;border-bottom:none!important}.datepicker-centuries,.datepicker-centuries table,.datepicker-days,.datepicker-days table,.datepicker-decades,.datepicker-decades table,.datepicker-months,.datepicker-months table,.datepicker-years,.datepicker-years table{width:280px!important}.panel{border:none!important}.panel-body ul{padding-left:0}.panel.gratis{background-color:#feffdb}.panel.gratis .panel-heading{background:#fff!important;border-bottom:2px solid #d1d46b}.panel.islam{background-color:#dbfff4}.panel.islam .panel-heading{background:#fff!important;border-bottom:2px solid #51b395}.panel.iman{background-color:#dcdbff}.panel.iman .panel-heading{background:#fff!important;border-bottom:2px solid #8987af}.panel.ihsan{background-color:#ffdbdb}.panel.ihsan .panel-heading{background:#fff!important;border-bottom:2px solid #ab373a}.correction-detail{border-bottom:2px solid #ddd;padding:5px;background-color:#e0e8ef}.order-detail{border:1px solid #ddd;background-color:#eee;padding:15px}.order-detail .price,.order-detail .rekening{font-size:27px;border:1px dashed #cbbda3;background-color:#fff7e9;text-align:center;margin:20px 0;padding:5px}hr{border-top:1px solid #848484}#preloader{top:-50px;background-color:#FFF!important}#preloader .loading{font-size:12px!important;top:2%!important}#preloader .preloader-text{color:#000!important}.qm-navbar .qm-brand{height:165px;padding:22px 0;margin-bottom:25px}@media (max-width:767px) and (min-width:270px){.qm-navbar .navbar-nav form{padding:10px 10px 0}.login-nav{width:100%;text-align:center}}.btn-login{background-color:#ff3535!important;color:#fff!important;border:1px solid #ff3535!important}.btn-register{background-color:#ff8c35!important;color:#fff!important;border:1px solid #ff8c35!important}.filter .nav-tabs>li{width:33.3333%}.memoz-list .memoz-item .memoz-body .memoz-tr{padding:0 5px}.tr-murajaah{border:1px solid #009689;border-radius:10px;padding:2px;text-align:center;background-color:#009689;color:#FFF}.qm-navbar .qm-brand .qmc-logo{display:inline-block;margin-bottom:10px;width:127px}.navmenu-header{background:0 0!important;height:300px}.navmenu-header .close-navi{color:#000}.navmenu-header .navmenu-overlay{background:#fff}.qm-navbar .qm-brand .qmc-title{width:80px}.qm-navbar .qm-cari-kata{border-top:solid #009689}.modal.login-mode{background:0 0!important}.modal.login-mode .modal-dialog{background-color:#FFF!important}.modal.login-mode .modal-footer,.modal.login-mode .modal-footer .forgot-pass-link,.modal.login-mode .modal-footer .login-link{color:#000!important}.login_form .btn-masuk{background:#DDD}.navmenu-nav{margin-top:10px!important}.modal.login-mode .modal-header .close{color:#000;text-shadow:none;font-size:30px}.edit-profile-block,.edit-profile-block .edit-profile-backdrop,.edit-profile-block .register-backdrop,.register-block,.register-block .register-backdrop{background:#FFF}.register_form .register-intro .promo-txt,.register_form .register-intro .promo-txt h3{color:#000}.register_form .btn-daftar{background:#DDD}.status_memoz{border:1px dashed #00978a;background:#dbf0ee;color:#00978a;width:100%;min-width:300px;font-weight:700}ul.choose-class li{float:left;width:50%;padding:10px;text-align:center;background-color:#FFF;border:1px solid #d6d6d6}.action-record{width:170px;margin:0 auto}.correction-detail img{width:70px;height:70px;float:left}.correction-detail p{background:#feffda;padding:5px;border-radius:11px;font-size:12px;margin:0}.status_memoz_result{float:right;height:51px;text-align:center;vertical-align:middle;position:relative;top:-16px}.no_ayat_arabic{background:url(../images/ayah_sign.png) no-repeat;border:0!important;background-size:42px 41px;background-position-y:4px;background-position-x:2px}.top_user img{width:50px;height:50px}.list_top_user .no_top_user{font-size:32px}.list_top_user .border_points{padding:10px 28px;background-color:#ddefd4}.choose-type li{padding:10px;font-size:19px}.quiz_detail .text{font-size:20px;text-align:center;padding:10px}.quiz_detail .answer .text{text-align:right}.quiz_detail .actions{padding:10px}.quiz_detail label{display:inline;font-weight: 500;}.quiz_detail .answer .arabic{border-bottom:1px dashed #999}.quiz_detail .answer>.ayat_section>.text{background-color:#f6f6f6;border-bottom:1px dashed #999}.quiz_detail .answer>.ayat_section>.text>.content_ayat.text{text-align:left}

.card {
  text-align: left;
  border: 1px solid #7bb1ad;
  width: 98%;
  float: left !important;
  margin: 3px;
  padding: 6px;
  border-radius: 5px;
  min-height: 50px;
}
.todo ul li {
  list-style: none;
}

.card.default{
  background-color: #f7f7f7;
  border: 1px solid #DDD;
  color: #999;
}
.card.default a{
  color : #999999
}

.card.done{
  background-color: #e5fffc;
  border: 1px solid #bae4e0;
  color: #009a8a;
}
.card.done a{
  color : #009a8a
}

.card.not_done{
  background-color: #fff0f0;
  border: 1px solid #e4baba;
  color: #9a0000;
}
.card.not_done a{
  color : #9a0000
}
.card_title{
  font-size: 17px;
  font-weight: bold;
}
.card .fa{
  font-size: 25px;
  float: right;
}
.card .card_content{
  float: left;
  width: 50%;
}

.note .fa{
  font-size: 12px !important;
  float: none !important;
}
.card .card_time{
  font-size: 12px;
}

h2.timer{
  font-size: 13px !important;
}

.green{
  color : #009a8a
}

.red{
  color : #9a0000
}
.login-brand{
  height: 174px;
}
ul.summary li {
    width: 49.999%;
    float: left;
    text-align: center;
}
ul.summary{
  padding-left: 0px;
}
.dash-profile-detail{
  padding: 0px;
}
.dash-profile-detail .dash-profile-img{
  width: 70px;
  height: 70px;
}
.modal-body select{
  height: 36px;
    font-size: 14px;
}