body {
    font-family: IRANSans !important;
    background: #fff;
    background-size: cover;
    direction: rtl;
    padding: 0;
    margin: 0;
    overflow-x: hidden !important;
    direction: rtl !important;
}

a,
a:link,
a:visited {
    text-decoration: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

hr{
    color: rgba(0, 0, 0, 0.3)
}

.btn-primary{
    background-color: #4285f4;
}
.input-group-text{
    border-radius: 0.25rem 0 0 0.25rem ;
}

.input-group-input{
    border-radius: 0 0.25rem 0.25rem 0 !important;
}

.btn-ccom{
    background-color: #4285f4;
    padding: 12px 35px;
    color:#fff !important;
    min-width:200px;
}
.btn-ccom:hover{
    background-color: #185abc;
}

.btn-ccom-sm{
    padding: 5px 15px;
}

.btn-ccom-success{
    background-color: #01875f;
    color:#fff;

}
.btn-ccom-success:hover{
    background-color: #056449;
}

.btn-ccom-light{
    background-color:#fff;
    color: #056449 !important
}
.btn-ccom-light:hover{
    background:#eee;
}

.btn-link{
    display:block;
    border-radius: 8px;
    border: solid 1px #fff;
    cursor: pointer;
    outline: none;
    font-size: 100%;
    text-align: center;
    transition: background-color ease .2s,box-shadow ease .2s,border-color ease .2s;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    line-height: 1.15;
    padding:2px 5px
}
.btn-link:hover{
    border-color: #C9E3F8;
    background-color: #F2F9FF;
}

input:hover,
input:focus
{
    border: 1px solid #0093FF;
    background-color: #fff;
    color: #000000;
}
.form-control{
margin-bottom:10px;

}






header {
    min-width: 320px;
    position: relative;
}

header .header {
    padding: 8px;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    min-width: min-content;
    outline: none;
    display: flex;
    direction: ltr;
}

.header .height {
    height: 48px;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-box-align: center;
}

.header .toggle {
    flex: 0 1 auto;
    padding-right: 30px;
    color: #000;
    display: block;
}

.header .toggle button {
    background:none;
    border:none;
    border-radius: 50%;
    display: block;
    margin: 0 4px;
    padding: 12px;
    overflow: hidden;
    cursor: pointer;
}

.header .toggle svg {
    width: 24px;
    height: 24px;
    color: #000;
    z-index: 100;
}

.header .toggle button:hover {
    background-color: rgba(60, 64, 67, 0.08);
    outline: none;
}

.header .name {
    direction: rtl;
    flex: 1 1 100%;
    text-align: right;
    color: #74cce4;
    margin: 0 0.125rem;
    font-weight: bold;
    font-size: 1.3em;
    margin-top: 10px;
}
.header .profile li a{
    padding:5px 25px;
    transition: all .2s linear;
    text-align:center;
}

.header .profile .LoginName{
    padding: 3px 0;
    text-align:center;
}

.header .profile .LoginName svg{
    width: 32px;
    height: 32px;
    fill: #eee !important;
}

.header .profile form .btn {
    border-radius: 2.1875rem !important;
    font-size: 110%;
}

.header .profile input {
    font-size: 120%;
    letter-spacing: 5px;
    height: 50px;
}

.header .profile label {
    margin-top: 5px;
}

.header .profile .LoginBtn {
    box-shadow: 0 10px 30px rgb(239 242 245 / 30%);
    padding: .80rem 1.875rem;
    color: #8e939b;
    background-color: #eff2f5;
    border-color: #eff2f5;
    border-radius: 2.1875rem;
    letter-spacing: 1px;
    border:none !important;
    transition: all .2s linear;
}

.header .profile .LoginBtn:hover {
    border: 1px solid #c8d2dc;
    background-color: #d0d9e1;
    color: #8e939b;
}

.header .profile p {
    font-size: 80%;
    direction: rtl;
    text-align: center;
}

.header .profile input {
    text-align: center;
}

.header .profile .digits {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.header .profile .digits input {
    border-radius: 8px;
    border: solid 1px #eee;
    text-align: center;
    margin-left: 4px;
    width: 56px;
    height: 50px;
    display: inline-block;
    vertical-align: baseline;
    padding: 0;
    font-size: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.header .name a {
    color: #74cce4;
}

.header .logo{
    margin-left: auto;
}
.header .logo img {
    height: 48px;
    width: auto;
}

.SideBar {
    background: #fff;
    z-index: 9999;
    box-shadow: 0 2px 3px 0 rgb(48 48 48 / 30%), 0 6px 10px 4px rgb(48 48 48 / 15%);
    transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1), visibility 0s linear 0s;
    color: #1f1f1f;
}

.SideBar .btn-close{
    margin:10px;
}


.sidebar .SideBarTitle {
    padding: 1.75rem;
    padding-bottom: .9375rem;
}



main {
    padding-bottom: 100px
}

.Home .Jobs {
    min-width: 300px;

}

.Home .Jobs a {
    background: #fff;
    display: block;
    width: 100%;
    color: #333;
    padding: 15px;
    max-width: 300px;
    border-radius: 12px;
}

.Home .Jobs a:hover{
    background-color:#f5f5f5;
}

.Home .Jobs h3,
.Home .Jobs h4,
.Home .Jobs h5 {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.Home .Jobs h4 {
    color: #999;
    font-size: 12px;
    font-weight: normal
}
.Home .Jobs a {
    display:grid;
    grid-template-columns: max-content auto;
}
.Home .Jobs img {
    margin-left: 10px;
    border-radius: 12px;

    height: 64px;
    width: 64px;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)

}

.Home .Jobs button {
    float: left;
    margin: 5px;
    font-size: 11px;
}

.welcome {
    padding-bottom: 100px;
    margin-bottom: 20px;
    text-align: center;
    background: url('/img/bg.svg');
    background-repeat: no-repeat;
    background-position: center bottom;
}

.welcome div {
    display: block;
}

.welcome h2 {
    color: #999;
    font-weight: normal;
    margin-top: 100px;
    font-size: 1.6em
}

.welcome h1 {
    padding: 20px;
    font-weight: bold;
    font-size: 3.2em;
}

.welcome h5 {
    color: #999;
    font-weight: normal;
    font-size: 15px;
}

.welcome .start a {
    background-color: #4285f4;
    padding: 12px;
    width: 180px;
}

.welcome .start a:hover {
    background-color: #185abc;
}

.welcome .login a {
    padding: 15px;
    color: #a1c2fa;
}

.start {
    padding: 3%;
    max-width: 800px;
    margin: auto;
    text-align: center;
    width: 92%;
}

.start img {
    max-width: 200px;
}

.start p {
    font-size: 18px;
    font-weight: normal;
    display: block;
    color: #757575;
    margin: 30px auto;
    text-align: justify;
}

.start button {
    float: left;
}

.start .form-check {
    text-align: right;
}

footer {
    width: 100%;
    background-color: #f8f9fa;
    position: fixed;
    bottom: 0;
}

footer .footer {
    font-size: 10px;
    padding: 40px 32px;
    background: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAIoAAAAECAIAAADeXzCbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODFEOUEyMzFBOERFQzcyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQTlDNkVFOEVGQzIxMUUxOUJDNkEyREUzQzEzOUJGNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQTlDNkVFN0VGQzIxMUUxOUJDNkEyREUzQzEzOUJGNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDZENjQwNjM2MzIwNjgxMTgwODM4RUVFOTdCQkFFREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgxRDlBMjMxQThERUM3MkMiLz4gPC9yZGY6RGVzY3JpcHRpb24%2BIDwvcmRmOlJERj4gPC94OnhtcG1ldGE%2BIDw/eHBhY2tldCBlbmQ9InIiPz6z2rdVAAAAMElEQVR42mJkaP/OQHvwb7Y1A10AY%2B85Oln0OYwOtjAxjIJBDEajZzR6RgG5ACDAAGNHBgAfwwAlAAAAAElFTkSuQmCC") no-repeat 47% top;
}

footer .links {
    float: right;
}

footer .copyright {
    float: left;
    text-align: center;
    direction: ltr;
    padding: 10px;
    font-size: 12px;
}

.support {
    background-color: #fff;
    position: fixed;
    width: 300px;
    height: auto;
    right: 10px;
    bottom: 0;
    box-shadow: 7px -5px 30px 0 #eee;
    transition: all .5s linear;
    text-align: center;
}

.support .inner {
    padding: 10px;
}

.support ul {
    margin-top: 10px;
    text-align: right;
    line-height: 30px;
    font-size: 14px;
}

.support img {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    margin-left: 20px;
}

.support .phone {
    font-size: 25px;
    direction: ltr;
    letter-spacing: 2px;
}

.support span {
    font-size: 13px;
    color: #1a73eb;
}

.support a {
    color: #1a73eb;
    font-weight: bold;
}


/* MOBILE */

@media only screen and (max-width: 800px) {
    .welcome {
        background-position: left bottom;
    }

    .welcome h2{
        font-size:120%;
        margin-top:50px;
    }
    .welcome h1{
        font-size:170%;
    }
    .header .profile .LoginBtn{
        padding:0.40rem 0.575rem;
        margin-top:7px;
    }

    .Home .Jobs a{
        width:100%;
        max-width:100%;
    }

    .profile .dropdown-menu{
        font-size:12px !important
    }

}

#notfound {
    position: relative;
    height: 70vh;
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound {
    max-width: 520px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
}

.notfound .notfound-404 {
    position: relative;
    height: 200px;
    margin: 0px auto 20px;
    z-index: -1;
}

.notfound .notfound-404 h1 {
    font-size: 236px;
    font-weight: 200;
    margin: 0px;
    color: #eee;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound .notfound-404 h2 {
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    color: #211b19;
    background: #fff;
    padding: 10px 5px;
    margin: auto;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
}

@media only screen and (max-width: 767px) {
    .notfound .notfound-404 h1 {
        font-size: 148px;
    }
}

@media only screen and (max-width: 480px) {
    .notfound .notfound-404 {
        height: 148px;
        margin: 0px auto 10px;
    }
    .notfound .notfound-404 h1 {
        font-size: 86px;
    }
    .notfound .notfound-404 h2 {
        font-size: 16px;
    }
}

.JobHead {
    padding: 0;
    margin: 0;
    background-size: cover;
    border-right: none;
    border-left: none;
    min-height:250px;
}

.JobHead .Logo {
    display: block;
    text-align: center;
    padding: 10px;
}

.JobHead .Logo img {
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    border-radius: 20%;
    max-height: 300px;
    min-width: 250px;

}

.JobHead h1 {
    text-align: center;
    font-weight: bold;
    text-shadow: 0 0 10px #fff;
    padding: 20px 0;
    margin: auto;
    font-size: 250%;
}

.JobHead h2 {
    font-size: 100%;
    padding: 10px;
}

.JobContent svg {
    float: left;
    margin-left: 10px;
}

.JobContent {
    color: #999;
}

.JobContent p {
    color: #000
}

.JobContent span {
    margin-left: 10px;
    font-weight: normal;
    line-height: 24px;
    font-size: 120%;
}

.JobContent .Phone {
    font-size: 24px;
    line-height: 24px;
    font-weight: 800;
    color: #3078DB;
    letter-spacing: 0.1em;
    margin-left: 10px;
}

.JobReviews{
    text-align:center;
    min-width:200px;
    background: #fff;
    border-radius: 25px;
}
.JobReviews .col{
    border-left:1px solid #eee

}
.JobReviews .col:last-child{
    border:none;
}


.JobReviews b{
    color:#999;
    font-size:20px;
    letter-spacing: 2px;

}
.JobReviews span{
    color:#5f6368;
    font-size:12px;
}



.Box {
    position: relative;
    background-color: #ffffff;
    box-sizing: border-box;
    border-radius: 0.5rem;
    padding: 1.5rem 0.5rem;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgb(48 48 48 / 30%), 0 1px 3px 1px rgb(48 48 48 / 15%);
    text-align: center;
    margin-bottom: 20px;
    border: solid 1px rgba(0, 0, 0, .1);
}

.Box h1{
    font-size: 1.75rem;
    color: #288ed9;
    margin-bottom: 0.3125rem;
}
.BoxTitle{
    text-align: center;
    padding:1rem 0;
    font-weight:bold;
}
.BoxBody{
    padding:1rem 1rem;
}
.PageBox{
    padding:0;
    text-align:justify;
}

.BoxLink {
    transition: 0.2s ease;
    border: 1px solid #eee;
}

.BoxLink a {
    display: block;
    width: 100%;
    border: none;
}

.BoxLink:hover {
    border-color: #000;
}

.Cat h1,
.Cat h1 * {
    text-align: center;
    margin-bottom: 10px;
    letter-spacing: -.02em;
    padding: 38px 0 6px;
    font-weight: 400;
    color: #202124 !important;
}

.Cat h3,
.Cat h4,
.Cat h5 {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.Cat .Jobs {
    background-color: #ffffff;
    box-sizing: border-box;
    border-radius: 0.5rem;
    padding: 1.5rem 0;
    text-align: right;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgb(48 48 48 / 30%), 0 1px 3px 1px rgb(48 48 48 / 15%);
    margin-bottom: 15px;
}

.Cat .Jobs:hover {
    background-color: #e8f0fe;
}

.Cat .Jobs .Icon {
    max-width: 200px;
    max-height: 200px;
    text-align: center;
}

.Cat .Jobs .Icon img {
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
    padding: 5px;
    border-radius: 5px;
}

.Tag h1,
.Tag h1 * {
    text-align: center;
    font-size: 1.75rem;
    margin-bottom: 10px;
    letter-spacing: -.02em;
    padding: 38px 0 6px;
    font-weight: 400;
    color: #202124 !important;
}

.Tag h3,
.Tag h4,
.Tag h5 {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.Tag .Jobs {
    background-color: #ffffff;
    box-sizing: border-box;
    border-radius: 0.5rem;
    padding: 1.5rem 0;
    text-align: right;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgb(48 48 48 / 30%), 0 1px 3px 1px rgb(48 48 48 / 15%);
    margin-bottom: 15px;
}

.Tag .Jobs:hover {
    background-color: #e8f0fe;
}

.Tag .Jobs .Icon {
    max-width: 200px;
    max-height: 200px;
    text-align: center;
}

.Tag .Jobs .Icon img {
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
    padding: 5px;
    border-radius: 5px;
}

.Tag .Text {
    text-align: center;
}




.form {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

}






.Login{
    position: relative;
    margin:auto;
}
.Login form{
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100%;
    margin:auto;
    text-align: center;
}




.Login .LoginLaws{
    font-size:12px !important;
    padding:25px 0
}

.Login form h3{
    font-size:120%;
    padding:10px 0;
}

.Login form h4{
    font-size:100%;
    padding:15px 0;
}
.Login form input{
    text-align: center;
}

.Login form .InputOTP{
    border:none;
    background:none;
}


.Login .ContainerOTP{
    display: flex;
    direction: ltr;
    align-items: center;
    justify-content: center;
}

.Login .HolderOTP{
    display: flex;
    position: relative;
    margin-left: 8px;
    font-size:25px;
}
.Login .HolderOTP input{
    color: hsl(0, 0%, 25%);
    border: none;
    height: 48px;
    outline: none;
    z-index: 1;
    position: absolute;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
    border-radius: 0;
    background-color: transparent;
    width: 32px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 1;
    padding-right:20px;

}
.Login .ViewerOTP{
    color: hsl(0, 0%, 25%);
    width: 32px;
    height: 48px;
    display: flex;
    position: relative;
    font-size: 20px;
    align-items: center;
    font-weight: bold;
    margin-right: 8px;
    justify-content: center;
    border-bottom-color: hsl(0, 0%, 90%);
    border-bottom-style: solid;
    border-bottom-width: 2px;
}


.Login .ViewerOTP.fill {
    border-bottom-color: hsl(0, 0%, 25%);
}

.Login .LoginForm2{
    display:none;
}

.Login #InputMobile{
    letter-spacing: 5px;
    font-size: 25px;
    font-weight: bold;
}







.BoxForm{
    padding: 60px 15px;
    max-width:400px;
    margin:auto;
}

.BoxImg{
    padding:10px;
    text-align: center;
}
.BoxImg img{
    max-height:300px;
}
.BoxText{
    padding:2em 1.5em;
    text-align:justify;
    line-height:35px;
}


.BoxSide{
    background-color: #FAFAFA;
    height:100%;
    text-align: center;
    padding:75px 0;
    border-radius: 0 8px 8px 0;
    min-height:400px;
}

.BoxSide h1{
    font-size:135%;
    font-weight:bold;
    color:#000;
    margin-top:20px;
}

.BoxSide h2{
    color:#6c7680!important;
    padding:10px 0;
    font-size:110%;
}

.BoxSide img{
    max-width: 300px;
    width: 80%;
}


.offcanvas-left{
    left:0 !important;
    right:auto;
}
.FAQ .faqHeader{
    text-align:center;
    margin-bottom:20px;
}
.FAQ .faqHeader img{
    max-width:300px;
    margin:auto;
}
.FAQ .accordion-collapse{
    /* transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1), visibility 0s linear 0s; */
	transition: all 1s;
}
.FAQ .accordion-item button:after{
    left: 20px;
    position: absolute;
}

#faqList{
    margin-top:20px;
}






.Panel .Box{
    box-shadow: none;
}
.Panel .ProfileMenu svg{
    width:20px;
    fill:#999;
}
.Panel .ProfileUserInfo svg{
    width:64px;
    height:64px;
    fill:#eee !important;
}
.Panel .ProfileUserInfo h3{
    color:#999;
}


.Panel .ProfileSm a{
    color:#999 !important;
    font:bold 12px tahoma;
    padding:4px 10px;
}

.ProfileMenuActive{
    background-color:#eee !important;
}


.form-ccom{
    position: relative;
    padding-bottom:10px;
}


.form-ccom label{
    position: absolute;
    top: -8px;
    right: 15px;
    display: block;
    opacity: 1;
    transition: all 0.1s ease-out 0s;
    color: #999;
    background-color: #fff;
    padding: 0 10px;
    font-size:12px;
}

.form-ccom input,.form-ccom select{
    padding:10px 15px;
}




.Charge .form-check{
    position: relative;
    padding:0;
}
.Charge .form-check-label{
    position: relative;
    height: 100px;
    cursor: pointer;
    border: 1px solid #f8f8f8;
    margin: 0 5px 10px;
    width: 100px;
    max-width: 100px;
    text-align: center;
    border-radius: 5px;
    background-color: #f8f8f8;
    cursor: pointer;
}

.Charge .form-check img{
    width: 50px;
    margin: 0 auto;
    position: absolute;
    top: 25%;
    left: 25%;
}

.Charge .form-check input{
    position: absolute;
    border:none;
    background:none;
    right:30px;
    z-index: 200000;

}

.Charge .form-check input:checked,
.Charge .form-check input:focus,
.Charge .form-check input:active{
    background-color: #ef4123;
    visibility: visible;


    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;



}




.Ticket{
    text-align: justify;
    min-width: 60%;
    max-width: 90%;
    line-height: 1.8em;
}


.Ticket.First{
    background-color:#eee
}






/* account */