﻿/**** v1.0.0.2 ****/
:root {
    --form-black: #000;
    --form-white: #fff;
    --form-gray: #707070;
    --form-gray-light: #aaa;
    --form-gray-lighter: #eee;
    --form-graphite-gray: #333;
    --form-main: rgb(50, 65, 130);
    --form-second: #fb960a;
    --form-main-lighter: rgb(28, 60, 104);
    --form-primary: #5f6eaf;
    --form-secondary: #6c757d;
    --form-success: #03835F;
    --form-info: #39afd1;
    --form-warning: #ffc35a;
    --form-danger: #fa5c7c;
    --form-icon-family: remixicon;
    --form-font-family: 'iransans';
    --font-size-default: 0.9rem;
    --form-button-radius: 6px;
    --form-input-radius: 6px;
    --icon-delete: "\ec1e";
    --icon-edit: "\ec80";
    --icon-download: "\ecd9";
}

#sigma-calendar {
    font-feature-settings: 'ss02', 'ss01';
}

.SiPo-FORM *,
.SiPo-FORM table li.ListData span,
.SiPo-FORM input,
.SiPo-FORM input::placeholder,
.SiPo-FORM {
    font-size: var(--font-size-default);
    font-family: var(--form-font-family) !important;
    font-feature-settings: 'ss02', 'ss01';
    font-weight: normal;
}

.SiPo-FORM table {
    min-width: 0;
    position: relative;
}

.SiPo-FORM div table#tblListForm+.MainUpdatePanel {
    margin-top: 1rem;
}

.SiPo-FORM table,
.SiPo-FORM div table {
    border-collapse: separate !important;
}

.w-100 {
    width: 100% !important;
}

.SiPo-FORM.SiPo-FORM.SiPo-FORM.SiPo-FORM br {
    display: none !important;
}

.SiPo-LOGIN input[type="text"],
.SiPo-LOGIN input[type="password"],
.SiPo-FORM input[type="text"],
.SiPo-FORM input[type="submit"],
.SiPo-FORM select,
.SiPo-FORM textarea {
    background: var(--form-white);
    color: var(--form-black);
}

.SiPo-FORM table.dg li.ListData span.FormCaption {
    padding: 0.63rem 5px;
    margin: 3px 0px;
    color: var(--form-graphite-gray);
}

.SiPo-FORM table.dg li.ListData span.FormField {
    width: 60%;
}

.SiPo-FORM legend:not(:empty) {
    padding: 0.5rem;
    border: 3px solid var(--form-gray-lighter);
    background-color: var(--form-gray-lighter);
    border-radius: 7px;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    color: var(--form-black);
    font-weight: bold;
    font-size: var(--font-size-default);
}

.SiPo-FORM table.dg {
    width: 100%;
}

.SiPo-FORM table.dg tr.DGAlt {
    background: var(--form-gray-lighter) !important;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) table {
    max-width: 100% !important;
    display: block !important;
}

.SiPo-FORM .FormCaption,
legend span[id*='CaptchaControl'] {
    font-weight: 700;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr {
    max-width: 100% !important;
}

.SiPo-FORM .dynamic-form-fileupload {
    width: 91% !important;
    height: 100% !important;
    padding: 0.63rem 5px;
    min-height: 50px;
    text-align: right !important;
    line-height: 2.9;
    margin-top: 4px;
}

.SiPo-FORM .dynamic-form-Ajaxfileupload {
    width: 100% !important;
    height: 43px;
    line-height: 29px;
    padding: 3px;
}

.SiPo-FORM legend {
    font-size: var(--font-size-default);
    text-align: right;
    padding-right: 5px;
}

.SiPo-FORM .MainUpdatePanel>.PartHeader {
    font-weight: 400;
    margin: 1rem 0 0.5rem;
    text-align: left;
}

.SiPo-FORM table.dynamicform-table-Content td span:first-child {
    padding-left: 0.63rem;
    margin: 0.63rem 0;
}

.SiPo-FORM table.dynamicform-table-Content a:has(img[alt="Download"]),
.SiPo-FORM table.dynamicform-table-Content a:has(img[alt="حذف"]),
.SiPo-FORM table.dynamicform-table-Content a:has(img[alt="ويرايش"]) {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-top: 5px;
    padding: 0 5px;
}

.SiPo-FORM table.dynamicform-table-Content a:has(img[alt="Download"])::after,
.SiPo-FORM table.dynamicform-table-Content a:has(img[alt="حذف"])::after,
.SiPo-FORM table.dynamicform-table-Content a:has(img[alt="ويرايش"])::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    font-family: var(--form-icon-family);
    background-size: 100%;
    padding: 0 5px;
}

.SiPo-FORM table.dynamicform-table-Content a:has(img[alt="Download"]) img[alt="Download"],
.SiPo-FORM table.dynamicform-table-Content a:has(img[alt="حذف"]) img[alt="حذف"],
.SiPo-FORM table.dynamicform-table-Content a:has(img[alt="ويرايش"]) img[alt="ويرايش"] {
    display: none;
}

.SiPo-FORM table.dynamicform-table-Content a:has(img[alt="حذف"]) img[alt="حذف"] {
    content: var(--icon-delete);
}

.SiPo-FORM table.dynamicform-table-Content a:has(img[alt="ويرايش"])::after {
    content: var(--icon-edit);
}

.SiPo-FORM table.dynamicform-table-Content a:has(img[alt="Download"])::after {
    content: var(--icon-download);
}

.SiPo-FORM .dynamicform-table-Content+table .Title {
    min-width: 100px;
    margin: 0 !important;
    transition: 0.6s;
    background: var(--form-gray-lighter);
    color: var(--form-main);
    outline: solid 1px var(--form-main);
    font-size: var(--font-size-default);
    padding: 8px 15px;
    outline-offset: 0px;
    border: solid 1px transparent !important;
    border-radius: 7px;
    display: inline-block;
    text-align: center;
}

.SiPo-FORM table.dynamicform-table-Content tr:first-of-type th img,
.SiPo-FORM table.dynamicform-table-Content td img {
    width: auto !important;
    aspect-ratio: 1/1;
    max-width: 100%;
}

.SiPo-FORM table.dynamicform-table-Content td {
    border: none !important;
    border-bottom: solid 1px var(--form-main) !important;
    text-align: center;
    padding: 8px 5px;
    font-size: var(--font-size-default);
}

.SiPo-FORM table.dynamicform-table-Content td a {
    color: var(--form-main) !important;
}

.SiPo-FORM table.dynamicform-table-Content {
    border-radius: 7px;
    box-shadow: 0 0 0 1px var(--form-main);
    overflow: hidden;
    margin-top: 0.63rem;
    margin-bottom: 15px !important;
}

.SiPo-FORM table.dynamicform-table-Content tr:first-of-type th:first-of-type,
.SiPo-FORM table.dynamicform-table-Content tr:first-of-type td:first-of-type {
    border-radius: 0 !important;
}

.SiPo-FORM table.dynamicform-table-Content tr:first-of-type th:last-of-type,
.SiPo-FORM table.dynamicform-table-Content tr:first-of-type td:last-of-type {
    border-radius: 0 !important;
}

.SiPo-FORM table.dynamicform-table-Content tr:nth-child(odd) {
    background-color: var(--form-gray-lighter) !important;
}

.SiPo-FORM table.dynamicform-table-Content tr {
    background-color: var(--form-white) !important;
}

.SiPo-FORM .ListData {
    display: flex;
    flex-wrap: wrap !important;
}

.SiPo-FORM .Table-pagination {
    margin-top: 15px !important;
}

.SiPo-FORM .dynamic-form-button-search {
    margin: 0 !important;
}

.SiPo-FORM input.dynamic-form-button-search:hover {
    color: inherit;
}

.SiPo-FORM .pagination td span.CurrentPage,
.SiPo-FORM .pagination td a {
    padding-top: 0;
}

.SiPo-FORM input.dynamic-form-textbox,
.SiPo-FORM .dynamic-form-textbox-multiline {
    width: 100% !important;
}

.SiPo-FORM fieldset>table>tbody input.placeholder-right,
.SiPo-FORM fieldset>table>tbody input.placeholder-right::placeholder,
.SiPo-FORM .placeholder-right,
.SiPo-FORM .placeholder-right::placeholder {
    text-align: right !important;
}

.SiPo-FORM fieldset>table>tbody input.placeholder-left,
.SiPo-FORM fieldset>table>tbody input.placeholder-left::placeholder,
.SiPo-FORM .placeholder-left,
.SiPo-FORM .placeholder-left::placeholder {
    text-align: left !important;
}

.SiPo-FORM .FormButton {
    min-width: 100px;
    /* margin: 25px 0 !important; */
    transition: 0.6s;
    font-size: var(--font-size-default);
    padding: 8px 15px;
}

.SiPo-FORM .sipocombo-span-icon+div input[type='input'] {
    width: 98% !important;
}

.SiPo-FORM .sort-button>div td>span {
    font-weight: 400;
}

.SiPo-FORM .sort-button>div {
    border: solid 1px var(--form-gray);
    height: 46px;
    margin: 0 25px;
    border-radius: calc(var(--form-button-radius) * 3);
    width: 310px;
    display: flex;
    align-items: center;
    padding: 0 35px 0;
    color: var(--form-main);
    position: relative;
    right: -25px;
    z-index: 10;
}

.SiPo-FORM .sort-button>div:has([style*='none']) {
    border-radius: calc(var(--form-button-radius) * 10);
}

.SiPo-FORM .sort-button>div:has([style*='block']) {
    border-radius: calc(var(--form-button-radius) * 3) calc(var(--form-button-radius) * 3) 0 0;
}

.SiPo-FORM .sort-button>div>span {
    display: block;
    width: 100%;
}

.SiPo-FORM .sort-button>div>span>span.FormCaption {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-weight: normal
}

.SiPo-FORM .sort-button>div>div>div {
    right: -1px;
    width: calc(100% + 1.1px) !important;
    padding: 20px 0 0 0;
    overflow: hidden;
}

.SiPo-FORM .sort-button>div:has([style*='block'])>div>div {
    top: 100%;
    border-radius: 0px 0px calc(var(--form-button-radius) * 3) calc(var(--form-button-radius) * 3);
}

.SiPo-FORM .sort-button>div>div>div {
    top: calc(100% + 10px);
    border-radius: calc(var(--form-button-radius) * 10);
}

.SiPo-FORM .sort-button>div>div>div tr {
    display: flex;
    margin-bottom: 4px;
}

.SiPo-FORM .sort-button>div>div>div tr td {
    flex-grow: 1
}

.SiPo-FORM .sort-button>div>div>div tr>td {
    text-align: center;
}

.SiPo-FORM .sort-button>div>div>div tr>td:nth-child(3) {
    width: 40%;
}

.SiPo-FORM .sort-button>div>div>div div {
    background: transparent !important;
    text-align: center !important;
    margin-top: 15px;
    border-top: 1px solid gray;
}

.SiPo-FORM .sort-button span[style*='marlett'] {
    font-family: marlett !important;
}

[id*='UpdateProgress'] {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(0, 0, 0, 50%);
}

.SiPo-LOGIN input[type='email'],
.SiPo-LOGIN input[type='password'],
.SiPo-LOGIN input[type='text'] {
    height: 43px;
    border: solid 1px var(--form-gray-light);
    border-radius: 6px;
    margin-bottom: 1rem;
    padding: 5px;
    width: 100%;
}

.SiPo-LOGIN .Formlogin_CaptchaLabel {
    font-family: inherit;
    font-size: var(--font-size-default);
    color: #666;
    width: 100%;
    margin-bottom: 0.5rem;
    flex-grow: 1;
    flex-basis: 100%;
}

.SiPo-LOGIN img {
    height: 43px !important;
}

.SiPo-LOGIN .FormButton.Formlogin_LoginButton {
    margin-top: 5px !important;
    border: none;
    display: block;
    min-width: 110px;
    margin: auto;
}

.SiPo-LOGIN,
.SiPo-LOGIN .Formlogin_ChangePassword,
.SiPo-LOGIN .Formlogin_UserDisplayName,
.SiPo-LOGIN .Formlogin_Welcome,
.SiPo-LOGIN .Formlogin_Error,
.SiPo-LOGIN .Formlogin_ValidationError,.FormChangePassword_ValidationError {
    font-family: inherit !important;
}

.Formlogin_ChangePassword {
    color: var(--form-main);
    font-weight: 600;
}

.SiPo-LOGIN .Formlogin_ValidationError[style="display: inline;"] {
    display: inline-block !important;
    transform: translateY(-10px);
}

.SiPo-LOGIN .Formlogin_Error {
    display: block !important;
    transform: translateY(-6px);
}

.SiPo-LOGIN .Formlogin_Captcha {
    display: flex;
    flex-wrap: wrap;
}

.SiPo-LOGIN .Formlogin_Captcha .Formlogin_InputTextBoxCaptcha {
    width: 50%;
    order: 0;
    display: flex;
    flex-grow: 1;
}

.SiPo-LOGIN .Formlogin_Captcha .Formlogin_RefreshStyle {
    order: 1;
    display: flex;
    margin: 11px 7px;
    background: url(../images/refresh.png) no-repeat;
    background-size: cover;
    filter: brightness(0) saturate(100%) invert(20%) sepia(89%) saturate(642%) hue-rotate(196deg) brightness(100%) contrast(90%);
}

.SiPo-LOGIN .Formlogin_Captcha .Formlogin_captcha_image {
    order: 2;
    display: flex !important;
    margin: 0;
    margin-bottom: 1rem;
}

.SiPo-LOGIN .Formlogin_Captcha .Formlogin_captcha_image img {
    border: none !important;
    border-radius: 8px;
}

.SiPo-LOGIN .ChangePassword_ReturnButton,
.SiPo-LOGIN .ChangePassword_CahngePasswordButton {
    top: 0;
    left: 0;
    border: none;
    min-width: 110px;
}

.SiPo-LOGIN .LogoutPanel {
    display: flex;
    align-items: center;
    justify-content: start;
}

.SiPo-LOGIN .LogoutPanel span,
.SiPo-LOGIN .LogoutPanel a {
    margin-left: 7px;
    font-size: inherit;
}

.SiPo-LOGIN .LogoutPanel input {
    margin-right: auto;
    margin-left: 0
}

.SiPo-LOGIN .ChangePassword_ReturnButton {
    background-color: var(--form-gray);
}

.SiPo-FORM #SearchResults>table:last-child:not(.dg) {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
}

.SiPo-FORM #SearchResults>table:last-child:not(.dg) tbody tr:not(:empty) {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-family: var(--form-font-family);
}

.SiPo-FORM #SearchResults>table:last-child:not(.dg) td {
    font-size: calc(var(--font-size-default) + 4px);
    width: auto !important;
}

.SiPo-FORM #SearchResults>table:last-child:not(.dg) td a,
.SiPo-FORM #SearchResults>table:last-child:not(.dg) td .CurrentPage {
    width: 40px;
    height: 40px;
    font-family: var(--form-font-family);
    font-size: var(--font-size-default);
    transition: 0.6s;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    padding: 0;
    font-weight: 300;
    margin: 0 6px;
}

.SiPo-FORM #SearchResults>table:last-child:not(.dg) td .CurrentPage {
    background-color: var(--form-primary);
    color: var(--form-white);
}

.SiPo-FORM #SearchResults>table:last-child:not(.dg) td a.FirstPage,
.SiPo-FORM #SearchResults>table:last-child:not(.dg) td a.PrevPage,
.SiPo-FORM #SearchResults>table:last-child:not(.dg) td a.NextPage,
.SiPo-FORM #SearchResults>table:last-child:not(.dg) td a.LastPage {
    font-size: 0;
}

.SiPo-FORM #SearchResults>table:last-child:not(.dg) td a.FirstPage::before,
.SiPo-FORM #SearchResults>table:last-child:not(.dg) td a.LastPage::before,
.SiPo-FORM #SearchResults>table:last-child:not(.dg) td a.PrevPage::before,
.SiPo-FORM #SearchResults>table:last-child:not(.dg) td a.NextPage::before {
    font-family: var(--form-icon-family);
    font-size: calc(var(--font-size-default) - 5px);
}

.SiPo-FORM #SearchResults>table:last-child:not(.dg) td a.FirstPage::before,
.SiPo-FORM #SearchResults>table:last-child:not(.dg) td a.PrevPage::before {
    transform: rotate(180deg);
}

.SiPo-FORM #SearchResults>table:last-child:not(.dg) td a.FirstPage::before,
.SiPo-FORM #SearchResults>table:last-child:not(.dg) td a.LastPage::before {
    content: "\e948";
}

.SiPo-FORM #SearchResults>table:last-child:not(.dg) td a.PrevPage::before,
.SiPo-FORM #SearchResults>table:last-child:not(.dg) td a.NextPage::before {
    content: "\e953";
}

.ui-datepicker.ui-widget * {
    font-family: var(--form-font-family);
    text-align: center;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
    border: solid 1px var(--form-graphite-gray);
    padding: 3px;
    border-radius: 5px;
    margin: 2px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    color: var(--form-main)
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    background: var(--form-second);
}

.ui-datepicker.ui-widget .ui-widget-header {
    background: var(--form-main);
    border-color: var(--form-main);
}

input[type='image'].ui-datepicker-trigger {
    width: 25px !important;
    border: none !important;
    display: none;
}

.AjaxFileUploader {
    margin: 4px 0;
    line-height: 42px;
    border-color: var(--form-gray-lighter);
}

.SiPo-FORM .AjaxFileUploader_Image {
    width: 100px;
    height: 100px;
    border-radius: 0.5rem;
    object-fit: cover;
}

.SiPo-FORM .AjaxFileUploader_Error,
span.dynamic-form-validator {
    background-image: unset;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500 !important;
    border: 1px solid;
    padding: 10px 5px !important;
    height: 36px;
    line-height: 1;
}

.dynamic-form-link[title="Remove File"][id*='btnRemoveFile'],
.dynamic-form-button-image {
    position: absolute;
    top: 10px;
    left: 0;
    padding: 13px !important;
    border: solid 1px var(--form-gray-lighter);
    border-radius: var(--form-input-radius);
    z-index: 9 !important;
}

.dynamic-form-link[title="Remove File"][id*='btnRemoveFile'],
.dynamic-form-button-image {
    left: unset;
    right: 0;
    top: 7px;
    border: none;
}

.SiPo-FORM .dynamic-form-link[title="Remove File"][id*='btnRemoveFile'],
.SiPo-FORM .dynamic-form-button-image {
    position: absolute;
    top: 0px;
    left: 1px;
    padding: 3.5px 13px !important;
    border: solid 1px var(--form-gray-lighter);
    border-radius: var(--form-input-radius);
    z-index: 9 !important;
}

.SiPo-FORM .dynamic-form-td tbody>tr>td,
.dynamic-form-td tbody>tr>td {
    position: relative;
    text-align: right;
}

.SiPo-FORM .dynamic-form-textbox-datetime.dynamic-form-textbox {
    width: 100% !important;
    border: solid 1px var(--form-gray-lighter);
    border-radius: var(--form-input-radius);
    position: relative;
}

.SiPo-FORM .FormButtonNoWidth,
.ui-datepicker-trigger,
.SiPo-FORM .dynamic-form-td tbody>tr>td .FormButtonNoWidth,
.dynamic-form-td tbody>tr>td .ui-datepicker-trigger {
    position: absolute;
    left: 10px !important;
    top: 15% !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 8px;
}

.SiPo-FORM fieldset>table>tbody>.dynamic-form-tr>td {
    position: relative;
    text-align: right;
    padding: 4px 14px;
}

.SiPo-FORM .FormField.dynamic-form-panel:not(.FormField) {
    background-color: var(--form-gray-lighter);
    border-radius: 0.5rem;
    padding: 1rem 1rem 0;
}

.siposearchable-select .sipocombo-span-icon b {
    left: -2px;
    margin-left: 0;
}

.SiPo-FORM span.dynamic-form-validator {
    line-height: 1;
}

.dynamic-form-legend {
    font-family: var(--form-font-family);
    font-weight: bold;
    color: var(--form-main)
}

.SiPo-FORM select.dynamic-form-dropdown {
    margin: 0 !important;
    line-height: 1 !important;
    width: 100% !important;
    height: 43px !important;
}

.SiPo-FORM div table:not(.pagination) tbody td:not([data-th]):before,
.FormTitle {
    content: unset;
}

.SiPo-FORM fieldset .siposearchable-select {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.SiPo-FORM fieldset .siposearchable-select a:nth-of-type(1) {
    display: flex;
    align-items: center;
    height: 100%;
    font-weight: 400;
}

.SiPo-FORM fieldset .siposearchable-select a span:nth-of-type(1) {
    /* transform: translateY(5px); */
}

.SiPo-FORM fieldset .siposearchable-select .sipocombo-a-href span {
    line-height: 1 !important;
    height: auto !important;
}

.SiPo-FORM fieldset>table>tbody>.dynamic-form-tr>td:not([colspan="2"])>div[class*='select'] {
    margin: 4px 0 !important;
}

.SiPo-FORM .dynamic-form-filter-datetime,
.SiPo-FORM fieldset>table>tbody input:not([type='image']):not([type='file']):not([type='submit']):not([type='checkbox']):not([type='radio']),
.SiPo-FORM fieldset>table>tbody div[class*='select'],
.SiPo-FORM fieldset>table>tbody select,
.SiPo-FORM fieldset>table>tbody div .dynamic-form-textbox-datetime-georgian.dynamic-form-textbox,
.SiPo-FORM fieldset>table>tbody textarea {
    padding:0 5px;
    height: 43px !important;
    text-align: right;
}

.SiPo-FORM fieldset label {
    font-size: var(--font-size-default);
}

.SiPo-FORM fieldset>table>tbody input[type='submit'] {
    text-align: center;
}

.SiPo-FORM fieldset>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>textarea {
    width: 100% !important;
}

.SiPo-FORM fieldset>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div[class*='select'] .sipocombo-span-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.SiPo-FORM .dynamic-form-button-search {
    margin-right: 0.63rem !important;
}

.SiPo-FORM fieldset .siposearchable-select,
.SiPo-FORM fieldset select.dynamic-form-dropdown {
    border: none;
    width: 100% !important;
}

.SiPo-FORM fieldset .siposearchable-select>div {
    width: 100% !important;
    padding-top: 5px;
    margin: 0px !important;
    top: 95%;
}

.SiPo-FORM fieldset.dynamic-form-fieldset fieldset.dynamic-form-fieldset {
    width: 100% !important;
}

.SiPo-FORM .dynamic-form-previewimage {
    display: none;
    width: auto;
    height: auto;
    max-width: 30%;
    aspect-ratio: 1/1;
    border: solid 4px var(--form-gray-lighter);
    object-fit: contain;
    background: var(--form-gray-lighter);
    margin: 20px auto;
}

.SiPo-FORM .dynamic-form-previewimage[src*='data:image'] {
    display: block !important;
}

.SiPo-FORM fieldset>table .FormField.dynamic-form-radiobutton-list {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    min-height: 43px;
}

.SiPo-FORM fieldset>table .FormField.dynamic-form-radiobutton-list input[type='checkbox']+label,
.SiPo-FORM fieldset>table .FormField.dynamic-form-radiobutton-list input[type='radio']+label {
    margin-right: 5px;
    margin-bottom: 0.63rem;
}

.SiPo-FORM fieldset>table input[type='checkbox']+label,
.SiPo-FORM fieldset>table input[type='radio']+label {
    margin-bottom: 0;
}

.SiPo-FORM fieldset>table input[type='checkbox']+label {
    margin-right: 0.3rem;
}

.SiPo-FORM fieldset>table input,
.SiPo-FORM fieldset>table div[class*='select'],
.SiPo-FORM fieldset>table select,
.SiPo-FORM fieldset .siposearchable-select,
.SiPo-FORM fieldset .siposearchable-select input,
.captcha-fieldset input,
.SiPo-FORM fieldset>table div[class*='select']>div,
.SiPo-FORM fieldset>table div [class*='dynamic-form-textbox-datetime'].dynamic-form-textbox,
.SiPo-FORM fieldset>table textarea {
    border: solid 1px var(--form-gray-light);
    border-radius: var(--form-input-radius);
}

.SiPo-FORM fieldset>table div [class*='dynamic-form-textbox-datetime']+input[type='image'] {
    border-radius: 0;
}

.siposearchable-select div ul li.option-hover {
    background-color: var(--form-gray);
}

.SiPo-FORM fieldset>table>tbody>.dynamic-form-tr>td:not([colspan="2"])>div[class*='select']>div {
    border-radius: 0 0 3px 3px;
}

.SiPo-FORM .dynamic-form-wizard-navigationTable-finish-td {
    text-align: center !important;
}

.SiPo-FORM .dynamic-form-wizard-navigationTable-finish .dynamic-form-button-finishcomplete {
    min-width: 100px;
    margin: 1rem 0 0 !important;
    transition: 0.6s;
    font-size: var(--font-size-default);
    padding: 8px 15px;
}

.SiPo-FORM div[id*='NavigationButtons'][class] {
    width: 100% !important;
}

.SiPo-FORM .keep-br br {
    display: block !important;
}

.SiPo-FORM .form-register-wrapper,
.SiPo-FORM .form-register-wrapper table {
    width: 100%;
    margin-left: auto !important;
    margin-right: 0 !important;
}

.loader-parent {
    position: relative;
}

.EditForm_UpdateProgress,
.Form_UpdateProgress {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="2"] .dynamic-form-tr-caption td span.dynamic-form-label-caption {
    display: block;
    margin-top: 12px;
}

.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"] .FormButtonNoWidth,
.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"] .ui-datepicker-trigger,
.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"] .dynamic-form-td tbody>tr>td .FormButtonNoWidth,
.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"] .dynamic-form-td tbody>tr>td .ui-datepicker-trigger {
    top: 45% !important;
}

.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"] .siposearchable-select input {
    width: 70%;
    padding: 7px;
    margin: 0 !important;
    margin-top: 5px !important;
}

.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"] span.dynamic-form-label-caption {
    margin-top: 30px;
    display: block;
    font-size: var(--font-size-default);
}

.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"],
.dynamic-form-wizard-navigationTable-finish {
    width: 70%;
    margin: auto !important;
}

.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"]>table>tbody>.dynamic-form-tr {
    display: flex;
    flex-wrap: wrap;
}

.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td {
    width: 100%;
    text-align: right;
    position: relative;
}

.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(odd):not([colspan="2"]) {
    text-align: right;
}

.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"] .dynamic-form-validator {
    text-align: left;
    width: fit-content;
    margin-right: auto;
    margin-top: 6px;
    margin-bottom: 15px;
    margin-right: 0;
    margin-left: auto;
    border-radius: var(--form-input-radius);
    padding: 15px;
    padding-right: 30px;
    background-position: calc(100% - 10px) center;
}

.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>input:not([type='image']):not([type='file']),
.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div[class*='select'],
.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>select,
.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div .dynamic-form-textbox-datetime-georgian.dynamic-form-textbox,
.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>textarea {
    width: 100% !important;
}

.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"] .ui-datepicker-trigger {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}

.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>input[type='file'],
.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>input[type='image'] {
    padding: 0.63rem 5px;
}

.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div[class*='select']>div {
    width: 100% !important;
}

.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"] .dynamic-form-validator[style='display: inline;'] {
    display: inline-block !important;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(odd):not([colspan="2"]) {
    width: 17% !important;
    padding-left: 0.63rem;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"]) {
    width: 83% !important;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"],
.dynamic-form-wizard-navigationTable-finish {
    width: 100%;
    margin-left: auto !important;
    margin-right: 0 !important;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div[class*='select'] {
    padding:0 5px !important;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"]) input,
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"]) .dynamic-form-radiobutton-list,
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"]) div[class*='select'],
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"]) select,
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"]) div .dynamic-form-textbox-datetime-georgian.dynamic-form-textbox,
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"]) textarea {
    margin-bottom: 15px !important;
    margin-top: 0;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(odd):not([colspan="2"]) {
    vertical-align: initial;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td>span.FormCaption {
    min-height: 43px;
    display: flex;
    align-items: center;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"] .dynamic-form-validator {
    text-align: left;
    width: fit-content;
    margin-right: auto;
    margin-top: -6px;
    margin-bottom: 15px;
    margin-right: 0;
    margin-left: auto;
    border-radius: var(--form-input-radius);
    padding: 15px;
    padding-right: 30px;
    background-position: calc(100% - 10px) center;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"] .dynamic-form-validator[style='display: inline;'] {
    display: block !important;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div[class*='select'],
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"] input.dynamic-form-textbox {
    width: 100% !important;
}
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div[class*='select'] >div>input{
    margin-bottom: 0 !important;
}
td.w-100.dynamic-form-td:first-child {
    margin-top: 30px;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="2"]>table>tbody>.dynamic-form-tr>td:nth-child(odd):not([colspan="2"]) {
    text-align: right;
    padding-left: 0.63rem;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="2"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>textarea {
    width: 100% !important;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="2"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>textarea {
    height: 150px;
}

.SiPo-FORM div table fieldset[elementview="TwoColumn"][elementviewcount="2"] .dynamic-form-label-caption,
fieldset[elementview="TwoColumn"][elementviewcount="2"] .siposearchable-select a span:nth-of-type(1) {
    color: var(--form-graphite-gray);
    font-size: var(--font-size-default);
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="2"] .dynamic-form-validator {
    margin-left: auto;
    margin-bottom: 15px;
    background-position: calc(100% - 10px) center;
    text-align: right;
    padding: 0.63rem 30px 0.63rem 0.63rem;
    border-radius: 5px;
    font-weight: 500;
    border: solid 1px;
    width: 100%;
    margin-right: 0 !important;
    display: block;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="2"] .dynamic-form-td td {
    position: relative;
    padding: .5rem;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="2"] .dynamic-form-td select,
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="2"] .dynamic-form-td textarea,
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="2"] .dynamic-form-td input:not([type='image']):not([type='radio']):not([type='checkbox']):not([type='submit']) {
    width: 100% !important;
    padding-left: 60px;
}

fieldset[elementview="TwoColumn"][elementviewcount="2"] .dynamic-form-td input[type='image'] {
    position: absolute;
    top: 50% !important;
    left: 20px;
    right: unset;
    filter: hue-rotate(225deg) brightness(0.4);
    transform: translateY(-50%);
}

fieldset[elementview="TwoColumn"][elementviewcount="2"] .dynamic-form-td .dynamic-form-filter-datetime+input[type='image'] {
    transform: translateY(-15%);
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="2"] .dynamic-form-validator[style='display: inline;'] {
    display: block !important;
    margin: 5px;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="2"] .HasCaptcha {
    padding-right: 17%;
}

.SiPo-FORM .dynamic-form-previewimage {
    display: none;
    width: auto;
    height: auto;
    max-width: 30%;
    aspect-ratio: 1/1;
    border: solid 4px var(--form-gray-lighter);
    object-fit: contain;
    background: var(--form-gray-lighter);
    margin: 20px auto;
}

.SiPo-FORM .dynamic-form-previewimage[src*='data:image'] {
    display: block !important;
}

.SiPo-FORM div table .dynamic-form-label-caption,
.siposearchable-select a span:nth-of-type(1),
.SiPo-FORM .FormField.dynamic-form-panel input[type='checkbox']+label {
    font-size: var(--font-size-default);
    color: var(--form-graphite-gray);
}

.FormCaption:not(.dynamic-form-label-caption),
.dynamic-form-label-caption+.FormCaption {
    font-size: calc(var(--font-size-default) - 3px);
}

.siposearchable-select div ul li.active {
    background: var(--form-white) !important;
    color: var(--form-graphite-gray) !important;
    font-weight: 400;
}

.SiPo-FORM fieldset>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>input,
.SiPo-FORM fieldset>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div[class*='select'],
.SiPo-FORM fieldset>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>select,
.SiPo-FORM fieldset .siposearchable-select,
.SiPo-FORM fieldset .siposearchable-select input,
.HasCaptcha input,
.SiPo-FORM fieldset>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div[class*='select']>div,
.SiPo-FORM fieldset>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div .dynamic-form-textbox-datetime-georgian.dynamic-form-textbox,
.SiPo-FORM fieldset>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>textarea,
.SiPo-FORM .dynamic-form-filter-datetime {
    border: solid 1px var(--form-gray-light);
    border-radius: var(--form-input-radius);
    font-size: calc(var(--font-size-default) - 2px);
}

.SiPo-FORM fieldset>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>input::placeholder,
.SiPo-FORM fieldset>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>select,
.SiPo-FORM fieldset .siposearchable-select input::placeholder,
.HasCaptcha input::placeholder,
.SiPo-FORM fieldset>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div .dynamic-form-textbox-datetime-georgian.dynamic-form-textbox::placeholder,
.SiPo-FORM fieldset>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>textarea::placeholder {
    font-size: calc(var(--font-size-default) - 2px);
}

.SiPo-FORM fieldset td textarea {
    padding: 0.63rem !important;
}

.SiPo-FORM fieldset>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div[class*='select']>div {
    border-radius: 0 0 3px 3px;
}

.SiPo-FORM .dynamic-form-wizard-navigationTable-finish-td.dynamic-form-wizard-navigationTable-finish-td {
    text-align: center !important;
}

.FormButton,
.SiPo-FORM #SearchResults a.Title.InsertButtonClass,
.SiPo-FORM .dynamic-form-wizard-navigationTable-finish .dynamic-form-button-finishcomplete,
.dg:not(.dynamicform-table-show-rows) + table .Title.Title ,
.SiPo-FORM input.FormButton.FormButton {
    background: var(--form-primary);
    display: inline-block;
    padding: 9px;
    text-align: center;
    color: var(--form-white);
    border-radius: var(--form-button-radius) !important;
    position: relative;
    overflow: hidden;
    font-size: var(--font-size-default);
    border: none;
    font-weight: 400;
}
.SiPo-FORM #SearchResults .dg:not(.dynamicform-table-show-rows) + table .Title.Title:hover {
    text-decoration: none;
    opacity: 1;
}

.SiPo-FORM #SearchResults a.Title.InsertButtonClass {
    margin: 0.5rem auto !important;
    display: block;
    min-width: 120px;
    max-width: 230px;
}

div[id*='NavigationButtons'][class] {
    width: 100% !important;
}


.siposearchable-select div ul li:hover {
    background: var(--form-main) !important;
    color: var(--form-white) !important
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) {
    margin-bottom: 15px !important;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) a:has(img[alt="Download"]),
.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) a:has(img[alt="حذف"]),
.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) a:has(img[alt="ويرايش"]) {
    display: inline-block;
    width: 20px;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) a:has(img[alt="Download"])::after,
.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) a:has(img[alt="حذف"])::after,
.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) a:has(img[alt="ويرايش"])::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    font-family: var(--form-icon-family);
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) a:has(img[alt="Download"]) img[alt="Download"],
.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) a:has(img[alt="حذف"]) img[alt="حذف"],
.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) a:has(img[alt="ويرايش"]) img[alt="ويرايش"] {
    display: none;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) a:has(img[alt="ويرايش"])::after {
    content: var(--icon-edit);
    color: var(--form-main);
    font-size: calc(var(--font-size-default) + 4px);
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) a:has(img[alt="حذف"])::after {
    content: var(--icon-delete) !important;
    color: var(--form-danger);
    font-size: calc(var(--font-size-default) + 4px);
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) a:has(img[alt="Download"])::after {
    content: var(--icon-download) !important;
    font-family: var(--form-icon-family);
    font-size: calc(var(--font-size-default) + 4px);
    color: var(--form-main);
}

.SiPo-FORM .AjaxFileUploader_Link {
    font-weight: 400;
}

.dg:not(.dynamicform-table-show-rows)+table .Title {
    min-width: 100px;
    margin: 0 !important;
    transition: 0.6s;
    background: var(--form-gray-lighter);
    color: var(--form-main);
    outline: solid 1px var(--form-main);
    font-size: var(--font-size-default);
    padding: 8px 15px;
    outline-offset: 0px;
    border: solid 1px transparent !important;
    border-radius: 7px;
    display: inline-block;
    text-align: center;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr:first-of-type th,
.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr:first-of-type td {
    background-color: var(--form-gray-lighter);
    color: var(--form-black);
    border: none !important;
    border-bottom: solid 1px var(--form-gray-light) !important;
    font-size: calc(var(--font-size-default) + 1px);
    font-weight: bold;
    padding: 15px 8px !important;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr:first-of-type th img,
.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr:first-of-type td img,
.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) .DGItem td img,
.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) .DGAlt td img {
    width: auto !important;
    aspect-ratio: 1/1;
    max-width: 100%;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) .DGItem td img,
.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) .DGAlt td img {
    border-radius: 0.7rem;
    height: 100px;
    object-fit: cover;
    margin-right: 0.5rem;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr:first-of-type th img[src="/images/blank.gif"],
tr:first-of-type td img[src="/images/blank.gif"] {
    display: none !important;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) .DGItem td,
.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) .DGAlt td {
    border: none !important;
    border-bottom-width: 1px;
    border-bottom-color: var(--form-main) !important;
    border-bottom-style: solid;
    text-align: center;
    padding: 8px 5px;
    font-size: var(--font-size-default);
    word-break: break-word;
    padding: 0.6rem 0;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) {
    border-radius: 7px;
    box-shadow: 0 0 0 1px var(--form-gray-light);
    overflow: hidden;
    width: 100%;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr:first-of-type th:first-of-type,
.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr:first-of-type td:first-of-type {
    border-radius: 0 calc(var(--form-button-radius) + 3px) 0 0 !important;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr:first-of-type th:last-of-type,
.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr:first-of-type td:last-of-type {
    border-radius: calc(var(--form-button-radius) + 3px) 0 0 0 !important;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr:last-of-type th:first-of-type,
.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr:last-of-type td:first-of-type {
    border-radius: 0 0 calc(var(--form-button-radius) + 3px) 0 !important;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr:last-of-type th:last-of-type,
.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr:last-of-type td:last-of-type {
    border-radius: 0 0 0 calc(var(--form-button-radius) + 3px) !important;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr.DGAlt {
    color: var(--form-black) !important;
}

.SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr.DGItem {
    background-color: var(--form-white) !important;
}

#tblListForm>tbody>tr:last-child>td {
    text-align: right;
}

[id*='SortOptionContent'] {
    display: inline-block;
    width: 100%;
    padding: 0.63rem !important;
}

[id*='SortOptionContent'] input[type=checkbox],
[id*='SortOptionContent'] input[type=radio] {
    transform: translateY(5px);
}

[id*='SortOptionContent']+div[style] {
    background-color: transparent !important;
    text-align: center !important;
    padding: 0px !important;
}

[id*='SortOptionContent']+div[style]>.FormButton {
    min-width: 50px !important;
    padding: 4px 13px !important;
    margin: 5px 0 0.63rem !important;
    font-size: calc(var(--font-size-default) - 3px);
}

[id*='ExcelPanel'] {
    text-align: left;
    font-size: calc(var(--font-size-default) - 2px);
    font-weight: bold;
}

[id*='ExcelPanel'] a~a {
    min-width: 100px;
    margin: 5px 0 !important;
    transition: 0.6s;
    color: var(--form-graphite-gray);
    font-size: var(--font-size-default);
    padding: 8px 15px;
    outline-offset: 0px;
    border-radius: var(--form-input-radius);
    border: solid 1px var(--form-graphite-gray) !important;
    margin-left: 0.63rem;
    display: inline-block;
}

[id*='ExcelPanel'] a~a:hover {
    color: var(--form-gray-lighter);
    background-color: var(--form-graphite-gray);
}

[id*='ExcelPanel'] a~a::after {
    content: var(--icon-download);
    font-family: var(--form-icon-family);
    display: inline-block;
    margin-right: 0.63rem;
    width: 20px;
    height: 20px;
    vertical-align: sub;
    transition: 0.6s;
}

.dynamicform-content-table-row li.ListData {
    display: grid;
}

.SiPo-FORM table.dg.dynamicform-content-table-row li.ListData>a {
    display: block;
    width: fit-content;
}

.SiPo-FORM table.dg.dynamicform-content-table-row li.ListData>a.Title {
    display: initial;
    margin: 0 0.5rem;
}

.SiPo-FORM table.dg.dynamicform-content-table-row li.ListData span.FormField,
.SiPo-FORM table.dg.dynamicform-content-table-row li.ListData span.FormCaption {
    width: fit-content;
}

.SiPo-FORM .FormField.dynamic-form-panel li.ListData span.FormField {
    color: var(--form-gray);
}

.SiPo-FORM table.dg.dynamicform-content-table-row li.ListData input[type='checkbox'] {
    margin-left: 5px;
}

.SiPo-FORM table.dg.dynamicform-content-table-row li.ListData table tr:last-of-type td {
    border-bottom: 0 !important;
}

.SiPo-FORM table.dg.dynamicform-content-table-row li.ListData table tr:last-of-type td:first-of-type,
.SiPo-FORM table.dg.dynamicform-content-table-row li.ListData table tr:last-of-type td:first-of-type,
.SiPo-FORM table.dg.dynamicform-content-table-row li.ListData th:last-of-type,
.SiPo-FORM table.dg.dynamicform-content-table-row li.ListData td:last-of-type,
.SiPo-FORM table.dg.dynamicform-content-table-row li.ListData th:first-of-type,
.SiPo-FORM table.dg.dynamicform-content-table-row li.ListData td:first-of-type {
    border-radius: 0 !important;
}

@keyframes jelly {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    40% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    50% {
        -webkit-transform: scale3d(.85, 1.15, 1);
        transform: scale3d(.85, 1.15, 1)
    }

    65% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    75% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes custom-jelly {
    0% {
        -webkit-transform: translate(-3px, calc(-50%)) scale3d(1, 1, 1);
        transform: translate(-3px, calc(-50%)) scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: translate(-3px, calc(-50%)) scale3d(.75, 1.25, 1);
        transform: translate(-3px, calc(-50%)) scale3d(.75, 1.25, 1)
    }

    40% {
        -webkit-transform: translate(-3px, calc(-50%)) scale3d(1.25, .75, 1);
        transform: translate(-3px, calc(-50%)) scale3d(1.25, .75, 1)
    }

    50% {
        -webkit-transform: translate(-3px, calc(-50%)) scale3d(.85, 1.15, 1);
        transform: translate(-3px, calc(-50%)) scale3d(.85, 1.15, 1)
    }

    65% {
        -webkit-transform: translate(-3px, calc(-50%)) scale3d(1.05, .95, 1);
        transform: translate(-3px, calc(-50%)) scale3d(1.05, .95, 1)
    }

    75% {
        -webkit-transform: translate(-3px, calc(-50%)) scale3d(.95, 1.05, 1);
        transform: translate(-3px, calc(-50%)) scale3d(.95, 1.05, 1)
    }

    100% {
        -webkit-transform: translate(-3px, calc(-50%)) scale3d(1, 1, 1);
        transform: translate(-3px, calc(-50%)) scale3d(1, 1, 1)
    }
}

@keyframes custom-jelly-2 {
    0% {
        -webkit-transform: translate(0px, -50%) scale3d(1, 1, 1);
        transform: translate(0px, -50%) scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: translate(0px, -50%) scale3d(.75, 1.25, 1);
        transform: translate(0px, -50%) scale3d(.75, 1.25, 1)
    }

    40% {
        -webkit-transform: translate(0px, -50%) scale3d(1.25, .75, 1);
        transform: translate(0px, -50%) scale3d(1.25, .75, 1)
    }

    50% {
        -webkit-transform: translate(0px, -50%) scale3d(.85, 1.15, 1);
        transform: translate(0px, -50%) scale3d(.85, 1.15, 1)
    }

    65% {
        -webkit-transform: translate(0px, -50%) scale3d(1.05, .95, 1);
        transform: translate(0px, -50%) scale3d(1.05, .95, 1)
    }

    75% {
        -webkit-transform: translate(0px, -50%) scale3d(.95, 1.05, 1);
        transform: translate(0px, -50%) scale3d(.95, 1.05, 1)
    }

    100% {
        -webkit-transform: translate(0px, -50%) scale3d(1, 1, 1);
        transform: translate(0px, -50%) scale3d(1, 1, 1)
    }
}

input[type='radio'] {
    display: none;
}

input[type='radio']+label[for] {
    padding-right: 20px;
    padding-left: 0.63rem;
    display: flex;
    position: relative;
    cursor: pointer;
}

input[type='radio']+label[for]::before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: calc(var(--form-button-radius) * 100);
    border: solid 1px var(--form-gray);
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0px, -50%);
}

input[type='radio']+label[for]::after {
    transition: .3s;
    position: absolute;
    content: '';
    display: block !important;
    border-radius: calc(var(--form-button-radius) * 100);
    width: 10px;
    height: 10px;
    border: none;
    right: 0;
    top: 50%;
    transform: translate(-3px, calc(-50%));
}

input[type='radio']:checked+label[for]::before {
    animation: custom-jelly-2 1s .2s cubic-bezier(.44, 1.9, .62, .65);
}

input[type='radio']:checked+label[for]::after {
    background-color: var(--form-main);
    animation: custom-jelly 1s .2s cubic-bezier(.44, 1.9, .62, .65);
}

.SiPo-FORM .ListData .MainUpdatePanel {
    padding: 15px !important;
}

.SiPo-FORM .MainUpdatePanel .dg>tbody>tr {
    display: grid;
    grid-template-columns: repeat(13, 1fr);
    align-items: stretch;
    height: auto;
    width: 100% !important;
}

.SiPo-FORM .MainUpdatePanel .dg>tbody>tr:not(:first-child) {
    align-items: stretch;
    border-bottom: solid 1px var(--form-gray-light);
    color: var(--form-black);
    font-weight: 400;
}

.SiPo-FORM .MainUpdatePanel .dg>tbody>tr th,
.SiPo-FORM .MainUpdatePanel .dg>tbody>tr td {
    width: 100% !important;
    border-bottom: none !important;
}

.SiPo-FORM .MainUpdatePanel .dg>tbody>tr:last-child {
    border: none;
}

.SiPo-FORM .MainUpdatePanel .dg>tbody>tr td:empty {
    display: block !important;
}

.SiPo-FORM .MainUpdatePanel .dg>tbody>tr>td>a>span,
.SiPo-FORM .MainUpdatePanel .dg>tbody>tr>td a {
    color: var(--form-main);
}

.SiPo-FORM [id*='SearchPanel'] td>span:first-child:not(.FormCaption) {
    margin-left: 12px;
    margin-right: 5px;
}

.SiPo-FORM [id*='SearchPanel'] .FormButtonNoWidth,
.SiPo-FORM [id*='SearchPanel'] .ui-datepicker-trigger,
.SiPo-FORM [id*='SearchPanel'] .dynamic-form-td tbody>tr>td .FormButtonNoWidth,
.dynamic-form-td tbody>tr>td .ui-datepicker-trigger {
    left: 13px !important;
}

.SiPo-FORM [id*='SearchPanel'] .dynamic-form-td tbody>tr>td .ui-datepicker-trigger {
    border-radius: 3px;
}

.LoginLink::after {
    content: '';
    display: inline-block;
    margin: 0 !important;
    transition: 0.6s;
    color: var(--form-main);
    font-size: var(--font-size-default);
    padding: 8px 15px;
    outline-offset: 0px;
    border-radius: var(--form-input-radius);
    filter: invert(1);
    background: url('../images/user.svg');
    background-size: 60%;
    background-position: top center;
    background-repeat: no-repeat;
}

.LoginLink:hover::after {
    outline-offset: 4px;
    outline-color: transparent;
    color: var(--form-main) !important;
    border-color: var(--form-gray-light);
}

.LoginLink[href*='Logout']::after {
    background-image: url('../images/logout.svg');
}

.actionDataLabelClass {
    margin: auto;
    display: block;
    width: 70%;
    text-align: center;
    font-size: var(--font-size-default);
    margin: 15px auto !important;
}

.actionDataLabelClass:empty {
    margin: 0 !important;
}

.dynamicform-finish-label {
    background: var(--form-gray-lighter);
    padding: 1rem !important;
    display: inline-block;
    font-size: var(--font-size-default);
    font-weight: bold;
    color: var(--form-main);
    text-align: center;
    min-width: 100%;
    margin: 15px 0 !important;
    border-radius: 0.5rem;
}

.MainUpdatePanel {
    padding: 30px;
}

.MainUpdatePanel:has(table.dg>tbody>tr:empty) {
    padding: 0px !important;
}

.HasCaptcha span[id*='CaptchaImage'] {
    border: none !important;
}

.HasCaptcha {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: right;
    justify-content: center;
    text-align: center;
    margin-top: 30px;
}

.HasCaptcha img {
    margin: 5px !important;
    height: 50px !important;
    border-radius: 0 var(--form-input-radius) var(--form-input-radius) 0;
}

.HasCaptcha .refresh-icon {
    order: 1;
    margin-left: auto;
    margin-right: 5px;
}

.errorMessageCaptchaValidator {
    font-size: 0;
    width: 100%;
    order: 3;
    padding: 15px !important;
    display: block;
}

.errorMessageCaptchaValidator::after {
    content: 'این فیلد اجباری می باشد';
    order: 3;
    width: fit-content;
    color: var(--form-danger);
    width: 100%;
    font-size: calc(var(--font-size-default) - 2px);
    padding: 15px !important;
    padding-right: 30px !important;
    background: #ffdcdc url('../images/Alert.png') no-repeat 98% 4px;
    border-radius: var(--form-input-radius);
    background-position: calc(100% - 10px) center;
}

.HasCaptcha .refresh-icon::before {
    content: '';
    display: block;
    width: 60px;
    height: 50px;
    text-align: center;
    line-height: 60px;
    font-size: calc(var(--font-size-default) + 4px);
}

.HasCaptcha .RefreshStyle {
    width: 60px !important;
    height: 50px !important;
    order: 2;
    opacity: 0.6;
    border: none;
}

.HasCaptcha input[id*='InputTextBox'] {
    border-radius: var(--form-input-radius) 0 0 var(--form-input-radius);
}

[id*='CaptchaControl_CaptchaImag'] {
    border: none !important;
    height: 43px !important;
}

.captchaTextBox {
    height: 50px;
    border-radius: 3px 0 0 3px;
    padding: 0 0.63rem;
    font-size: var(--font-size-default);
}

.HasCaptcha .RefreshStyle {
    background: url('../images/refresh.svg');
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
}

.SiPo-FORM div table:not(.pagination) tbody td.search-box-wrapper,
.search-box-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"] input.dynamic-form-textbox,
.search-input {
    width: 100% !important;
    flex-grow: 1;
}

div[id*='NavigationButtons'][class],
.searchbtn {
    height: 45px;
    top: -3px;
    margin: 10px auto;
}

.searchbtn:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 55%;
    transform: translate(0, -50%);
}

div[id*='NavigationButtons'][class] .searchbtn .FormButton,
.searchbtn input {
    position: absolute;
    padding: 10px 5px;
    top: 50%;
    right: 10px;
    width: 100%;
    height: 90%;
    min-width: 0;
    margin: 0 !important;
    transform: translateY(-50%);
}

.SiPo-FORM .has-subform table.dynamicform-table-Content tr,
.SiPo-FORM .has-subform table.dynamicform-table-Content tr:nth-child(odd) {
    background-color: transparent !important;
}

.SiPo-FORM .has-subform table.dynamicform-table-Content {
    box-shadow: none !important;
}

.SiPo-FORM .has-subform table.dynamicform-table-Content td {
    border-bottom: none !important;
    padding: 0 !important;
}

.dynamicform-table-show-rows .FormPageContent .has-subform legend {
    display: block !important;
}

.SiPo-FORM .has-subform table {
    width: 99.8% !important;
}

.has-subform div#SearchResults,
.has-subform div.MainUpdatePanel {
    padding-top: 3px;
}

.SiPo-FORM .has-subform table.dynamicform-table-Content tr tr:nth-child(odd) {
    background: var(--form-gray-lighter) !important;
}

.SiPo-FORM .has-subform table.dynamicform-table-Content tr .dg tr td {
    padding: 10px 5px !important;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="20"] tr {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;
    justify-content: space-between;
    margin-top: 15px;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="20"] td {
    width: 49%;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="20"]>table:not(.dg)>tbody>tr>td:nth-child(3) {
    order: 2;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="20"]>table:not(.dg)>tbody>tr>td:nth-child(2) {
    order: 3;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="20"]>table:not(.dg)>tbody>tr>td:nth-child(4) {
    order: 4;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="20"]>table:not(.dg)>tbody>tr>td:nth-child(2):last-child {
    margin-left: 40%;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="20"] .subform-table td:nth-child(2):last-child {
    margin-left: 0% !important;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="20"] .dynamic-form-td .sipocombo-span-icon+div input:not([type="image"])[type="input"],
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="20"] .subform-table-wrapper,
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="20"] .EditFormContainer_div {
    width: 100% !important;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="3"] tr {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: space-between;
    margin-bottom: 10px;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="3"] td {
    width: 32% !important;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="3"]>table:not(.dg)>tbody>tr>td:nth-child(3) {
    order: 2;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="3"]>table:not(.dg)>tbody>tr>td:nth-child(2) {
    order: 4;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="3"]>table:not(.dg)>tbody>tr>td:nth-child(4) {
    order: 5;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="3"]>table:not(.dg)>tbody>tr>td:nth-child(5) {
    order: 3;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="3"]>table:not(.dg)>tbody>tr>td:nth-child(6) {
    order: 6;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="3"]>table:not(.dg)>tbody>tr>td:nth-child(2):last-child {
    margin-left: 40%;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="3"] .subform-table td:nth-child(2):last-child {
    margin-left: 0% !important;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="3"] .dynamic-form-td input:not([type='file']):not([type='submit']):not([type='checkbox']):not([type='radio']) {
    width: 100% !important
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="3"] .dynamic-form-td .sipocombo-span-icon+div input:not([type="image"])[type="input"] {
    width: 100% !important;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="3"] .subform-table-wrapper,
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="3"] .EditFormContainer_div {
    width: 100% !important;
}

.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="3"] .dynamic-form-validator[style='display: inline;'] {
    display: flex !important;
    padding: 5px 25px 5px 0;
    padding: 10px 25px 10px 10px;
    border-radius: 5px;
}

.SiPo-FORM .sidebar-wizard-ul {
    display: flex;
    width: 100% !important;
    flex-wrap: wrap;
}

.SiPo-FORM div[class*='sidebar-wizard-horizontal'] ul>li {
    margin-left: 4px;
    text-align: center;
    margin-bottom: 10px;
}

.SiPo-FORM div.sidebar-wizard-horizontal-rtl ul {
    margin-bottom: 20px;
}


.SiPo-FORM input.FormButton.FormButton.dynamic-form-button-startnext,
.SiPo-FORM input.FormButton.FormButton.dynamic-form-button-stepprevious {
    background-color: var(--form-secondary);
}

.SiPo-FORM input.FormButton.FormButton.dynamic-form-button-finishcomplete {
    background-color: var(--form-primary);
}

.SiPo-FORM .EditFormContainer_div>div>div>table>tbody>tr:nth-child(2) {
    border-top: 1px solid var(--form-gray-lighter);
}

.SiPo-FORM #SearchResults a.Title.InsertButtonClass,
.SiPo-FORM .EditFormContainer_div>div>div>table>tbody>tr:nth-child(2) input.FormButton.FormButton.dynamic-form-button-finishcomplete {
    background-color: var(--form-success);
}

.SiPo-FORM input.dynamic-form-button-search-delete {
    color: var(--form-white) !important;
    background-color: var(--form-danger);
    border: 1px solid var(--form-danger) !important;
}

.SiPo-FORM input.dynamic-form-button-search:hover {
    background-color: var(--form-secondary);
    color: var(--form-white);
}

.SiPo-FORM #SearchResults>div.SearchEmptyMessageClass {
    text-align: center;
    margin-top: 1.5rem;
    padding: 0.5rem;
    background-color: var(--form-gray-light);
    color: var(--form-white);
    border: 0;
    border-radius: var(--form-button-radius);
}

.SiPo-FORM .dynamic-form-wizardtable a:hover,
.SiPo-FORM .aspNetDisabled {
    color: var(--form-main);
}

.SiPo-FORM .sidebar-wizard-horizontal-rtl ul>li.active>a:after {
    border-right-color: var(--form-main);
}

.SiPo-FORM div[class*='sidebar-wizard-'] ul>li.active>a,
.SiPo-FORM div[class*='sidebar-wizard-'] ul>li.active>a:hover,
.SiPo-FORM div[class*='sidebar-wizard-'] ul>li.active>a:focus {
    background-color: var(--form-main);
}

.SiPo-FORM div.ui-accordion h2.box-hidden {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: max-height 0.5s ease, visibility 0s 0.5s;
}

.SiPo-FORM div.ui-accordion.box-show {
    max-height: 1000px;
    visibility: visible;
    transition: max-height 0.5s ease, visibility 0s 0s;
}

.SiPo-FORM td.accord-section {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.SiPo-FORM td.accord-section .ui-accordion h2 {
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 10px;
    cursor: pointer;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.SiPo-FORM td.accord-section .ui-accordion h2::after {
    content: "\e953" !important;
    transform: rotate(-270deg);
    font-family: "global";
    display: block;
    transition: .6s;
}

.SiPo-FORM .SiPo-FORM td.accord-section.accord-section.accord-section.accord-section.accord-section .dynamic-form-validator {
    width: 98%;
    margin-right: auto !important;
    margin-left: auto;
}

.SiPo-FORM td.accord-section.accord-section.accord-section.accord-section.accord-section:not(.accord-active) .dynamic-form-validator {
    transition: 0s;
    padding: 0;
    margin: 0;
}

.SiPo-FORM td.accord-section.accord-active .ui-accordion h2::after {
    transform: rotate(-90deg);
}

.SiPo-FORM td.accord-section legend {
    display: none
}

.SiPo-FORM td.accord-section.accord-active {
    border: 1px solid #b9b9b9;
    padding: 0 !important;
    padding-bottom: 1rem !important;
    background: #ffffff;
    border-radius: 10px;
}

.SiPo-FORM td.accord-section.accord-active .dynamic-form-label {
    padding-right: 1rem;
}

.SiPo-FORM td.dynamic-form-td.accord-active {
    transform: scaleY(.99) translateY(4px);
}

.SiPo-FORM td.accord-section.accord-active.accord-active.accord-active::before {
    content: '' !important;
    display: block !important;
    position: absolute;
    width: calc(100% + 2px);
    height: 17px;
    background: white;
    bottom: -2px;
    right: -1px;
}

.SiPo-FORM td.accord-section.accord-active::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    width: calc(100% + 2px);
    height: 37px;
    bottom: 5px;
    right: -1px;
    border: 1px solid #b9b9b9;
    border-radius: 0 0 10px 10px;
    border-top: none;
}

.SiPo-FORM td.accord-section.accord-active h2 {
    background: #313a46;
    color: white;
    padding: 1rem;
    margin: 0;
    border: none;
    border-radius: 10px 10px 0 0;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    margin-right: -1px;
    margin-top: -1px;
}

.SiPo-FORM td.accord-section.accord-d-active .d-active,
.SiPo-FORM td.accord-section .d-active:not([style*='display']) {
    visibility: hidden;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.25s ease, visibility 0s 1s;
}

.SiPo-FORM td.accord-section.accord-active>.active {
    visibility: visible;
    overflow: hidden;
    max-height: 1000px;
    transition: max-height 0.5s ease, visibility 0s 0.5s;
}

.SiPo-FORM td.accord-section div#SearchResults>table {
    width: 99%;
    margin: 0.5rem auto;
}
.SiPo-FORM .has-combo fieldset > table {
    padding-bottom: 110px;
}
.SiPo-FORM .dynamic-form-wizard-navigationTable-finish .dynamic-form-button-finishcomplete:hover,
.FormButton:hover,
.SiPo-FORM #SearchResults a.Title.InsertButtonClass:hover,
.SiPo-FORM input.FormButton.FormButton:hover,
.SiPo-FORM input.FormButton.FormButton.dynamic-form-button-startnext:hover,
.SiPo-FORM input.FormButton.FormButton.dynamic-form-button-stepprevious:hover,
.SiPo-FORM input.dynamic-form-button-search-delete:hover,
.SiPo-FORM input.FormButton.FormButton.dynamic-form-button-finishcomplete:hover,
.SiPo-FORM #SearchResults a.Title.InsertButtonClass:hover,
.SiPo-FORM .EditFormContainer_div>div>div>table>tbody>tr:nth-child(2) input.FormButton.FormButton.dynamic-form-button-finishcomplete:hover,
.SiPo-FORM #SearchResults>table:last-child:not(.dg) a:hover {
    opacity: 0.8;
}

.SiPo-FORM a.PageNumber:hover,
.SiPo-FORM .CurrentPage:hover {
    background: var(--form-primary);
}

.SiPo-FORM table.dg li.ListData span:empty,
.SiPo-FORM legend:empty,
.SiPo-FORM td:empty,
.SiPo-FORM #SearchResults:empty,
.SiPo-FORM #SearchResults>table:last-child:not(.dg) td:empty,
.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"] legend.dynamic-form-legend:empty,
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div[class*='select'] ul li:empty,
.SiPo-FORM .has-subform td:empty,
.SiPo-FORM .has-subform tr:empty,
.SiPo-FORM .has-subform th:empty,
.SiPo-FORM .has-subform table:empty,
.SiPo-FORM .has-subform tbody:empty,
.SiPo-FORM .has-subform .FormCaption:empty,
.SiPo-FORM table.dynamicform-table-Content .has-subform td span:empty,
.SiPo-FORM fieldset[elementview="TwoRow"][elementviewcount="1"] .dynamic-form-validator br,
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"] .dynamic-form-validator br,
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="2"] .dynamic-form-validator br,
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="3"] .dynamic-form-validator[style='display: inline;'] br,
.SiPo-LOGIN br,
.SiPo-FORM .ui-datepicker.ui-widget>font>br:last-of-type,
.SiPo-FORM .FormPageHeader,
.SiPo-FORM .dynamicform-table-command-bar,
.SiPo-FORM table.dynamicform-table-Content tr:first-of-type th img[src="/images/blank.gif"],
.SiPo-FORM table.dynamicform-table-Content tr:first-of-type td img[src="/images/blank.gif"],
.SiPo-FORM table:not(.dg)>tbody>tr>.FormCaption,
.SiPo-FORM .sort-button>div>div>div tr>td:nth-child(2),
.SiPo-FORM .ui-datepicker.ui-widget>font>center:last-child,
.SiPo-FORM div table:not(.pagination) tbody td:not([data-th]):before,
.SiPo-FORM .FormTitle,
.SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="2"]>table:not(.dg)>tbody>tr>td.w-100+td:nth-child(2).w-100:last-child,
.SiPo-FORM .Login tr>td:first-child,
.SiPo-FORM .LoginLink img,
.SiPo-FORM .HasCaptcha legend,
.SiPo-FORM .MainCommentWrapper {
    display: none !important;
}

@media only screen and (max-width: 1399px) {
    .SiPo-FORM [id*='SearchPanel'] .dynamic-form-td tbody>tr>td .dynamic-form-filter-datetime {
        width: 93%;
    }
}

@media only screen and (max-width: 1199px) {

    .SiPo-FORM .dynamic-form-fileupload,
    .SiPo-FORM .dynamic-form-fileupload {
        width: 89% !important;
    }

    fieldset[elementview="TwoColumn"][elementviewcount="1"],
    .dynamic-form-wizard-navigationTable-finish {
        width: 100%;
        margin-left: auto !important;
    }

    fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(odd):not([colspan="2"]) {
        width: 22% !important;
    }

    fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"]) {
        width: 78% !important;
    }

    .SiPo-FORM [id*='SearchPanel'] .dynamic-form-td tbody>tr>td .dynamic-form-filter-datetime {
        width: 92.4%;
    }
}

@media only screen and (max-width: 1023px) {
    .SiPo-FORM {
        width: 100%;
    }

    .SiPo-FORM div table:not(.pagination) tbody td {
        display: inline-block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .SiPo-FORM div table:not(.pagination) tbody td.d-none {
        display: none !important;
    }

    .SiPo-FORM #SearchResults>table:last-child:not(.dg) tbody td,
    .SiPo-FORM div table.pagination tbody td {
        width: auto !important;
    }

    .SiPo-FORM fieldset.dynamic-form-fieldset {
        margin-right: 0 !important;
        margin-left: auto !important;
    }

    .SiPo-FORM table:not(.pagination) tbody tr.row-mob-hidden~tr td[data-th]>a:first-child::before,
    .SiPo-FORM table:not(.pagination) tbody tr.row-mob-hidden~tr td[data-th]>span:first-child::before {
        content: " : ";
    }

    .SiPo-FORM div table:not(.pagination) tbody tr td[data-th]:before {
        content: "" !important;
    }

    .SiPo-FORM div table:not(.pagination) div.MainUpdatePanel table.dg tbody tr td[data-th]:before {
        content: attr(data-th) !important;
    }

    .SiPo-FORM div table:not(.pagination) tbody tr.row-mob-hidden~tr td[data-th]:before {
        content: attr(data-th) "" !important;
    }

    fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(odd):not([colspan="2"]) {
        transform: translateY(0);
    }

    [id*='SortOptionContent'] tr {
        display: flex;
    }

    [id*='SortOptionContent'] tr td {
        text-align: center;
    }

    .SiPo-FORM [id*='SortOptionContent'] tr>td:nth-child(3) {
        flex-shrink: 0;
        width: 50% !important;
    }

    .SiPo-FORM [id*='SearchPanel'] .dynamic-form-td tbody>tr>td .dynamic-form-filter-datetime {
        width: 94.6%;
        margin: 7px 0;
    }

    .SiPo-FORM .MainUpdatePanel .dg>tbody>tr:first-child {
        display: none;
    }

    .SiPo-FORM .MainUpdatePanel .dg>tbody>tr {
        grid-template-columns: 1fr;
    }

    .SiPo-FORM .MainUpdatePanel .dg>tbody>tr~tr {
        padding: 0;
    }

    .SiPo-FORM .MainUpdatePanel .dg>tbody>tr td {
        display: flex !important;
        padding: 8px 15px !important;
        border-bottom-style: solid !important;
        border-bottom-width: 1px !important;
        border-bottom-color: var(--form-gray);
    }

    .SiPo-FORM .MainUpdatePanel .dg>tbody>tr td>span::before {
        content: " : "
    }

    .SiPo-FORM .MainUpdatePanel .dg>tbody>tr td>span[dir='ltr']::before {
        content: unset
    }

    .SiPo-FORM .MainUpdatePanel .dg>tbody>tr td>span[dir='ltr']::after {
        content: " : "
    }

    .SiPo-FORM .MainUpdatePanel table.dg:not(.dynamicform-table-show-rows) tr:first-of-type {
        display: grid !important;
    }

    .SiPo-FORM>div>table,
    .SiPo-FORM>div>table>tbody,
    .SiPo-FORM>div>table>tbody>tr {
        display: block;
        width: 100%;
    }

    .SiPo-FORM .MainUpdatePanel {
        max-width: 100%;
        overflow: auto;
        padding: 0 2px;
    }

    .inner-wrapper .SiPo-FORM .MainUpdatePanel>table {
        width: 1200px !important;
        min-width: 1200px !important;
    }

    .SiPo-FORM .MainUpdatePanel .dg>tbody>tr td {
        display: block !important;
    }

    .SiPo-FORM .MainUpdatePanel table:not(.pagination) tbody tr.row-mob-hidden~tr td[data-th]>a:first-child::before,
    .SiPo-FORM .MainUpdatePanel table:not(.pagination) tbody tr.row-mob-hidden~tr td[data-th]>span:first-child::before {
        content: unset !important;
    }

    .SiPo-FORM .MainUpdatePanel .dg>tbody>tr td>span::after {
        content: unset !important;
    }

    .SiPo-FORM div table:not(.pagination) div.MainUpdatePanel table.dg tbody tr td[data-th]:before {
        content: unset !important;
    }

    fieldset[elementview="TwoColumn"][elementviewcount="20"]>table:not(.dg)>tbody>tr>td:nth-child(3) {
        order: 3;
    }

    .SiPo-FORM div table:not(.pagination) fieldset[elementview="TwoColumn"][elementviewcount="3"] tbody td {
        width: 33% !important;
    }
}

@media only screen and (max-width: 991px) {
    span.FormCaption.dynamic-form-label.dynamic-form-label-caption {
        padding-top: 1rem;
    }

    .SiPo-FORM fieldset .siposearchable-select {
        width: 100% !important;
    }

    .SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(odd):not([colspan="2"]) {
        width: 100% !important;
    }

    .SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"]) {
        width: 100% !important;
    }

    .SiPo-FORM table {
        table-layout: fixed;
    }

    .SiPo-FORM .dynamic-form-td tbody>tr>td .dynamic-form-filter-datetime {
        width: 100%;
    }

    .SiPo-FORM div table tbody td {
        text-align: right !important;
    }

    fieldset[elementview="TwoRow"][elementviewcount="1"],
    fieldset[elementview="TwoRow"][elementviewcount="1"] .dynamic-form-wizard-navigationTable-finish {
        width: 70%;
    }

    fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(odd):not([colspan="2"]) {
        vertical-align: middle;
        transform: translateY(0px);
    }

    fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(odd):not([colspan="2"]) {
        text-align: right !important;
    }

    fieldset[elementview="TwoColumn"][elementviewcount="1"],
    .dynamic-form-wizard-navigationTable-finish {
        width: 100% !important;
    }

    fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>input:not([type='image']):not([type='file']),
    fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div[class*='select'],
    fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>select,
    fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div .dynamic-form-textbox-datetime-georgian.dynamic-form-textbox,
    fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>textarea {
        margin-bottom: 20px !important;
    }

    fieldset[elementview="TwoColumn"][elementviewcount="2"] .HasCaptcha {
        padding-right: 0%;
    }

    .SiPo-FORM table.dg tr.DGItem {
        height: auto;
        width: 100% !important;
    }

    .SiPo-FORM:not(.sipo-form-is-hardcode-on-view) table.dg:not(.dynamicform-table-show-rows):not(.dynamicform-content-table-row) {
        /* .sipo-form-is-hardcode-on-view is the search Element's new window form list wrapper */
        width: 100%;
        overflow: auto;
        min-width: 1000px;
        table-layout: auto;
    }

    .SiPo-FORM #SearchResults table.dg>tbody {
        display: block;
    }

    .SiPo-FORM table.dg:not(.dynamicform-table-show-rows) tr:first-of-type {
        display: none !important;
    }

    .SiPo-FORM.sipo-form-is-hardcode-on-view table.dg:not(.dynamicform-table-show-rows):not(.dynamicform-content-table-row) {
        min-width: 600px;
        box-shadow: none;
        border: solid 1px var(--form-gray-light);
    }

    .SiPo-FORM.sipo-form-is-hardcode-on-view table.dg>tbody {
        display: contents !important;
    }

    .sipo-form-is-hardcode-on-view table.dg:not(.dynamicform-table-show-rows) tr:first-of-type {
        display: table-row !important;
    }

    .SiPo-FORM.sipo-form-is-hardcode-on-view table.dg:not(.dynamicform-table-show-rows) tr:first-of-type th,
    .SiPo-FORM.sipo-form-is-hardcode-on-view table.dg:not(.dynamicform-table-show-rows) tr:first-of-type td {
        /* .sipo-form-is-hardcode-on-view is the search Element's new window form list wrapper */
        width: auto;
    }

    .SiPo-FORM.sipo-form-is-hardcode-on-view {
        overflow: auto;
        width: calc(100% - 2px);
    }

    .SiPo-FORM.sipo-form-is-added-using-js tr.dynamic-form-tr {
        width: 100%;
        display: flex;
    }

    .SiPo-FORM.sipo-form-is-added-using-js tr.dynamic-form-tr .dynamic-form-td[width="16%"] {
        width: 30% !important;
    }

    .SiPo-FORM.sipo-form-is-added-using-js tr.dynamic-form-tr .dynamic-form-td[width="33%"] {
        width: 70% !important;
    }

    .SiPo-FORM table.dg:not(.dynamicform-table-show-rows) .DGItem td,
    .SiPo-FORM table.dg:not(.dynamicform-table-show-rows) .DGAlt td {
        padding-right: 10px;
        padding-left: 10px;
    }

    .SiPo-FORM table.dg:not(.dynamicform-table-show-rows) .DGAlt td {
        min-width: 120px;
    }

    .SiPo-FORM :not(.MainUpdatePanel)>table.dg:not(.dynamicform-table-show-rows) tr:first-of-type {
        display: grid !important;
    }

    .SiPo-FORM table.dynamicform-table-Content tr {
        display: initial !important;
    }

    .SiPo-FORM table.dynamicform-table-Content tr:first-of-type {
        display: none !important;
    }

    .SiPo-FORM table.dynamicform-table-Content td,
    .SiPo-FORM table.dynamicform-table-Content td {
        padding-right: 10px;
        padding-left: 10px;
    }

    .SiPo-FORM table.dynamicform-table-Content td {
        background-color: var(--form-gray-lighter) !important;
    }

    .SiPo-FORM table.dynamicform-table-Content td:nth-child(odd) {
        background-color: var(--form-gray-lighter) !important;
    }

    .SiPo-FORM table.dynamicform-table-Content td:nth-child(even) {
        background-color: var(--form-gray-lighter) !important;
    }

    .SiPo-FORM table.dynamicform-table-Content tr:first-of-type {
        display: none !important;
    }

    .SiPo-FORM fieldset:not(.has-subform) table.dynamicform-table-Content tr:first-of-type {
        display: block !important;
    }

    .SiPo-FORM fieldset.has-subform table.dynamicform-table-Content tr tr:first-of-type,
    .SiPo-FORM fieldset.has-subform table.dynamicform-table-Content .dg tr tr:first-of-type {
        display: block !important;
    }

    div[id*='NavigationButtons'][class],
    .searchbtn {
        top: -8px;
    }

    .SiPo-FORM fieldset:not(.has-subform) table.dynamicform-table-Content tr:first-of-type {
        display: block !important;
    }

    .SiPo-FORM fieldset.has-subform table.dynamicform-table-Content tr tr:first-of-type,
    .SiPo-FORM fieldset.has-subform table.dynamicform-table-Content .dg tr tr:first-of-type {
        display: block !important;
    }

    fieldset[elementview="TwoColumn"][elementviewcount="20"] td {
        order: 0 !important;
        text-align: right !important;
    }

    fieldset[elementview="TwoColumn"][elementviewcount="20"] .dynamic-form-td .sipocombo-span-icon+div input:not([type="image"])[type="input"] {
        width: 98% !important;
    }

    .SiPo-FORM div table:not(.pagination) fieldset[elementview="TwoColumn"][elementviewcount="3"] tbody td {
        order: 0 !important;
        width: 100% !important;
        text-align: right !important;
    }

    fieldset[elementview="TwoColumn"][elementviewcount="3"] .dynamic-form-td .sipocombo-span-icon+div input:not([type="image"])[type="input"] {
        width: 98% !important;
    }

}

@media only screen and (max-width: 767px) {

    .SiPo-FORM .dynamic-form-fileupload,
    .SiPo-FORM .dynamic-form-fileupload {
        width: 86% !important;
    }

    fieldset[elementview="TwoRow"][elementviewcount="1"],
    fieldset[elementview="TwoRow"][elementviewcount="1"] .dynamic-form-wizard-navigationTable-finish {
        width: 80%;
    }

    fieldset[elementview="TwoRow"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>input:not([type='image']):not([type='file']),
    fieldset[elementview="TwoRow"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div[class*='select'],
    fieldset[elementview="TwoRow"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>select,
    fieldset[elementview="TwoRow"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>div .dynamic-form-textbox-datetime-georgian.dynamic-form-textbox,
    fieldset[elementview="TwoRow"][elementviewcount="1"]>table>tbody>.dynamic-form-tr>td:nth-child(even):not([colspan="2"])>textarea {
        width: 100% !important;
    }

    .SiPo-FORM fieldset[elementview="TwoColumn"][elementviewcount="1"]>table>tbody>.dynamic-form-tr {
        display: flex;
        flex-direction: column;
    }

    .SiPo-FORM [id*='SearchPanel'] .dynamic-form-td tbody>tr>td .dynamic-form-filter-datetime {
        width: 93.1%;
    }

    .SiPo-FORM div[class*='sidebar-wizard-horizontal'] ul {
        flex-wrap: wrap;
    }

    .SiPo-FORM div[class*='sidebar-wizard-horizontal'] ul>li {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 15px;
        display: block !important;
        border-radius: 5px !important;
        overflow: hidden;
    }

    .SiPo-FORM div[class*='sidebar-wizard-horizontal'] ul>li:not(:first-child)>a:before {
        display: none !important;
    }

    .SiPo-FORM .sidebar-wizard .wizard-prev,
    .SiPo-FORM .sidebar-wizard .wizard-next {
        display: none !important;
    }
}

@media only screen and (max-width: 575px) {
    .SiPo-FORM [id*='SearchPanel'] td>span:first-child:not(.FormCaption) {
        margin: 0;
    }

    .SiPo-FORM [id*='SearchPanel'] .dynamic-form-td tbody>tr>td .dynamic-form-filter-datetime {
        width: 100%;
    }

    .SiPo-FORM .FormButtonNoWidth,
    .ui-datepicker-trigger,
    .SiPo-FORM .dynamic-form-td tbody>tr>td .FormButtonNoWidth,
    .dynamic-form-td tbody>tr>td .ui-datepicker-trigger {
        top: 45% !important;
    }

    fieldset[elementview="TwoRow"][elementviewcount="1"],
    fieldset[elementview="TwoRow"][elementviewcount="1"] .dynamic-form-wizard-navigationTable-finish {
        width: 95%;
    }

    .SiPo-FORM fieldset>table div [class*='dynamic-form-textbox-datetime']+input[type='image'] {
        top: 13px !important;
    }
}

@media only screen and (max-width: 460px) {

    .SiPo-FORM .dynamic-form-fileupload,
    .SiPo-FORM .dynamic-form-fileupload {
        width: 82% !important;
    }
}

@media only screen and (max-width: 420px) {
    [id*='CaptchaControl_CaptchaImag'] {
        width: 100px !important;
    }

    .SiPo-FORM [id*='SearchPanel'] .dynamic-form-td tbody>tr>td .dynamic-form-filter-datetime {
        width: 100%;
    }

    .SiPo-FORM .dynamic-form-fileupload,
    .SiPo-FORM .dynamic-form-fileupload {
        width: 77% !important;
    }
}