@import url(https://fonts.googleapis.com/css?family=Nunito);
.frame__login{height:100%;width:100%}.frame__login,.login__left{align-items:center;display:flex;justify-content:center}.login__left{background-image:url(/admin/assets/images/login-images/bg-5.jpg);flex-direction:column;height:100vh;max-height:100%;width:50%}.login__left .frame_login__left{display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:100vh;padding:20px 0;width:90%}.login__left .content__full{width:100%}.login__left .top__content{align-items:flex-start;display:flex;height:10%;width:100%}.login__left .top__content .logo img{height:120px!important;width:80%}.login__left .center__content{align-items:center;display:flex;height:85%;justify-content:center;width:100%}.login__left .center__content .frame_content__center{display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;width:100%}.login__left .center__content .frame_content__center h1{color:#fff;font-size:32px;font-weight:700;margin:0}.login__left .center__content .frame_content__center p{color:#d7d5d5;font-size:16px;margin:0;text-align:justify}.login__left .bottom__content{align-items:center;display:flex;height:5%;justify-content:space-between}.login__left .bottom__content .copy_right{color:#fff;font-size:12px}.login__left .bottom__content .link_lain a{color:#c1c0c0;margin:0 5px;text-decoration:none}.login__left .bottom__content .link_lain a:hover{color:#68f44d}.login__left .bottom__content .link_lain a:last-child{margin-right:0}@media screen and (max-width:991px){.login__left{display:none}}.login__right{background-color:#fafafa;height:100vh;max-height:100%;width:50%}.login__right .frame_login_right{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:100vh;width:100%}.login__right .frame_login_right .content_right{border-radius:22px;padding:40px 30px 20px;width:85%}.login__right .frame_login_right .content_right h4{font-size:22px;margin:0}.login__right .frame_login_right .content_right .sub__title{color:#8c8b8b;font-size:12px}.login__right .frame_login_right .content_right .form-group label{color:#7c7c7c;font-size:14px;font-weight:700}.login__right .frame_login_right .content_right .form-control-custom div{background:#f3f2f2;border-color:#ededed;border-radius:0!important;padding:.3rem .5rem}@media screen and (max-width:991px){.login__right{height:100%;width:100%}.login__right .frame_login_right .content_right{border:none;height:100%;width:100%}.login__right .frame_login_right .content_right .logo{border-bottom:1px solid #cdcdcd;margin-bottom:20px}.login__right .frame_login_right .content_right .logo img{height:100px!important;width:100%}}.display-mobile{display:none}@media screen and (max-width:991px){.display-mobile{display:inherit}}.logo-icon{height:40px;-o-object-fit:contain;object-fit:contain}.cap{text-transform:capitalize!important}.upper{text-transform:uppercase!important}input::-moz-placeholder{text-transform:capitalize!important}input::placeholder{text-transform:capitalize!important}.dataTables_length{padding-top:20px}.dataTables_info{padding-top:10px}.dataTables_filter,.dataTables_paginate{float:right}.list__ikk__output{display:flex;flex-wrap:wrap}.list__ikk__output .item__ikk{border:1px solid hsla(0,1%,74%,.363);display:flex;flex-direction:column;justify-content:space-around;margin:5px;padding:20px;width:49%}.list__ikk__output .item__ikk .frame__title{width:100%}.list__ikk__output .item__ikk .frame__title .title-ikk-output{font-size:14px;font-weight:500;line-height:25px;text-align:left}.list__ikk__output .item__ikk .form-ikk{margin-top:10px;width:100%}.list__ikk__output .item__ikk .form-ikk .form-group label,tbody tr th{font-size:14px}tbody tr th{background-color:rgba(203,247,201,.288);font-weight:700}tr td,tr th{vertical-align:middle}#dropzone{position:relative}.dropzone-custom-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.dropzone-custom-title{color:#00b782;margin-top:0}.subtitle{color:#314b5f}.bold{color:#212529;font-size:14px;font-weight:700!important}.button__preview{align-items:center;display:flex;flex-wrap:wrap}.button__preview .btn__preview{background-color:#7fffd4;color:#000;font-size:10px!important;margin:5px;padding:5px;width:24.5%}.button__preview .btn__preview:hover{background-color:#00b782;color:#fff}