/*Set font for arabic language*/
html[dir="rtl"] *:not(.im-invoice-state-badge [type]) { font-family:"Droid Arabic Kufi",sans-serif,"Font Awesome 5 Pro","FontAwesome",'Icofont' !important; }
html[dir="rtl"] .fa, html[dir="rtl"] .fs, html[dir="rtl"] i { font-family:'Font Awesome 5 Pro','FontAwesome' !important; }
html[dir="rtl"] .fa.fa-arrow-right,
html[dir="rtl"] .fa.fa-angle-right
{
    transform: rotate(180deg);
}
[class*="icofont-"]:before, [class*="icofont-"]:before { font-family: "icofont"; }

/*
 * begin payment creation notification
 */
    #direct-payment-result-form,
    #generate-invoice-result-form{
        padding: var(--ace-common-left-right-padding);
        margin: var(--ace-common-left-right-padding);
        width: 80%;
        text-align: center;
        border-radius: 8px;
        align-self:flex-start;

        transition:ease .2s;
        transform:scale(1);
        height: initial;
        opacity:1;

        background: rgba(255, 169, 4, 0.17) !important;
    }
    #direct-payment-result-form label{
        min-width:initial;
        opacity:1;
        font-weight:bold;
        color: var(--primary-font-color-highlight);
    }
    #direct-payment-result-form span,
    #generate-invoice-result-form span{
        white-space:initial;
    }
    #direct-payment-result-form.ace-hide,
    #generate-invoice-result-form.ace-hide{
        transition:ease .2s;
        transform:scale(0);
        padding:0;
        margin:0;
        height:0;
        opacity:0;
    }

/*
* end payment creation notification
*/

/*
 * begin various utility classes
 */
    .qp-dashboard-logo {
        width: 76px;
        height: 76px;
        min-width: 76px;
        min-height: 76px;
        object-fit: cover;
        margin-top: var(--ace-common-top-bottom-padding);
    }

    body { overflow: hidden; }
    #app-loader{
        width: 100%;
        height: 100%;
        position: relative;
        background-color: var(--primary-bg-color);
        z-index:100;
    }
    #app-loader img {
        margin: auto;
        width: 30%;
    }
    @media screen and (min-width: 320px) and (max-width: 680px) {
        #app-loader img {
            width: 60%;
        }
    }
    #app-loader #app-loader-bar {
        position:absolute;
    }
    #qp-side-accordion {
        background-repeat: no-repeat;
        background-position: bottom left;
        background-color: var(--primary-bg-color);
        height: calc(100% - var(--ace-main-title-bar-height));
    }
    .ace-full-screen-popup #qp-side-accordion {
        height: 100%;
    }

    @media screen and (min-width: 320px) and (max-width: 680px) {
        .dashboard-header {
            background-color: var(--form-inside-highlight-color);
        }
    }
    .qp-subtitle{
        font-weight:200;
        font-size:24px;
    }
    @media screen and (min-width: 320px) and (max-width: 680px) {
        .qp-subtitle {
            font-weight: 200;
            font-size: 17px;
        }
    }

    .qp-total .ace-text-field input,
    .qp-total .ace-display-field span{ font-size:20px; }
    .qp-total-price-small .ace-text-field input,
    .qp-total-price-small .ace-display-field span{ font-size:16px; }

    .fa-file-text-add:before { content: '+ \f15c' !important; }

    .switch-lang img { max-width: 30px; }
    .switch-lang span {
        padding: var(--ace-common-left-right-padding);
        font-weight: bold;
    }
    .switch-lang a { margin-bottom:15px; }

    .ace-grid-auto-complete { min-width: 300px; }

    .qp-accent-field input.ace-efld {
        text-overflow: ellipsis;
        border: 1px solid rgba(0, 0, 0, 0.04);
        text-align: center;
        padding-bottom: var(--ace-common-top-bottom-padding);
        padding-top: var(--ace-common-top-bottom-padding);
    }

    .im-compact-panel-row .ace-grid-cell{
        padding-bottom: 0px;
        max-height: 100px;
    }

    .qp-warning-banner {
        background-color: var(--red);
        color: var(--contrast-font-color);
        text-align: center;
        position: absolute;
        bottom: 0;
        font-size: xx-small;
        width: 100%;
    }

    .line-height-2p6 { line-height:2.6 !important; }

    .qp-out-of-sight {
        position: absolute !important;
        left: -20000px !important;
        top: -20000px !important;
    }

    .icon7sab-small:before{ content: url(../imgs/7sab-icon-13x13.png); }

    .qp-display-force-white-space-normal .ace-display-field span{ white-space: normal !important; }

    .qp-grid-cell-break {
        word-break: break-all;
        white-space: normal;
    }

    .qp-force-label-space-between .ace-label-align-left [class*="-field"] { justify-content: space-between; }

    .qp-height-40vh { height: 40vh; }
    .qp-height-50vh { height: 50vh; }

    .qp-field-center,
    .qp-field-center input,
    .qp-field-center label{
        text-align: center;
    }

    .invoices-ed-frm-renderer .ace-standard-form-inside-with-mobile-title-and-footer{
        padding-top: 0px;
    }

    .invoice-template-preview {
        border:1px solid gray;
        width:360px;
        height:509px;
        text-align:center
    }

    .qp-orange-input input,
    .qp-orange-input .ace-text-field input{
        color: var(--orange);
    }

    #actual-app-title {
        font-size: var(--ace-huge-title-size);
        font-weight: 600;
    }
    @media screen and (min-width: 320px) and (max-width: 680px) {
        html[dir="ltr"] #actual-app-title { margin-left: var(--ace-main-title-bar-height); }
        html[dir="rtl"] #actual-app-title { margin-right: var(--ace-main-title-bar-height); }
    }

    .secondary-invoices-container #invoices-filtering-form,
    .secondary-invoices-container #invoices-ed-frm-renderer{
        background-color: var(--primary-bg-color);
    }

    .secondary-invoices-container .ace-standard-form-inside-with-title-and-footer,
    .secondary-invoices-container .ace-standard-form-inside-with-title-and-footer-desktop-only {
        height: calc(100% - 200px);
    }
    .secondary-invoices-container .ace-standard-form-inside-with-mobile-title-and-footer{
        height: calc(100% - 150px);
    }

    .ace-standard-form.qp-invoices-expanded-area > .ace-form-container > .ace-form-inner > .ace-standard-form-footer{
        display: none;
    }

    .ace-standard-form.qp-invoices-expanded-area > .ace-form-container > .ace-form-inner > .ace-standard-form-inside-with-mobile-title-and-footer {
        height: 100%
    }

    .ace-form-inner #invoices-ed-frm-renderer {
        background: var(--form-inside-highlight-color);
    }


    .ace-form-popup-small > .ace-form-container  > .ace-form-inner{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .ace-form-popup-small  > .ace-form-container  > .ace-form-inner .ace-standard-form-popup-combo,
    .ace-form-popup-small  > .ace-form-container  > .ace-form-inner .ace-standard-form-popup-autocomplete{
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .ace-form-popup-small  > .ace-form-container  > .ace-form-inner .ace-standard-form-popup-autocomplete .ace-grid-auto-complete{
        position:static !important;
    }

    .ace-form-popup-small  > .ace-form-container  > .ace-form-inner .ace-standard-form-popup-autocomplete .ace-autocomplete-field input ~ .ace-autocomplete-clear-button {
        position: absolute;
        margin-top: 15px;
    }


/*
 * end various utility classes
 */


/*
 * begin dashboard related elements
 */

    .dashboard-balance .ace-text-field{
        display:flex;
        flex-direction:column-reverse;
        padding-bottom: 0;
    }
    .dashboard-balance input{
        font-weight:700;
        font-size:18px;
    }
    .dashboard-balance label{
        text-transform:uppercase;
        font-weight:300;
        position: static;
        flex-basis:initial !important;
    }

/*
 * end dashboard related elements
 */

/*
 *  begin mega cards
 */
    .qp-mega-card {
        position:relative;
        background-color:  var(--white);
        border-radius:8px;
        overflow:hidden;
        box-shadow: 0px 1px 8px var(--primary-shadow-color) !important;
        color: var(--primary-color) !important;
        padding: var(--ace-container-default-side-padding);

        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -webkit-transition: all ease-in-out .1s;
        -moz-transition: all ease-in-out .1s;
        -o-transition: all ease-in-out .1s;
        -ms-transition: all ease-in-out .1s;
    }

    .qp-mega-card:after{
        content:' ';
        position:absolute;
        width:100%;
        height:100%;
         bottom:0;
         z-index:-1;
        background: url(images/card_bg.png) no-repeat bottom right /cover;
    }
    html[dir="ltr"] .qp-mega-card:after { left:0; }
    html[dir="rtl"] .qp-mega-card:after {
        right:0;
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
    .qp-mega-card.qp-invoice-gen:after {
        filter: hue-rotate(250deg) brightness(69%);
    }

    .qp-mega-card span {
        color: var(--black);
        font-size: var(--ace-smaller-font-size);
        margin-top: 4px;
    }
    .qp-mega-card .qp-dashcard-icon{
        font-size:40px;
        width: 80px;
        text-align: center;
    }
    .qp-mega-card p{
        font-size: var(--ace-small-title-size);
        font-weight:200;
    }
    .qp-mega-card .qp-dashcard-acticon{
        position:absolute;
        font-size: var(--ace-huge-title-size);
        color: var(--contrast-font-color);
        top:0;
        bottom:0;
        display:flex;
        align-items:center;
        padding-top: 12px;
    }
    html[dir="ltr"] .qp-mega-card .qp-dashcard-acticon{ right:24px; }
    html[dir="rtl"] .qp-mega-card .qp-dashcard-acticon{ left:24px; }

    .qp-mega-card.qp-invoice-gen{ color: var(--blue-very-dark) !important; }

    .qp-mega-card i:before {
        line-height: 1 !important;
    }

/*
 *  end mega cards
*/

/*
 * begin welcome screen
 */
    html[dir="ltr"] #qp-welcome-renderer.ace-standard-form { padding-right: 0px; }
    html[dir="rtl"] #qp-welcome-renderer.ace-standard-form { padding-left: 0px; }

    #qp-welcome-renderer .ace-entry-card {
        margin: 0px;
        box-shadow: none;
    }
    .qp-card-button{
        border:none;
        background-color: var(--form-inside-highlight-color) !important;
        box-shadow: 0px 1px 8px var(--primary-shadow-color);
        transition:ease .2s;
        position:relative;
        border-radius: 8px;
        text-align:center;
        margin-top:98px;
        margin-left:auto;
        margin-right:auto;
    }
    .qp-card-button h2{
        margin: 40px 0 24px 0;
        font-weight:200;
        transition:ease .2s;
        font-size:20px;
    }
    .qp-card-button:after{
        content:' \f175';
        position:absolute;
        z-index:0;
        top:0;
        left:0;
        transition:ease .2s;
        right:0;
        margin:auto;
        font-size:24px;
        font-family: "FontAwesome","Font Awesome 5 Pro";
        color: var(--primary-color);
    }
    .qp-card-button:hover:after{ transform:translateY(26px); }
    .qp-card-button:hover h2 { transform:translateY(10px); }
    div.qp-card-logo {
        position: absolute;
        top: -41px;
        flex-direction: column;
        left: 0;
        right: 0;
        width: 70px;
        color: var(--contrast-font-color);
        height: 70px;
        transition: ease-in-out .3s;
        border-radius: 50%;
        margin: auto;
        padding: var(--ace-common-left-right-padding);
        overflow: hidden !important;
        box-shadow: 0px 1px 4px rgba(0,0,0,0.26);
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 43px;
        z-index:1;
        background-color: var(--primary-color);
        border: 4px solid var(--primary-color);
    }
    .qp-card-button:hover div.qp-card-logo {
        box-shadow: 0px 3px 7px rgba(0,0,0,0.26);
    }
    .qp-card-button:hover{
         box-shadow: 0 1px 18px rgba(0,0,0,0.16);
         background-colo: var(--white) !important;
    }

    .qp-welcome-screen .ace-title-bar .qp-welcome-img-container {
        width: var(--ace-tittle-bar-height);
        height: var(--ace-tittle-bar-height);
        text-align:center
    }
    .qp-welcome-screen .ace-title-bar .qp-welcome-img-container img {
        width: var(--ace-tittle-bar-height);
        height: var(--ace-tittle-bar-height);
    }
    .qp-welcome-screen .qp-welcome-screen-title-bar .qp-welcome-title-text {
        width: calc(100% - var(--ace-tittle-bar-height));
    }

    @media screen and (min-width: 320px) and (max-width: 680px) {
        .qp-card-button {
            margin: 0;
            margin-top: 68px;
        }

        html[dir="ltr"] .qp-card-button {
            margin-right: 0 !important;
        }

        html[dir="rtl"] .qp-card-button {
            margin-left: 0 !important;
        }
    }
/*
 * end welcome screen
 */

/*
 * begin invoice badges
 */
    .im-invoice-state-badge span[type]{
        background-color: #e8f0f2;
        padding: 3px 0;
        width:32px;
        height:32px;
        transition: cubic-bezier(0.74, 0.37, 0.42, 0.83) .25s;
        display:flex;
        justify-content:center;
        align-items: center;
        flex-wrap:wrap;
        align-content: flex-start;
        color: var(--contrast-font-color);
        overflow: hidden;
    }
    html[dir="ltr"] .im-invoice-state-badge span[type]{
        float: left;
        padding-right: var(--ace-common-left-right-padding);
        border-bottom-right-radius:60px;
    }
    html[dir="rtl"] .im-invoice-state-badge span[type]{
        float: right;
        padding-left: var(--ace-common-left-right-padding);
        border-bottom-left-radius:60px;
    }
    .im-invoice-state-badge span[type]:hover{
        box-shadow: inset -1px -1px 16px rgba(0,0,0,0.2);
        width: 90px;
        height: 68px;
        padding-top: 8px;
    }
    .im-invoice-state-badge span[type]:before{
        display:block;
        min-width:100%;
        text-align:center;
    }

    .im-invoice-state-badge span[type="0"] {
        background-color: #e8f0f2;
        color: var(--gray-dark);
    }

    .im-invoice-state-badge span[type="0"]:before {
        color: var(--gray-dark);
        content: '\f00d';
    }

    .im-invoice-state-badge span[type="1"] {
        background-color: #ffc600;
    }

    .im-invoice-state-badge span[type="1"]:before {
        content: '\f274';
    }

    .im-invoice-state-badge span[type="2"] {
        background-color: var(--pink);
    }

    .im-invoice-state-badge span[type="2"]:before {
        content: '\f071';
        color: var(--contrast-font-color);
        display: block;
    }

    .im-invoice-state-badge span[type="10"] {
        background-color: var(--green-secondary);
        color: var(--contrast-font-color);
    }

    .im-invoice-state-badge span[type="10"]:before {
        content: '\f00c';
    }

    .im-invoice-state-badge span[type="10"][storno="1"] {
        background-color: darkcyan;
        color: var(--contrast-font-color);
    }

    .im-invoice-state-badge span[type="10"][storno="1"]:before {
        content: '\f3e5';
    }

    .im-invoice-state-badge span[type="3"] {
        background-color: var(--green);
        color: var(--contrast-font-color);
    }

    .im-invoice-state-badge span[type="3"]:before { content: '\f733'; }


/*
 * end invoice badges
 */

/*
 * begin timeline
 */
    .qp-card span {
        font-size: var(--ace-tiny-title-size);
    }
    .qp-card p,
    .qp-card h3{
        margin: 0;
    }
    .qp-card {
        margin-top:10px;
        padding: var(--ace-common-left-right-padding);

        background-color: var(--form-inside-highlight-color);

        width: 80%;
    }
    .qp-timeline {
        position:relative;
        height: auto;
    }
    .qp-timeline .qp-timeline-icon:after{
        content:' ';
        width:2px;
        height:100%;
        background-color: rgba(0, 0, 0, 0.19);
        position:absolute;
        top:32px;
        z-index: 0;
    }
    html[dir="ltr"] .qp-timeline .qp-timeline-icon:after{ left: 20px; }
    html[dir="rtl"] .qp-timeline .qp-timeline-icon:after{ right: 20px; }
    .qp-timeline .qp-timeline-row:last-child .qp-timeline-icon:after{ content:initial; }

    .qp-timeline .qp-timeline-row {
        display:flex;
        position:relative;
    }
    .qp-timeline .qp-timeline-icon:before{
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        min-width: 42px;
        display:flex;
        justify-content:center;
        align-items:center;
        font-size: var(--ace-small-title-size);
        background-color: var(--gray);
        border-radius:50%;
        box-shadow:0px 0px 8px var(--primary-shadow-color);
        color: var(--contrast-font-color);
        margin-top: 16px;
        z-index: 2;
        position: relative;
    }
    html[dir="ltr"] .qp-timeline .qp-timeline-icon:before{ margin-right:12px; }
    html[dir="rtl"] .qp-timeline .qp-timeline-icon:before{ margin-left:12px; }
    .qp-timeline .qp-timeline-icon[type="1"]:before{ background-color: var(--blue-light); }
    .qp-timeline .qp-timeline-icon[type="2"]:before{ background-color: var(--orange); }
    .qp-timeline .qp-timeline-icon[type="3"]:before { background-color: var(--primary-color); }
    .qp-timeline .qp-timeline-icon[type="4"]:before{ background-color: var(--pink); }

    #dashboard-activity-timeline { align-content: flex-start; }
    #dashboard-activity-timeline .qp-timeline-row {
        flex: 0 1 100%;
    }

    @media screen and (min-width: 320px) and (max-width: 680px){
        #dashboard-activity-timeline .qp-timeline-row:last-child {
            padding-bottom: 70px;
        }
    }

/*
 * end timeline
 */

/*
 * begin various image related classes
 */
    .inv-thumb > img {
        height: 339px;
        margin: auto;
        display: block;
    }
    html[dir="ltr"] .inv-thumb { padding-left: 0 !important; }
    html[dir="rtl"] .inv-thumb { padding-right: 0 !important; }

    .qp-tiny-profile-pic {
        object-fit: cover;
    }
    img.qp-tiny-profile-pic{
        width:32px;
        height:32px;
    }
/*
 * end invoice pdf template
 */

/*
 * begin independent pages
 */
    .payment-info { overflow-y: auto; }
    .pay-payment-method:hover { box-shadow: 0 0 3px #aaa; }

    html[dir="ltr"] .qp-payment-info .qp-total-description { text-align: right; }
    html[dir="rtl"] .qp-payment-info .qp-total-description { text-align: left; }
    html[dir="ltr"] .qp-payment-info .qp-total-description span { float: left; }
    html[dir="rtl"] .qp-payment-info .qp-total-description span { float: right; }

    html[dir="ltr"] .qp-payment-info label {
        text-align: left;
        padding-left: 10px;
    }
    html[dir="rtl"] .qp-payment-info label {
        text-align: right;
        padding-right: 10px;
    }
    .qp-payment-info h3 {
        padding-bottom: 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        width: 100%;
    }
    .qp-payment-info { height: fit-content; }
    .qp-payment-methods .ace-display-field { justify-content: space-between; }
    .qp-payment-methods-val { max-width: 450px; }
    .qp-payment-methods-aswaq { max-width: 450px; }

    .qp-payment-info .ace-display-field { justify-content: flex-end; }
    .qp-payment-info .ace-display-field label {
        font-weight: bold;
        color: #4d4d4d !important;
    }

    .qp-max-content { max-width: max-content; }


    #details-card .qp-payment-info .ace-display-field,
    .qp-details-card-header .ace-display-field {
        justify-content: flex-end;
    }

    #details-card {
        margin-top: 0px;
        background-color:white;
        border-bottom: 7px solid rgb(var(--primary-color));
    }
    #details-card .qp-details-card-header {
        background: url(../apps/base/tpl/templates/invoices/imgs/bk-pay.jpg) center center repeat;
    }
    #details-card .qp-col-logo {
        background-color: var(--form-inside-highlight-color);
        width: 90px;
        height: 90px;
        max-width: 90px;
        max-height: 90px;
        transition: ease-in-out .3s;
        border-radius: 50%;
        overflow: hidden !important;
        border: 4px solid rgb(var(--primary-color));
        box-shadow: 0px 1px 4px rgba(0,0,0,0.26);
        margin-left: 0;
    }
    #details-card .qp-col-logo > img {
        object-fit: cover;
        width: 100%;
        height: auto;
    }
    #details-card h1 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: rgb(var(--primary-color));
    }

    .qp-title{
        margin:10px 0;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .qp-subtitle{
        opacity: 0.7;
        margin: 0;
    }

    @media screen and (min-width: 681px) {
        #details-card .pm-method {
            justify-content: space-evenly;
            flex-wrap: nowrap;
            align-items: center;
            flex-direction: row-reverse;
        }
        #details-card .pm-method img {
            height: auto !important;
            width: 100%;
        }
        #details-card .pay-payment-method {
            flex: 100%;
            max-width: 110px;
        }
        #details-card h2 span {
            line-height: 1.4;
        }

    }

    @media screen and (max-width: 440px) {
        #details-card .pm-method {
            overflow: auto;
            display: flex;
            justify-content: space-evenly;
            flex-wrap: nowrap;
            align-items: center;
            flex-direction: row-reverse;
        }
        #details-card .pm-method img {
            height: 50px !important;
            width: auto;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 680px) {

        .qp-payment-methods > div { margin: 0; }

        html[dir="ltr"] .qp-payment-methods h3 { text-align: left; }
        html[dir="rtl"] .qp-payment-methods h3 { text-align: right; }
    }
/*
 * end independent pages
 */

/*
 * begin KYC related
 */
    .default-signature-canvas{
        width: 90%;
        min-height: 100px;
        height: 50%;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
        border: 1px solid black;
    }

    .ace-normalize-top-select-cell .ace-grid-cell select{
        top: initial;
    }

    .ace-normalize-grid-height .ace-grid{
        height: auto;
    }
    .ace-normalize-grid-height .ace-grid .ace-grid-body{
        height: auto;
    }

    .view-kyc {
        cursor: hand;
    }
/*
 * end KYC related
 */

/*
 * end search-panel customization
 */
    .ace-search-panel .ace-trigger-btn-container{
        display:flex;
        flex-direction:row;
    }
    .ace-search-panel a.fa-search{
        position:absolute;
        border:none !important;
        margin:0;
    }
    html[dir="ltr"] .ace-search-panel a.fa-search{ left:-37px; }
    html[dir="rtl"] .ace-search-panel a.fa-search{ right:-37px; }
/*
 * end search-panel customization
 */

/*
 * begin popup customization
 */
    .ace-form-popup > .ace-form-container{ padding-bottom: 55px; }
    .ace-no-padding.ace-form-popup > .ace-form-container{ padding:0; }
/*
 * end popup customization
 */

/*
 * begin title bar customization
 */
    .ace-menu-trigger{
        background-image: url(http://app4.7sab.com/layout/contexts/1v2/imgs/logo-small-dark.png);
        background-size: cover;
        background-color: transparent;
    }

    #app-menu-button .ace-dropdown-list {
        max-height: 80vh;
        overflow-y: auto;
    }
    #app-menu-button .ace-dropdown-list a {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        height: 40px;
    }

    .ace-title-bar *{
        order:2;
    }
    .ace-title-bar h2{
        order:1;
    }
    .ace-title-bar .ace-soft-close {
        order: 0;
    }
    .ace-transparent-title-bar *{
        order:2;
    }
    .ace-transparent-title-bar h2{
        order:1;
    }
    .ace-transparent-title-bar .ace-soft-close {
        order: 0;
    }

    .ace-buttons-groups {
        display: flex;
        align-items: center;
        padding-right: 5px;
    }
    html[dir="ltr"] .ace-buttons-groups { padding-right: 5px; }
    html[dir="rtl"] .ace-buttons-groups { padding-left: 5px; }

    .ace-title-bar button,
    .ace-transparent-title-bar button{
        background-color: transparent;
        border: none;
    }

    .app-title-container {
        position: fixed;
        top: 8px;
    }
/*
 * end title bar customization
 */

/*
 * begin social fields
 */
    .qp-social-field input.ace-efld{
        background-repeat:no-repeat !important;
        background-position:12px center !important;
        background-size:18px !important;
    }
    html[dir="ltr"] .qp-social-field input.ace-efld,
    html[dir="ltr"] .qp-social-field label
    {
        padding-left:45px !important;
    }
    html[dir="rtl"] .qp-social-field input.ace-efld,
    html[dir="rtl"] .qp-social-field label{
        padding-right:45px !important;
    }

    .qp-social-field.social-aswaq input{ background-image:url("data:image/svg+xml,%3Csvg width='19px' height='20px' viewBox='0 0 19 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3CradialGradient cx='50%25' cy='0%25' fx='50%25' fy='0%25' r='128.210161%25' id='radialGradient-1'%3E%3Cstop stop-color='%233DFF6F' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%232DB443' offset='100%25'%3E%3C/stop%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M11.8553423,14.0826853 L11.7690119,13.0677666 L11.7899532,13.0677666 L11.663608,11.677547 C11.1061555,11.7776722 10.5373151,11.8132833 9.96805988,11.7823336 C9.38822314,11.7467153 8.81314771,11.6543171 8.25087309,11.5064307 L7.45510361,11.251751 L6.70121672,10.9546248 C6.23373722,10.7577254 5.77909086,10.5308854 5.34003208,10.2754791 C4.99554722,10.0568396 4.63895811,9.85842882 4.27202566,9.68122659 C3.72043426,9.42675742 3.11877332,9.30335299 2.51295627,9.32043044 L1.96848241,9.38410035 L1.78001069,9.42654696 L1.92659981,9.27798383 C2.08004061,9.15056792 2.24894362,9.04358199 2.42919106,8.95963428 C2.70804756,8.8260479 3.00416594,8.73315795 3.30872576,8.68373134 C3.71104495,8.61865511 4.1210021,8.61865511 4.52332129,8.68373134 L4.85838212,8.74740125 L5.21438426,8.83229446 L5.88450594,9.0657508 L6.55462761,9.29920714 L7.22474928,9.51144017 C7.68545793,9.66000329 8.16710788,9.76611981 8.64875783,9.87223632 C9.12545755,9.96976914 9.60827174,10.033593 10.0937077,10.0632461 C10.5686694,10.0926184 11.0452789,10.0784117 11.5177162,10.0207994 C11.9853059,9.9580863 12.4473977,9.85874687 12.8998422,9.7236732 C13.8003182,9.46899356 14.6798529,9.0657508 15.5384463,8.89596437 C15.9298501,8.80659952 16.3313226,8.77090839 16.7321005,8.78984786 C17.0394247,8.81178392 17.3423682,8.87604456 17.6325765,8.98085759 C17.8145198,9.04907237 17.9897895,9.13433475 18.1561091,9.23553723 L18.3236395,9.34165374 L17.5697526,9.34165374 C17.3009129,9.35655875 17.0342755,9.39922633 16.7739831,9.46899356 C16.4480869,9.56418837 16.1323976,9.69216456 15.8316245,9.85101302 C15.6211344,9.95100895 15.4003135,10.0740385 15.1652681,10.2089202 L15.6375231,13.9804028 C15.816563,13.9215421 15.9931225,13.8547467 16.1666853,13.7801705 C16.882983,13.470303 17.5583234,13.0710494 18.1770504,12.5916655 L18.6796416,12.2308693 L18.847172,12.0610829 C18.828365,12.1419569 18.8002507,12.2203124 18.7634068,12.2945392 C18.662259,12.5096027 18.5431581,12.7155107 18.4074047,12.910015 C18.2027358,13.2200897 17.9714858,13.5112693 17.7163417,13.7801705 C17.3869575,14.1358633 17.0220177,14.4559293 16.627394,14.7352191 C16.3698593,14.9169238 16.0996939,15.0787954 15.8191972,15.2196532 L16.3551571,19.7863653 C15.7113333,19.8943012 15.0601698,19.9510696 14.407616,19.9561517 C13.7342587,19.9503434 13.0622691,19.8935902 12.3972509,19.7863653 L12.0412488,15.8600542 L12.0203075,15.8600542 L12.0203075,15.7526024 C11.6828795,15.713698 11.3473866,15.6574984 11.015125,15.5841512 C10.3020343,15.4180421 9.61249663,15.1613315 8.96287737,14.8201123 C8.34470194,14.4950664 7.7498923,14.1262827 7.18286668,13.7165005 C7.18281894,13.7164648 7.18277121,13.716429 7.18272347,13.7163932 L6.24050807,15.8600542 L6.03109505,16.3481901 L4.54426259,19.7863653 C3.87993385,19.8992631 3.20750141,19.9560538 2.53389757,19.9561517 C1.88803728,19.9566907 1.2433723,19.899878 0.607297766,19.7863653 L4.03539292,12.4061351 C3.59794766,12.367116 3.15734243,12.3794808 2.72236929,12.4431023 C2.31002989,12.5072699 1.90837278,12.6286755 1.52871507,12.8038985 C1.22403006,12.9480225 0.936069524,13.1259727 0.670121672,13.3344811 C0.49352353,13.4490836 0.325534503,13.576772 0.167530418,13.7165005 L0,13.9075103 C0.0220368512,13.8276503 0.0500394689,13.7496061 0.0837652091,13.6740539 C0.171921935,13.449938 0.28429356,13.2364039 0.418826045,13.0373548 C0.629098307,12.7257893 0.883064372,12.4469544 1.17271293,12.209646 C1.56197824,11.8909606 2.00072394,11.6399463 2.47107367,11.4668304 C3.02848813,11.2559632 3.61487243,11.134243 4.20920175,11.1060342 L4.6699104,11.1060342 L5.19344296,11.1484808 C5.54257292,11.1898716 5.88648086,11.2681151 6.21956677,11.3819372 C6.875968,11.6243238 7.50161526,11.9449222 8.08334267,12.3369858 C8.64875783,12.697782 9.17229039,13.0373548 9.71676425,13.3132578 L10.5544163,13.6952772 L11.3920684,13.9711802 C11.54577,14.0115626 11.7002274,14.0487369 11.8553423,14.0826853 Z M5.88450594,8.3137467 L5.84262333,8.3137467 L9.59111644,0.206444859 L10.7219468,0.0791050394 L11.8527771,0.0366584329 C12.5818348,0.0398899583 13.3097042,0.0966338865 14.0306725,0.206444859 L14.9939724,8.25007679 C14.3029094,8.44108652 13.5909052,8.73821276 12.8789009,8.9504458 C12.4264771,9.08560221 11.9643789,9.18494301 11.4967749,9.24757204 L11.1198315,4.70578515 L9.15134909,9.20512544 L8.64875783,9.12023222 C8.16710788,9.01411571 7.68545793,8.90799919 7.22474928,8.75943607 L6.55462761,8.54720304 L5.88450594,8.3137467 Z' id='Combined-Shape' stroke='none' fill='url%28%23radialGradient-1%29' fill-rule='nonzero'%3E%3C/path%3E%3C/svg%3E") !important; }
    .qp-social-field.social-instagram input {
        background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Layer_1' style='enable-background:new 0 0 0 0;' version='1.1' viewBox='0 0 512 512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:url%28%23XMLID_2_%29;%7D .st1%7Bfill:url%28%23XMLID_3_%29;%7D .st2%7Bfill:url%28%23XMLID_4_%29;%7D%0A%3C/style%3E%3Cg id='XMLID_138_'%3E%3CradialGradient cx='201.7737' cy='461.3592' gradientUnits='userSpaceOnUse' id='XMLID_2_' r='261.1088'%3E%3Cstop offset='0' style='stop-color:%23FFD776'/%3E%3Cstop offset='0.2463' style='stop-color:%23F3A554'/%3E%3Cstop offset='0.3793' style='stop-color:%23F15C3C'/%3E%3Cstop offset='0.5394' style='stop-color:%23D94867'/%3E%3Cstop offset='0.6995' style='stop-color:%23C32F87'/%3E%3Cstop offset='0.9122' style='stop-color:%237D63A7'/%3E%3Cstop offset='0.9852' style='stop-color:%235C6CB3'/%3E%3C/radialGradient%3E%3Cpath class='st0' d='M378.7,247.7c-3.3-8.5-7.7-15.7-14.9-22.9c-7.2-7.2-14.4-11.6-22.9-14.9 c-8.2-3.2-17.7-5.4-31.4-6c-13.8-0.6-18.2-0.8-53.4-0.8s-39.6,0.1-53.4,0.8c-13.8,0.6-23.2,2.8-31.4,6c-8.5,3.3-15.7,7.7-22.9,14.9 c-7.2,7.2-11.6,14.4-14.9,22.9c-3.2,8.2-5.4,17.7-6,31.4c-0.6,13.8-0.8,18.2-0.8,53.4c0,35.2,0.1,39.6,0.8,53.4 c0.6,13.8,2.8,23.2,6,31.4c3.3,8.5,7.7,15.7,14.9,22.9c7.2,7.2,14.4,11.6,22.9,14.9c8.2,3.2,17.7,5.4,31.4,6 c13.8,0.6,18.2,0.8,53.4,0.8s39.6-0.1,53.4-0.8c13.8-0.6,23.2-2.8,31.4-6c8.5-3.3,15.7-7.7,22.9-14.9c7.2-7.2,11.6-14.4,14.9-22.9 c3.2-8.2,5.4-17.7,6-31.4c0.6-13.8,0.8-18.2,0.8-53.4s-0.1-39.6-0.8-53.4C384.1,265.3,381.9,255.9,378.7,247.7z M361.4,384.8 c-0.6,12.6-2.7,19.5-4.5,24c-2.3,6-5.2,10.4-9.7,14.9c-4.5,4.5-8.8,7.3-14.9,9.7c-4.6,1.8-11.4,3.9-24,4.5 c-13.7,0.6-17.7,0.8-52.3,0.8s-38.7-0.1-52.3-0.8c-12.6-0.6-19.5-2.7-24-4.5c-6-2.3-10.4-5.2-14.9-9.7c-4.5-4.5-7.3-8.8-9.7-14.9 c-1.8-4.6-3.9-11.4-4.5-24c-0.6-13.7-0.8-17.8-0.8-52.3s0.1-38.7,0.8-52.3c0.6-12.6,2.7-19.5,4.5-24c2.3-6,5.2-10.4,9.7-14.9 c4.5-4.5,8.8-7.3,14.9-9.7c4.6-1.8,11.4-3.9,24-4.5c13.7-0.6,17.8-0.8,52.3-0.8s38.7,0.1,52.3,0.8c12.6,0.6,19.5,2.7,24,4.5 c6,2.3,10.4,5.2,14.9,9.7c4.5,4.5,7.3,8.8,9.7,14.9c1.8,4.6,3.9,11.4,4.5,24c0.6,13.7,0.8,17.8,0.8,52.3S362,371.2,361.4,384.8z' id='XMLID_142_'/%3E%3CradialGradient cx='228.1541' cy='398.6691' gradientUnits='userSpaceOnUse' id='XMLID_3_' r='134.0828'%3E%3Cstop offset='0' style='stop-color:%23FFD776'/%3E%3Cstop offset='0.2463' style='stop-color:%23F3A554'/%3E%3Cstop offset='0.3793' style='stop-color:%23F15C3C'/%3E%3Cstop offset='0.607' style='stop-color:%23D94867'/%3E%3Cstop offset='0.8346' style='stop-color:%23C32F87'/%3E%3Cstop offset='0.9577' style='stop-color:%237D63A7'/%3E%3Cstop offset='1' style='stop-color:%235C6CB3'/%3E%3C/radialGradient%3E%3Cpath class='st1' d='M256,266c-36.7,0-66.5,29.8-66.5,66.5c0,36.7,29.8,66.5,66.5,66.5s66.5-29.8,66.5-66.5 C322.5,295.8,292.7,266,256,266z M256,375.7c-23.8,0-43.2-19.3-43.2-43.2c0-23.8,19.3-43.2,43.2-43.2s43.2,19.3,43.2,43.2 C299.2,356.3,279.8,375.7,256,375.7z' id='XMLID_145_'/%3E%3CradialGradient cx='318.6223' cy='278.8304' gradientUnits='userSpaceOnUse' id='XMLID_4_' r='31.333'%3E%3Cstop offset='0' style='stop-color:%235F6DB3'/%3E%3Cstop offset='1' style='stop-color:%235C6CB3'/%3E%3C/radialGradient%3E%3Ccircle class='st2' cx='325.1' cy='263.4' id='XMLID_143_' r='15.5'/%3E%3C/g%3E%3C/svg%3E") !important;
        background-size:28px !important;
        background-position:6px 0px !important;
    }
    .qp-social-field.social-twitter input{ background-image:url("data:image/svg+xml,%3Csvg width='21px' height='17px' viewBox='9 9 21 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator:Sketch 42 %2836781%29 - http://www.bohemiancoding.com/sketch --%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cpath d='M16.2220306,25.024777 C23.737541,25.024777 27.8483171,18.8623287 27.8483171,13.5188464 C27.8483171,13.343424 27.8483171,13.1689872 27.8363672,12.9955359 C28.6360167,12.4239351 29.3261252,11.7143616 29.8748261,10.9022942 C29.1299471,11.2294864 28.3382643,11.4443295 27.5286565,11.5389393 C28.3810848,11.0333682 29.0194103,10.2390402 29.3251293,9.3018119 C28.5224924,9.77288983 27.6451683,10.1050096 26.7300028,10.2833885 C25.1824868,8.65531164 22.594331,8.57647014 20.9482281,10.1079662 C19.8876718,11.0954559 19.4365619,12.5678208 19.7661808,13.9721849 C16.4809458,13.8085888 13.4197719,12.2731507 11.3444673,9.74726634 C10.2600111,11.5951139 10.8146871,13.9583877 12.6101641,15.1449522 C11.9598887,15.1262273 11.3235549,14.952776 10.7549374,14.6393811 L10.7549374,14.6906281 C10.7559332,16.6153461 12.1271878,18.2729885 14.0332017,18.6543842 C13.4317218,18.8169948 12.8003672,18.8406473 12.1889291,18.7233705 C12.7236885,20.3711578 14.2582587,21.4995767 16.005936,21.5320988 C14.5589986,22.6575611 12.7714882,23.2685827 10.9311989,23.2666117 C10.6065591,23.2656262 10.2819193,23.2469013 9.95827538,23.2084661 C11.8274437,24.3950306 14.0013352,25.024777 16.2220306,25.0218205' id='twitter-%5B%23154%5D' stroke='none' fill='%2300ACED' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") !important; }
    .qp-social-field.social-snapchat input{ background-image:url("data:image/svg+xml,%3Csvg width='23px' height='23px' viewBox='7 6 23 23' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator:Sketch 42 %2836781%29 - http://www.bohemiancoding.com/sketch --%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cimage id='snapchat-2-xxl' stroke='none' fill='none' x='7.96662031' y='6.00594648' width='21.9082058' height='22.0218038' xlink:href='data:image/png;base64,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'%3E%3C/image%3E%3C/svg%3E") !important; }
    .qp-social-field.social-wapp input{ background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='2489' height='2500' viewBox='0 0 1219.547 1225.016'%3E%3Cpath fill='%23E0E0E0' d='M1041.858 178.02C927.206 63.289 774.753.07 612.325 0 277.617 0 5.232 272.298 5.098 606.991c-.039 106.986 27.915 211.42 81.048 303.476L0 1225.016l321.898-84.406c88.689 48.368 188.547 73.855 290.166 73.896h.258.003c334.654 0 607.08-272.346 607.222-607.023.056-162.208-63.052-314.724-177.689-429.463zm-429.533 933.963h-.197c-90.578-.048-179.402-24.366-256.878-70.339l-18.438-10.93-191.021 50.083 51-186.176-12.013-19.087c-50.525-80.336-77.198-173.175-77.16-268.504.111-278.186 226.507-504.503 504.898-504.503 134.812.056 261.519 52.604 356.814 147.965 95.289 95.36 147.728 222.128 147.688 356.948-.118 278.195-226.522 504.543-504.693 504.543z'/%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='609.77' y1='1190.114' x2='609.77' y2='21.084'%3E%3Cstop offset='0' stop-color='%2320b038'/%3E%3Cstop offset='1' stop-color='%2360d66a'/%3E%3C/linearGradient%3E%3Cpath fill='url%28%23a%29' d='M27.875 1190.114l82.211-300.18c-50.719-87.852-77.391-187.523-77.359-289.602.133-319.398 260.078-579.25 579.469-579.25 155.016.07 300.508 60.398 409.898 169.891 109.414 109.492 169.633 255.031 169.57 409.812-.133 319.406-260.094 579.281-579.445 579.281-.023 0 .016 0 0 0h-.258c-96.977-.031-192.266-24.375-276.898-70.5l-307.188 80.548z'/%3E%3Cimage overflow='visible' opacity='.08' width='682' height='639' xlink:href='FCC0802E2AF8A915.png' transform='translate%28270.984 291.372%29'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FFF' d='M462.273 349.294c-11.234-24.977-23.062-25.477-33.75-25.914-8.742-.375-18.75-.352-28.742-.352-10 0-26.25 3.758-39.992 18.766-13.75 15.008-52.5 51.289-52.5 125.078 0 73.797 53.75 145.102 61.242 155.117 7.5 10 103.758 166.266 256.203 226.383 126.695 49.961 152.477 40.023 179.977 37.523s88.734-36.273 101.234-71.297c12.5-35.016 12.5-65.031 8.75-71.305-3.75-6.25-13.75-10-28.75-17.5s-88.734-43.789-102.484-48.789-23.75-7.5-33.75 7.516c-10 15-38.727 48.773-47.477 58.773-8.75 10.023-17.5 11.273-32.5 3.773-15-7.523-63.305-23.344-120.609-74.438-44.586-39.75-74.688-88.844-83.438-103.859-8.75-15-.938-23.125 6.586-30.602 6.734-6.719 15-17.508 22.5-26.266 7.484-8.758 9.984-15.008 14.984-25.008 5-10.016 2.5-18.773-1.25-26.273s-32.898-81.67-46.234-111.326z'/%3E%3Cpath fill='%23FFF' d='M1036.898 176.091C923.562 62.677 772.859.185 612.297.114 281.43.114 12.172 269.286 12.039 600.137 12 705.896 39.633 809.13 92.156 900.13L7 1211.067l318.203-83.438c87.672 47.812 186.383 73.008 286.836 73.047h.255.003c330.812 0 600.109-269.219 600.25-600.055.055-160.343-62.328-311.108-175.649-424.53zm-424.601 923.242h-.195c-89.539-.047-177.344-24.086-253.93-69.531l-18.227-10.805-188.828 49.508 50.414-184.039-11.875-18.867c-49.945-79.414-76.312-171.188-76.273-265.422.109-274.992 223.906-498.711 499.102-498.711 133.266.055 258.516 52 352.719 146.266 94.195 94.266 146.031 219.578 145.992 352.852-.118 274.999-223.923 498.749-498.899 498.749z'/%3E%3C/svg%3E") !important; }
/*
 * end social fields
 */

/*
 * begin vertical rows
 */
    .qp-vertical-rows .ace-grid-row .ace-form-container {
        border:none;
        background-color: var(--form-inside-highlight-color) !important;
        box-shadow:0px 1px 8px var(--primary-shadow-color);
        transition:ease .2s;
        position:relative;
        border-radius:8px;
        margin: 10px;
    }

    .qp-vertical-rows .qp-col-logo img{
        object-fit: cover;
        max-width:100%;
        max-height:100%;
    }

    .qp-vertical-rows .qp-col-logo-parent{ height: 90px; }
    .qp-vertical-rows .qp-col-logo {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        margin: auto;
        padding: 0px;
        overflow: hidden !important;
        border: 2px solid rgb(var(--primary-color));
        box-shadow: 0px 1px 4px rgb(0 0 0);
        filter: brightness(121%) grayscale(70%);
    }
    .qp-vertical-rows .ace-grid-row:hover .qp-col-logo {
        filter:brightness(100%) grayscale(0%);
    }
    .qp-vertical-rows .qp-col-logo img{
        max-width:100%;
        max-height:100%;
    }

    .qp-highlight {
        height: 70px;
        max-height: 70px;
        overflow:hidden;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        background-color: rgb(242, 244, 246) !important;
    }

    #invoices-grid.qp-vertical-rows .ace-grid-row { max-height: 350px; }
    html[dir="ltr"] #invoices-grid.qp-vertical-rows .ace-grid-row{ padding-left: 0px; }
    html[dir="rtl"] #invoices-grid.qp-vertical-rows .ace-grid-row{ padding-right: 0px; }
/*
 * end vertical rows
 */

/*
 * begin custom badges
 */
    html[dir="ltr"] .ace-standard-form .qp-badge.ace-field-container input,
    html[dir="ltr"] .ace-standard-form .qp-badge.ace-field-container select{
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    html[dir="rtl"] .ace-standard-form .qp-badge.ace-field-container input,
    html[dir="rtl"] .ace-standard-form .qp-badge.ace-field-container select{
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    html[dir="ltr"] .ace-standard-form .qp-badge.ace-field-container .ace-badge {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    html[dir="rtl"] .ace-standard-form .qp-badge.ace-field-container .ace-badge {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }
/*
 * end custom badges
 */

/*
 * begin filter widget
 */
    .qp-filter-widget { font-size: var(--ace-tiny-title-size); }
    .qp-filter-widget .ace-badge {
        top: -10px;
        padding: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 16px;
        height: 16px;
        font-size: var(--ace-smaller-font-size);
        border-radius: 50% !important;
    }
    html[dir="ltr"] .qp-filter-widget .ace-badge { left: var(--ace-common-left-right-padding); }
    html[dir="rtl"] .qp-filter-widget .ace-badge { right: var(--ace-common-left-right-padding); }

    .qp-filter-widget .qp-filter-clear { opacity: 0; }
    .qp-filter-widget:hover .qp-filter-clear {
        opacity: 1 !important;
        color: var(--primary-color) !important;
        background-color: transparent;
        font-weight: normal;
    }

    .qp-filter-widget:hover .qp-filter-clear:hover i { font-weight: bolder; }
/*
 * end filter widget
 */

#qp-balance-container:hover {
    cursor: hand;
}

.ace-standard-form-popup-combo select {
    -webkit-appearance: none !important;
    -moz-appearance:    none !important;
    appearance:         none !important;
}
.ace-standard-form-popup-combo select option {
    -webkit-appearance: none !important;
    -moz-appearance:    none !important;
    appearance:         none !important;
}

/*input:-webkit-autofill,*/
/*input:-webkit-autofill:hover,*/
/*input:-webkit-autofill:focus,*/
/*input:-webkit-autofill:active{*/
/*    -webkit-box-shadow: 0 0 0 50px blue inset !important;*/
/*    -webkit-text-fill-color: white;*/
/*}*/

.ace-loader-text {
    padding: 10px;
}
.ace-loader-text:before {
    color: white;
}

.vis-badge {
    width: 20px;
    height: 20px;
}

.plan-installments-info {
    padding: 10px 10px;
}
.plan-installments-info div span {
    color: #1434CB;/*rgb(140, 23, 59);*/
}

#myLogingForm .ace-field-container {
    padding: 0px;
}