@import url('https://fonts.googleapis.com/css2?family=Kalam');

::-webkit-scrollbar {
    width:10px;
    background-color: rgba(0,0,0, 0.05);
  }

::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0);
  }

::-webkit-scrollbar-thumb {
    background: var(--custom-color);
  }

.btn-custom { background-color: var(--custom-color); color: var(--custom-color-text); border: 0; }
.btn-custom:hover, .btn-custom:focus, .btn-custom:active { background-color: var(--custom-color); color: var(--custom-color-text); filter: var(--custom-darker); }

.border-custom { border-color: var(--custom-color); border-width: 2px; border-style: solid; }

.custom-text { color: var(--custom-color); }
.text-sm { font-size:14px }
.text-lg { font-size:18px }
.text-xl { font-size:21px }

.handwritten { font-size:1.1rem; font-family: 'Kalam', sans-serif; }

.bg-lighter { background-color: rgba(255,255,255,0.1); }

iframe {
    height: 100%;
    width: 100%;
    border: none;
    margin: none;
    padding: none;
}

#frameWrap {
    position:relative;
}

#iframeScan {
    margin:0;
    padding:0;
    border:0;
}

#loaderScan {
    background-color: #2A2A2A;
    position:absolute;
    left:0;
    top:0;
    height: 100%;
    width: 100%;

    /* Center */
    align-items: center;
    display: flex;
    justify-content: center;    
}