/* Custom style by Nasrul Hadi */


/* form login */
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__account .m-login__account-msg {
    font-size: 1rem;
}

.m-login.m-login--2 .m-login__wrapper {
    padding: 2% 2rem 1rem 2rem;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__logo {
    margin: 2rem auto 2rem auto;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action {
    margin-top: 4%;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form {
    margin-top: 2.5rem;
    margin-bottom: 3rem;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__account {
    margin-top: 4%;
}


/* yii2 assets */
.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.has-error input, .help-block-error {
	color: #f4516c;
}

.m-form .m-form__section .help-block, 
.m-form .m-form__section .hint-block {
    /* display: inline-block; */
    color: #7b7e8a;
    font-size: .9rem;
    padding-top: 7px;
}

.m-form .m-form__section .has-error .help-block {
    color: #f4516c;
}

.btn-group-xs>.btn, .btn-xs {
    padding: .15rem .75rem;
    font-size: .8rem;
    line-height: 1.4;
    border-radius: .2rem;
}

.btn-xs > i {
    font-size: .8rem;
    margin-right: 3px;
}

.m-nav__item--active {
    color: #66737f;
}

.m-row--notifikasi {
    margin-bottom: 1.2rem;
}

.fade, .fade:not(.show) {
    opacity: 1;
}

.alert .close {
    padding-top: 0rem;
}

.alert .close:before {
    content: none;
}

.m-form .m-form__section {
    font-size: 1rem;
    font-weight: 400;
}

div.required label:after {
    content: " *";
    color: red;
}

.barcode-scan, .barcode-scan:focus {
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__username {
    text-transform: none;
    font-weight: 500;
    color: #6c6d7a;
    padding-right: 10px;
}


/* modal */
.modal .modal-content .modal-header {
    padding: 20px 25px;
}

.modal .modal-content .modal-body {
    padding: 20px 25px;
}

.modal .modal-content .modal-footer {
    padding: 20px 25px;
}

.modal-header .modal-title {
    font-size: 1.1rem !important;
}

.m-list-search .m-list-search__results .m-list-search__result-category {
    margin-bottom: 6px;
    margin-top: 20px;
}

.m-list-search .m-list-search__results .m-list-search__result-item {
    padding: 2px 0px;
}


/* page layout */
.pagination {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin-top: 10px;
}

.pagination li {
    display: inline;
    text-align: center;
}

.pagination li:first-child a, .pagination li.prev span {
    -moz-border-radius: 50px 0 0 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px 0 0 50px;
}

.pagination li:last-child a, .pagination li.next span {
    -moz-border-radius: 0 50px 50px 0;
    -webkit-border-radius: 0;
    border-radius: 0 50px 50px 0;
}

.pagination li a, .pagination li span {
    float: left;
    display: block;
    font-size: 14px;
    text-decoration: none;
    padding: 5px 12px;
    margin-left: -1px;
    border: 1px solid transparent;
    line-height: 1.5;
    border-color: #ddd;
    color: #999;
    background: #fff;
}

.pagination a:hover {
    color: #e65c00;
    background-color: #eee;
}

.pagination li.active a {
    cursor: default;
    outline: none;
    border-color: #e65c00;
    background: #e65c00;
    color: #fff;
}

.m-typeahead .empty-message {
    padding: 10px 20px;
    text-align: left;
}

.cursor-pointer {
    cursor: pointer;
}

.m-list-search__result-item {
    border-bottom: 1px solid #e9ecef;
}

.m-list_top {
    border-top: 1px solid #e9ecef;
}

.kt-widget4 .kt-widget4__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px dashed #ebedf2;
}

.kt-widget4 .kt-widget4__item:first-child {
    padding-top: 0;
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic {
    padding-right: 1rem;
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic img {
    width: 2.5rem;
    border-radius: 4px;
}

.kt-widget4 .kt-widget4__item .kt-widget4__title {
    color: #6c7293;
    font-size: 1rem;
    font-weight: 500;
    padding-right: 1.25rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

/* table border */
.table-border-bold {
    border: 1px solid #d0d5e1;
}

.table-border-bold td, .table-border-bold th {
    border: 1px solid #d0d5e1;
}

.table.table-validasi-header {
    width: 97%;
}

.table.table-validasi thead th {
    border: 1px solid #d0d5e1;
    text-align: center;
    vertical-align: middle;
}

.table-validasi td[id^="td_"] {
    cursor: pointer;
    vertical-align: middle;
}

.table-validasi td[id^="td_"]:hover {
    background: #ffbe33;
}

.table-validasi td[id^="td_"]:active {
    background: #ffae00;
}

.bold {
    font-weight: 500;
}

.m-header-menu .m-menu__nav > .m-menu__item > .m-menu__link {
    cursor: text !important;
}

.grid-view .summary {
    margin-bottom: 7px;
}

.text-underline {
    border-bottom: 1px dashed #333333;
    margin-bottom: .3rem;
    font-size: 13px;
}

.text-metal {
    color: #999999;
}

.form-validasi .m-portlet .m-portlet__body {
    padding: 1rem 1rem;
}

.form-validasi .m-portlet {
    margin-bottom: 1.2rem;
}

.form-validasi-button .m-portlet .m-portlet__body {
    padding: 1rem 1rem;
}

.modal_wrap {
    width: 750px;
    height: 500px;
    padding: 0;
    overflow: hidden;
}

.modal_preview {
    width: 145%;
    height: 600px;
    border: none;

    zoom: 0.73;
    -moz-transform: scale(0.73);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.73);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.73);
    -webkit-transform-origin: 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .modal_preview {
    zoom: 1;
  }
}

.modal_wrap2 {
    width: 640px;
    height: 490px;
    padding: 0;
    overflow: hidden;
}

.modal_preview2 {
    width: 158%;
    height: 750px;
    border: none;

    zoom: 0.65;
    -moz-transform: scale(0.65);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.65);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.65);
    -webkit-transform-origin: 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .modal_preview2 {
    zoom: 1;
  }
}