html,body{
    /* display: flex; */
    /* flex-direction: column; */
    height: 100vh;
}
@keyframes marquee{
    from{
        transform: translateX(-100%);
    }
    to{
        transform: translateX(400%);
    }
}
@keyframes rotate_clockwide{
    from{
        transform:rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
@keyframes rotate_reverseclockwide{
    from{
        transform:rotate(360deg);
    }
    to{
        transform: rotate(0deg);
    }
}
.fa{
    font-family: FontAwesome;
}
/* this fixes font issues when the
font awesome class is attached directly
to the a tag */
a.fa, a.far{
    font-family:"Roboto"
}
a.fa:before{
    font-family:FontAwesome;
}
a.far:before{
    font-family:"Font Awesome 5 Pro";
}
i[class*="fa-"],i[class*="icons8-"]{
   font-style: initial;
}
h1,h2,h3,h4,h5,p,ul,ol{
    margin:0;
}
/******** LAYOUT RULES *******/
.ace-app-edit-windwow{
    height:calc(100vh - 66px);
    width:100%;
}

.ace-main-nav{
    z-index: 4;
	max-height:66px;
}
.ace-main-nav .ace-user-intro{
    margin:0 var(--main-spacing);
}

.ace-wrapper{
    display:flex;
    flex-wrap:nowrap;
    height:calc(100vh - 66px);
    flex-basis:100%;
    max-width:100%;

}
#ace-app, .ace-general-wrapper,.ace-side-container{
    display:flex;
    flex-direction:column;
    height:100vh;
}
.ace-side-container{
    z-index: 3;
}
.ace-content{
   height: 100%;
   flex-basis:100%;
   max-width:100%;
   flex-grow: 1;
   position: relative;
   /* z-index:1; */
   overflow-y: hidden;
   overflow-x:hidden;
   -webkit-overflow-scrolling:touch;
}

html[dir="ltr"] .ace-content{
	padding-left: 0px;	
}
html[dir="rtl"] .ace-content{
	padding-right: 0px;	
}

.ace-clear{
    display:none;
}
html[dir="ltr"] .ace-pull-left{
    float:left;
}
html[dir="rtl"] .ace-pull-left{
    float:right;
}
html[dir="ltr"] .ace-pull-right{
    float:right;
}
html[dir="rtl"] .ace-pull-right{
    float:left;
}

html[dir="ltr"] .ace-pull-flex-left{
    margin-right:auto;
}
html[dir="rtl"] .ace-pull-flex-left{
    margin-left:auto;
}
html[dir="ltr"] .ace-pull-flex-right{
    margin-left:auto;
}
html[dir="rtl"] .ace-pull-flex-right{
    margin-right:auto;
}

.ace-justify-center{
    justify-content: center;
}
.ace-justify-space-around{
    justify-content: space-around;
}
.ace-justify-space-between{
    justify-content: space-between;
}
.ace-justify-left{
    justify-content: flex-start;
}
.ace-justify-right{
    justify-content: flex-end;
}

.ace-valign-center{
    align-items: center;
}
.ace-valign-baseline{
    align-items: baseline;
}
.ace-valign-top{
    align-items: flex-start;
}
.ace-valign-bottom{
    align-items: flex-end;
}
.ace-valign-strech{
    align-items: stretch;
}

.ace-content-valign-center{
    align-content: center;
}
.ace-content-valign-baseline{
    align-content: baseline;
}
.ace-content-valign-top{
    align-content: flex-start;
}
.ace-content-valign-bottom{
    align-content: flex-end;
}
.ace-content-valign-strech{
    align-content: stretch;
}

.ace-self-align-center{
    align-self: center;
}
.ace-self-align-bottom{
    align-self: flex-end;
}
.ace-self-align-top{
    align-self: flex-start;
}
.ace-self-align-baseline{
    align-self: baseline;
}
.ace-row-nowrap{
    flex-wrap: nowrap;
}
.ace-row.ace-row-nowrap{
    flex-wrap: nowrap;
}
.ace-container{
    max-width: 1200px;
    margin: 0 auto;
    flex-basis: 1200px;

    position: relative;
    overflow: hidden;
    padding-left:calc(var(--main-spacing) * 1.5);
    padding-right:calc(var(--main-spacing) * 1.5);
}
.ace-responsive-image {
    max-height: 100%;
    max-width: 100%;
}
.ace-fixed-size{
    flex:none;
}

.ace-field{
    display: flex;
    flex-wrap: nowrap;
}

.ace-form input, .ace-form .ace-field{
    margin-bottom: 5px;
}
.ace-form-help {
    font-size: 12px;
    margin: 0;
    margin-bottom: 10px;
    opacity: 0.7;

}

.ace-vertical-form input,
.ace-vertical-form .ace-label{
    margin-bottom: 3px;
}
/*.ace-vertical-form button,*/
/*.ace-vertical-form .ace-button{*/
/*    width: 95%;*/
/*}*/

/*** za grid ***/

.ace-row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.ace-row-reverse{
    flex-direction: row-reverse;
}
.ace-column{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.ace-fill-content{
    flex-grow: 1;
}
.ace-row-next:before, .ace-row-next:after{
    content: '';
    width: 100%;
    order: 1;
}


[class*="ace-col-"]{
    flex-grow: 1;
}

[class*="ace-col-"] > div > input{
    width: 100%;
}

.ace-col-1{
    flex-basis:8.33%;
    max-width:8.33%;
}
.ace-col-2{
    flex-basis:16.66%;
    max-width:16.66%;
}
.ace-col-3{
    flex-basis:25%;
    max-width:25%;
}
.ace-col-4{
    flex-basis:33.33%;
    max-width:33.33%;
}
.ace-col-5{
    flex-basis:41.66%;
    max-width:41.66%;
}
.ace-col-6{
    flex-basis:50%;
    max-width:50%;
}
.ace-col-7{
    flex-basis:58.33%;
    max-width:58.33%;
}
.ace-col-8{
    flex-basis:66.66%;
    max-width:66.66%;
}
.ace-col-9{
    flex-basis:75%;
    max-width:75%;
}
.ace-col-10{
    flex-basis: 83.33%;
    max-width:83.33%;
}
.ace-col-12{
    flex-basis:100%;
    max-width:100%;
}

	.ace-thin-col-1 {width: 4.16%;flex-basis: 4.16%;max-width: 4.16%;/* min-width: 8.33%; */}
    .ace-thin-col-2 {width: 8.33%;flex-basis:8.33%;max-width:8.33%;/* min-width: 16.66%; */}
    .ace-thin-col-3 {width: 12.5%;flex-basis: 12.49%;max-width: 12.49%;}
    .ace-thin-col-4 {width: 16.66%;flex-basis: 16.66%; max-width: 16.66%;}
    .ace-thin-col-5 {width: 20.83%;flex-basis: 20.83%; max-width: 20.83%;}
    .ace-thin-col-6 {width: 25%; flex-basis: 25%; max-width: 25%;}
    .ace-thin-col-7 {width: 29.16%;flex-basis: 29.16%; max-width: 29.16%;}
    .ace-thin-col-8 {width: 33.33%;flex-basis: 33.33%; max-width: 33.33%;}
    .ace-thin-col-9 {width: 37.5%;flex-basis: 37.5%;max-width: 37.5%;}
    .ace-thin-col-10 {width: 41.66%;flex-basis: 41.66%; max-width: 41.66%;}
    .ace-thin-col-11 {width: 45.83%;flex-basis: 45.83%; max-width: 45.83%;}
    .ace-thin-col-12 {width: 50%;flex-basis: 50%; max-width: 50%;}
    .ace-thin-col-13 {width: 54.16%;flex-basis: 54.16%;max-width: 54.16%;/* min-width: 8.33%; */}
    .ace-thin-col-14 {width: 58.33%;flex-basis:50.33%;max-width:50.33%;/* min-width: 16.66%; */}
    .ace-thin-col-15 {width: 62.5%;flex-basis: 62.5%;max-width: 62.5%;}
    .ace-thin-col-16 {width: 66.66%;flex-basis: 66.66%; max-width: 66.66%;}
    .ace-thin-col-17 {width: 70.83%;flex-basis: 70.83%; max-width: 70.83%;}
    .ace-thin-col-18 {width: 75%; flex-basis: 75%; max-width: 75%;}
    .ace-thin-col-19 {width: 79.16%;flex-basis: 79.16%; max-width: 79.16%;}
    .ace-thin-col-20 {width: 83.33%;flex-basis: 83.33%; max-width: 83.33%;}
    .ace-thin-col-21 {width: 87.5%;flex-basis: 87.5%;max-width: 87.5%;}
    .ace-thin-col-22 {width: 91.66%;flex-basis: 91.66%; max-width: 91.66%;}
    .ace-thin-col-23 {width: 95.83%;flex-basis: 95.83%; max-width: 95.83%;}
    .ace-thin-col-24 {width: 100%;flex-basis: 100%; max-width: 100%;}


    .ace-extra-thin-col-1 {width: 2.08%;flex-basis: 2.08%;max-width: 2.08%;}
    .ace-extra-thin-col-2 {width: 4.16%;flex-basis: 4.16%;max-width: 4.16%;}
    .ace-extra-thin-col-3 {width: 6.24%;flex-basis: 6.24%;max-width: 6.24%;}
    .ace-extra-thin-col-4 {width: 8.33%;flex-basis:8.33%;max-width:8.33%;}
    .ace-extra-thin-col-5 {width: 10.41%;flex-basis:10.41%;max-width:10.41%;}
    .ace-extra-thin-col-6 {width: 12.49%;flex-basis: 12.49%;max-width: 12.49%;}
    .ace-extra-thin-col-7 {width: 14.57%;flex-basis: 14.57%;max-width: 14.57%;}
    .ace-extra-thin-col-8 {width: 16.66%;flex-basis: 16.66%; max-width: 16.66%;}
    .ace-extra-thin-col-9 {width: 18.74%;flex-basis: 18.74%; max-width: 18.74%;}
    .ace-extra-thin-col-10 {width: 20.82%;flex-basis: 20.82%; max-width: 20.82%;}
    .ace-extra-thin-col-11 {width: 22.9%;flex-basis: 22.9%; max-width: 22.9%;}
    .ace-extra-thin-col-12 {width: 24.98%; flex-basis: 24.98%; max-width: 24.98%;}
    .ace-extra-thin-col-13 {width: 27.06%; flex-basis: 27.06%; max-width: 27.06%;}
    .ace-extra-thin-col-14 {width: 29.14%;flex-basis: 29.14%; max-width: 29.14%;}
    .ace-extra-thin-col-15 {width: 31.22%;flex-basis: 31.22%; max-width: 31.22%;}
    .ace-extra-thin-col-16 {width: 33.3%;flex-basis: 33.3%; max-width: 33.3%;}
    .ace-extra-thin-col-17 {width: 35.38%;flex-basis: 35.38%; max-width: 35.38%;}
    .ace-extra-thin-col-18 {width: 37.46%;flex-basis: 37.46%;max-width: 37.46%;}
    .ace-extra-thin-col-19 {width: 39.54%;flex-basis: 39.54%;max-width: 39.54%;}
    .ace-extra-thin-col-20 {width: 41.62%;flex-basis: 41.62%; max-width: 41.62%;}
    .ace-extra-thin-col-21 {width: 43.7%;flex-basis: 43.7%; max-width: 43.7%;}
    .ace-extra-thin-col-22 {width: 45.78%;flex-basis: 45.78%; max-width: 45.78%;}
    .ace-extra-thin-col-23 {width: 47.86%;flex-basis: 47.86%; max-width: 44.86%;}
    .ace-extra-thin-col-24 {width: 50%;flex-basis: 50%; max-width: 50%;}
    .ace-extra-thin-col-25 {width: 52.08%;flex-basis: 52.08%; max-width: 52.08%;}
    .ace-extra-thin-col-26 {width: 54.16%;flex-basis: 54.16%;max-width: 54.16%;}
    .ace-extra-thin-col-27 {width: 56.24%;flex-basis: 56.24%;max-width: 56.24%;}
    .ace-extra-thin-col-28 {width: 58.32%;flex-basis:58.32%;max-width:58.32%;}
    .ace-extra-thin-col-29 {width: 60.4%;flex-basis: 60.4%;max-width:60.4%;}
    .ace-extra-thin-col-30 {width: 62.48%;flex-basis: 62.48%;max-width: 62.48%;}
    .ace-extra-thin-col-31 {width: 64.56%;flex-basis: 64.56%;max-width: 64.56%;}
    .ace-extra-thin-col-32 {width: 66.64%;flex-basis: 66.64%; max-width: 66.64%;}
    .ace-extra-thin-col-33 {width: 68.72%;flex-basis: 68.72%; max-width: 68.72%;}
    .ace-extra-thin-col-34 {width: 70.8%;flex-basis: 70.8%; max-width: 70.8%;}
    .ace-extra-thin-col-35 {width: 72.88%;flex-basis: 72.88%; max-width: 72.88%;}
    .ace-extra-thin-col-36 {width: 75%; flex-basis: 75%; max-width: 75%;}
    .ace-extra-thin-col-37 {width: 77.08%; flex-basis: 77.08%; max-width: 77.08%;}
    .ace-extra-thin-col-38 {width: 79.16%;flex-basis: 79.16%; max-width: 79.16%;}
    .ace-extra-thin-col-39 {width: 81.24%;flex-basis: 81.24%; max-width: 81.24%;}
    .ace-extra-thin-col-40 {width: 83.32%;flex-basis: 83.32%; max-width: 83.32%;}
    .ace-extra-thin-col-41 {width: 85.4%;flex-basis: 85.4%; max-width: 85.4%;}
    .ace-extra-thin-col-42 {width: 87.48%;flex-basis: 87.48%;max-width: 87.48%;}
    .ace-extra-thin-col-43 {width: 89.56%;flex-basis: 89.56%;max-width: 89.56%;}
    .ace-extra-thin-col-44 {width: 91.64%;flex-basis: 91.64%; max-width: 91.64%;}
    .ace-extra-thin-col-45 {width: 93.72%;flex-basis: 93.72%; max-width: 93.72%;}
    .ace-extra-thin-col-46 {width: 95.8%;flex-basis: 95.8%; max-width: 95.8%;}
    .ace-extra-thin-col-47 {width: 97.88%;flex-basis: 97.88%; max-width: 97.88%;}
    .ace-extra-thin-col-48 {width: 100%;flex-basis: 100%; max-width: 100%;}

.ace-col-md-1{
    flex-basis:8.33%;
    max-width:8.33%;
}
.ace-col-md-2{
    flex-basis:16.66%;
    max-width:16.66%;
}
.ace-col-md-3{
    flex-basis:25%;
    max-width:25%;
}
.ace-col-md-4{
    flex-basis:33.33%;
    max-width:33.33%;
}
.ace-col-md-5{
    flex-basis:41.66%;
    max-width:41.66%;
}
.ace-col-md-6{
    flex-basis:50%;
    max-width:50%;
}
.ace-col-md-7{
    flex-basis:58.33%;
    max-width:58.33%;
}
.ace-col-md-8{
    flex-basis:66.66%;
    max-width:66.66%;
}
.ace-col-md-9{
    flex-basis:75%;
    max-width:75%;
}
.ace-col-md-10{
    flex-basis: 83.33%;
    max-width:83.33%;
}
.ace-col-md-12{
    flex-basis:100%;
    max-width:100%;
}
.ace-col-split-5{
    flex-basis:20%;
    max-width:20%;
}

    .ace-vcol-1 {height: 8.33%;}
    .ace-vcol-2 {height: 16.66%;}
    .ace-vcol-3 {height: 25%;}
    .ace-vcol-4 {height: 33.33%;}
    .ace-vcol-5 {height: 41.66%;}
    .ace-vcol-6 {height: 50%;}
    .ace-vcol-7 {height: 58.33%;}
    .ace-vcol-8 {height: 66.66%;}
    .ace-vcol-9 {height: 75%;}
    .ace-vcol-10 {height: 83.33%;}
    .ace-vcol-11 {height: 91.66%;}
    .ace-vcol-12 {height: 100%;}


    .ace-vcol-1 select{height: 8.33%;}
    .ace-vcol-2 select{height: 16.66%;}
    .ace-vcol-3 select{height: 25%;}
    .ace-vcol-4 select{height: 33.33%;}
    .ace-vcol-5 select{height: 41.66%;}
    .ace-vcol-6 select{height: 50%;}
    .ace-vcol-7 select{height: 58.33%;}
    .ace-vcol-8 select{height: 66.66%;}
    .ace-vcol-9 select{height: 75%;}
    .ace-vcol-10 select{height: 83.33%;}
    .ace-vcol-11 select{height: 91.66%;}
    .ace-vcol-12 select{height: 100%;}
    [class*=ace-vcol-] select{height:100%;}

@media screen and (min-width:800px) and (max-width:1199px){

    .ace-col-sm-1{
        flex-basis:8.33%;
        max-width:8.33%;
    }
    .ace-col-sm-2{
        flex-basis:16.66%;
        max-width:16.66%;
    }
    .ace-col-sm-3{
        flex-basis:25%;
        max-width:25%;
    }
    .ace-col-sm-4{
        flex-basis:33.33%;
        max-width:33.33%;
    }
    .ace-col-sm-5{
        flex-basis:41.66%;
        max-width:41.66%;
    }
    .ace-col-sm-6{
        flex-basis:50%;
        max-width:50%;
    }
    .ace-col-sm-7{
        flex-basis:58.33%;
        max-width:58.33%;
    }
    .ace-col-sm-8{
        flex-basis:66.66%;
        max-width:66.66%;
    }
    .ace-col-sm-9{
        flex-basis:75%;
        max-width:75%;
    }
    .ace-col-sm-10{
        flex-basis: 83.33%;
        max-width:83.33%;
    }
    .ace-col-sm-12{
        flex-basis:100%;
        max-width:100%;
    }

}

/*** END GRID ***/

/*** STYLE HELPING CLASSES ***/

.ace-rounded{
    border-radius:50%;
}

.ace-tiny-profile-pic{
    width:28px;
    height:28px;
}
.ace-small-profile-pic{
    width:36px;
    height:36px;
}
.ace-medium-profile-pic{
    width:48px;
    height:48px;
}
.ace-bigger-profile-pic{
    min-width: 64px;
    width: 64px;
    height:64px;
}
.ace-big-profile-pic{
    width:96px;
    height:96px;
}

/** image sizes **/

.fx-grayscale {
    position: relative;
    filter: saturate(0%);
    opacity: 0.5;
}

.ace-tiny-image{
    width: 25px;
    height: 25px;
    background-size: cover;
}
.ace-height-tiny-image{
    height: 25px
}
.ace-width-tiny-image{
    width: 25px
}

.ace-small-image{
    width: 32px;
    height: 32px;
    background-size: cover;
}
.ace-height-small-image{
    height: 32px;
}
.ace-width-small-image{
    width: 32px;
}

.ace-medium-image{
    width: 48px;
    height: 48px;
    min-width:48px;
    min-height:48px;

    background-size: cover;
}
.ace-height-medium-image{
    height: 48px;
    min-height:48px;

    background-size: cover;
}
.ace-width-medium-image{
    width: 48px;
    min-width:48px;

    background-size: cover;
}

.ace-average-image{
    width: 64px;
    height: 64px;
    min-width:64px;
    min-height:64px;

    background-size: cover;
}
.ace-height-average-image{
    height: 64px;
    min-height:64px;
}
.ace-width-average-image{
    width: 64px;
    min-width:64px;
}

.ace-thumbnail-image{
    width: 86px;
    height: 86px;
    min-width:86px;
    min-height:86px;

    background-size: cover;
}
.ace-height-thumbnail-image{
    height: 86px;
    min-height:86px
}
.ace-width-thumbnail-image{
    width: 86px;
    min-width:86px;
}

.ace-big-image{
    width: 128px;
    height: 128px;
    min-width:128px;
    min-height:128px;

    background-size: cover;
}
.ace-height-big-image{
    height: 128px;
}
.ace-width-big-image{
    width: 128px;
}

.ace-large-image{
    width: 180px;
    height: 180px;
    background-size: cover;
}
.ace-height-large-image{
    height: 180px;
}
.ace-width-large-image{
    width: 180px;
}

.ace-background-cover{
    background-size:cover;
}
/** end image sizes **/


/** positioning **/

.ace-sticky-position{
    position: -webkit-sticky;
/*    position: -moz-sticky;*/
    position: sticky;

}

.ace-relative-position{
    position: relative;
}
.ace-static-position{
    position: static;
}
.ace-fixed-position{
    position: fixed;
}

.ace-full-height{
    height: 100vh;
}
.ace-full-height-proc{
    height: 100%;	
}

.ace-full-height-minus-10 {
    height: calc(100% - 10px) !important;
}
.ace-full-height-minus-20 {
    height: calc(100% - 20px) !important;
}
.ace-full-height-minus-30 {
    height: calc(100% - 30px) !important;
}
.ace-full-height-minus-40 {
    height: calc(100% - 40px) !important;
}
.ace-full-height-minus-50 {
    height: calc(100% - 50px) !important;
}
.ace-full-height-minus-60 {
    height: calc(100% - 60px) !important;
}
.ace-full-height-minus-80 {
    height: calc(100% - 80px) !important;
}
.ace-full-height-minus-100 {
    height: calc(100% - 100px) !important;
}
.ace-full-height-minus-110 {
    height: calc(100% - 110px) !important;
}
.ace-full-height-minus-120 {
    height: calc(100% - 120px) !important;
}
.ace-full-height-minus-130 {
    height: calc(100% - 130px) !important;
}
.ace-full-height-minus-140 {
    height: calc(100% - 140px) !important;
}
.ace-full-height-minus-150 {
    height: calc(100% - 150px) !important;
}
.ace-full-height-minus-175 {
    height: calc(100% - 175px) !important;
}
.ace-full-height-minus-200 {
    height: calc(100% - 200px) !important;
}
.ace-full-height-minus-220 {
    height: calc(100% - 220px) !important;
}
.ace-full-height-minus-250 {
    height: calc(100% - 250px) !important;
}
.ace-full-height-minus-270 {
    height: calc(100% - 270px) !important;
}
.ace-full-height-minus-300 {
    height: calc(100% - 300px) !important;
}


.ace-full-vheight-minus-10 {
    height: calc(100vh - 10px) !important;
}
.ace-full-vheight-minus-20 {
    height: calc(100vh - 20px) !important;
}
.ace-full-vheight-minus-30 {
    height: calc(100vh - 30px) !important;
}
.ace-full-vheight-minus-40 {
    height: calc(100vh - 40px) !important;
}
.ace-full-vheight-minus-50 {
    height: calc(100vh - 50px) !important;
}
.ace-full-vheight-minus-60 {
    height: calc(100vh - 60px) !important;
}
.ace-full-vheight-minus-80 {
    height: calc(100vh - 80px) !important;
}
.ace-full-vheight-minus-100 {
    height: calc(100vh - 100px) !important;
}
.ace-full-vheight-minus-110 {
    height: calc(100vh - 110px) !important;
}
.ace-full-vheight-minus-120 {
    height: calc(100vh - 120px) !important;
}
.ace-full-vheight-minus-130 {
    height: calc(100vh - 130px) !important;
}
.ace-full-vheight-minus-140 {
    height: calc(100vh - 140px) !important;
}
.ace-full-vheight-minus-150 {
    height: calc(100vh - 150px) !important;
}
.ace-full-vheight-minus-170 {
    height: calc(100vh - 170px) !important;
}
.ace-full-vheight-minus-200 {
    height: calc(100vh - 200px) !important;
}
.ace-full-vheight-minus-220 {
    height: calc(100vh - 220px) !important;
}
.ace-full-vheight-minus-250 {
    height: calc(100vh - 250px) !important;
}
.ace-full-vheight-minus-270 {
    height: calc(100vh - 270px) !important;
}
.ace-full-vheight-minus-300 {
    height: calc(100vh - 300px) !important;
}


.ace-full-width{
    width: 100%;
}

.ace-half-height{
    height: 50%;
}

.ace-viewport-height{
    height: 100vh;
}
.ace-viewport-width{
    width: 100vh;
}
/** paddings **/

.ace-padding-5{
    padding: 5px;
}
html[dir="ltr"] .ace-padding-left-1{
    padding-left: 1px;
}
html[dir="rtl"] .ace-padding-left-1{
    padding-right: 1px;
}
html[dir="ltr"] .ace-padding-left-5{
    padding-left: 5px;
}
html[dir="rtl"] .ace-padding-left-5{
    padding-right: 5px;
}
html[dir="ltr"] .ace-padding-right-5{
    padding-right: 5px;
}
html[dir="rtl"] .ace-padding-right-5{
    padding-left: 5px;
}
.ace-padding-top-5{
    padding-top: 5px;
}
.ace-padding-bottom-5{
    padding-bottom: 5px;
}

.ace-padding-6{
    padding: 6px;
}
html[dir="ltr"] .ace-padding-left-6{
    padding-left: 6px;
}
html[dir="rtl"] .ace-padding-left-6{
    padding-right: 6px;
}
html[dir="ltr"] .ace-padding-right-6{
    padding-right: 6px;
}
html[dir="rtl"] .ace-padding-right-6{
    padding-left: 6px;
}
.ace-padding-top-6{
    padding-top: 6px;
}
.ace-padding-bottom-6{
    padding-bottom: 6px;
}

.ace-padding-8{
    padding: 8px;
}
html[dir="ltr"] .ace-padding-left-8{
    padding-left: 8px;
}
html[dir="rtl"] .ace-padding-left-8{
    padding-right: 8px;
}
html[dir="ltr"] .ace-padding-right-8{
    padding-right: 8px;
}
html[dir="rtl"] .ace-padding-right-8{
    padding-left: 8px;
}
.ace-padding-top-8{
    padding-top: 8px;
}
.ace-padding-bottom-8{
    padding-bottom: 8px;
}

.ace-padding-10{
    padding: 10px;
}
html[dir="ltr"] .ace-padding-left-10{
    padding-left: 10px;
}
html[dir="rtl"] .ace-padding-left-10{
    padding-right: 10px;
}
html[dir="ltr"] .ace-padding-right-10{
    padding-right: 10px;
}
html[dir="rtl"] .ace-padding-right-10{
    padding-left: 10px;
}
.ace-padding-top-10{
    padding-top: 10px;
}
.ace-padding-bottom-10{
    padding-bottom: 10px;
}

.ace-padding-15{
    padding: 15px;
}
html[dir="ltr"] .ace-padding-left-15{
    padding-left: 15px;
}
html[dir="rtl"] .ace-padding-left-15{
    padding-right: 15px;
}
html[dir="ltr"] .ace-padding-right-15{
    padding-right: 15px;
}
html[dir="rtl"] .ace-padding-right-15{
    padding-left: 15px;
}
.ace-padding-top-15{
    padding-top: 15px;
}
.ace-padding-bottom-15{
    padding-bottom: 15px;
}

.ace-padding-16{
    padding: 16px;
}
html[dir="ltr"] .ace-padding-left-16{
    padding-left: 16px;
}
html[dir="rtl"] .ace-padding-left-16{
    padding-right: 16px;
}
html[dir="ltr"] .ace-padding-right-16{
    padding-right: 16px;
}
html[dir="rtl"] .ace-padding-right-16{
    padding-left: 16px;
}
.ace-padding-top-16{
    padding-top: 16px;
}
.ace-padding-bottom-16{
    padding-bottom: 16px;
}

.ace-padding-20{
    padding: 20px;
}
html[dir="ltr"] .ace-padding-left-20{
    padding-left: 20px;
}
html[dir="rtl"] .ace-padding-left-20{
    padding-right: 20px;
}
html[dir="ltr"]  .ace-padding-right-20{
    padding-right: 20px;
}
html[dir="rtl"]  .ace-padding-right-20{
    padding-left: 20px;
}
.ace-padding-top-20{
    padding-top: 20px;
}
.ace-padding-bottom-20{
    padding-bottom: 20px;
}

.ace-padding-30{
    padding: 30px;
}
html[dir="ltr"] .ace-padding-left-30{
    padding-left: 30px;
}
html[dir="rtl"] .ace-padding-left-30{
    padding-right: 30px;
}
html[dir="ltr"]  .ace-padding-right-30{
    padding-right: 30px;
}
html[dir="rtl"]  .ace-padding-right-30{
    padding-left: 30px;
}
.ace-padding-top-30{
    padding-top: 30px;
}
.ace-padding-bottom-30{
    padding-bottom: 30px;
}


.ace-no-padding{
    padding:0 !important;
}
html[dir="ltr"] .ace-no-padding-left{
    padding-left:0;
}
html[dir="rtl"] .ace-no-padding-left{
    padding-right:0;
}
html[dir="ltr"] .ace-no-padding-right{
    padding-right:0;
}
html[dir="rtl"] .ace-no-padding-right{
    padding-left:0;
}
.ace-no-padding-top{
    padding-top:0;
}
.ace-no-padding-bottom{
    padding-bottom:0;

}
/** end paddings **/

/** margins **/
.ace-margin-auto{
    margin: auto;
}

.ace-margin-5{
    margin: 5px;
}
html[dir="ltr"] .ace-margin-left-5{
    margin-left: 5px;
}
html[dir="rtl"] .ace-margin-left-5{
    margin-right: 5px;
}
html[dir="ltr"] .ace-margin-right-5{
    margin-right: 5px;
}
html[dir="rtl"] .ace-margin-right-5{
    margin-left: 5px;
}
.ace-margin-top-5{
    margin-top: 5px;
}
.ace-margin-bottom-5{
    margin-bottom: 5px;
}

.ace-margin-6{
    margin: 6px;
}
html[dir="ltr"] .ace-margin-left-6{
    margin-left: 6px;
}
html[dir="rtl"] .ace-margin-left-6{
    margin-right: 6px;
}
html[dir="ltr"] .ace-margin-right-6{
    margin-right: 6px;
}
html[dir="rtl"] .ace-margin-right-6{
    margin-left: 6px;
}
.ace-margin-top-6{
    margin-top: 6px;
}
.ace-margin-bottom-6{
    margin-bottom: 6px;
}

.ace-margin-8{
    margin: 8px;
}
html[dir="ltr"] .ace-margin-left-8{
    margin-left: 8px;
}
html[dir="rtl"] .ace-margin-left-8{
    margin-right: 8px;
}
html[dir="ltr"] .ace-margin-right-8{
    margin-right: 8px;
}
html[dir="rtl"] .ace-margin-right-8{
    margin-left: 8px;
}
.ace-margin-top-8{
    margin-top: 8px;
}
.ace-margin-bottom-8{
    margin-bottom: 8px;
}

.ace-margin-10{
    margin: 10px;
}
html[dir="ltr"] .ace-margin-left-10{
    margin-left: 10px;
}
html[dir="rtl"] .ace-margin-left-10{
    margin-right: 10px;
}
html[dir="ltr"] .ace-margin-right-10{
    margin-right: 10px;
}
html[dir="rtl"] .ace-margin-right-10{
    margin-left: 10px;
}
.ace-margin-top-10{
    margin-top: 10px;
}
.ace-margin-bottom-10{
    margin-bottom: 10px;
}

.ace-margin-15{
    margin: 15px;
}
html[dir="ltr"] .ace-margin-left-15{
    margin-left: 15px;
}
html[dir="rtl"] .ace-margin-left-15{
    margin-right: 15px;
}
html[dir="ltr"] .ace-margin-right-15{
    margin-right: 15px;
}
html[dir="rtl"] .ace-margin-right-15{
    margin-left: 15px;
}
.ace-margin-top-15{
    margin-top: 15px;
}
.ace-margin-bottom-15{
    margin-bottom: 15px;
}

.ace-margin-20{
    margin: 20px;
}
html[dir="ltr"] .ace-margin-left-20{
    margin-left: 20px;
}
html[dir="rtl"] .ace-margin-left-20{
    margin-right: 20px;
}
html[dir="ltr"] .ace-margin-right-20{
    margin-right: 20px;
}
html[dir="rtl"] .ace-margin-right-20{
    margin-left: 20px;
}
.ace-margin-top-20{
    margin-top: 20px;
}
.ace-margin-bottom-20{
    margin-bottom: 20px;
}

.ace-margin-30{
    margin: 30px;
}
html[dir="ltr"] .ace-margin-left-30{
    margin-left: 30px;
}
html[dir="rtl"] .ace-margin-left-30{
    margin-right: 30px;
}
html[dir="ltr"] .ace-margin-right-30{
    margin-right: 30px;
}
html[dir="rtl"] .ace-margin-right-30{
    margin-left: 30px;
}
.ace-margin-top-30{
    margin-top: 30px;
}
.ace-margin-bottom-30{
    margin-bottom: 30px;
}

/** end margins **/

.ace-overflow-hidden{
    overflow:hidden;
}
.ace-overflow-visible{
    overflow:visible;
}
.ace-overflow-auto{
    overflow:auto;
}
.ace-overflow-auto-y{
    overflow-y:auto;
}
.ace-overflow-auto-x{
    overflow-x:auto;
}

/**** end Alignement ****/

/** text align and manipulation **/
.ace-tiny-text{
    font-size: 10px;
}
.ace-tiny-text:before{ /** font awesome or other icon fonts specific **/
    font-size: 10px;
}

.ace-outline-icon {
    color: transparent;
    -webkit-text-stroke: 1px #383838;  /* !!!!! webkit only !!!!! */
}

html[dir="ltr"] .ace-text-left{
    text-align: left;
}
html[dir="rtl"] .ace-text-left{
    text-align: right;
}
.ace-text-center{
    text-align: center;
}
html[dir="ltr"] .ace-text-right{
    text-align: right;
}
html[dir="rtl"] .ace-text-right{
    text-align: left;
}

.ace-text-15x{
    zoom: 150%;
}
.ace-text-20x{
    zoom:200%;
}
.ace-bold-text,.ace-bold-text .ace-efld{
    font-weight: 700;
}


.ace-big-input input{
    height:72px !important;
    font-size:26px !important;
}


.ace-huge-text{
    font-size:48px !important;
}
.ace-large-text{
    font-size:36px;
}
.ace-big-text{
    font-size:26px !important;
}
.ace-bigger-text{
    font-size:18px !important;
}
.ace-small-text-90 .ace-efld {
    font-size: 90% !important;
    line-height: 0;
}
.ace-small-text-80 .ace-efld {
    font-size: 80% !important;
    line-height: 0;
}
.ace-small-text-75 .ace-efld {
    font-size: 75% !important;
    line-height: 0;
}
.ace-small-text-60 .ace-efld {
    font-size: 60% !important;
    line-height: 0;
}
.ace-small-text-60 .ace-efld {
    font-size: 50% !important;
    line-height: 0;
}
/****** end STYLE HELPING CLASSES *****/

/** card **/
.ace-card p, .ace-card h3{
    margin: 0;
}


.ace-indicator-card._indicator-red .ace-indicator-color{
    color: var(--indicator-red);
}
.ace-indicator-card._indicator-blue .ace-indicator-color{
    color: var(--indicator-blue);
}
.ace-indicator-card._indicator-green .ace-indicator-color{
    color: var(--indicator-green);
}
.ace-indicator-card._indicator-yellow .ace-indicator-color{
    color: var(--indicator-yellow);
}

.ace-display-bold-value span.ace-efld{
    font-weight: bold;
}

.ace-ghost-card{
    position:relative;
    overflow:hidden;

}
.ace-ghost-card .ace-ghost-card-icon{
    position:absolute;
    font-size: 216px;
    opacity: 0.05;
    right: -12%;
    bottom: -14%;
}


/***** UI ELEMENTS *****/

/* accordion list */

.ace-accordion-listview .ace-accordion{
    display:flex;
    align-items:center;

}
html[dir="ltr"] .ace-accordion-listview .ace-accordion i{
    padding-right:6px;
}
html[dir="rtl"] .ace-accordion-listview .ace-accordion i{
    padding-left:6px;
}
.ace-accordion.ace-active { font-size: large !important; }
/* end accordion list */

/* hideable content */
.ace-hideable-content{
    height: 0;
    overflow: hidden;

    opacity: 0;

    transition: opacity ease-in-out .0s;
}

.ace-hideable-content.ace-show{
    height: auto;
    overflow: visible;

    opacity: 1;

    transition: opacity ease-in-out .5s;
}
/* end hideable content */

/* collapsible */
.ace-collapsible{
    position:relative;
    /* pointer-events: none; */
}

.ace-collapsible .ace-collapsible-content{
    max-height:0px;
    overflow:hidden;
    transition: all cubic-bezier(0, 0.53, 0.22, 0.9) .2s;
    position:relative;
}
.ace-collapsible .fa-angle-down{
    transition: all ease .2s;
}
.ace-collapsible.ace-show .fa-angle-down{
    transform:rotate(180deg);
}
.ace-collapsible.ace-show .ace-collapsible-content{
    max-height: 1000px;
    transition: all ease .2s;
    overflow: visible;
}
/* end collapsible */

/* listview */
.ace-listview{
    height: 100%;
}
.ace-listview .ace-scrollview{
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    height: 100%;

    display: flex;
    flex-wrap: wrap;
    align-items:flex-start;
    align-content:flex-start;
}
.ace-listview .ace-list-item{
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
}

/* end listview */

/* preloaders */
.ace-preloader,.ace-loader{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

    pointer-events: none;

    position: absolute;

    width: 100%;
    height: 100%;
    top:0;

    z-index: 8;

    transition: ease-in-out .3s;
}
html[dir="ltr"] .ace-preloader,html[dir="ltr"] .ace-loader{
	left:0;	
}
html[dir="rtl"] .ace-preloader,html[dir="rtl"] .ace-loader{
	right:0;	
}
.ace-preloader.ace-show,.ace-loader.ace-show{
    pointer-events: all;

    opacity: 1;
}
.ace-preloader.ace-preloader-overlay,.ace-loader.ace-loader-overlay{
    background-color:rgba(var(--light-color),0.7);
}
.ace-preloader.ace-preloader-standalone,.ace-loader.ace-loader-standalone{
    position: fixed;
}

.ace-preloader-spinner,.ace-loader-spinner{
    position: relative;
    z-index: 1;

    width:100%;
    height:100%;
}
.ace-preloader-spinner:before,.ace-loader-spinner:before{
    content: ' ';
    position: absolute;

    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    z-index:1;

    width: 58px;
    height: 58px;

    border-top: 4px solid var(--primary-color);
    border-left: 4px solid var(--primary-color);
    border-right: 4px solid transparent;
    border-bottom: 4px solid var(--primary-color);
    border-radius:50%;

    animation: ease rotate_clockwide 1.1s infinite;
}
.ace-preloader-spinner:after,.ace-loader-spinner:after{
    content: ' ';
    position: absolute;

    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;

    width: 36px;
    height: 36px;

    border-top: 4px solid var(--primary-color);
    border-left: 4px solid var(--primary-color);
    border-right: 4px solid var(--primary-color);
    border-bottom: 4px solid transparent;
    border-radius:50%;

    animation: ease rotate_reverseclockwide 1.1s infinite;
}

.ace-preloader-line{
    position: absolute;

    top: 0;
    min-width: 100%;


}
.ace-preloader-line:after{
    content:' ';
    position: absolute;

    top:0;

    width: 25%;
    height: 4px;

    background-color:var(--primary-color);

    animation: ease-in-out marquee .8s infinite;
}
html[dir="ltr"] .ace-preloader-line:after{
	left:0;
}
html[dir="rtl"] .ace-preloader-line:after{
	right:0;
}

.ace-preloader.ace-preloader-status .ace-preloader-line:after{
    display:none;
}
.ace-preloader-status .ace-preloader-line{
    content:' ';
    position: absolute;

    top:0;
    
    width: 0%;
    height: 4px;

    background-color:var(--primary-color);

}
html[dir="ltr"] .ace-preloader-status .ace-preloader-line{
	left:0;
}
html[dir="rtl"] .ace-preloader-status .ace-preloader-line{
	right:0;
}
/**/


/* ACE TABLES aka Grids */
.ace-field-container{
    position:relative;
}
.ace-grid-container{
    position:relative;
    max-height:100%;
}

.ace-grid{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    align-content:flex-start;
    height: 100%;

    position:absolute;
    top:0;
}
html[dir="ltr"] .ace-grid{
	left:0;	 
}
html[dir="rtl"] .ace-grid{
	right:0;	 
}
.ace-grid .ace-grid-header{
    display:flex;
    flex-wrap:wrap;

    width:100%;
}
.ace-grid .ace-grid-body{
    display:flex;
    flex-wrap:wrap;
    align-content: flex-start;
    align-items: flex-start;
    flex-grow:1;
    width:100%;
    overflow-y:auto;
    max-height: 100%;
}
.ace-grid .ace-grid-body .ace-grid-row{
    display:flex;
    flex-wrap:wrap;
    flex-basis:100%;
    width:100%;
    align-items: center;
    min-height:40px;
}

.ace-ta-center { text-align:center !important; }
html[dir="ltr"] .ace-ta-lft{
	text-align: left;
}
html[dir="rtl"] .ace-ta-lft{
	text-align:right !important;
}

html[dir="ltr"] .ace-ta-rght{
	text-align:right !important;
}
html[dir="rtl"] .ace-ta-rght{
	text-align:left !important;
}

[class*="ace-grid-cols-"] .ace-grid .ace-grid-body .ace-grid-row .ace-grid-cell,
[class*="ace-grid-cols-"] .ace-grid .ace-grid-body .ace-grid-row .ace-grid-cell .ace-grid-cell-template,
[class*="ace-grid-cols-"]  .ace-grid .ace-grid-body .ace-grid-row .ace-grid-cell-template .ace-form-container,
[class*="ace-grid-cols-"]  .ace-grid .ace-grid-body .ace-grid-row .ace-grid-cell-template .ace-form-container .ace-form-inner{
    display:flex;

}
.ace-grid-cell-template .ace-form-container,
.ace-grid-cell-template .ace-form-inner{
    width:100%;
}
.ace-offcanvas-panel.from-right .ace-form-container,
.ace-offcanvas-panel.from-left .ace-form-container{
    width:100%;
}

/**/
.ace-grid-auto-complete{
    position:absolute;

    z-index:2;

}
.ace-grid-auto-complete .ace-grid{
    position:static;
}
.ace-grid-auto-complete .ace-grid .ace-grid-row:hover{
}
/**/

.ace-grid .ace-grid-footer{
    width: 100%;
    min-height: 60px;
}
.ace-grid .ace-grid-pagination, .ace-grid .ace-grid-pagination div{
    display:flex;
    align-items:center;
    max-width: 100%;
    /* min-height: 60px; */
}
.ace-grid .ace-grid-pagination div{
}


.ace-grid-cols-2 .ace-grid-body .ace-grid-row{
    max-width:50%;
    flex-basis: 50%;
}
.ace-grid-cols-3 .ace-grid-body .ace-grid-row{
    max-width:33.33%;
    flex-basis: 33.33%;
}
.ace-grid-cols-4 .ace-grid-body .ace-grid-row{
    max-width:25%;
    flex-basis: 25%;
}
html[dir="ltr"] [class*="ace-grid-cols-"] .ace-grid-body{
    padding-right:15px;
}
html[dir="rtl"] [class*="ace-grid-cols-"] .ace-grid-body{
    padding-left:15px;
}

[class*="ace-grid-cols-"] .ace-grid-row{
     padding-bottom:15px
}
html[dir="ltr"] [class*="ace-grid-cols-"] .ace-grid-row{
    padding-left:15px;
}
html[dir="rtl"] [class*="ace-grid-cols-"] .ace-grid-row{
    padding-right:15px;
}


.ace-column-strech{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.ace-column-strech > .ace-row{
    flex-basis:initial;
    flex-grow:initial;
}
.ace-column-strech .ace-full-height{
    flex-grow:1;
    flex-basis:100%;
}
/** end ACE TABLES/Grids **/


/** dropdown **/
.ace-dropdown{
    position:relative;
}
.ace-dropdown .ace-dropdown-list{
    position:absolute;
    top:34px;
    list-style:none;
    padding:0;
    margin:0;
    z-index: 2;
}
html[dir="ltr"] .ace-dropdown .ace-dropdown-list{
	right:0;	
}
html[dir="rtl"] .ace-dropdown .ace-dropdown-list{
	left:0;	
}

html[dir="ltr"] .ace-dropdown i.fa {
	padding-right: 5px;
}
html[dir="rtl"] .ace-dropdown i.fa {
	padding-left: 5px;
}

.ace-static-dropdown{
    position:relative;
}

.ace-static-dropdown .ace-dropdown-trigger-click:after{
    content:'\f107';
    font-family:FontAwesome,'Font Awesome 5 Pro';
}
html[dir="ltr"] .ace-static-dropdown .ace-dropdown-trigger-click:after{
    padding-left:24px;
}
html[dir="rtl"] .ace-static-dropdown .ace-dropdown-trigger-click:after{
    padding-right:24px;
}
.ace-static-dropdown .ace-dropdown-list{
    position:absolute;
    top:34px;
    list-style:none;
    padding:0;
    margin:0;
    z-index: 3;
}
html[dir="ltr"] .ace-static-dropdown .ace-dropdown-list{
	left: 0;	
}
html[dir="rtl"] .ace-static-dropdown .ace-dropdown-list{
	right: 0;	
}

/** end dropdown **/


/** datepicker **/

.ui-datepicker{
    display:none;
    position:absolute;
    top:0;
}

/** emd datepicker **/

/* label order */

.ace-label-align-top > div{
    display:flex;
    flex-direction:column-reverse;
}
.ace-label-align-left > div{
    display:flex;
    flex-direction:row-reverse;
    align-items: center;
}
.ace-label-align-left > div.ace-display-field .ace-label,.ace-label-align-left > div.ace-display-field .ace-efld{
    flex-grow: 1;
}
html[dir="ltr"] .ace-label-align-left > div.ace-display-field .ace-efld{
    text-align:right;

}
html[dir="rtl"] .ace-label-align-left > div.ace-display-field .ace-efld{
    text-align:left;

}
.ace-label-align-left > div input, .ace-label-align-left > div select, .ace-label-align-left > div textarea{
    width:100%;
}
.ace-checkbox-field .ace-label{
    display: flex;
}
.ace-label-align-left > .ace-checkbox-field,
.ace-label-align-left > .ace-radio-field,
.ace-label-align-left > .ace-switch-field{
    display:flex;
    flex-direction:row;
    align-items: center;
}
.ace-label-text-right .ace-label{
    /* flex-grow: initial; */
    max-width: 50%;
}

html[dir="ltr"] .ace-label-text-right .ace-label{
    text-align:right;
}
html[dir="rtl"] .ace-label-text-right .ace-label{
    text-align:left;
}
.ace-label-text-right span.ace-efld{
    max-width:50%;
    white-space: normal;
}
.ace-label-no-min-max-width .ace-label{
	min-width: auto !important;
}
.ace-label-no-min-max-width input{
	width: auto !important;
}
html[dir="ltr"] .ace-label-text-right span.ace-efld{
    text-align:left !important;
    padding-left:6px;
}
html[dir="rtl"] .ace-label-text-right span.ace-efld{
    text-align:right !important;
    padding-right:6px;
}
.ace-justify-center > .ace-checkbox-field .ace-label{
    justify-content:center;
}
.ace-justify-right > .ace-checkbox-field .ace-label{
    justify-content:flex-end;
}
.ace-checkbox-field .ace-label input{
    width:initial;
}

.ace-label-align-top > .ace-radio-field{
    display:flex;
    flex-direction:column;
}
.ace-label-align-top > .ace-radio-field > .ace-label{
    padding-bottom:4px
}
.ace-simple-display-field .ace-display-field{
    display:flex;
    flex-wrap:nowrap;
    white-space:nowrap
}
html[dir="ltr"] .ace-simple-display-field .ace-display-field .ace-label{
    margin-right:8px;
}
html[dir="rtl"] .ace-simple-display-field .ace-display-field .ace-label{
    margin-left:8px;
}
.ace-mask-el{
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.7);
	top:0;
	z-index: 10000;
}
html[dir="ltr"] .ace-mask-el{
	left:0;
}
html[dir="rtl"] .ace-mask-el{
	right:0;
}

.ace-mask-div {
    text-align: center;
    margin-top: -5px;
    opacity: 0.3;
    background-color: #EEE;
	position: absolute;
	z-index:999999;
}
.ace-mask-div:before {
    font-size: 2em;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    animation: fa-spin 1s infinite steps(8);
    content: "\f110";
    color:rgb(var(--primary-color));
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 45%;
    top: 45%;
}   

.ace-prompt-el{
    position:fixed;
    z-index: 9;

    top:0;
    
    width:100%;
    height:100%;

    display:flex;
    justify-content:center;
    align-items:center;
}
html[dir="ltr"] .ace-prompt-el{
	left:0;
}
html[dir="rtl"] .ace-prompt-el{
	right:0;
}

.ace-combo-field select{
	width : 100%;
}
.ace-form-popup{
    display: flex;
    justify-content: center;
    align-items: center;

    position:fixed;
    width:100%;
    height:100%;
    z-index:8;
    top: 0;
    

    background: rgba(0,0,0,0.6);
    opacity:0;

    pointer-events:none;
    transition:ease-in-out .3s;
}

html[dir="ltr"] .ace-form-popup{
	left: 0;
}
html[dir="rtl"] .ace-form-popup{
	right: 0;
}


.ace-form-popup.ace-form-show{
    opacity:1;
    pointer-events:all;
}

.ace-form-popup .ace-form-container{
    background-color:#ffffff;
    display:flex;
    flex-wrap:wrap;
    min-width:60%;

    transition:ease-in-out .3s;
    transform:translateY(-40%);
    opacity:0.6;
}
.ace-form-popup.ace-form-show .ace-form-container{
    transform:translateY(0);
    opacity:1;
}
.ace-form-popup .ace-form-container .ace-form-inner{
    display:flex;
    flex-wrap:wrap;
    flex-basis:100%;
    max-width:100%;

}
html[dir="ltr"] .ace-form-popup .ace-form-container .ace-form-footer button:nth-child(1){
    margin-right:6px ;
}
html[dir="rtl"] .ace-form-popup .ace-form-container .ace-form-footer button:nth-child(1){
    margin-left:6px ;
}
.ace-form-popup .ace-form-container .ace-form-footer button[action="cancel"]{
    color:#ff5959 !important;
    background-color:transparent !important;
    font-size:14px;
    font-weight:700;
}
.ace-form-popup .ace-form-container .ace-form-footer button[action="cancel"]:hover{
    background-color:rgba(255,89,89,0.07) !important;
}
.ace-form-popup .ace-form-container .ace-form-footer button[action="cancel"]:active{
    background-color:rgba(255,89,89,0.18) !important;
}
.ace-text-editor textarea{
    width:100%;
}
.ace-form-popup .ace-form-container .ace-form-footer{
    flex-basis:100%;
    max-width:100%;
    display:flex;
    justify-content:flex-end;
    padding:12px;
}
.ace-full-height > .ace-form-container, .ace-full-height > .ace-form-container > .ace-form-inner{
    max-height: 100%;
    max-width: 100%;
}
/* floating box aka info popup*/

.ace-floating-box-container{
    position: fixed;
    pointer-events:none;
    display: flex;

    top:0;

    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;


    z-index:9;
    opacity: 0;
    transition: ease-in-out .3s;
}
html[dir="ltr"] .ace-floating-box-container{
	left:0;	
}
html[dir="rtl"] .ace-floating-box-container{
	right:0;	
}

.ace-floating-box{

    max-width: 576px;
    transform: translateY(-20%);
    transition: ease-in-out .3s;
}

.ace-floating-box-container.ace-show,.ace-floating-box-container.ace-show .ace-floating-box{
    opacity: 1;
    transform: translateY(0px);

    pointer-events:all;
}
/* end floating box */


/* windows */

.ace-offcanvas-window{
    position: absolute;
    width: 100%;
    height: 100%;
    
    transition: ease-in-out .3s;
    top: 0;
    
    z-index: 2;
    background-color: #ffffff;
}
html[dir="ltr"] .ace-offcanvas-window{
	left: 0;
	transform: translate3d(150%, 0px,0px);
}
html[dir="rtl"] .ace-offcanvas-window{
	right: 0;
	transform: translate3d(-150%, 0px,0px);
}

html[dir="ltr"] .ace-offcanvas-window.ace-show{
    transform: translate3d(0px,0px,0px);
}
html[dir="rtl"] .ace-offcanvas-window.ace-show{
    transform: translate3d(0px,0px,0px);
}

/* end window */


/* offcanvas panel */

.ace-offcanvas-panel{
    position: absolute;
    will-change: transform;
    top: 0;
    z-index: 2;
    transition: ease-in-out .3s;
    background-color:rgb(var(--light-color));
    box-shadow: 0px 1px 18px rgba(0,0,0,0.12);
}
html[dir="ltr"] .ace-offcanvas-panel{
	left: 0;	
}
html[dir="rtl"] .ace-offcanvas-panel{
	right: 0;	
}


.ace-offcanvas-panel.from-top, .ace-offcanvas-panel.from-bottom{
    width: 100%;
    /* height: auto; */
}
.ace-offcanvas-panel.from-top{
    transform: translate3d(0px, -150%,0px);
}
.ace-offcanvas-panel.from-bottom{
    transform: translate3d(0px, 150%,0px);
}

.ace-offcanvas-panel.from-left, .ace-offcanvas-panel.from-right{
    width: auto;
    height: calc(100vh - 66px);
	top:0;
}
.ace-offcanvas-panel.from-left{
}
html[dir="ltr"] .ace-offcanvas-panel.from-left{
	left:0;
    right:initial;
	transform: translate3d(-150%,0px,0px);
}
html[dir="rtl"] .ace-offcanvas-panel.from-left{
	right:0;
    left:initial;
	transform: translate3d(150%,0px,0px);
}

.ace-offcanvas-panel.from-right{
    
}
html[dir="ltr"] .ace-offcanvas-panel.from-right{
	left:initial;
    right:0;
	transform: translate3d(150%,0px,0px);	
}
html[dir="rtl"] .ace-offcanvas-panel.from-right{
	right:initial;
    left:0;	
	transform: translate3d(-150%,0px,0px);
}

html[dir="ltr"] .ace-offcanvas-panel.ace-show{
    transform: translate3d(0px, 0px,0px);
}
html[dir="rtl"] .ace-offcanvas-panel.ace-show{
    transform: translate3d(0px, 0px,0px);
}

.ace-offcanvas-panel.ace-container{
    padding:0;
    margin:auto;
    left:0;
    right:0;
}
.ace-scrollview{
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overflow-x: hidden;
}
.ace-beta-scrollview-container, .ace-mobile-beta-scrollview{
    overflow: hidden;
    position: relative;
    height: 100%;
}
html[dir="ltr"] .ace-beta-scrollview-container{
    padding-right: 6px;
}
html[dir="rtl"] .ace-beta-scrollview-container{
    padding-left: 6px;
}
.ace-beta-scrollview{
    overflow: hidden;
    position: relative;
    height: 100%;
    max-width: 100%;
}
html[dir="ltr"] .ace-beta-scrollview{
    padding-right: 6px;
}
html[dir="rtl"] .ace-beta-scrollview{
    padding-left: 6px;
}
.iScrollVerticalScrollbar:hover,.iScrollVerticalScrollbar:active{
    width:12px !important;
}
.ace-beta-scrollview:hover > .iScrollVerticalScrollbar,
.ace-mobile-beta-scrollview:hover > .iScrollVerticalScrollbar{
     opacity:1 !important;
}
/* timeline */
html[dir="ltr"] .ace-scrollview .ace-timeline-row, html[dir="ltr"] .ace-grid-body .ace-timeline-row{
    padding-right:6px;
}
html[dir="rtl"] .ace-scrollview .ace-timeline-row, html[dir="rtl"] .ace-grid-body .ace-timeline-row{
    padding-left:6px;
}
.ace-timeline {
    padding: 12px 0;
    position:relative;
    /* height: 100%; */
    align-content: flex-start;
    align-items: flex-start;
}
.ace-timeline .ace-grid-row{
    border:none;
}
html[dir="ltr"] .ace-timeline{
    padding-right:4px;
}
html[dir="rtl"] .ace-timeline{
    padding-left:4px;
}
.ace-timeline .ace-card{
    padding:var(--main-spacing);
}
.ace-timeline .ace-timeline-icon:after{
    content:' ';
    position:absolute;

    top:32px;
    width:2px;
    height:100% ;

    background:rgba(0, 0, 0, 0.19);

    z-index:-1;
}
html[dir="ltr"] .ace-timeline .ace-timeline-icon:after{
	left:22px;	
}
html[dir="rtl"] .ace-timeline .ace-timeline-icon:after{
    right:22px;

}
.ace-timeline .ace-timeline-row:last-child .ace-timeline-icon:after{
    content:initial;


}
.ace-timeline .ace-timeline-row{
    display:flex;
    position:relative;
    margin-bottom: 16px;
}
.ace-timeline .ace-timeline-icon{
    display:flex;
    justify-content:center;
    align-items:center;

    width: 48px;
    height: 48px;
    flex-basis: 48px;
    min-width: 48px;

    font-size:12px;
    font-weight:400;
    text-align:center;
    font-style:normal;

    border-radius:50%;
    box-shadow: 0px 1px 8px rgba(0,0,0,0.2);
    background-color:#ffffff;

    margin-top: 16px;
    color:var(--primary-color);
    border:1px solid var(--primary-color);
}
.ace-timeline .ace-timeline-icon[type]{
    color: #ffffff;
    border:none;
}
.ace-timeline .ace-timeline-icon[type=""]{
    color:var(--primary-color);
    border:1px solid var(--primary-color);
}

html[dir="ltr"] .ace-timeline .ace-timeline-icon{
    margin-right:12px;
    margin-left:0;
}
html[dir="rtl"] .ace-timeline .ace-timeline-icon{
    margin-right:0;
    margin-left:12px;
}
.ace-timeline .ace-timeline-icon:before{
    font-size:18px;
}
.ace-timeline .ace-timeline-icon[type="1"]{
    background:#0075f7;
}
.ace-timeline .ace-timeline-icon:before{
    content:"\f129";
}
.ace-timeline .ace-timeline-icon[type="1"]:before{
    content:"\f290";
}
.ace-timeline .ace-timeline-icon[type="2"]{
    background:#feb339;
}
.ace-timeline .ace-timeline-icon[type="2"]:before{
    content:"\f283";
}
.ace-timeline .ace-timeline-icon[type="3"]{
    background:#47cf96;
}
.ace-timeline .ace-timeline-icon[type="3"]:before{
    content:"\f02b";
}
/* end timeline */

/* notifications */
.ace-notification .ace-notification-icon:before{
    font-family:FontAwesome,"Font Awesome 5 Pro";
}
.ace-notification.ace-notification-success .ace-notification-icon:before{
    content:'\f00c';
}
.ace-notification.ace-notification-error .ace-notification-icon:before{
    content:'\f00d';
}
.ace-notification.ace-notification-warning .ace-notification-icon:before{
    content:'\f071';
}

html[dir="rtl"] .fa-angle-right,html[dir="rtl"] .fa-angle-left,html[dir="rtl"] .fa-arrow-right,html[dir="rtl"] .fa-arrow-left{
    transform:rotate(180deg);
}

@media screen and (min-width: 1200px){
    .ace-content{
        /* max-width:1200px; */
        /* flex-basis:1200px; */
        /* margin:auto; */
        align-items:flex-start;
        /* padding-right:80px; */
    }
    .ace-container{
        max-width:90%;
        flex-basis:90%;
    }
}
/* This line is usefull to make sure that everything
inside the headings tags are inheriting the heading's
font-size */
h3 *,h2 *,h1 *{
    font-size:inherit !important;
}
@media screen and (min-width: 1400px){
    .ace-content{
        /* max-width:1200px; */
        /* flex-basis:1200px; */
        /* margin:auto; */
        align-items:flex-start;
        /* padding-right:80px; */
    }
    .ace-container{
        max-width:80%;
        flex-basis:80%;
    }
}
.ace-grid-to-cards .ace-grid-header{
    display:none;
}
.ace-grid-to-cards .ace-grid-row{
    flex-wrap:wrap;
}
    .ace-grid-to-cards .ace-grid-cell{
        display:flex;
        padding:6px 12px;
        min-width:100%;
    }
    .ace-grid-to-cards .ace-grid-cell:before{
        content:attr(data-label);
        min-width:40%;
        display:inline-block;
    }
    html[dir="ltr"] .ace-grid-to-cards .ace-grid-cell:before{
        padding-right:8px;

        text-align:right;
    }
    html[dir="rtl"] .ace-grid-to-cards .ace-grid-cell:before{
        padding-left:8px;

        text-align:left;
    }
.ace-grid-hide-footer .ace-grid-footer{
    display: none;
}
.ace-grid-hide-header .ace-grid-header{
    display: none;
}
.ace-grid-hide-toolbar .ace-grid-top-toolbar { display: none !important; }

@media screen and (min-width:320px) and (max-width:737px) and (min-resolution: 192dpi){
    	
    [class*="ace-col-"]{
        flex-basis:100%;
        max-width:100%;
    }
     [class*="ace-grid-cols-"] .ace-grid-body .ace-grid-row{
         width:100%;
         max-width:100% !important;
         flex-basis: 100% !important;
     }
    .ace-responsive-grid .ace-grid-header{
        display:none;
    }
    .ace-responsive-grid .ace-grid-cell{
        display:flex;
        padding:6px 12px;
    }
    .ace-responsive-grid .ace-grid-cell:before{
        content:attr(data-label);
        min-width:40%;
        display:inline-block;
    }
    html[dir="ltr"] .ace-responsive-grid .ace-grid-cell:before{
        padding-right:8px;

        text-align:right;
    }
    html[dir="rtl"] .ace-responsive-grid .ace-grid-cell:before{
        padding-left:8px;

        text-align:left;
    }
    .ace-col-xs-1{
        flex-basis:8.33%;
        max-width:8.33%;
    }
    .ace-col-xs-2{
        flex-basis:16.66%;
        max-width:16.66%;
    }
    .ace-col-xs-3{
        flex-basis:25%;
        max-width:25%;
    }
    .ace-col-xs-4{
        flex-basis:33.33%;
        max-width:33.33%;
    }
    .ace-col-xs-5{
        flex-basis:41.66%;
        max-width:41.66%;
    }
    .ace-col-xs-6{
        flex-basis:50%;
        max-width:50%;
    }
    .ace-col-xs-7{
        flex-basis:58.33%;
        max-width:58.33%;
    }
    .ace-col-xs-8{
        flex-basis:66.66%;
        max-width:66.66%;
    }
    .ace-col-xs-9{
        flex-basis:75%;
        max-width:75%;
    }
    .ace-col-xs-10{
        flex-basis: 83.33%;
        max-width:83.33%;
    }
    .ace-col-xs-12{
        flex-basis:100%;
        max-width:100%;
    }
    .ace-mobile-no-col{
        flex-basis: initial !important;
        max-width: initial !important;
        flex-grow: initial;
    }

    .ace-static-dropdown .ace-dropdown-list{
        position:fixed;
        bottom:0;
        top:initial;
        z-index:4;

    }
    .ace-mobile-column{
        display:flex;
        flex-direction:column;
        flex-wrap:wrap;
    }
    .ace-mobile-column-strech{
        display:flex;
        flex-direction:column;
        flex-wrap:nowrap;
    }
    .ace-mobile-column-strech .ace-full-height{
        flex-grow:1;
    }
    .ace-mobile-no-padding{
        padding:0;
    }
    html[dir="ltr"] .ace-mobile-no-padding-left{
        padding-left:0;
    }
    html[dir="rtl"] .ace-mobile-no-padding-left{
        padding-right:0;
    }
    html[dir="ltr"] .ace-mobile-no-padding-right{
        padding-right:0;
    }
    html[dir="rtl"] .ace-mobile-no-padding-right{
        padding-left:0;
    }
    .ace-mobile-no-padding-top{
        padding-top:0;
    }
    .ace-mobile-no-padding-bottom{
        padding-bottom:0;
    }
    .ace-mobile-full-height{
        max-height:calc(100vh - 50px)/* was -90px; 48px is the height of the bottom toolbar*/
    }
    .ace-mobile-padding-16{
        padding:16px;
    }
    html[dir="ltr"] .ace-mobile-padding-left-16{
        padding-left:16px;
    }
    html[dir="rtl"] .ace-mobile-padding-left-16{
        padding-right:16px;
    }
    html[dir="ltr"] .ace-mobile-padding-right-16{
        padding-right:16px;
    }
    html[dir="rtl"] .ace-mobile-padding-right-16{
        padding-left:16px;
    }
    .ace-mobile-padding-top-16{
        padding-top:16px;
    }
    .ace-mobile-padding-bottom-16{
        padding-bottom:16px;
    }

    .ace-mobile-row-wrap{
        flex-wrap:wrap;
    }
    .ace-row.ace-mobile-row-wrap{
         flex-wrap:wrap;
    }
    .ace-mobile-justify-center{
        justify-content: center;
    }
    .ace-mobile-text-center{
        text-align:center;
    }
    .ace-mobile-scrollview{
        overflow-y:auto;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
    }
    .ace-offcanvas-window{
        position:fixed;
        z-index: 4;
        background:#ffffff;
    }

    .ace-mobile-offcanvas-panel{
        position: absolute;
        will-change: transform;

        top: 0;
        z-index: 2;

        transition: ease-in-out .3s;

        background-color:rgb(var(--light-color));
    }
    html[dir="ltr"] .ace-mobile-offcanvas-panel{
    	left: 0;
	}
    html[dir="rtl"] .ace-mobile-offcanvas-panel{
    	right: 0;
	}
    .ace-mobile-offcanvas-panel.from-top, .ace-offcanvas-panel.from-bottom{
        width: 100%;
        height: 100%;/*height: auto;  /* removed by SM: because of this, form panels in mobile did not scroll vertically*/
    }
    .ace-mobile-offcanvas-panel.from-top{
        transform: translate3d(0px, -150%,0px);
        box-shadow: 0px 1px 8px rgba(var(--dark-color),0.12);
        top:0;
    }
    .ace-mobile-offcanvas-panel.from-bottom{
        transform: translate3d(0px, 150%,0px);
        bottom:0;
        top: initial;
        box-shadow: 0px -1px 8px rgba(var(--dark-color),0.12);
    }

    .ace-mobile-offcanvas-panel.from-left, .ace-offcanvas-panel.from-right{
        width: auto;
        height: 100%;
    }
    html[dir="ltr"]  .ace-mobile-offcanvas-panel.from-left{
        transform: translate3d(-150%,0px,0px);
    }
	html[dir="rtl"]  .ace-mobile-offcanvas-panel.from-left{
        transform: translate3d(150%,0px,0px);
    }


    html[dir="ltr"] .ace-mobile-offcanvas-panel.ace-show,
    html[dir="rtl"] .ace-mobile-offcanvas-panel.ace-show{
        transform: translate3d(0px, 0px,0px);
    }
    .ace-title-bar h2{
        font-size:18px;
    }

    .ace-form-container{
        max-width:100%;
    }
    .ace-listview.ace-mobile-horizontal{
        height:auto;

        width:100%;
        flex-basis:100%;
        max-width:100%;
    }
    .ace-listview.ace-mobile-horizontal {
        display:flex;

        flex-wrap: nowrap;
        height:auto;

        width:100%;
        flex-basis:100%;
        max-width:100%;

        overflow-y:hidden;
        overflow-x:auto;
    }
    .ace-listview.ace-mobile-horizontal .ace-scrollview .ace-list-item{
        flex:none;
        width:initial;
    }
        .ace-offcanvas-panel{
            width: 100% !important;
            position: fixed;
            height: 100%;
            z-index: 4;
        }
    .ace-container{
        max-width:100%;
        height: 100%;/*calc(100% - 60px);*/
        padding: 0;
        flex-basis: 100%;
    }
    .ace-wrapper{
        flex-wrap:wrap;
    }

    .ace-side-container, .ace-side-menu{
        width:100%;
        flex-basis:100%;
        max-width:100%;
        height:54px;
    }
    .ace-side-menu .ace-scrollview{
        display:flex;
        flex-direction:row;

        height:100%;
        width:100%;

        overflow-y:hidden;
        overflow-x:auto;
    }
    .ace-side-menu .ace-accordion{
        width:initial;
        flex:none;
        display:flex;
        flex-direction:column;
        padding: 0;
    }
    .ace-dropdown .ace-dropdown-list{
        position:fixed;

        bottom:0;
        top:initial;

        max-height:38%;
        width:100%;

        overflow-y:auto;
        -webkit-overflow-scrolling:touch;

    }

}
/**** display classes : these classes help you hide or show things, they SHOULD ALWAYS STAY AT THE END OF THE DOCUMENT IN ORDER TO NOT BE REWRITTEN BY OTHER STYLES *****/



@media screen and (min-width:680px) {
    .ace-mobile{
        display: none !important;
    }
}
@media screen and (min-width:320px) and (max-width:737px) and (min-resolution: 192dpi){
    .ace-desktop{
        display: none !important;
    }
    .ace-mobile{
        /* display: inherit !important; */
    }
    .ace-hide{
        display: none !important; 
    }
	.ace-mobile-hide{
        display: none !important; 
    }
}
.ace-hide{
    display: none !important;
}

.ace-grid-height-minus-80 .ace-grid, .ace-grid-body-height-minus-80 .ace-grid-body{
    height: calc(100% - 80px)
}
.ace-grid-height-minus-100 .ace-grid, .ace-grid-body-height-minus-100 .ace-grid-body{
    height: calc(100% - 100px)
}
.ace-grid-height-minus-110 .ace-grid, .ace-grid-body-height-minus-110 .ace-grid-body{
    height: calc(100% - 110px)
}

.ace-grid-absolute-footer .ace-grid-footer{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
}


/************* THE NEW KICKING ASS ICON SYSTEM ******************/

.aic:before{
    display: inline-flex;

    width: 24px;
    height: 24px;

    min-width: 24px;
    min-height: 24px;
}

.aic-tag:before{
    background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path d="M18.6,0.5A1.6,1.6,0,0,0,17.5,0H1.6A1.6,1.6,0,0,0,0,1.6V17.5a1.6,1.6,0,0,0,.5,1.1L21.4,39.5a1.6,1.6,0,0,0,2.3,0L39.5,23.7a1.6,1.6,0,0,0,0-2.3ZM3.3,16.6V3.7a0.4,0.4,0,0,1,.4-0.4H16.9L35.8,22.3a0.4,0.4,0,0,1,0,.6l-13,13a0.4,0.4,0,0,1-.6,0L3.4,16.9A0.4,0.4,0,0,1,3.3,16.6Z"/><circle cx="11" cy="11" r="3"/></svg>');
}

/*** added by S - for table grid selected rows */
.ace-grid-row-selected{
	background-color: rgb(200, 200, 255);
}

html[dir="ltr"] .ace-button-field .ace-icon{
	margin-right: 5px;
}
html[dir="rtl"] .ace-button-field .ace-icon{
	margin-left: 5px;
}
.ace-green-color{
color: green;
}

input[readonly]{
	border-bottom: none !important;
}


/************** FILE UPLOAD *************/


.ace-file-upload input{
    display: none;
}
.ace-file-upload{
	float: left;

	height: 34px;
}
.ace-label-align-top .ace-file-upload{
	padding-bottom:20px;
}
.ace-file-upload .ace-file-upload{
	padding-bottom:0
}
.ace-file-upload span{
    transition: ease .2s;
    color:rgba(0,0,0,0.5);
    line-height: 1.5;
}

.ace-file-upload span{
    border: 1px solid rgba(0,0,0,0.1);
    padding: 6px 10px;
    min-width: 150px;
    height: 34px;
}
[class*="ace-col-"] .ace-file-upload {
	width:100%;
}
[class*="ace-col-"] .ace-file-upload .ace-file-upload-placeholder{
	width: 100%;
	padding-right: 70px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
html[dir="rtl"] [class*="ace-col-"] .ace-file-upload .ace-file-upload-placeholder{
	padding-right: 0;
	padding-left:70px;
}
.ace-file-upload label{
    transition: ease .2s;
    float: left;
    cursor: pointer;
    position: relative;
    flex-direction:row;
}
.ace-file-type-icon{
	background: #c9d6dc;
	color: #383838;
	padding: 6px 13px;
}
.ace-label-align-top .ace-file-upload {display: flex;align-items: stretch;height: auto;}
.ace-label-align-left .ace-file-upload .ace-label{
	float:left;
	margin-top: 8px;
	height:0;
}
.ace-label-align-top .ace-file-upload .ace-label{
	position:absolute;
	top: -20px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ace-file-upload-button, .ace-file-remove{
	transform:scale(0);
	transition: ease 0.2s;
	transform-origin: right;
	height: 100%;
}
 .ace-file-upload-button a, .ace-file-remove a{
 	max-width: 45px;
 	padding: 10px !important;
 	margin: 0;
 }
 .ace-file-upload-button a:hover, .ace-file-remove a:hover{
 	max-width:400px;
 }
.ace-file-upload label:hover .ace-file-upload-button, .ace-file-upload label:hover .ace-file-remove{
	transform:scale(1) !important;
}
.ace-file-upload-button a:before, .ace-file-remove a:before{
	float:right;
	margin:0 !important;
	line-height: 1 !important;
}
.ace-file-upload-button a{
	background:#46C3FF;
	color:#ffffff;
	display: block;
	height: 100%;
	transition: all ease .2s;
}
.ace-file-upload-button a:hover{
	background: #3baff5;
	color:#ffffff;
	padding:10px;
}
.ace-file-upload-button a:hover span{
	padding: 0 10px 0 0 !important;
	opacity: 1;
	width: auto !important;
	transform: scaleX(1);
}

.ace-file-remove a span, .ace-file-upload-button a span{
	border:0 !important;
	color:#ffffff;
	transition: ease 0.2s, width 2s;
	width: 0 !important;
	display: block;
	opacity: 0;
	transform: scaleX(0);
	min-width: 0 !important;
	float: left;
	transform-origin: right;
	height: 0;
	padding: 0 !important;
	line-height: 1;
}

.ace-file-remove a{
	background: #E07474;
	color:#ffffff;
	padding:10px;
	height: 100%;
	transition:ease .2s;
	/* transform:scaleX(0); */
}
.ace-file-remove a:hover{
	background:#F18686;
	color:#ffffff;
	padding:10px;
}

.ace-file-remove a:hover span{
	width:auto !important;
	opacity:1;
	transform:scaleX(1);
	padding: 0 10px 0 0 !important;
}

[class^="ace-"] > .fa, [class^="ace-"] > .far{
	line-height:1.8;
}

.ace-upload-buttons-container {
    position: absolute;
    right: 0;
    display: flex;
    height: 100%;
}

.ace-button-full-width button {
    width: 100%;
}

.ace-loader-text:before {
    content: attr(data-loadtext);
}

.ace-grid-footer-totals .ace-grid-cell {
    color: rgba(0, 0, 0, 0.9);
    font-size: 16px;
    padding-top: 14px;
    font-weight: 200;
    background: transparent !important;
}


.ace-grid-footer-totals .ace-grid-cell {
    font-size: 14px;
}

.ace-grid-footer-totals-not-bold .ace-grid-footer-totals .ace-grid-cell {
    font-weight: normal;
}

html[dir=ltr] .ace-grid-footer-totals > .ace-grid-cell {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

html[dir=rtl] .ace-grid-footer-totals > .ace-grid-cell {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.ace-grid-footer-totals {
    clear: both;
    width: 100%;
    display: flex;
    border-top: 2px solid #0d6ffa;
    border-bottom: 2px solid #0d6ffa;
}

html[dir=ltr] .ace-grid-footer-totals {
    float: left;
}

html[dir=rtl] .ace-grid-footer-totals {
    float: right;
}
.ace-grid-footer-totals .ace-grid-cell {
    font-weight: bold;
    white-space: initial;
}

.ace-grid-footer-with-totals {
    flex-direction: column;
    align-items: center;
    align-content: stretch;
}

.ace-grid-hide-header .ace-grid-footer-totals {
    display: none;
}

.ace-minimal-grid .ace-grid-footer-totals {
    display: none;
}

.ace-thin-rows-grid:not(.ace-thin-rows-grid-with-header) .ace-grid-footer-totals {
    height: 0px;
    overflow: hidden;
}

/* begin nested grid header classes */
.ace-nested-grid-header {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 0;
}
.ace-nested-grid-header .ace-grid-body{
    height:auto;
}
.ace-nested-grid-header > .ace-grid-cell{
    display:flex;
    flex-wrap:wrap;
    padding: 0;
    box-sizing: border-box;
}
.ace-nested-grid-header .ace-grid-cell-header{
    flex-basis:100%;
    text-align:center;
    padding-bottom: 10px;
    padding: 15px;
    max-width:100%;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ace-nested-grid-header .ace-grid-cell-sub-header{
    flex-basis:100%;
    border-top: 1px solid rgba(0,0,0,0.1);
    max-width:100%;
    text-align: center;
    padding: 0 !important;
}
.ace-nested-grid-header .ace-grid-cell-sub-header .ace-grid-cell{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
}
.ace-nested-grid-header .ace-grid-cell-sub-header .ace-grid-row{
    display:flex;
}
.ace-nested-grid-header .ace-grid-cell-sub-header .ace-grid-row > .ace-grid-cell{
    flex-basis: 100%;
}

.ace-nested-grid-header .ace-grid-body{
    height:auto;
}
.ace-nested-grid-header > .ace-grid-cell{
    display:flex;
    flex-wrap:wrap;
    padding: 0;
    box-sizing: border-box;
    padding-top: 12px;
    height: 70px;
}
html[dir="ltr"] .ace-nested-grid-header > .ace-grid-cell{
    border-right: 1px solid rgba(0,0,0,0.1);
    margin-left: 0px;
    padding-left:5px;
}
html[dir="rtl"] .ace-nested-grid-header > .ace-grid-cell{
    border-left: 1px solid rgba(0,0,0,0.1);
    margin-right: 0px;
    padding-left:5px;
}
.ace-nested-grid-header .ace-grid-cell-header{
    flex-basis:100%;
    text-align:center;
    padding-bottom: 10px;
    padding: 15px;
    max-width:100%;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ace-nested-grid-header .ace-grid-cell-sub-header{
    flex-basis:100%;
    border-top: 1px solid rgba(0,0,0,0.1);
    max-width:100%;
    text-align: center;
    padding: 0 !important;
}
.ace-nested-grid-header .ace-grid-cell-sub-header .ace-grid-cell{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
}
.ace-nested-grid-header .ace-grid-cell-sub-header .ace-grid-row{
    display:flex;
}
.ace-nested-grid-header .ace-grid-cell-sub-header .ace-grid-row > .ace-grid-cell{
    flex-basis: 100%;
}
.ace-nested-grid-header ~ .ace-grid-body .ace-grid-row{
    display:flex;
    flex-wrap:wrap;
}

.ace-nested-grid-header .ace-grid-groupped-header-title-50[groupname]::before {
    content: attr(groupname);
    margin-top: -40px;
    position: relative;
    text-align: center;
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}
html[dir="ltr"] .ace-nested-grid-header .ace-grid-groupped-header-title-50[groupname]::before {
    left: 50%;
}
html[dir="rtl"] .ace-nested-grid-header .ace-grid-groupped-header-title-50[groupname]::before {
    right: 50%;
}

.ace-nested-grid-header .ace-grid-groupped-header-title[groupname]::before {
    content: attr(groupname);
    margin-top: -25px;
    position: absolute;
    text-align: center;
    width: 100%;
}
html[dir="ltr"] .ace-nested-grid-header .ace-grid-groupped-header-title[groupname]::before {
    left: 50%;
}
html[dir="rtl"] .ace-nested-grid-header .ace-grid-groupped-header-title[groupname]::before {
    right: 50%;
}

.ace-nested-grid-header .ace-grid-groupped-header-col {
    border-top: 1px solid rgba(0,0,0,.2);
    padding-top: 4px;

}
.ace-grid-groupped-header-col.ace-grid-grouped-header-col-last:after{
    content: '';
    position:relative;
    width:1px;
    height: 45px;
    top: -50px;
    background:rgba(0,0,0,0.1);
}
html[dir="ltr"] .ace-grid-groupped-header-col.ace-grid-grouped-header-col-last:after{
    right: -1px;
}
html[dir="rtl"] .ace-grid-groupped-header-col.ace-grid-grouped-header-col-last:after{
    left: -1px;
}
.ace-nested-grid-header .ace-col-4{
    flex-basis:33.33%;
    max-width:33.33%;
}
.ace-nested-grid-header .ace-col-5{
    flex-basis:41.66%;
    max-width:41.66%;
}
.ace-nested-grid-header .ace-col-6{
    flex-basis:50%;
    max-width:50%;
}
.ace-nested-grid-header .ace-col-7{
    flex-basis:58.33%;
    max-width:58.33%;
}
.ace-nested-grid-header .ace-col-8{
    flex-basis:66.66%;
    max-width:66.66%;
}
.ace-nested-grid-header .ace-col-9{
    flex-basis:75%;
    max-width:75%;
}
.ace-nested-grid-header .ace-col-10{
    flex-basis:83.33%;
    max-width:83.33%;
}
.ace-nested-grid-header .ace-col-11{
    flex-basis:91.66%;
    max-width:91.66%;
}
.ace-nested-grid-header .ace-col-12{
    flex-basis:100%;
    max-width:100%;
}

.ace-nested-grid-header .ace-grid-groupped-header-col {
    border-top: 1px solid rgba(0,0,0,0.1);
    max-height: 22px;
    height: 22px;
    align-self: flex-end;
    min-height: 30px;
}
/* end nested grid header classes */





.ace-grid .ace-presentation-container {
    height: calc(100% - 131px);
    width: 100%;
}

.ace-grid .ace-presentation-container > .ace-grid-body {
    height: 100%;
}

.ace-grid .ace-presentation-container > .ace-presentation-info .ace-form-inner {
    height: calc(100% - 89px);
    overflow-y: auto;
}

@media screen and (min-width: 320px) and (max-width: 680px), screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
    .ace-responsive-grid .ace-grid .ace-presentation-container {
        height: calc(100% - 89px);
    }

    .ace-responsive-grid .ace-grid .ace-presentation-container .ace-grid-body {
        height: 100%;
    }
}

.ace-force-responsive-grids .ace-responsive-grid .ace-grid .ace-presentation-container {
    height: calc(100% - 89px);
}

.ace-force-responsive-grids .ace-responsive-grid .ace-grid .ace-presentation-container .ace-grid-body {
    height: 100%;
}

.ace-auto-height-grid .ace-grid > .ace-presentation-container {
    flex: 1;
    overflow-y: hidden;
}

.ace-auto-height-grid .ace-grid > .ace-presentation-container > .ace-grid-body {
    overflow: auto;
}

.ace-auto-height-grid .ace-grid > .ace-presentation-container > .ace-presentation-info {
    overflow: auto;
    align-self: self-start;
}

.ace-presentation-container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: stretch;
}

html[dir=ltr] .ace-presentation-container {
    padding-left: 10px;
}

html[dir=rtl] .ace-presentation-container {
    padding-right: 10px;
}

html[dir=ltr] .ace-grid .ace-presentation-container {
    padding-left: 0px;
}

html[dir=rtl] .ace-grid .ace-presentation-container {
    padding-right: 0px;
}

@media screen and (min-width: 320px) and (max-width: 680px), screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
    html[dir=ltr] .ace-presentation-container {
        padding-left: 1px;
    }

    html[dir=rtl] .ace-presentation-container {
        padding-right: 1px;
    }
}
.ace-presentation-container.ace-presentation-container-reverse {
    flex-direction: row-reverse;
}

.ace-presentation-container > .ace-presentation-main,
.ace-grid .ace-presentation-container > .ace-presentation-main.ace-grid-body {
    width: 66.66%;
    flex-basis: 66.66%;
    max-width: 66.66%;
    background-color: white;
    color: rgba(0, 0, 0, 0.8);
}

.ace-presentation-container.ace-presentation-transparent-main > .ace-presentation-main {
    background-color: transparent;
}

.ace-presentation-container > .ace-presentation-info,
.ace-grid .ace-presentation-container > .ace-presentation-info {
    width: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
    background-color: #f2f4f8;
    color: white;
}

.ace-presentation-container.ace-presentation-transparent-info > .ace-presentation-info {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.8);
}

.ace-grid .ace-presentation-container > .ace-presentation-info {
    background-color: #f2f4f8;
    color: rgba(0, 0, 0, 0.8);
}

.ace-presentation-container.ace-presentation-ration-10-2 > .ace-presentation-main,
.ace-grid .ace-presentation-container.ace-presentation-ration-10-2 > .ace-presentation-main.ace-grid-body {
    width: 83.33%;
    flex-basis: 83.33%;
    max-width: 83.33%;
}

.ace-presentation-container.ace-presentation-ration-10-2 > .ace-presentation-info,
.ace-grid .ace-presentation-container.ace-presentation-ration-10-2 > .ace-presentation-info {
    width: 16.66%;
    flex-basis: 16.66%;
    max-width: 16.66%;
}

.ace-presentation-container.ace-presentation-ration-6-6 > .ace-presentation-main,
.ace-grid .ace-presentation-container.ace-presentation-ration-6-6 > .ace-presentation-main.ace-grid-body {
    width: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.ace-presentation-container.ace-presentation-ration-6-6 > .ace-presentation-info,
.ace-grid .ace-presentation-container.ace-presentation-ration-6-6 > .ace-presentation-info {
    width: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.ace-presentation-container.ace-presentation-hidden-info > .ace-presentation-main,
.ace-presentation-container.ace-presentation-hidden-info.ace-presentation-ration-10-2 > .ace-presentation-main,
.ace-presentation-container.ace-presentation-hidden-info.ace-presentation-ration-6-6 > .ace-presentation-main,
.ace-grid .ace-presentation-container.ace-presentation-hidden-info > .ace-presentation-main.ace-grid-body,
.ace-grid .ace-presentation-container.ace-presentation-hidden-info.ace-presentation-ration-10-2 > .ace-presentation-main.ace-grid-body,
.ace-grid .ace-presentation-container.ace-presentation-hidden-info.ace-presentation-ration-6-6 > .ace-presentation-main.ace-grid-body {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.ace-presentation-container.ace-presentation-hidden-info > .ace-presentation-info {
    display: none;
}

html[dir=ltr] .ace-presentation-container > .ace-presentation-info {
    padding-left: 1px;
}

html[dir=rtl] .ace-presentation-container > .ace-presentation-info {
    padding-right: 1px;
}

html[dir=ltr] .ace-presentation-container.ace-presentation-container-reverse > .ace-presentation-info {
    padding-left: 0px;
}

html[dir=rtl] .ace-presentation-container.ace-presentation-container-reverse > .ace-presentation-info {
    padding-right: 0px;
}

html[dir=ltr] .ace-presentation-container.ace-presentation-container-reverse > .ace-presentation-info {
    padding-right: 1px;
}

html[dir=rtl] .ace-presentation-container.ace-presentation-container-reverse > .ace-presentation-info {
    padding-left: 1px;
}

@media screen and (min-width: 320px) and (max-width: 680px), screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
    .ace-presentation-container {
        flex-wrap: wrap;
    }

    .ace-presentation-container > .ace-presentation-main,
    .ace-presentation-container.ace-presentation-ration-10-2 > .ace-presentation-main,
    .ace-presentation-container.ace-presentation-ration-6-6 > .ace-presentation-main,
    .ace-grid .ace-presentation-container > .ace-presentation-main.ace-grid-body,
    .ace-grid .ace-presentation-container.ace-presentation-ration-10-2 > .ace-presentation-main.ace-grid-body,
    .ace-grid .ace-presentation-container.ace-presentation-ration-6-6 > .ace-presentation-main.ace-grid-body {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }

    .ace-presentation-container > .ace-presentation-info {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
        padding-top: 8px;
    }

    html[dir=ltr] .ace-presentation-container > .ace-presentation-info {
        padding-left: 0px;
    }

    html[dir=rtl] .ace-presentation-container > .ace-presentation-info {
        padding-right: 0px;
    }

    html[dir=ltr] .ace-presentation-container.ace-presentation-container-reverse > .ace-presentation-info {
        padding-right: 0px;
    }

    html[dir=rtl] .ace-presentation-container.ace-presentation-container-reverse > .ace-presentation-info {
        padding-left: 0px;
    }

    .ace-presentation-container.ace-presentation-hide-mobile-info > .ace-presentation-info {
        display: none;
    }
}