html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}
.DivOver {
    width: 100%;
    height: 100%;
    opacity: 0.3;
    z-index: 9000000000000000000;
    background-color: gray;
}
.centermsg {
    position: absolute;
    width: 200px;
    height: 100px;
    z-index: 15;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -100px;
    /*background-color: #f6f6f6;*/
}
body {
  margin-bottom: 60px;
}
html, body {
    font-size: 12px;
}

.hidden-input {
    display: none;
}

.drag-area {
    cursor: pointer;
}

input[type="file"]{
    display:none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.offcanvas-start {
    width: 300px;
}

.txtcol {
    color: white;
}

.style-divider {
    height: 12px;
    border: 0;
    /*  box-shadow: inset 0 6px 6px -6px rgb(0 0 0 / 0.38);*/
    box-shadow: inset 0 6px 6px -6px rgb(0 0 0);
}

.btn {
    border-radius: 20px 20px 20px 20px;
}

.container {
    padding-right: 20px;
    padding-left: 20px;
}

/* --------- או, הכנס באמצעות המייל------------*/
.lineOnLogInWithMail {
    position: relative;
    border-bottom: 1px solid #5b5959;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 24px 0px 30px;
}

.txtOnLogInWithMail {
    position: absolute;
    font-size: 13px;
    background-color: rgb(250, 251, 255);
    color: #484646;
    padding: 4px 12px;
    font-weight: 500;
}

.kfsw { /*עיבוי כותרים של שדות*/
    font-size: 14px;
    font-weight: 600;
}

.kfs {
    font-size: 14px;
}

.form-control {
    padding: 1rem 1rem;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
}

/*add file/picture*/
.drag-area {
    border: 1px solid rgb(215 214 214);
    height: 100px;
    width: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


    .drag-area .icon {
        font-size: 20px;
        color: #5b5959;
    }

    .drag-area header {
        font-size: 14px;
        font-weight: 600;
        color: #5b5959;
    }

    .drag-area img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 5px;
    }

/*END add file/picture*/

.bg-dark1 {
    color: white;
    background-color: #0d6efd;
}