@charset "utf-8";
@-webkit-keyframes jconfirm-spin {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes jconfirm-spin {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes type-blue {
    1%,to {
        border-color:#3498db
    }
    50% {
        border-color:#5faee3
    }
}
@keyframes type-blue {
    1%,to {
        border-color:#3498db
    }
    50% {
        border-color:#5faee3
    }
}
@-webkit-keyframes type-green {
    1%,to {
        border-color:#2ecc71
    }
    50% {
        border-color:#54d98c
    }
}
@keyframes type-green {
    1%,to {
        border-color:#2ecc71
    }
    50% {
        border-color:#54d98c
    }
}
@-webkit-keyframes type-red {
    1%,to {
        border-color:#e74c3c
    }
    50% {
        border-color:#ed7669
    }
}
@keyframes type-red {
    1%,to {
        border-color:#e74c3c
    }
    50% {
        border-color:#ed7669
    }
}
@-webkit-keyframes type-orange {
    1%,to {
        border-color:#f1c40f
    }
    50% {
        border-color:#f4d03f
    }
}
@keyframes type-orange {
    1%,to {
        border-color:#f1c40f
    }
    50% {
        border-color:#f4d03f
    }
}
@-webkit-keyframes type-purple {
    1%,to {
        border-color:#9b59b6
    }
    50% {
        border-color:#b07cc6
    }
}
@keyframes type-purple {
    1%,to {
        border-color:#9b59b6
    }
    50% {
        border-color:#b07cc6
    }
}
@-webkit-keyframes type-dark {
    1%,to {
        border-color:#34495e
    }
    50% {
        border-color:#46627f
    }
}
@keyframes type-dark {
    1%,to {
        border-color:#34495e
    }
    50% {
        border-color:#46627f
    }
}
@-webkit-keyframes shake {
    10%,90% {
        -webkit-transform:translate3d(-2px,0,0);
        transform:translate3d(-2px,0,0)
    }
    20%,80% {
        -webkit-transform:translate3d(4px,0,0);
        transform:translate3d(4px,0,0)
    }
    30%,50%,70% {
        -webkit-transform:translate3d(-8px,0,0);
        transform:translate3d(-8px,0,0)
    }
    40%,60% {
        -webkit-transform:translate3d(8px,0,0);
        transform:translate3d(8px,0,0)
    }
}
@keyframes shake {
    10%,90% {
        -webkit-transform:translate3d(-2px,0,0);
        transform:translate3d(-2px,0,0)
    }
    20%,80% {
        -webkit-transform:translate3d(4px,0,0);
        transform:translate3d(4px,0,0)
    }
    30%,50%,70% {
        -webkit-transform:translate3d(-8px,0,0);
        transform:translate3d(-8px,0,0)
    }
    40%,60% {
        -webkit-transform:translate3d(8px,0,0);
        transform:translate3d(8px,0,0)
    }
}
@-webkit-keyframes glow {
    0%,to {
        -webkit-box-shadow:0 0 0 red;
        box-shadow:0 0 0 red
    }
    50% {
        -webkit-box-shadow:0 0 30px red;
        box-shadow:0 0 30px red
    }
}
@keyframes glow {
    0%,to {
        -webkit-box-shadow:0 0 0 red;
        box-shadow:0 0 0 red
    }
    50% {
        -webkit-box-shadow:0 0 30px red;
        box-shadow:0 0 30px red
    }
}
@keyframes tags--bump {
    30% {
        transform:scale(1.2)
    }
}
@keyframes rotateLoader {
    to {
        transform:rotate(1turn)
    }
}
@keyframes readonlyStyles {
    0% {
        background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent)0/5px 5px;
        box-shadow:none;
        filter:brightness(.95)
    }
}
@font-face {
    font-family:"Roboto";
    src:url(../font/roboto/Roboto-Regular-webfont.eot);
    src:url(../font/roboto/Roboto-Regular-webfont.eot?#iefix)format("embedded-opentype"),url(../font/roboto/Roboto-Regular-webfont.woff)format("woff"),url(../font/roboto/Roboto-Regular-webfont.ttf)format("truetype"),url(../font/roboto/Roboto-Regular-webfont.svg#RobotoRegular)format("svg");
    font-weight:400
}
@font-face {
    font-family:"Roboto";
    src:url(../font/roboto/Roboto-Bold-webfont.eot);
    src:url(../font/roboto/Roboto-Bold-webfont.eot?#iefix)format("embedded-opentype"),url(../font/roboto/Roboto-Bold-webfont.woff)format("woff"),url(../font/roboto/Roboto-Bold-webfont.ttf)format("truetype"),url(../font/roboto/Roboto-Bold-webfont.svg#RobotoBold)format("svg");
    font-weight:700
}
@font-face {
    font-family:"Roboto";
    src:url(../font/roboto/Roboto-Medium-webfont.eot);
    src:url(../font/roboto/Roboto-Medium-webfont.eot?#iefix)format("embedded-opentype"),url(../font/roboto/Roboto-Medium-webfont.woff)format("woff"),url(../font/roboto/Roboto-Medium-webfont.ttf)format("truetype"),url(../font/roboto/Roboto-Medium-webfont.svg#RobotoMedium)format("svg");
    font-weight:300
}
@font-face {
    font-family:"IranSans";
    src:url(../font/IRANSansWebFa.eot);
    src:url(../font/IRANSansWebFa.eot?#iefix)format("embedded-opentype"),url(../font/IRANSansWebFa.woff)format("woff"),url(../font/IRANSansWebFa.woff2)format("woff2"),url(../font/IRANSansWebFa.ttf)format("truetype");
    font-weight:400
}
:root {
    --fff-rtl-font:'IranSans', Roboto, sans-serif;
    --fff-ltr-font:Roboto, sans-serif;
    --fff-font-size:14px;
    --bs-body-font-size:14px;
    --fff-gold:#e17bf3;
    --fff-dark:#340234;
    --fff-gray:#d9d9d9;
    --fff-turquoise:#48d1cc;
    --fff-dark-10p:rgba(20, 20, 20, .1);
    --fff-dark-25p:rgba(20, 20, 20, .25);
    --fff-dark-50p:rgba(20, 20, 20, .5);
    --fff-dark-75p:rgba(20, 20, 20, .75);
    --fff-gold-10p:rgba(131, 41, 144, .1);
    --fff-gold-25p:rgb(131, 41, 144, .25);
    --fff-gold-50p:rgb(131, 41, 144, .50);
    --fff-gold-75p:rgb(131, 41, 144, .75);
    --fff-gray-10p:rgba(217, 217, 217, .1);
    --fff-gray-25p:rgba(217, 217, 217, .25);
    --fff-gray-50p:rgba(217, 217, 217, .5);
    --fff-gray-75p:rgba(217, 217, 217, .75);
    --tagify-dd-color-primary:rgb(131, 41, 144);
    --tagify-dd-bg-color:white;
    --tagify-dd-item-pad:.3em .5em
}
body,html {
    font-family:sans-serif;
    font-size:var(--fff-font-size);
    color:#000
}
body.rtl {
    font-family:var(--fff-rtl-font);
    direction:rtl
}
body.ltr {
    font-family:var(--fff-ltr-font);
    direction:ltr
}
a,a:focus,a:hover {
    text-decoration:none;
    outline:0;
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease
}
*,::-moz-focus-inner,:active,:focus,:hover,a,button,input {
    outline:0!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    appearance:none!important
}
.direction-ltr,.ltr {
    direction:ltr
}
.direction-rtl,.rtl {
    direction:rtl
}
.hidden,.hide {
    display:none
}
.clear {
    clear:both
}
.icon {
    color:var(--fff-dark);
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease
}
.background-dark {
    background-color:var(--fff-dark)
}
.background-gold {
    background-color:var(--fff-gold)
}
.background-gray {
    background-color:var(--fff-gray)
}
.background-turquoise {
    background-color:var(--fff-turquoise)
}
.background-white {
    background-color:#fff
}
.text-dark {
    color:var(--fff-dark)
}
.btn-dark i,.btn-dark span,.btn-gold i,.btn-gold span,.btn-outline-dark i,.btn-outline-dark span,.btn-outline-gold i,.btn-outline-gold span,.text-gold {
    color:var(--fff-gold)
}
.text-gray {
    color:var(--fff-gray)
}
.text-turquoise {
    color:var(--fff-turquoise)
}
.text-white {
    color:#fff
}
.order-6 {
    order:6!important
}
.order-7 {
    order:7!important
}
.order-8 {
    order:8!important
}
.order-9 {
    order:9!important
}
.order-10 {
    order:10!important
}
.order-11 {
    order:11!important
}
.order-12 {
    order:12!important
}
.order-13 {
    order:13!important
}
.order-14 {
    order:14!important
}
.order-15 {
    order:15!important
}
.order-16 {
    order:16!important
}
.btn-dark,.btn-outline-dark {
    --bs-btn-border-color:var(--fff-dark);
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg:var(--fff-dark);
    --bs-btn-hover-border-color:var(--fff-dark);
    --bs-btn-active-bg:var(--fff-dark);
    --bs-btn-active-border-color:var(--fff-dark);
    --bs-btn-disabled-border-color:var(--fff-dark)
}
.btn-dark {
    --bs-btn-color:var(--fff-gold);
    --bs-btn-bg:var(--fff-dark);
    --bs-btn-focus-shadow-rgb:197, 160, 73;
    --bs-btn-active-color:var(--fff-gold);
    --bs-btn-active-shadow:inset 0 3px 5px rgba(197, 160, 73, 0.125);
    --bs-btn-disabled-color:var(--fff-gold);
    --bs-btn-disabled-bg:var(--fff-dark)
}
.btn-outline-dark {
    --bs-btn-color:var(--fff-dark);
    --bs-btn-focus-shadow-rgb:20, 20, 20;
    --bs-btn-active-color:#fff;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(20, 20, 20, 0.125);
    --bs-btn-disabled-color:var(--fff-dark);
    --bs-btn-disabled-bg:transparent;
    --bs-gradient:none
}
.btn-dark svg,.btn-gold svg,.btn-outline-dark svg,.btn-outline-gold svg {
    fill:var(--fff-gold)
}
.btn-dark:focus i,.btn-dark:focus span,.btn-dark:focus+.btn i,.btn-dark:focus+.btn span,.btn-dark:hover i,.btn-dark:hover span,.btn-gold:focus i,.btn-gold:focus span,.btn-gold:focus+.btn i,.btn-gold:focus+.btn span,.btn-gold:hover i,.btn-gold:hover span,.btn-outline-dark:focus i,.btn-outline-dark:focus span,.btn-outline-dark:focus+.btn i,.btn-outline-dark:focus+.btn span,.btn-outline-dark:hover i,.btn-outline-dark:hover span,.btn-outline-gold:focus i,.btn-outline-gold:focus span,.btn-outline-gold:focus+.btn i,.btn-outline-gold:focus+.btn span,.btn-outline-gold:hover i,.btn-outline-gold:hover span {
    color:var(--bs-btn-hover-color)
}
.btn-dark:focus svg,.btn-dark:focus+.btn svg,.btn-dark:hover svg,.btn-gold:focus svg,.btn-gold:focus+.btn svg,.btn-gold:hover svg,.btn-outline-dark:focus svg,.btn-outline-dark:focus+.btn svg,.btn-outline-dark:hover svg,.btn-outline-gold:focus svg,.btn-outline-gold:focus+.btn svg,.btn-outline-gold:hover svg {
    fill:var(--bs-btn-hover-color)
}
.btn-gold,.btn-outline-gold {
    --bs-btn-border-color:var(--fff-gold);
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg:var(--fff-gold);
    --bs-btn-hover-border-color:var(--fff-gold);
    --bs-btn-focus-shadow-rgb:197, 160, 73;
    --bs-btn-active-bg:var(--fff-gold);
    --bs-btn-active-border-color:var(--fff-gold);
    --bs-btn-active-shadow:inset 0 3px 5px rgba(197, 160, 73, 0.125);
    --bs-btn-disabled-border-color:var(--fff-gold)
}
.btn-gold {
    --bs-btn-color:var(--fff-dark);
    --bs-btn-bg:var(--fff-gold);
    --bs-btn-active-color:var(--fff-dark);
    --bs-btn-disabled-color:var(--fff-dark);
    --bs-btn-disabled-bg:var(--fff-gold)
}
.btn-outline-gold {
    --bs-btn-color:var(--fff-gold);
    --bs-btn-active-color:#fff;
    --bs-btn-disabled-color:var(--fff-gold);
    --bs-btn-disabled-bg:transparent;
    --bs-gradient:none
}
.tooltip {
    font-family:var(--fff-ltr-font)
}
.rtl .tooltip {
    font-family:var(--fff-rtl-font)
}
.form-control:focus,.form-select:focus {
    border-color:var(--fff-gold);
    box-shadow:0 0 0 .25rem var(--fff-gold-25p)
}
.form-check-input.is-invalid+label.is-invalid,.form-control.is-invalid+label.is-invalid,.form-select.is-invalid+label.is-invalid,.standalone-error,.was-validated .form-control:invalid+label.is-invalid {
    display:block;
    width:100%;
    margin-top:.25rem!important;
    font-size:.875em!important;
    color:#df0000!important
}
.form-check-input.is-invalid+label.is-invalid {
    position:absolute;
    top:100%
}
.croppie-container {
    width:100%
}
.croppie-container .cr-image {
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    transform-origin:0 0;
    max-height:none;
    max-width:none
}
.croppie-container .cr-boundary {
    position:relative;
    overflow:hidden;
    margin:0 auto;
    z-index:1;
    width:100%;
    height:100%
}
.croppie-container .cr-resizer,.croppie-container .cr-viewport {
    position:absolute;
    border:2px solid #fff;
    margin:auto;
    top:0;
    bottom:0;
    right:0;
    left:0;
    box-shadow:0 0 2000px 2000px rgba(0,0,0,.5);
    z-index:0
}
.croppie-container .cr-resizer {
    z-index:2;
    box-shadow:none;
    pointer-events:none
}
.croppie-container .cr-resizer-horisontal,.croppie-container .cr-resizer-vertical {
    position:absolute;
    pointer-events:all
}
.croppie-container .cr-resizer-horisontal::after,.croppie-container .cr-resizer-vertical::after {
    display:block;
    position:absolute;
    box-sizing:border-box;
    border:1px solid #000;
    background:#fff;
    width:10px;
    height:10px;
    content:""
}
.croppie-container .cr-resizer-vertical {
    bottom:-5px;
    cursor:row-resize;
    width:100%;
    height:10px
}
.croppie-container .cr-resizer-vertical::after {
    left:50%;
    margin-left:-5px
}
.croppie-container .cr-resizer-horisontal {
    right:-5px;
    cursor:col-resize;
    width:10px;
    height:100%
}
.croppie-container .cr-resizer-horisontal::after {
    top:50%;
    margin-top:-5px
}
.croppie-container .cr-original-image {
    display:none
}
.croppie-container .cr-vp-circle {
    border-radius:50%
}
.croppie-container .cr-overlay {
    z-index:1;
    position:absolute;
    cursor:move;
    touch-action:none
}
.croppie-container .cr-slider-wrap {
    text-align:center
}
.croppie-result {
    position:relative;
    overflow:hidden
}
.croppie-result img {
    position:absolute
}
.croppie-container .cr-image,.croppie-container .cr-overlay,.croppie-container .cr-viewport {
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0)
}
.cr-slider {
    -webkit-appearance:none;
    width:300px;
    max-width:100%;
    padding-top:8px;
    padding-bottom:8px;
    background-color:transparent
}
.cr-slider::-webkit-slider-runnable-track {
    width:100%;
    height:3px;
    background:rgba(0,0,0,.5);
    border:0;
    border-radius:3px
}
.cr-slider::-webkit-slider-thumb {
    -webkit-appearance:none;
    border:0;
    height:16px;
    width:16px;
    border-radius:50%;
    background:#ddd;
    margin-top:-6px
}
.cr-slider:focus {
    outline:0
}
.cr-slider::-moz-range-track {
    width:100%;
    height:3px;
    background:rgba(0,0,0,.5);
    border:0;
    border-radius:3px
}
.cr-slider::-moz-range-thumb {
    border:0;
    height:16px;
    width:16px;
    border-radius:50%;
    background:#ddd;
    margin-top:-6px
}
.cr-slider:-moz-focusring {
    outline:1px solid #fff;
    outline-offset:-1px
}
.cr-slider::-ms-track {
    width:100%;
    height:5px;
    background:0 0;
    border-color:transparent;
    border-width:6px 0;
    color:transparent
}
.cr-slider::-ms-fill-lower {
    background:rgba(0,0,0,.5);
    border-radius:10px
}
.cr-slider::-ms-fill-upper {
    background:rgba(0,0,0,.5);
    border-radius:10px
}
.cr-slider::-ms-thumb {
    border:0;
    height:16px;
    width:16px;
    border-radius:50%;
    background:#ddd;
    margin-top:1px
}
.cr-slider:focus::-ms-fill-lower {
    background:rgba(0,0,0,.5)
}
.cr-slider:focus::-ms-fill-upper {
    background:rgba(0,0,0,.5)
}
.cr-rotate-controls {
    position:absolute;
    bottom:5px;
    left:5px;
    z-index:1
}
.cr-rotate-controls button {
    border:0;
    background:0 0
}
.cr-rotate-controls i:before {
    display:inline-block;
    font-style:normal;
    font-weight:900;
    font-size:22px
}
.cr-rotate-l i:before {
    content:"↺"
}
.cr-rotate-r i:before {
    content:"↻"
}
body[class*=jconfirm-no-scroll-] {
    overflow:hidden!important
}
.jconfirm,.jconfirm .jconfirm-bg {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.jconfirm {
    z-index:99999999;
    font-family:inherit;
    overflow:hidden;
    -webkit-perspective:400px;
    perspective:400px
}
.jconfirm .jconfirm-bg {
    -webkit-transition:opacity .4s;
    transition:opacity .4s
}
.jconfirm .jconfirm-bg.jconfirm-bg-h {
    opacity:0!important
}
.jconfirm .jconfirm-scrollpane {
    -webkit-perspective:500px;
    perspective:500px;
    -webkit-perspective-origin:center;
    perspective-origin:center;
    display:table;
    width:100%;
    height:100%
}
.jconfirm .jconfirm-row {
    display:table-row;
    width:100%
}
.jconfirm .jconfirm-cell {
    display:table-cell;
    vertical-align:middle
}
.jconfirm .jconfirm-holder {
    max-height:100%;
    padding:50px 0
}
.jconfirm .jconfirm-box-container {
    -webkit-transition:-webkit-transform;
    transition:transform;
    transition:transform,-webkit-transform
}
.jconfirm .jconfirm-box-container.jconfirm-no-transition {
    -webkit-transition:none!important;
    transition:none!important
}
.jconfirm .jconfirm-box {
    background:#fff;
    border-radius:4px;
    position:relative;
    outline:0;
    padding:15px 15px 0;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto
}
.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top:solid 7px #3498db;
    -webkit-animation-name:type-blue;
    animation-name:type-blue
}
.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top:solid 7px #2ecc71;
    -webkit-animation-name:type-green;
    animation-name:type-green
}
.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top:solid 7px #e74c3c;
    -webkit-animation-name:type-red;
    animation-name:type-red
}
.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top:solid 7px #f1c40f;
    -webkit-animation-name:type-orange;
    animation-name:type-orange
}
.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top:solid 7px #9b59b6;
    -webkit-animation-name:type-purple;
    animation-name:type-purple
}
.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top:solid 7px #34495e;
    -webkit-animation-name:type-dark;
    animation-name:type-dark
}
.jconfirm .jconfirm-box.loading {
    height:120px
}
.jconfirm .jconfirm-box.loading:before {
    content:"";
    position:absolute;
    left:0;
    background:#fff;
    right:0;
    top:0;
    bottom:0;
    border-radius:10px;
    z-index:1
}
.jconfirm .jconfirm-box.loading:after {
    opacity:.6;
    content:"";
    height:30px;
    width:30px;
    border:solid 3px transparent;
    position:absolute;
    left:50%;
    margin-left:-15px;
    border-radius:50%;
    -webkit-animation:jconfirm-spin 1s infinite linear;
    animation:jconfirm-spin 1s infinite linear;
    border-bottom-color:#1e90ff;
    top:50%;
    margin-top:-15px;
    z-index:2
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height:20px;
    width:20px;
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
    opacity:.6;
    text-align:center;
    font-size:27px!important;
    line-height:14px!important;
    display:none;
    z-index:1
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty,.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty,.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty,.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
    display:none
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa,.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon,.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
    font-size:16px
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
    opacity:1
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
    display:block;
    font-size:22px;
    line-height:20px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:default;
    padding-bottom:15px
}
.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
    cursor:move
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    font-size:inherit;
    display:inline-block;
    vertical-align:middle
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
    vertical-align:middle
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-size:inherit;
    font-family:inherit;
    display:inline-block;
    vertical-align:middle
}
.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom:15px;
    height:auto;
    -webkit-transition:height .4s ease-in;
    transition:height .4s ease-in;
    display:inline-block;
    width:100%;
    position:relative;
    overflow-x:hidden;
    overflow-y:auto
}
.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
    overflow-y:hidden
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
    width:3px
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
    background:rgba(0,0,0,.1)
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
    background:#666;
    border-radius:3px
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow:auto
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
    max-width:100%;
    height:auto
}
.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom:11px
}
.jconfirm .jconfirm-box .jconfirm-buttons>button {
    margin-bottom:4px;
    margin-left:2px;
    margin-right:2px
}
.jconfirm .jconfirm-box .jconfirm-buttons button {
    display:inline-block;
    padding:6px 12px;
    font-size:14px;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border-radius:4px;
    min-height:1em;
    -webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    -webkit-tap-highlight-color:transparent;
    border:0;
    background-image:none
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
    background-color:#3498db;
    color:#fff;
    text-shadow:none;
    -webkit-transition:background .2s;
    transition:background .2s
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
    background-color:#2980b9;
    color:#fff
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green,.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
    background-color:#2ecc71;
    color:#fff;
    text-shadow:none;
    -webkit-transition:background .2s;
    transition:background .2s
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
    background-color:#27ae60;
    color:#fff
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
    background-color:#e74c3c
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
    background-color:#c0392b;
    color:#fff
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
    background-color:#f1c40f;
    color:#fff;
    text-shadow:none;
    -webkit-transition:background .2s;
    transition:background .2s
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
    background-color:#f39c12;
    color:#fff
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color:#ecf0f1;
    color:#000
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color:#bdc3c7;
    color:#000
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark,.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
    background-color:#9b59b6;
    color:#fff;
    text-shadow:none;
    -webkit-transition:background .2s;
    transition:background .2s
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
    background-color:#8e44ad;
    color:#fff
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
    background-color:#34495e
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
    background-color:#2c3e50;
    color:#fff
}
.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color:#e74c3c!important
}
.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color:#3498db!important
}
.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color:#2ecc71!important
}
.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color:#9b59b6!important
}
.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color:#f1c40f!important
}
.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color:#34495e!important
}
.jconfirm .jconfirm-clear {
    clear:both
}
.jconfirm.jconfirm-rtl {
    direction:rtl
}
.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
    left:5px;
    right:auto
}
.jconfirm.jconfirm-light .jconfirm-bg,.jconfirm.jconfirm-white .jconfirm-bg {
    background-color:#444;
    opacity:.2
}
.jconfirm.jconfirm-light .jconfirm-box,.jconfirm.jconfirm-white .jconfirm-box {
    -webkit-box-shadow:0 2px 6px rgba(0,0,0,.2);
    box-shadow:0 2px 6px rgba(0,0,0,.2);
    border-radius:5px
}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right:8px;
    margin-left:0
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons {
    float:right
}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button {
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    text-shadow:none
}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#333
}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background:#ddd
}
.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left:8px;
    margin-right:0
}
.jconfirm.jconfirm-black .jconfirm-bg,.jconfirm.jconfirm-dark .jconfirm-bg {
    background-color:#2f4f4f;
    opacity:.4
}
.jconfirm.jconfirm-black .jconfirm-box,.jconfirm.jconfirm-dark .jconfirm-box {
    -webkit-box-shadow:0 2px 6px rgba(0,0,0,.2);
    box-shadow:0 2px 6px rgba(0,0,0,.2);
    background:#444;
    border-radius:5px;
    color:#fff
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-right:8px;
    margin-left:0
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
    border:0;
    background-image:none;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    text-shadow:none;
    -webkit-transition:background .1s;
    transition:background .1s;
    color:#fff
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    background:0
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background:#666
}
.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-left:8px;
    margin-right:0
}
.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow,.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    -webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;
    animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    -webkit-animation:glow .82s cubic-bezier(.36,.07,.19,.97) both;
    animation:glow .82s cubic-bezier(.36,.07,.19,.97) both
}
.jconfirm .jconfirm-box {
    opacity:1;
    -webkit-transition-property:all;
    transition-property:all
}
.jconfirm .jconfirm-box.jconfirm-animation-bottom,.jconfirm .jconfirm-box.jconfirm-animation-left,.jconfirm .jconfirm-box.jconfirm-animation-none,.jconfirm .jconfirm-box.jconfirm-animation-opacity,.jconfirm .jconfirm-box.jconfirm-animation-right,.jconfirm .jconfirm-box.jconfirm-animation-rotate,.jconfirm .jconfirm-box.jconfirm-animation-rotatex,.jconfirm .jconfirm-box.jconfirm-animation-rotatey,.jconfirm .jconfirm-box.jconfirm-animation-scale,.jconfirm .jconfirm-box.jconfirm-animation-scalex,.jconfirm .jconfirm-box.jconfirm-animation-scaley,.jconfirm .jconfirm-box.jconfirm-animation-top,.jconfirm .jconfirm-box.jconfirm-animation-zoom {
    opacity:0
}
.jconfirm .jconfirm-box.jconfirm-animation-rotate {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatex,.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
    -webkit-transform:rotateX(90deg);
    transform:rotateX(90deg);
    -webkit-transform-origin:center;
    transform-origin:center
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
    -webkit-transform:rotateX(-90deg);
    transform:rotateX(-90deg)
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatey,.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
    -webkit-transform:rotatey(90deg);
    transform:rotatey(90deg);
    -webkit-transform-origin:center;
    transform-origin:center
}
.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
    -webkit-transform:rotatey(-90deg);
    transform:rotatey(-90deg)
}
.jconfirm .jconfirm-box.jconfirm-animation-scaley {
    -webkit-transform:scaley(1.5);
    transform:scaley(1.5);
    -webkit-transform-origin:center;
    transform-origin:center
}
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    -webkit-transform:scalex(1.5);
    transform:scalex(1.5);
    -webkit-transform-origin:center;
    transform-origin:center
}
.jconfirm .jconfirm-box.jconfirm-animation-top {
    -webkit-transform:translate(0,-100px);
    transform:translate(0,-100px)
}
.jconfirm .jconfirm-box.jconfirm-animation-left {
    -webkit-transform:translate(-100px,0);
    transform:translate(-100px,0)
}
.jconfirm .jconfirm-box.jconfirm-animation-right {
    -webkit-transform:translate(100px,0);
    transform:translate(100px,0)
}
.jconfirm .jconfirm-box.jconfirm-animation-bottom {
    -webkit-transform:translate(0,100px);
    transform:translate(0,100px)
}
.jconfirm .jconfirm-box.jconfirm-animation-zoom {
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.jconfirm .jconfirm-box.jconfirm-animation-scale {
    -webkit-transform:scale(.5);
    transform:scale(.5)
}
.jconfirm .jconfirm-box.jconfirm-animation-none {
    visibility:hidden
}
.jconfirm.jconfirm-supervan .jconfirm-bg {
    background-color:rgba(54,70,93,.95)
}
.jconfirm.jconfirm-supervan .jconfirm-box {
    background-color:transparent
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue,.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark,.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green,.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange,.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple,.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
    border:0
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
    color:#fff
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
    text-align:center;
    color:#fff;
    font-size:28px;
    font-weight:400
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>* {
    padding-bottom:25px
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
    margin-bottom:25px
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
    text-align:center;
    color:#fff
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
    text-align:center
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
    font-size:16px;
    border-radius:2px;
    background:#303f53;
    text-shadow:none;
    border:0;
    color:#fff;
    padding:10px;
    min-width:100px
}
.jconfirm.jconfirm-material .jconfirm-bg {
    background-color:rgba(0,0,0,.67)
}
.jconfirm.jconfirm-material .jconfirm-box {
    background-color:#fff;
    -webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
    box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
    padding:30px 25px 10px
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right:8px;
    margin-left:0
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
    color:rgba(0,0,0,.87)
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
    color:rgba(0,0,0,.87);
    font-size:22px;
    font-weight:700
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon,.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
    color:rgba(0,0,0,.87)
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
    text-align:right
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
    text-transform:uppercase;
    font-weight:500
}
.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left:8px;
    margin-right:0
}
.jconfirm.jconfirm-bootstrap .jconfirm-bg {
    background-color:rgba(0,0,0,.21)
}
.jconfirm.jconfirm-bootstrap .jconfirm-box {
    background-color:#fff;
    -webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,.2);
    box-shadow:0 3px 8px 0 rgba(0,0,0,.2);
    border:solid 1px rgba(0,0,0,.4);
    padding:15px 0 0
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right:8px;
    margin-left:0
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
    color:rgba(0,0,0,.87);
    font-size:22px;
    font-weight:700;
    padding-left:15px;
    padding-right:15px
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
    color:rgba(0,0,0,.87);
    padding:0 15px
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
    text-align:right;
    padding:10px;
    margin:-5px 0 0;
    border-top:solid 1px #ddd;
    overflow:hidden;
    border-radius:0 0 4px 4px
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
    font-weight:500
}
.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left:8px;
    margin-right:0
}
.jconfirm.jconfirm-modern .jconfirm-bg {
    background-color:#708090;
    opacity:.6
}
.jconfirm.jconfirm-modern .jconfirm-box {
    background-color:#fff;
    -webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
    box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
    padding:30px 30px 15px
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
    color:rgba(0,0,0,.87);
    top:15px;
    right:15px
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
    color:rgba(0,0,0,.87);
    font-size:24px;
    font-weight:700;
    text-align:center;
    margin-bottom:10px
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    -webkit-transition:-webkit-transform .5s;
    transition:transform .5s;
    transition:transform .5s,-webkit-transform .5s;
    -webkit-transform:scale(0);
    transform:scale(0);
    display:block;
    margin-right:0;
    margin-left:0;
    margin-bottom:10px;
    font-size:69px;
    color:#aaa
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
    text-align:center;
    font-size:15px;
    color:#777;
    margin-bottom:25px
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
    text-align:center
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
    font-weight:700;
    text-transform:uppercase;
    -webkit-transition:background .1s;
    transition:background .1s;
    padding:10px 20px
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button {
    margin-left:4px
}
.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    -webkit-transform:scale(1);
    transform:scale(1)
}
.tagify {
    --tags-disabled-bg:#F1F1F1;
    --tags-border-color:#DDD;
    --tags-hover-border-color:#CCC;
    --tags-focus-border-color:#3595f6;
    --tag-border-radius:3px;
    --tag-bg:#E5E5E5;
    --tag-hover:#D3E2E2;
    --tag-text-color:black;
    --tag-text-color--edit:black;
    --tag-pad:0 .5em;
    --tag-inset-shadow-size:1.3em;
    --tag-invalid-color:#D39494;
    --tag-invalid-bg:rgba(211, 148, 148, 0.5);
    --tag-remove-bg:rgba(211, 148, 148, 0.3);
    --tag-remove-btn-color:black;
    --tag-remove-btn-bg:none;
    --tag-remove-btn-bg--hover:#c77777;
    --input-color:inherit;
    --tag--min-width:1ch;
    --tag--max-width:auto;
    --tag-hide-transition:0.3s;
    --placeholder-color:rgba(0, 0, 0, 0.4);
    --placeholder-color-focus:rgba(0, 0, 0, 0.25);
    --loader-size:.8em;
    --readonly-striped:1;
    display:inline-flex;
    align-items:flex-start;
    flex-wrap:wrap;
    border:1px solid var(--tags-border-color);
    padding:0;
    line-height:0;
    cursor:text;
    outline:0;
    position:relative;
    box-sizing:border-box;
    transition:.1s
}
.tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
    --tags-border-color:var(--tags-hover-border-color)
}
.tagify[disabled] {
    background:var(--tags-disabled-bg);
    filter:saturate(0);
    opacity:.5
}
.tagify[disabled],.tagify[disabled].tagify--select,.tagify[readonly].tagify--select {
    pointer-events:none
}
.tagify[disabled]:not(.tagify--mix):not(.tagify--select),.tagify[readonly]:not(.tagify--mix):not(.tagify--select) {
    cursor:default
}
.tagify[disabled]:not(.tagify--mix):not(.tagify--select)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input {
    visibility:hidden;
    width:0;
    margin:5px 0
}
.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div {
    padding:var(--tag-pad)
}
.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before {
    animation:readonlyStyles 1s calc(-1s*(var(--readonly-striped) - 1)) paused
}
.tagify--select .tagify__tag div,.tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn,.tagify__tag--loading .tagify__tag__removeBtn,.tagify__tag[readonly] .tagify__tag__removeBtn {
    display:none
}
.tagify--loading .tagify__input>br:last-child {
    display:none
}
.tagify--loading .tagify__input::before {
    content:none
}
.tagify--loading .tagify__input::after {
    vertical-align:middle;
    opacity:1;
    width:.7em;
    height:.7em;
    width:var(--loader-size);
    height:var(--loader-size);
    min-width:0;
    border:3px solid;
    border-color:#eee #bbb #888 transparent;
    border-radius:50%;
    animation:rotateLoader .4s infinite linear;
    content:""!important;
    margin:-2px 0-2px .5em
}
.tagify--loading .tagify__input:empty::after {
    margin-left:0
}
.tagify+input,.tagify+textarea {
    position:absolute!important;
    left:-9999em!important;
    transform:scale(0)!important
}
.tagify__tag {
    display:inline-flex;
    align-items:center;
    margin:5px 0 5px 5px;
    position:relative;
    z-index:1;
    outline:0;
    line-height:normal;
    cursor:default;
    transition:.13s ease-out
}
.tagify__tag>div {
    vertical-align:top;
    box-sizing:border-box;
    max-width:100%;
    padding:var(--tag-pad);
    color:var(--tag-text-color);
    line-height:inherit;
    border-radius:var(--tag-border-radius);
    white-space:nowrap;
    transition:.13s ease-out
}
.tagify__tag>div>* {
    white-space:pre-wrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:inline-block;
    vertical-align:top;
    min-width:var(--tag--min-width);
    max-width:var(--tag--max-width);
    transition:.8s ease,.1s color
}
.tagify__tag>div>[contenteditable] {
    outline:0;
    -webkit-user-select:text;
    user-select:text;
    cursor:text;
    margin:-2px;
    padding:2px;
    max-width:350px
}
.tagify__tag>div::before {
    content:"";
    position:absolute;
    border-radius:inherit;
    inset:var(--tag-bg-inset,0);
    z-index:-1;
    pointer-events:none;
    transition:120ms ease;
    animation:tags--bump .3s ease-out 1;
    box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset
}
.tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before {
    --tag-bg-inset:-2.5px;
    --tag-bg:var(--tag-hover)
}
.tagify__tag--editable>.tagify__tag__removeBtn,.tagify__tag--hide,.tagify__tag--loading {
    pointer-events:none
}
.tagify__tag--loading::after {
    --loader-size:.4em;
    content:"";
    vertical-align:middle;
    opacity:1;
    width:.7em;
    height:.7em;
    width:var(--loader-size);
    height:var(--loader-size);
    min-width:0;
    border:3px solid;
    border-color:#eee #bbb #888 transparent;
    border-radius:50%;
    animation:rotateLoader .4s infinite linear;
    margin:0 .5em 0-.1em
}
.tagify__tag--flash div::before,.tagify__tag.tagify--noAnim>div::before {
    animation:none
}
.tagify__tag--hide {
    width:0!important;
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
    opacity:0;
    transform:scale(0);
    transition:var(--tag-hide-transition)
}
.follow-up-page .table-striped-gold>tbody>tr>td,.follow-up-page .table-striped-gold>thead>tr>th,.tagify__tag--hide>div>* {
    white-space:nowrap
}
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span {
    opacity:.5
}
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
    --tag-bg:var(--tag-invalid-bg);
    transition:.2s
}
.tagify__tag[readonly]>div::before {
    animation:readonlyStyles 1s calc(-1s*(var(--readonly-striped) - 1)) paused
}
.tagify__tag--editable>div {
    color:var(--tag-text-color--edit)
}
.tagify__tag--editable>div::before {
    box-shadow:0 0 0 2px var(--tag-hover) inset!important
}
.tagify__tag--editable>.tagify__tag__removeBtn::after {
    opacity:0;
    transform:translateX(100%) translateX(5px)
}
.tagify__tag--editable.tagify--invalid>div::before {
    box-shadow:0 0 0 2px var(--tag-invalid-color) inset!important
}
.tagify__tag__removeBtn {
    order:5;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50px;
    cursor:pointer;
    font:14px/1 Arial;
    background:var(--tag-remove-btn-bg);
    color:var(--tag-remove-btn-color);
    width:14px;
    height:14px;
    margin-right:4.6666666667px;
    margin-left:auto;
    overflow:hidden;
    transition:.2s ease-out
}
.tagify__tag__removeBtn::after {
    content:"×";
    transition:.3s,color 0s
}
.tagify__tag__removeBtn:hover {
    color:#fff;
    background:var(--tag-remove-btn-bg--hover)
}
.tagify__tag__removeBtn:hover+div>span {
    opacity:.5
}
.tagify__tag__removeBtn:hover+div::before {
    box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;
    transition:box-shadow .2s
}
.tagify:not(.tagify--mix) .tagify__input br {
    display:none
}
.tagify:not(.tagify--mix) .tagify__input * {
    display:inline;
    white-space:nowrap
}
.tagify__input {
    flex-grow:1;
    display:inline-block;
    min-width:110px;
    margin:5px;
    padding:var(--tag-pad);
    line-height:normal;
    position:relative;
    white-space:pre-wrap;
    color:var(--input-color);
    box-sizing:inherit
}
.tagify__input:empty::before {
    position:static
}
.tagify__input:focus {
    outline:0
}
.tagify__input:focus::before {
    transition:.2s ease-out;
    opacity:0;
    transform:translatex(6px)
}
@supports (-ms-ime-align:auto) {
    .tagify__input:focus::before {
        display:none
    }
}
.tagify__input:focus:empty::before {
    transition:.2s ease-out;
    opacity:1;
    transform:none;
    color:rgba(0,0,0,.25);
    color:var(--placeholder-color-focus)
}
@-moz-document url-prefix() {
    .tagify__input:focus:empty::after {
        display:none
    }
}
.tagify__input::before {
    content:attr(data-placeholder);
    height:1em;
    line-height:1em;
    margin:auto 0;
    z-index:1;
    color:var(--placeholder-color);
    white-space:nowrap;
    pointer-events:none;
    opacity:0;
    position:absolute
}
.tagify__input::after {
    content:attr(data-suggest);
    display:inline-block;
    vertical-align:middle;
    position:absolute;
    min-width:calc(100% - 1.5em);
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:pre;
    color:var(--tag-text-color);
    opacity:.3;
    pointer-events:none;
    max-width:100px
}
.tagify__input .tagify__tag {
    margin:0 1px
}
.tagify--mix {
    display:block
}
.tagify--mix .tagify__input {
    padding:5px;
    margin:0;
    width:100%;
    height:100%;
    line-height:1.5;
    display:block
}
.tagify--mix .tagify__input::before {
    height:auto;
    display:none;
    line-height:inherit
}
.tagify--mix .tagify__input::after {
    content:none
}
.tagify--select::after {
    content:">";
    opacity:.5;
    position:absolute;
    top:50%;
    right:0;
    bottom:0;
    font:16px monospace;
    line-height:8px;
    height:8px;
    pointer-events:none;
    transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);
    transition:.2s ease-in-out
}
.tagify--select[aria-expanded=true]::after {
    transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)
}
.tagify--select .tagify__tag {
    position:absolute;
    top:0;
    right:1.8em;
    bottom:0
}
.tagify--select .tagify__input {
    width:100%
}
.tagify--empty .tagify__input::before {
    transition:.2s ease-out;
    opacity:1;
    transform:none;
    display:inline-block;
    width:auto
}
.tagify--mix .tagify--empty .tagify__input::before {
    display:inline-block
}
.tagify--focus {
    --tags-border-color:var(--tags-focus-border-color);
    transition:0s
}
.tagify--invalid {
    --tags-border-color:#D39494
}
.tagify__dropdown {
    position:absolute;
    z-index:9999;
    transform:translateY(1px);
    overflow:hidden
}
.tagify__dropdown[placement=top] {
    margin-top:0;
    transform:translateY(-100%)
}
.tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
    border-top-width:1.1px;
    border-bottom-width:0
}
.tagify__dropdown[position=text] {
    box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);
    font-size:.9em
}
.tagify__dropdown[position=text] .tagify__dropdown__wrapper {
    border-width:1px
}
.tagify__dropdown__wrapper {
    max-height:300px;
    overflow:auto;
    overflow-x:hidden;
    background:var(--tagify-dd-bg-color);
    border:1px solid;
    border-color:var(--tagify-dd-color-primary);
    border-bottom-width:1.5px;
    border-top-width:0;
    box-shadow:0 2px 4px -2px rgba(0,0,0,.2);
    transition:.25s cubic-bezier(0,1,.5,1)
}
.tagify__dropdown__footer:empty,.tagify__dropdown__header:empty {
    display:none
}
.tagify__dropdown__footer {
    display:inline-block;
    margin-top:.5em;
    padding:var(--tagify-dd-item-pad);
    font-size:.7em;
    font-style:italic;
    opacity:.5
}
.tagify__dropdown--initial .tagify__dropdown__wrapper {
    max-height:20px;
    transform:translateY(-1em)
}
.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
    transform:translateY(2em)
}
.tagify__dropdown__item {
    box-sizing:border-box;
    padding:var(--tagify-dd-item-pad);
    margin:1px;
    cursor:pointer;
    border-radius:2px;
    position:relative;
    outline:0;
    max-height:60px;
    max-width:100%
}
.tagify__dropdown__item--active {
    background:var(--tagify-dd-color-primary);
    color:#fff
}
.tagify__dropdown__item:active {
    filter:brightness(105%)
}
.tagify__dropdown__item--hidden {
    padding-top:0;
    padding-bottom:0;
    margin:0 1px;
    pointer-events:none;
    overflow:hidden;
    max-height:0;
    transition:var(--tagify-dd-item--hidden-duration,.3s)!important
}
.tagify__dropdown__item--hidden>* {
    transform:translateY(-100%);
    opacity:0;
    transition:inherit
}
.rtl .tagify__tag {
    margin:5px 5px 5px 0
}
.rtl .tagify__tag__removeBtn {
    margin-right:auto;
    margin-left:4.6666666667px
}
.ltr .datepicker-plot-area {
    font:12px var(--fff-ltr-font)
}
.rtl .datepicker-plot-area {
    font:12px var(--fff-rtl-font)
}
.datepicker-plot-area,.time-duration-picker-content {
    border-radius:var(--bs-border-radius)!important
}
.datepicker-plot-area .datepicker-day-view .table-days td.selected span,.datepicker-plot-area .datepicker-month-view .month-item.selected,.datepicker-plot-area .datepicker-year-view .year-item.selected {
    background-color:var(--fff-gold);
    color:var(--fff-dark);
    text-shadow:unset;
    font-weight:500
}
.datepicker-plot-area .datepicker-day-view .table-days td span:hover,.datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover,.datepicker-plot-area .datepicker-month-view .month-item:hover,.datepicker-plot-area .datepicker-year-view .year-item:hover {
    background-color:var(--fff-gold)
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch {
    font-size:14px
}
#outdated-browser-alert {
    position:fixed;
    width:100%;
    height:100%;
    background:#fff;
    padding:5%;
    top:0;
    left:0;
    font-family:"IranSans",sans-serif,Segoe UI,Tahoma;
    display:none;
    visibility:hidden;
    z-index:999
}
#outdated-browser-alert p {
    background:#340234;
    color:#141414;
    padding:15px 20px;
    font-size:18px;
    border-radius:15px;
    -webkit-border-radius:15px;
    -ms-border-radius:15px
}
#outdated-browser-alert .browsers,#outdated-browser-alert p {
    display:block;
    width:100%;
    text-align:center
}
#outdated-browser-alert .browsers .browser {
    display:inline-block;
    text-align:center;
    min-width:20%;
    padding:50px
}
#outdated-browser-alert .browsers .browser img {
    display:block;
    margin:0 auto;
    width:150px;
    max-width:80%
}
#outdated-browser-alert .browsers .browser a {
    display:inline-block;
    background:#141414;
    color:#fff;
    padding:10px 20px;
    border-radius:15px;
    -webkit-border-radius:15px;
    -ms-border-radius:15px;
    margin:20px auto 0
}
#outdated-browser-alert .alert-logo {
    display:block;
    width:300px;
    margin:20px auto 0;
    max-width:80%
}
.signin-signup {
    height:100vh;
    display:block;
    color:var(--fff-dark)
}
.signin-signup a {
    color:#fff;
    text-decoration:none!important
}
.signin-signup .seemorgh {
    width:auto;
    height:50%;
    max-width:80%;
    fill:var(--fff-gold)
}
.signin-signup .action-form .form-icon {
    display:block;
    width:40%;
    height:40%;
    margin:0 auto 3rem
}
.signin-signup .action-form h1 {
    text-align:center;
    font-size:32px;
    margin:1rem 0 2rem
}
.signin-signup .form-check,.signin-signup .form-group {
    position:relative;
    margin-bottom:1rem
}
.signin-signup .form-group label {
    color:var(--fff-dark);
    margin-bottom:.5rem
}
.signin-signup .form-group label .required-star,.submit label .required-star {
    color:#df0000
}
.signin-signup .form-group .form-control {
    background:0 0;
    border-color:var(--fff-dark);
    color:var(--fff-dark);
    padding:.5rem .75rem
}
.signin-signup .form-group .form-control.form-control-plaintext {
    border-color:transparent;
    padding:.5rem 0
}
.signin-signup .form-group .form-control::placeholder {
    color:var(--fff-dark-50p);
    opacity:1
}
.signin-signup .form-group .form-control:-ms-input-placeholder {
    color:var(--fff-dark-50p)
}
.signin-signup .form-group .form-control::-ms-input-placeholder {
    color:var(--fff-dark-50p)
}
.signin-signup .form-group .form-control:focus {
    box-shadow:0 0 0 .25rem var(--fff-gold-25p);
    border-color:var(--fff-dark)
}
.rtl .signin-signup .form-group .form-control[type=email],.rtl .signin-signup .form-group .form-control[type=tel] {
    direction:rtl
}
.rtl .signin-signup .form-group .form-control[type=email]:not(:placeholder-shown),.rtl .signin-signup .form-group .form-control[type=tel]:not(:placeholder-shown) {
    direction:ltr
}
.signin-signup .form-check .form-check-input:focus {
    border-color:var(--fff-gold);
    box-shadow:0 0 0 .25rem var(--fff-gold-25p)
}
.signin-signup .form-check .form-check-input:checked {
    background-color:var(--fff-gold);
    border-color:var(--fff-gold);
    background-size:1.5rem
}
.signin-signup .form-group #login-button,.signin-signup .form-group #register-button,.signin-signup .form-group.tml-submit-wrap button[type=submit] {
    background:var(--fff-dark);
    border:0;
    box-shadow:none;
    color:var(--fff-gold);
    margin:.5rem 0;
    font-weight:700;
    padding:.75rem 2rem;
    overflow:hidden;
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease
}
.signin-signup .action-form div>a:focus,.signin-signup .action-form div>a:hover,.signin-signup .form-group #login-button:focus,.signin-signup .form-group #login-button:hover,.signin-signup .form-group #register-button:focus,.signin-signup .form-group #register-button:hover,.signin-signup .form-group.tml-submit-wrap button[type=submit]:focus,.signin-signup .form-group.tml-submit-wrap button[type=submit]:hover {
    color:#fff
}
.signin-signup .form-group-addon {
    position:relative
}
.signin-signup .form-group-addon .form-control {
    padding-right:2.5rem
}
.rtl .signin-signup .form-group-addon .form-control {
    padding-right:.75rem;
    padding-left:2.5rem
}
.signin-signup .form-group-addon .form-control.is-invalid,.signin-signup .form-group-addon .form-control.is-valid {
    background-image:none!important
}
.signin-signup .form-group-addon .form-addon {
    position:absolute;
    display:flex;
    right:0;
    top:2rem;
    bottom:0;
    width:2.7rem;
    height:2.7rem;
    cursor:pointer;
    justify-content:center;
    align-items:center
}
.rtl .signin-signup .form-group-addon .form-addon {
    right:auto;
    left:0
}
.signin-signup .form-group-addon .form-addon svg {
    width:1.4rem;
    height:1.4rem;
    fill:var(--fff-dark-50p);
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease
}
.signin-signup .form-group-addon .form-addon:focus svg,.signin-signup .form-group-addon .form-addon:hover svg {
    fill:var(--fff-dark-75p)
}
.signin-signup .form-group-addon .form-addon i {
    font-size:16px;
    color:var(--fff-dark-50p);
    line-height:32px;
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease
}
.signin-signup .form-group-addon .form-addon:focus i,.signin-signup .form-group-addon .form-addon:hover i {
    color:var(--fff-dark-75p)
}
.signin-signup .form-group-addon .form-control.is-invalid~.form-addon i,.signin-signup .form-group-addon .form-control.is-invalid~.form-addon:focus i,.signin-signup .form-group-addon .form-control.is-invalid~.form-addon:hover i {
    color:#a62c37
}
.signin-signup .action-form div>a {
    color:var(--fff-dark);
    font-size:14px;
    margin:.5rem 0;
    padding:.3rem
}
#register-form .form-check-input~.form-check-label,#register-form .was-validated .form-check-input~.form-check-label {
    color:var(--fff-dark)
}
.picture-uploader {
    position:relative;
    text-align:center;
    min-height:260px
}
.picture-uploader .user-picture-upload-box {
    position:relative;
    width:120px;
    height:160px;
    background:#e9e6e6;
    margin:0 auto;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -moz-transition:all ease .4s;
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    overflow:hidden
}
.picture-uploader .user-picture-upload-box .user-icon {
    position:absolute;
    width:85%;
    height:auto;
    left:7.5%;
    bottom:0;
    z-index:1
}
.picture-uploader .user-picture-upload-box:hover {
    background-color:#dedede;
    border-color:#a1a2a4
}
.picture-uploader .user-picture-upload-box input[type=file] {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer;
    z-index:2
}
.picture-uploader .user-picture-upload-box input[type=file]:active,.picture-uploader .user-picture-upload-box input[type=file]:focus,.picture-uploader .user-picture-upload-box input[type=file]:hover {
    background:#d6d6d6
}
.picture-uploader .upload-btn+.change-picture,.picture-uploader .user-picture-upload-box+.upload-btn {
    width:120px;
    margin-top:10px;
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease
}
.picture-uploader .user-picture-upload-box.upload-ready+.upload-btn,.picture-uploader .user-picture-upload-box.upload-ready+.upload-btn+.change-picture {
    margin-top:45px;
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease
}
.picture-uploader .change-picture i,.picture-uploader .upload-btn i {
    position:relative;
    top:2px;
    margin-right:5px;
    font-size:17px;
    cursor:pointer
}
.croppie-container {
    float:left;
    height:160px
}
.croppie-container .cr-slider-wrap {
    width:80%;
    margin:5px auto
}
.picture-uploader .picture-rotate {
    background:0 0;
    border:0;
    color:#34495e;
    font-size:16px;
    display:none;
    position:absolute;
    left:3rem;
    top:170px;
    z-index:99999;
    cursor:pointer
}
.picture-uploader .rotate-right {
    right:3rem;
    left:auto
}
.picture-uploader .picture-rotate svg {
    width:18px
}
.upload-result {
    position:absolute;
    top:-5px;
    right:30px;
    padding:5px 25px;
    border-radius:4px;
    font-size:14px;
    color:#fff;
    cursor:pointer;
    background-color:#20db32;
    border:0
}
.picture-uploader #user-picture-holder {
    position:absolute;
    left:-1px;
    top:-1px;
    z-index:5;
    width:122px;
    height:auto;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px
}
.otp-form .otp-field {
    display:inline-block;
    background:0 0;
    width:4rem;
    height:4rem;
    font-size:2rem;
    line-height:4rem;
    text-align:center;
    border:0;
    border-bottom:2px solid var(--fff-dark-50p);
    outline:0
}
.otp-form .otp-field:focus {
    border-bottom-color:var(--fff-dark)
}
.portal-logo {
    max-width:40%;
    height:auto
}
.dashboard-section-card,.dashboard-section-profile {
    --bs-card-border-color:var(--fff-gold);
    --bs-card-bg:var(--fff-dark);
    --bs-card-border-width:2px;
    --bs-card-color:var(--fff-gold);
    --bs-card-height:100%;
    --bs-card-spacer-y:1.5rem;
    --bs-card-spacer-x:1.5rem
}
.dashboard-section-card:focus,.dashboard-section-card:hover {
    --bs-card-bg:var(--fff-gold);
    --bs-card-color:var(--fff-dark)
}
.dashboard-section-card,.dashboard-section-card * {
    -webkit-user-select:none!important;
    -moz-user-select:none!important;
    user-select:none!important
}
.dashboard-section-card .card-body {
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.dashboard-section-card .card-body .card-img-top {
    fill:var(--fff-gold);
    width:8rem;
    height:8rem;
    max-width:90%;
    margin:0 auto 1rem
}
.dashboard-section-card:focus .card-body .card-img-top,.dashboard-section-card:hover .card-body .card-img-top {
    fill:var(--fff-dark)
}
.dashboard-section-card .card-body .card-title {
    text-align:center;
    margin-bottom:1rem
}
.dashboard-section-card .card-body .card-title:last-child {
    margin-bottom:0
}
.dashboard-section-card .card-body .card-title a {
    color:var(--fff-gold);
    transition-duration:0s;
    -moz-transition-duration:0s;
    -webkit-transition-duration:0s
}
.dashboard-section-card:focus .card-body .card-title a,.dashboard-section-card:hover .card-body .card-title a {
    color:var(--fff-dark)
}
.user-dropdown {
    --bs-dropdown-link-hover-bg:var(--fff-gold-25p);
    --bs-dropdown-link-active-bg:var(--fff-gold);
    --bs-dropdown-item-padding-y:0.5rem
}
.dashboard-section-card.disabled,.dashboard-section-card.disabled:focus,.dashboard-section-card.disabled:hover,.dashboard-section-card.registered-before,.dashboard-section-card.registered-before:focus,.dashboard-section-card.registered-before:hover {
    --bs-card-bg:var(--fff-dark);
    --bs-card-border-color:var(--fff-gold-25p);
    --bs-card-color:var(--fff-gold-50p)
}
.dashboard-section-card.disabled .card-body .card-img-top,.dashboard-section-card.disabled:focus .card-body .card-img-top,.dashboard-section-card.disabled:hover .card-body .card-img-top,.dashboard-section-card.registered-before .card-body .card-img-top,.dashboard-section-card.registered-before:focus .card-body .card-img-top,.dashboard-section-card.registered-before:hover .card-body .card-img-top {
    fill:var(--fff-gold-50p)
}
.dashboard-section-card.disabled .card-body .card-title a,.dashboard-section-card.disabled:focus .card-body .card-title a,.dashboard-section-card.disabled:hover .card-body .card-title a,.dashboard-section-card.registered-before .card-body .card-title a,.dashboard-section-card.registered-before:focus .card-body .card-title a,.dashboard-section-card.registered-before:hover .card-body .card-title a {
    color:var(--fff-gold-50p)
}
.dashboard-section-card.disabled a,.dashboard-section-card.registered-before a {
    pointer-events:none;
    cursor:default
}
.dashboard-section-card.registered-before {
    position:relative
}
.dashboard-section-card.registered-before::after,.dashboard-section-card.registered-before::before {
    position:absolute;
    top:var(--bs-card-spacer-y);
    left:50%;
    transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%)
}
.dashboard-section-card.registered-before::before {
    content:"";
    background:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQzVBMTRCO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODkuNyw1MEM4OS42LDI3LjIsNzEuMiw5LjUsNDguNCwxMC4yYy0zLjUsMC4xLTMuNSwwLjEtMy44LTMuNGMwLTAuMywwLTAuNi0wLjEtMC45DQoJCWMtMC41LTUuNy0wLjUtNS45LDUuMS01LjhjMTUuOCwwLjMsMjguOSw2LjQsMzksMTguN0M5NiwyNy42LDk5LjgsMzgsOTkuOCw0OS41Qzk5LjcsNjcuNiw5Miw4MS45LDc2LjksOTINCgkJYy05LjMsNi4yLTE5LjcsOC43LTMwLjksNy45Yy0xLjctMC4xLTIuMS0wLjctMS45LTIuMmMwLjMtMS45LDAuNS0zLjksMC42LTUuOGMwLjEtMS41LDAuOC0yLjEsMi40LTEuOWM1LjcsMC41LDExLjItMC4zLDE2LjUtMi4zDQoJCUM3OS40LDgxLjcsODkuOCw2Ni43LDg5LjcsNTB6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTc0LjYsNDBjLTAuNCwwLjQtMC43LDAuNy0xLDEuMWMtOS4zLDkuMy0xOC42LDE4LjUtMjcuOCwyNy44Yy0wLjksMC45LTEuNSwxLTIuNSwwLjENCgkJQzM3LjYsNjMuMSwzMS44LDU3LjMsMjYsNTEuNWMtMC45LTAuOS0wLjgtMS41LDAtMi4zYzEuNi0xLjYsMy4zLTMuMSw0LjgtNC44YzAuOC0wLjksMS40LTAuOSwyLjIsMGMyLjksMyw1LjksNiw4LjksOQ0KCQljMi4xLDIuMSwyLjEsMi4xLDQuNC0wLjFjNi40LTYuNCwxMi44LTEyLjgsMTkuMi0xOS4yYzEuMy0xLjMsMi4xLTEuMywzLjMsMGMxLjUsMS43LDMuMiwzLjIsNC44LDQuOEM3NCwzOS4yLDc0LjIsMzkuNiw3NC42LDQweiINCgkJLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzIuMSw5Ni45Yy0xLjctMC44LTMuOC0xLjctNS44LTIuN2MtMy4zLTEuOC0zLjMtMS44LTEuMy01YzEtMS42LDEuOC0zLjksMy4zLTQuN2MxLjYtMC44LDMuMywxLjQsNS4xLDIuMQ0KCQljMy4xLDEuMiwzLjEsMS4zLDEuOSw0LjRjLTAuNiwxLjYtMS4xLDMuMi0xLjcsNC44QzMzLjQsOTYuMiwzMy40LDk3LDMyLjEsOTYuOXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzYuMSwxMS43YzAuMSwwLjktMC42LDEuMS0xLjEsMS4zYy0wLjksMC40LTEuOSwwLjctMi44LDEuMmMtMy45LDItMy45LDItNi4zLTEuN2MwLTAuMS0wLjEtMC4xLTAuMS0wLjINCgkJYy0zLTQuNi0zLTQuNiwxLjctNy4xYzUuMy0yLjksNS4zLTIuOSw3LjMsMi44QzM1LjMsOS4yLDM1LjcsMTAuNSwzNi4xLDExLjd6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0LjQsMTUuMmMwLjMsMC4yLDAuNiwwLjMsMC44LDAuNWMxLjgsMS44LDMuNywzLjYsNS41LDUuNGMwLjYsMC42LDAuNSwxLDAsMS42Yy0wLjksMS0xLjgsMi0yLjUsMw0KCQljLTIuMywzLjEtMi4zLDMuMS01LjcsMS4xYy0wLjEtMC4xLTAuMy0wLjItMC40LTAuM0M3LDIzLjMsNywyMy4zLDEwLjgsMTguNkMxMS45LDE3LjQsMTIuOSwxNi4xLDE0LjQsMTUuMnoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNy44LDQ1LjRjLTIuMy0wLjItNC4xLTAuMy02LTAuNmMtMS0wLjEtMS43LTAuMy0xLjQtMS44YzAuNC0yLjcsMS01LjMsMS43LThjMC4zLTEuMSwwLjktMS41LDItMQ0KCQljMi4xLDAuOCw0LjIsMS42LDYuNCwyLjNjMS4zLDAuNCwxLjYsMS4xLDEuMiwyLjNjLTAuNCwxLjQtMSwyLjgtMS4xLDQuM0MxMC40LDQ1LjEsOS40LDQ1LjgsNy44LDQ1LjR6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjgsNjIuNWMwLjEsMC44LTAuNCwxLTAuOSwxLjJjLTIuNCwwLjgtNC43LDEuNS03LDIuNGMtMSwwLjQtMS41LDAtMS43LTAuOWMtMC43LTIuOC0xLjItNS42LTEuOS04LjQNCgkJYy0wLjItMC44LDAuMS0xLjEsMC45LTEuMmMyLjUtMC4zLDUuMS0wLjYsNy42LTAuOWMwLjctMC4xLDEuNCwwLjEsMS41LDAuOEMxMC42LDU3LjksMTEuMiw2MC4yLDExLjgsNjIuNXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjEuMiw3OGMwLDAuNy0wLjQsMC45LTAuOCwxLjJjLTEuNiwxLjctMy4zLDMuMy00LjksNWMtMC45LDAuOS0xLjQsMC44LTIuMi0wLjFjLTEuOS0yLTMuNS00LjItNS4xLTYuNA0KCQljLTAuNi0wLjktMC43LTEuNSwwLjMtMmMwLjMtMC4yLDAuNi0wLjQsMS0wLjZjMi4xLTEuMiw0LjUtMy43LDYuMS0zLjNjMiwwLjYsMy40LDMuNiw1LDUuNUMyMC45LDc3LjYsMjEsNzcuOSwyMS4yLDc4eiIvPg0KPC9nPg0KPC9zdmc+DQo=)no-repeat center center;
    width:8rem;
    height:8rem;
    max-width:90%;
    opacity:.5
}
.dashboard-section-card.registered-before::after {
    content:"UNDER REVIEW";
    width:auto;
    text-align:center;
    font-size:1.2rem;
    font-weight:700;
    color:var(--fff-dark);
    background:#6d5b2f;
    padding:.2rem .5rem;
    border-radius:.3rem;
    -webkit-border-radius:.3rem;
    white-space:nowrap
}
.rtl .dashboard-section-card.registered-before::after {
    content:"درحـال بـررسـی"
}
.dashboard-section-card.registered-before .card-img-top {
    opacity:0
}
.list-style-checkmark li {
    position:relative;
    padding-left:1.5rem
}
.rtl .list-style-checkmark li {
    padding-left:unset;
    padding-right:1.5rem
}
.list-style-checkmark li:before {
    position:absolute;
    content:"";
    background:url(data:image/svg+xml;
    base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDgwIDEyOGMwIDguMTg4LTMuMTI1IDE2LjM4LTkuMzc1IDIyLjYybC0yNTYgMjU2QzIwOC40IDQxMi45IDIwMC4yIDQxNiAxOTIgNDE2cy0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTI4LTEyOEMzNS4xMyAyNzIuNCAzMiAyNjQuMiAzMiAyNTZjMC0xOC4yOCAxNC45NS0zMiAzMi0zMiA4LjE4OCAwIDE2LjM4IDMuMTI1IDIyLjYyIDkuMzc1TDE5MiAzMzguOGwyMzMuNC0yMzMuNGM2LjItNi4yNyAxNC40LTkuNCAyMi42LTkuNCAxNy4xIDAgMzIgMTMuNyAzMiAzMnoiIGZpbGw9IiNmZmZmZmYiIGNsYXNzPSJmaWxsLTAwMDAwMCI+PC9wYXRoPjwvc3ZnPg==)no-repeat;
    width:1.2rem;
    height:1.2rem;
    top:.5rem;
    left:0
}
.rtl .list-style-checkmark li:before {
    left:auto;
    right:0
}
.file-selector-gold-holder .input-group-text {
    background-color:var(--fff-gold);
    border-color:var(--fff-gold)
}
.file-selector-gold {
    background:0 0;
    color:var(--fff-gold);
    border-color:var(--fff-gold)
}
.file-selector-gold:focus {
    background:0 0;
    color:var(--fff-gold)
}
.file-selector-gold::-webkit-file-upload-button {
    display:none
}
.file-selector-gold::file-selector-button {
    display:none
}
.text-scroll {
    position:relative;
    font-size:16px;
    max-height:80vh
}
.text-scroll,.text-scroll .text-scroll-inner {
    overflow:hidden
}
.text-scroll,.text-scroll h5 {
    line-height:32px
}
.text-scroll h5,.text-scroll p {
    text-align:justify
}
.text-scroll a {
    color:var(--fff-gold)
}
.submit .form-check-input,.text-scroll .form-check-input {
    border:1px solid var(--fff-gold-25p)
}
.submit .form-check-input:focus,.text-scroll .form-check-input:focus {
    border-color:var(--fff-gold);
    box-shadow:0 0 0 .25rem var(--fff-gold-25p)
}
.submit .form-check-input:checked,.text-scroll .form-check-input:checked {
    background-color:var(--fff-gold);
    border-color:var(--fff-gold)
}
.text-scroll .text-scroller {
    position:relative;
    text-align:center;
    padding:.5rem
}
.text-scroll .text-scroller img {
    width:25px;
    height:auto
}
.text-scroll .text-scroller:first-child {
    border-bottom:2px solid var(--fff-gold);
    margin-bottom:1rem
}
.text-scroll .text-scroller:last-child {
    border-top:2px solid var(--fff-gold);
    margin-top:1rem
}
.text-scroll .text-scroller.disabled {
    opacity:.5
}
.text-scroll .text-scroller.disabled a {
    pointer-events:none
}
.submit-page {
    min-height:100vh;
    display:block;
    color:var(--fff-dark)
}
.submit-page .page-icon {
    width:45%;
    height:auto;
    max-width:90%
}
.follow-up-page .nav-pills {
    --bs-nav-pills-link-active-bg:var(--fff-gold);
    --bs-link-color:var(--fff-gold);
    --bs-link-hover-color:var(--fff-gold)
}
.follow-up-page .table-striped-gold {
    --bs-table-color:var(--bs-white);
    --bs-table-border-color:transparent;
    --bs-table-striped-color:var(--bs-table-color);
    --bs-table-striped-bg:rgba(197, 160, 73, 0.2);
    --bs-table-active-color:var(--bs-body-color);
    --bs-table-active-bg:rgba(197, 160, 73, 0.1);
    --bs-table-hover-color:var(--fff-gold);
    --bs-table-hover-bg:rgba(197, 160, 73, 0.3)
}
.follow-up-page .table-striped-gold thead {
    border-bottom:2px solid var(--fff-gold)
}
.follow-up-page .table-striped-gold>:not(caption)>*>* {
    padding:.8rem .5rem
}
.follow-up-page .table-striped>tbody>tr:nth-of-type(2n)>* {
    --bs-table-accent-bg:var(--bs-table-striped-bg);
    color:var(--bs-table-striped-color)
}
.follow-up-page .table-striped>tbody>tr:nth-of-type(2n+1)>* {
    --bs-table-accent-bg:transparent;
    color:var(--bs-table-color)
}
.submit form .form-group {
    position:relative
}
.submit .form-check-input.is-invalid+label.is-invalid {
    left:0
}
.submit .form-control,.submit .form-select {
    border-color:var(--fff-gold)
}
.submit .tagify__input {
    margin:0;
    padding:.411rem .75rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.5
}
.submit .form-switch .form-check-input:focus {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23c5a049'/%3e%3c/svg%3e")
}
.submit .form-switch .form-check-input:checked {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
#crew-list .crew-image {
    width:4rem;
    overflow:hidden
}
#crew-list .crew-image img {
    min-width:100%;
    min-height:100%;
    height:auto;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%)
}
.remove-user-button svg {
    fill:var(--fff-dark);
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease
}
.remove-user-button:hover svg {
    fill:#e74c3c
}
.remove-user-button:focus svg {
    fill:#c0392b
}
.plate {
    position:relative;
    background:#fff url(../images/pelak.png)center;
    background-size:contain;
    --plate-gutter:.74324%;
    height:0;
    padding:var(--plate-gutter) var(--plate-gutter) 20%;
    border-radius:.4rem;
    -moz-border-radius:.4rem;
    -webkit-border-radius:.4rem
}
.plate>.row {
    position:absolute;
    width:calc(100% - (var(--plate-gutter)*2));
    height:calc(100% - (var(--plate-gutter)*9));
    padding-left:9%;
    margin:0;
    --bs-gutter-x:0
}
.plate>.row>.col {
    position:relative;
    flex:0 0 auto
}
.plate>.row>.col:nth-child(1) {
    background:url(../images/pelak-province-title.png)no-repeat center 10%;
    background-size:70%;
    width:24%
}
.plate>.row>.col:nth-child(1) .form-control {
    position:absolute;
    top:30%;
    width:100%;
    height:70%
}
.plate>.row>.col:nth-child(2) {
    width:30%;
    padding-right:1%
}
.plate>.row>.col:nth-child(3) {
    width:26%
}
.plate>.row>.col:nth-child(4) {
    width:20%
}
.plate .form-control {
    height:100%;
    font-size:2.6rem
}
.plate .form-control,.plate .form-select {
    border:0!important;
    box-shadow:none!important;
    text-align:center;
    background:0 0
}
.plate .form-control::-webkit-inner-spin-button,.plate .form-control::-webkit-outer-spin-button {
    -webkit-appearance:none!important;
    margin:0!important
}
.plate .form-control {
    -moz-appearance:textfield!important;
    padding:.375rem .75rem!important
}
.plate .form-select {
    position:absolute;
    width:100%;
    height:100%;
    background-image:none!important;
    padding-right:0;
    padding-left:0!important;
    font-size:2rem
}
.plate .form-select>option {
    font-size:1.2rem
}
.plate>.row>.col>input.is-invalid+label.is-invalid,.plate>.row>.col>select.is-invalid+label.is-invalid {
    position:absolute;
    width:100%;
    line-height:1.4;
    top:105%;
    min-width:90px;
    padding-left:5px
}
.plate.government {
    background-color:#ee161f;
    color:#fff
}
.plate.government>.row>.col:nth-child(1) {
    background-image:url(../images/pelak-province-title-white.png)
}
.plate.government .form-control,.plate.government .form-select {
    color:#fff
}
.plate.government .form-control::-webkit-input-placeholder {
    color:#ffafaf
}
.plate.government .form-control:-moz-placeholder {
    color:#ffafaf;
    opacity:1
}
.plate.government .form-control::-moz-placeholder {
    color:#ffafaf;
    opacity:1
}
.plate.government .form-control:-ms-input-placeholder {
    color:#ffafaf
}
.plate.government .form-control::-ms-input-placeholder {
    color:#ffafaf
}
.plate.government .form-control::placeholder {
    color:#ffafaf
}
.plate.government .form-select>option {
    color:#000
}
.plate.general,.plate.taxi {
    background-color:#ffca0b
}
@media (max-width:480px) {
    .otp-form .otp-field {
        width:3.2rem;
        height:3.2rem
    }
    .picture-uploader .picture-rotate {
        left:0!important
    }
    .picture-uploader .rotate-right {
        left:auto!important;
        right:0!important
    }
}
@media (min-width:576px) {
    .signin-signup .action-form .form-icon {
        width:35%;
        height:35%
    }
    .submit-page .page-icon {
        width:40%
    }
    .plate .form-control {
        font-size:4rem
    }
    .plate .form-select {
        font-size:2.8rem
    }
    .plate .form-select>option {
        font-size:1.2rem
    }
}
@media (max-width:576px) {
    .picture-uploader .picture-rotate {
        left:1.5rem
    }
    .picture-uploader .rotate-right {
        left:auto;
        right:1.5rem
    }
}
@media (min-width:768px) {
    .signin-signup .action-form .form-icon {
        width:30%;
        height:30%
    }
    .submit-page .portal-logo {
        position:absolute;
        left:2rem;
        top:2rem
    }
    .rtl .submit-page .portal-logo {
        left:auto;
        right:2rem
    }
    .plate .form-control {
        font-size:2.5rem
    }
    .plate .form-select {
        font-size:1.8rem
    }
}
@media (min-width:992px) {
    .signin-signup .action-form .form-icon {
        width:25%;
        height:25%
    }
    .submit-page .page-icon {
        width:35%
    }
    .submit-page .portal-logo {
        left:3rem;
        top:3rem
    }
    .rtl .submit-page .portal-logo {
        right:3rem
    }
    .plate .form-control {
        font-size:2rem
    }
    .plate .form-select {
        font-size:1.7rem
    }
}
@media (min-width:1200px) {
    .submit-page .page-icon {
        width:30%
    }
    .plate {
        border-radius:.6rem;
        -moz-border-radius:.6rem;
        -webkit-border-radius:.6rem
    }
    .plate .form-control {
        font-size:2.5rem
    }
    .plate .form-select {
        font-size:2rem
    }
}
@media (min-width:1400px) {
    .submit-page .page-icon {
        width:25%
    }
    .plate .form-control {
        font-size:3rem
    }
    .plate .form-select {
        font-size:2.3rem
    }
    .plate .form-select>option {
        font-size:1.2rem
    }
}
/* ------------ Avatar Box ------------ */



.picture-cropper-box {



    display: block;



    position: relative;



    width: 80%;



    margin-right: auto;



    margin-left: auto;



    margin-bottom: 0;



    transition: all .2s ease-in-out;



}



.picture-cropper-box.image-selector-enabled {



    margin-bottom: 2rem;



}



.gap-4 > .picture-cropper-box {



    margin-top: -1.5rem;



}



.image-selector {



    display: none;



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



}



.image-selector.ready {



    display: block;



    background: #fff;



}



.image-selector .cr-boundary {



    width: 100%;



    height: 0;



    padding-bottom: calc(100%*4/3);



    border-radius: .25rem;



}



.image-selector .cr-boundary .cr-viewport {



    border-radius: .25rem;



}



.picture-cropper-box .cropper-picture {



    width: 100%;



    height: auto;



}



.picture-cropper-box .picture-rotate {



    position: absolute;



    bottom: -2.4rem;



    left: 0;



    display: inline-block;



    font-weight: 400;



    color: #555;



    text-align: center;



    vertical-align: middle;



    -webkit-user-select: none;



    -moz-user-select: none;



    user-select: none;



    background-color: transparent;



    border: none;



    padding: .1rem;



    font-size: 1.5rem;



    line-height: 1.5rem;



    transition: all .2s ease-in-out;



}



.picture-cropper-box .picture-rotate.rotate-right {



    left: auto;



    right: 0;



}



.picture-cropper-box .picture-rotate:hover {



    color: var(--fff-dark);



}



.picture-cropper-box .croppie-container .cr-slider-wrap {



    width: 60%;



    margin: 0 auto;



}



.picture-cropper-box .croppie-container .cr-slider-wrap .cr-slider {



    padding-top: 10px;



    padding-bottom: 0;



}



.picture-box-loading {



    position: absolute;



    width: 100%;



    height: 100%;



    display: flex;



    align-items: center;



    justify-content: center;



    --sk-size: 4rem;



    z-index: 10;



}





/* ------------ Filepond File Uploader ------------ */



.filepond--root {



    direction: rtl !important;



    font-family: var(--fff-rtl-font) !important;



}



.filepond--root .filepond--drop-label {



    min-height: 6em !important;



}



.filepond--drop-label.filepond--drop-label label {



    padding: 1em !important;



}



.filepond--panel-bottom, .filepond--panel-top {



    height: 1em !important;



}



.filepond--file-status .filepond--file-status-sub, .filepond--file-status .filepond--file-status-main {



    direction: rtl !important;



}



.filepond--list {



    direction: ltr;



}



.filepond--item {



    width: calc(50% - 0.5em) !important;



}



@media (min-width: 30em) {



    .filepond--item {



        width: calc(50% - 0.5em) !important;



    }



}



.filepond--file-status .filepond--file-status-sub {



    direction: rtl;



}



@media (min-width: 50em) {



    .filepond--item {



        width: calc(100% - 0.5em) !important;



    }



}



.filepond--root .filepond--drop-label > label {



    display: flex !important;



    align-items: center !important;



}



.filepond--root .filepond--drop-label > label span {



    margin-right: .5rem;



}



.filepond--file-wrapper.filepond--file-wrapper {



    direction: ltr;



}



.filepond--browser.filepond--browser.is-invalid + label.is-invalid,



.filepond--root.is-invalid + input + span.filepond-error {



    position: absolute;



    z-index: 3;



    width: 100%;



    color: #e74c3c;



    font-size: 13px;



    bottom: -20px;



    font-weight: normal;



    text-align: right;



    right: 0;



}



.filepond--root + input + span.filepond-error {



    display: none;



}



.filepond--root.is-invalid + input + span.filepond-error {



    display: block;



}



.filepond--browser.filepond--browser.is-invalid + label.is-invalid + .filepond--drop-label,



.filepond--root.is-invalid .filepond--drip {



    border: 1px solid #e74c3c;



    border-radius: .5em;



}



.filepond--root.is-invalid .filepond--drip {



    opacity: 1;



}