* {
    margin:0 auto;
    padding: 0 3px;
}

@font-face {
    font-family: 'Almonidlaaa-Regular';
    /*src: url('fonts/almoni-dl-aaa-400.otf');*/
    src: url('fonts/almoni-dl-aaa-400.eot?#iefix') format('embedded-opentype'),
    url('fonts/almoni-dl-aaa-400.woff') format('woff'),
    url('fonts/almoni-dl-aaa-400.ttf') format('truetype'),
    url('fonts/almoni-dl-aaa-400.svg#alefbold') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Almonidlaaa-Bold';
    /*src: url('fonts/almoni-dl-aaa-700.otf');*/
    src: url('fonts/almoni-dl-aaa-700.eot?#iefix') format('embedded-opentype'),
    url('fonts/almoni-dl-aaa-700.woff') format('woff'),
    url('fonts/almoni-dl-aaa-700.ttf') format('truetype');
    /*url('fonts/almoni-dl-aaa-700.svg#alefbold') format('svg');*/
    font-weight: 700;
    font-style: normal;
}

body{
    direction :rtl;
    text-align: right;
    background: #f0f0f0;
    overflow-y: scroll; overflow-x:hidden;
    font-family: 'Almonidlaaa-Regular' !important;
    background-image: url(pagebgnewbg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

img.formlogo{
    position: absolute;
    top: 20px;
    left: 20px;
}

p {
    font-family: var(--font-family) !important;
}

#cognito > form {
    --font-family: 'Almonidlaaa-Regular' !important;
    --a__font-family: 'Almonidlaaa-Regular' !important;
    --header__font-family: 'Almonidlaaa-Bold' !important;
    --heading__font-family: 'Almonidlaaa-Bold' !important;
    --button-secondary__font-family: 'Almonidlaaa-Regular' !important;
    --label__font-family: 'Almonidlaaa-Regular' !important;
    --button-primary__font-family: 'Almonidlaaa-Regular' !important;
    --form__margins: 30px !important;
    --primary: #7b246e;
    --checkable__scale: 1;
    --gutter:10px !important;
    --h2__font-size:30px !important;
    --negative: unset !important;
    --negative-reverse: rgb(248, 110, 106) !important;
    --input__font-size: 15px;
}

#cognito > form > div > div > header > div > h1
{
    font-family: var(--header__font-family) !important;
    font-size:40px !important;
    color:#7b246e;
    padding:25px 0px;
    margin-top:50px;
}

#cog-0{
    display: none;
}

html .cog-form__container, :root:root:root:root:root .cog-form__container{
    border: 1px solid #7b246e;
    -webkit-box-shadow: 1px 1px 5px 1px #474747;
    box-shadow: 1px 1px 5px 1px #474747;
}

:root:root:root:root:root .cog-cognito--styled .cog-page__navigation .cog-button.cog-button--submit,
:root:root:root:root:root .cog-cognito--styled .cog-page__navigation .cog-button.cog-button--next{
    float:left;
}

html .cog-cognito .el-scrollbar__wrap, :root:root:root:root:root .cog-cognito .el-scrollbar__wrap {
    /*margin-bottom: -15px;*/
    margin-left: -15px;
}

html .cog-cognito--styled .cog-page__navigation .cog-button{
    border-radius: 10px;
}
html .cog-button--save, :root:root:root:root:root .cog-button--save {
    float:right !important;
}
#cognito > form div.cog-body fieldset{
    border-radius: 10px;
    font-size:13px;
    background-color:#ffffff !important;
    border-right: 0px;
}

html .cog-form:not([data-old-safari]) .cog-row, :root:root:root:root .cog-form:not([data-old-safari]) .cog-row {
    margin-top:20px;
}

html .cog-cognito--styled h2, :root:root:root:root:root .cog-cognito--styled h2 {
    color: var(--primary) !important;

}
.cog-cognito--styled h4, :root:root:root:root:root .cog-cognito--styled h4 {

    color: var(--primary) !important;
}

.cog-cognito--styled .is-checked .el-radio__inner {
    margin-right: 3px !important;
}


.cog-cognito--styled h3, :root:root:root:root:root .cog-cognito--styled h3 {

    color: var(--primary) !important;
}
html .cog-cognito--styled h5, :root:root:root:root:root .cog-cognito--styled h5 {

    color: var(--primary) !important;
}

/* Page 1 */


.cog-page-progress--bar a::before, :root:root:root:root:root .cog-page-progress--bar a::before {
    background: var(--primary) !important;
}
.cog-cognito--styled .cog-page-progress a, :root:root:root:root:root .cog-cognito--styled .cog-page-progress a {
    text-align: center ;
}

.cog-label {
    font-weight: unset !important;
}

.cog-section__inner cog-section__inner--background  .cog-repeating-section__heading cog-heading {
    direction: ltr !important;
}

.el-checkbox cog-checkable__item .is-checked, .el-checkbox .cog-checkable__item {
    direction: ltr;
}

.cog-page__navigation {
    direction: ltr;
}

body > form > div > div > div.cog-body > div > div.cog-page__navigation {
    direction: unset !important;
}

span > .cog-button__text {
    direction: ltr !important;
}

.cog-cognito--styled .cog-button__icon svg {
    display: none !important;
}

.cog-inner-col--no-css-columns.cog-inner-col--1 .cog-inner-col__item, :root:root:root:root:root .cog-inner-col--no-css-columns.cog-inner-col--1 .cog-inner-col__item {
    direction: ltr !important;
    text-align: right !important;
}
.cog-table th {
    text-align: right !important;
    padding-right: unset !important;
}

.cog-cognito--styled .el-checkbox {
    direction: ltr !important;
}

h4#cog-9-0 {
    display: none !important;
}
h4#cog-9-1, h4#cog-9-2 {
    direction: ltr !important;
}
cog-row {
    background: rgba(204, 204, 204, 0.2) !important;
    border: unset !important;
}

h4[id^='cog-9-']:not('#cog-9-1') {
    display: none !important;
}
h4[id^='cog-9-']:not('#cog-9-2') {
    display: none !important;
}
.cog-cognito--styled .cog-page__navigation .cog-button {
    text-align: center !important;
    height: 38px !important;
    min-width: 140px !important;
}

/* page 2 */
html .cog-page__navigation, :root:root:root:root:root .cog-page__navigation {
    display: inherit !important;
}
body > form > div > div > div.cog-body > div > div.cog-page__navigation > button.el-button.cog-button--has-status.cog-button--primary.cog-button--navigation.el-button--default.cog-button.cog-button--next {
    float: left !important;
}

body > form > div > div > div.cog-body > div > div.cog-page__navigation > button.el-button.cog-button--secondary.cog-button--navigation.cog-button--back.el-button--default.cog-button {
    float: right !important;
}


.cog-checkable .cog-input .cog-checkable--inline .el-radio-group .el-radio cog-checkable__item{
    padding-right: calc(1em*var(--checkable__scale));
}

.el-picker-panel .el-date-picker {
    left: unset !important;
    right: 170px !important;
}

/* Page 3 */
body > div.el-picker-panel.el-date-picker.el-popper.cog-cognito.cog-6.cog-cognito--styled.cog-date-picker.cog-cognito--protect-css {
    direction:ltr !important;
    left: unset !important;;
    right: 32em !important;

}

html .cog-inner-col label, :root:root:root:root:root .cog-inner-col label {
    text-align: right !important;
}

html .cog-checkable .el-radio__label.el-radio__label, html .cog-checkable .el-checkbox__label.el-checkbox__label {
    display: unset !important;
    margin-right: 5px !important;
    width: fit-content !important;
    float: right !important;
}

.cog-cognito--styled .cog-checkable .el-radio__input {
    padding-right: 6px !important;  
}
html .cog-cognito--styled .cog-checkable .el-checkbox__input, html .cog-cognito--styled .cog-checkable .el-radio__input, :root:root:root:root:root .cog-cognito--styled .cog-checkable .el-checkbox__input, :root:root:root:root:root .cog-cognito--styled .cog-checkable .el-radio__input {
    margin-right: 4px;
}
.html .cog-page-progress--bar li:not(:last-child), :root:root:root:root:root .cog-page-progress--bar li:not(:last-child) {
    margin-right: unset !important;
}

.cog-field.is-error {
    background: none !important;
    border: 1px;
    border-color: rgb(248, 110, 106);
}


.cog-error-message {
    font-size: 15px !important;
    padding: 5px !important;
    font-family: var(--a__font-family);
    border: unset !important;
}
body > form > div > div > div.cog-body > div > div:nth-child(2) > section > div > div:nth-child(3) > section > div > div:nth-child(6) > fieldset > div.cog-error-message.cog-error-message--container-footer {
    border: 1px solid rgb(248, 110, 106) !important;

}
.cog-table td .cog-table__remove {
    margin-left: unset !important;

}

body > form > div > div > div.cog-body > div > div:nth-child(1) > section > div > div:nth-child(5) > figure > table {
    table-layout: unset !important;
}

html .show-remove-button>table, :root:root:root:root:root .show-remove-button>table {
    padding-left: unset !important;
}

html .cog-html li+li, :root:root:root:root:root .cog-html li+li {
    margin-top: 6px !important;
}
body > form > div > div > div.cog-body > div > div:nth-child(2) > section > div > div:nth-child(6) > section > div > div > div {
    padding-right: 20px !important;
}
body > form > div > div > div.cog-dialog.cog-save-resume-dialog > div > div > div.el-dialog__header > button {
    position:static !important;
}
body > form > div > div > div.cog-dialog.cog-save-resume-dialog > div > div > div.el-dialog__header > button {
    float: left !important;
}

body > form > div > div > div.cog-body > div > div.cog-page__navigation > button.el-button.cog-button--has-status.cog-button--primary.cog-button--navigation.cog-button--submit.el-button--default.cog-button {
    float: left !important;
}

body > form > div > div > div.cog-body > div > div.cog-page__navigation > button.el-button.cog-button--has-status.cog-button--save.cog-button--secondary.cog-button--navigation.el-button--default.cog-button {
    margin-right: 5px;
}
html .cog-row .cog-col:not(td), :root:root:root:root:root .cog-row .cog-col:not(td) {
    margin-right: 1em;
}

body > form > div > div > div.cog-body > div > div.cog-row > section > div > div:nth-child(3) > fieldset > div.cog-error-message.cog-error-message--container-footer {
    border: unset !important;
}

body > form > div > div > div.cog-body > div > div:nth-child(1) > section > div > div:nth-child(3) > fieldset > div.cog-choice > div.cog-checkable.cog-input.cog-checkable--inline {
    margin: 5px;
}

body > form > div > div > div.cog-body > div > div:nth-child(1) > section > div > div:nth-child(3) > fieldset > div.cog-choice > div.cog-checkable.cog-input.cog-checkable--inline > div > label:nth-child(2) {
margin-right: 2em !important;
}

:root:root:root:root:root .cog-row {
    flex-wrap: unset !important;
}

html .cog-cognito--styled .el-radio, html .cog-cognito--styled .el-checkbox, :root:root:root:root:root .cog-cognito--styled .el-radio, :root:root:root:root:root .cog-cognito--styled .el-checkbox{
    margin-right: 2em;
}


/*== PAGE 1 ===========================================================================================================*/
#cognito > form > div > div > div.cog-body > div > div:nth-child(3) > section > div > div:nth-child(3) > section > div > div:nth-child(8) > section{
    border-radius: 10px;
    background-color:#ffffff !important;
    border:1px solid #9a0077;
    padding: 15px;
}
html .cog-section__inner--background, :root:root:root:root:root .cog-section__inner--background {
    background-color:#ffffff !important;
    padding: 15px;
    margin-right:-15px;
}
html .cog-cognito--styled .cog-error-message--container-footer, :root:root:root:root:root .cog-cognito--styled .cog-error-message--container-footer {
    opacity: 1;
    transition: calc(var(--speed)/2);
    font-weight: 700;
    color: red;
    padding: 15px !important;
    border-radius: 5px;
    border: 2px solid red !important;
}

section div.cog-section__inner{
    margin-left: 15px;
}

div.cog-field--636, div.cog-field--641,
div.cog-field--663, div.cog-field--664,
div.cog-field--644, div.cog-field--646,
div.cog-field--647, div.cog-field--650,
div.cog-field--652, div.cog-field--654,
div.cog-field--656, div.cog-field--658,
div.cog-field--1497{
    direction: ltr;
    text-align: left;
}

#cognito > form section > div > div.cog-helptext.cog-html > p {
    margin-top:10px;
    font-size:14px;
    color:#757575;
    font-style: italic;
    text-decoration:underline;
}

#cognito > form  div.cog-body table > thead > tr > th > div.cog-label{
    color: #7b246e;
}

#cognito > form > div > div > div.cog-body > div > div:nth-child(1) > section > div > div:nth-child(2) > section > div > div > div.cog-col.cog-col--3 > div > hr {
    padding-top: 10px;
    border-color: #7b246e;
    border-width: 3px;
}

html .cog-checkable .el-radio__label{
    margin-right: 50px !important;
}

#cognito > form > div > div > div.cog-body > div > div:nth-child(3){
    margin-bottom: 50px;
}

html .cog-field.cog-field--9 .cog-checkable .el-radio__label.el-radio__label{
    padding-right: 42px !important;
}
html .cog-header__description, :root:root:root:root:root .cog-header__description {
    margin-top: 0.5em;
    font-size: 1.35em;
    padding: 0px 15% 30px 15%;
}

#cognito > form > div > div > div.cog-body > div > div:nth-child(3) > section > div > div:nth-child(7) > fieldset > div.cog-choice > div.cog-checkable.cog-input.cog-checkable--inline > div > label > span.el-checkbox__label{
    color: #7b246e;
    font-size: 14px;
    font-family: 'Almonidlaaa-Bold';
    margin-left: 10px;
}

#cognito > form > div > div > div.cog-body > div > div:nth-child(1) > section > div > div:nth-child(2) > section > div > div:nth-child(2) > div > div{
    border-radius: 10px;
    font-size: 14px;
    background-color: #ffffff !important;
    /*border: 1px solid #9a0077;*/
    /*padding: 20px;*/
    line-height: 22px;
}
#cognito > form > div > div > div.cog-body > div > div:nth-child(1) > section > div > div:nth-child(2) > section > div > div:nth-child(3) > div.cog-col.cog-col--4{
    margin-top: 16px;
}

html .cog-table td .cog-table__remove, :root:root:root:root:root .cog-table td .cog-table__remove {
    margin-right: calc((calc(1.7em + 3px))*-1);
    /*font-size: var(--font-size);*/
}

html .cog-cognito--styled .cog-checkable .el-radio__input{
    margin-top:15px;
}
html .cog-checkable .el-radio__label.el-radio__label {
    margin-top:13px;
}
#cognito > form > div > div > div.cog-body > div > div.cog-row > section > div > div:nth-child(8) > fieldset > div.cog-choice{
    margin-right: -50px;
    margin-top: 40px;
}
#cognito > form > div > div > div.cog-body > div > div.cog-row > section > div > div:nth-child(8) > fieldset > div.cog-choice > div.cog-checkable.cog-input.cog-checkable--allow-other.cog-checkable--inline > div > label.el-radio.cog-checkable__item.cog-checkable__allow-other > span.el-radio__label > div{
    margin-top:-10px;
}
#cognito > form > div > div > div.cog-body > div > div.cog-row > section > div > div:nth-child(8) > fieldset > div.cog-choice > div.cog-checkable.cog-input.cog-checkable--allow-other.cog-checkable--inline > div > label.el-radio.cog-checkable__item.cog-checkable__allow-other > span.el-radio__label > div > input{
    width:150%;
}
#cognito > form > div > div > div.cog-body > div > div:nth-child(1) > section > div > div:nth-child(17) > section > div > div:nth-child(2) > section > div > div:nth-child(17) > div.cog-field.cog-field--733.cog-col.cog-col--8.cog-number.cog-number--integer.is-required > div.cog-helptext.cog-html > p {
    color:#7c7c7c;
}

@media screen and (max-width: 600px) {
    img.formlogo{
        width:23%;
    }
}

#cognito > form > div > div > div.cog-body > div > div > section > div > div > div.cog-field.cog-field--1357.cog-col.cog-col--16.cog-calculation.cog-calculation--currency > div.cog-input.is-read-only,
#cognito > form > div > div > div.cog-body > div > div > section > div > div > div.cog-field.cog-field--1358.cog-col.cog-col--16.cog-calculation.cog-calculation--percent > div.cog-input.is-read-only{
    font-size:20px;
    color:#7b246e;
    font-weight:700;
    padding-top:5px;
}