body {
    direction: rtl;
    text-align: right;
}
html {
    
}
label ,label * {
    background-color: unset !important;
}

.portal-name {
    font-size: 26px;
    font-weight: 400;
}

input {
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-close{
    margin-left:unset !important;
    margin-right: auto !important;
}

.title {
    font-size: 16px;
    font-weight: 500;
    color:#deaa4c
}

.main {
    position: absolute;
    top: calc(50% - 200px);
    padding: 20px;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.3);
}

label {
    background-color:unset !important;
}

.btn-login {
    margin-top: 10px;
    width:100%;
}

.text-left {
    text-align: left;
}

#loading {
    opacity: 0;
}

.logo {
    width: 100px;
    height: 100px;
    border: 4px solid #deaa4c;
    display: inline-block;
    padding: 5PX;
    border-radius: 0 0 50% 50%;
}

    .logo img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.icon-logo {
    font-size: 70px;
    color:#deaa4c
}






body {
    direction: rtl;
    text-align: right;
    padding: 0;
    margin: 0;
}

.form-floating > label {
    right: 0 !important;
    left: unset !important;
    direction: rtl;
    text-align: right;
    transform-origin: top right;
}

h3, h2 {
    font-weight: 400;
}

.header-row {
    position: sticky;
    top: 0;
    padding: 7px 13px;
    background-color: white;
    z-index: 1000;
    margin: 0;
    width: 100%;
}

.content-row {
    margin-top: 20px;
}

.zone {
    margin-bottom: 35px;
    padding-top: 20px;
    background-color: white;
    padding-bottom: 30px !important;
    border-radius: 5px;
}

.form-floating {
    margin-top: 5px;
}

h3 span {
    border-bottom: 3px solid #deaa4c
}

.form-check .form-check-input {
    float: unset;
}

.text-left {
    text-align: left;
}

.dropzone {
    outline: 3px dashed #ccc !important;
    border: none !important;
    padding: 5px !important;
    background-color: #f9f9f9 !important;
    border-radius: 0 !important;
    height: 100px !important;
}

.flex-check > div {
    margin-left: 15px;
}

    .flex-check > div + div {
        margin-left: 0 !important;
    }

.shekel {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #808080
}

.prod {
    margin-bottom: 3px;
    margin-top: 3px;
}

.fa-trash, .fa-plus {
    margin-left: 10px;
}

.text-right {
    text-align: right;
}

.ltr{
    direction: ltr;
}
.rtl{
    direction: rtl;
}