@import url('Loading.css');
/*@import url(Icon.css);
@import url('CustomInput.css');*/

@font-face {
    font-family: 'yekan';
    src: url('../Content/fonts/Shabnam.ttf') format('truetype');
}

@font-face {
    font-family: 'nastaliqh';
    src: url('../Content/fonts/nastaliqh.ttf') format('truetype');
}

* {
    font-family: yekan;
}

html {
    font-size: 1em;
    font-weight: 300;
}

body {
    direction: rtl;
    padding-top: 32px;
    color: #fff;
    height: 100%;
}

.nav-bg {
    height: 60px;
    background: #358394;
}

.navbar-nav {
    position: relative;
    top: 10px;
    right: 15px;
    width: 400px;
    background: #358394;
}

.nav-link {
    font-size: 0.85em;
    font-weight: normal;
    text-shadow: 0 1px 2px #000;
}

    .nav-link i {
        position: relative;
        top: 1px;
        margin-left: 4px;
    }

@media(max-width:1400px) {
    .card small {
        font-size: 70% !important;
    }

    .card h6 {
        font-size: 90% !important;
    }
}

@media(max-width:500px) {
    .navbar-nav {
        width: 100%;
    }
}

.footer {
    position: relative;
    font-size: 0.8em;
    text-shadow: 0 1px 2px #000;
    line-height: 2em;
}

    .footer a {
        color: #d7c221;
    }

    .footer span {
        position: relative;
        top: 2px;
    }

    .footer img:first-child {
        width: 30%;
    }

    .footer #sep {
        width: 40%;
    }

.navbar-brand img {
    height: 35px;
    background: #000;
}

.modal .close {
    margin-top: -10px;
    left: 0;
}

.text-shadow {
    text-shadow: 0 1px 2px #000;
}

h1, h2, h3, h4, h5 {
    font-family: yekan;
}

.en {
    font-family: 'Segoe UI';
}

label, a, p {
    font-family: yekan;
    font-weight: 400;
}

.btn {
    font-size: 1.2em;
    text-shadow: 0 1px 2px #000;
    box-shadow: 0 1px 2px #000;
}

.btn-sm {
    font-size: 1em;
    margin: 0 10px 0 10px;
}

hr {
    border-color: #d1d1d1;
    box-shadow: 0 1px 1px #000;
}

a.btn span {
    position: relative;
    top: 2px;
    left: 4px;
}

.no-shadow {
    text-shadow: none;
}

.back {
    position: absolute;
    top: 60px;
    left: 5px;
    box-shadow: none;
    font-size: 1.2em;
    text-shadow: 0 1px 2px #000;
    margin: 7px 0 7px 0;
}

a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

    a label {
        cursor: pointer;
    }

    a:hover {
        color: #fff;
        text-decoration: none;
    }

    a:active {
        color: #fff;
        text-decoration: none;
    }

    a:focus {
        color: #fff;
        text-decoration: none;
    }

.fa-sign-in {
    transform: scale(-1);
}

.btn .fa {
    position: relative;
    top: 2px;
    margin-left: 4px;
}

.alert {
    display: table;
    font-size: 1em;
    text-align: center;
    font-weight: 300;
    line-height: 2em;
}

.checkbox .control-label {
    position: relative;
    top: 1px;
    right: 70px;
}

.control-label {
    position: relative;
    margin-left: 10px;
}

.navbar-nav {
    font-family: yekan;
    font-size: 1.1em;
    border-bottom: solid 2px transparent;
    margin: 7.5px -15px;
}

    .navbar-nav span {
        position: relative;
        top: 5px;
        margin-left: 5px;
        font-size: 1.2em;
        color: #d1d1d1;
    }

.menu-span {
    position: relative;
    top: 4px;
    margin-right: 20px;
    font-size: 1.3em;
    margin-left: 20px;
    text-shadow: 0 1px 2px #000;
}

    .menu-span small {
        position: relative;
        top: -4px;
        font-size: .7em;
    }

.navbar-nav a:hover span {
    color: #fff;
}

.divider {
    height: 1px;
    margin-top: 20px;
    background-color: #ffffff;
    -moz-box-shadow: inset 2px 3px 10px #b0b0b0;
    -webkit-box-shadow: inset 2px 3px 10px #b0b0b0;
    box-shadow: inset 0 0 10px #b0b0b0;
}

.m-50 {
    margin-top: 50px;
}

.m-70 {
    margin-top: 70px;
}

.m-90 {
    margin-top: 90px;
}

.m-100 {
    margin-top: 100px;
}

.w-35 {
    width: 35%;
}

.home {
    position: relative;
}

    .home a p {
        font-size: 0.95em;
    }

    .home a img {
        border: solid 4px gray;
    }

    .home a .card-img, .home .card-img {
        width: 170px;
        height: 170px;
    }

.headerName {
    text-shadow: 0 1px 2px #000;
    color: #fff;
}

    .headerName img {
        width: 50px;
        height: 50px;
        box-shadow: 0 1px 2px #000;
    }

.home .items label {
    font-size: 1.3em;
}

.pay {
    position: relative;
    top: -50px;
}

.view-title {
    background-color: #484848;
    margin-top: 21px;
    padding: 5px 15px 15px;
    color: #e8e8e8;
    text-shadow: 0 1px 2px #000;
    box-shadow: 0 1px 2px #000;
}

    .view-title h3 {
        position: relative;
        display: inline;
        font-size: 1.6em;
        top: -6px;
    }

    .view-title span {
        position: relative;
        top: 10px;
        margin-left: 6px;
    }

    .view-title h4 {
        display: inline;
    }

        .view-title h4 span {
            position: relative;
            top: 3px;
            margin-left: 5px;
        }

.form-inline {
    padding: 10px 20px;
    text-shadow: 0 1px 2px #000;
    box-shadow: 0 1px 2px #000;
}

.form-horizontal {
    display: table;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 40px;
    font-family: yekan;
    text-shadow: 0 1px 2px #000;
}

    .form-horizontal .btn {
        font-size: 0.9em;
        text-shadow: 0 1px 2px #000;
    }

    .form-horizontal .back,
    .div .back {
        position: relative;
        float: left;
        left: 0;
        top: 10px;
    }

.holder {
    padding: 10px 25px 0 0;
    text-shadow: 0 1px 2px #000;
}

    .holder:not(.home) a .card-img {
        width: 70px;
        height: 70px;
        border: solid 3px;
    }

    .holder.doctors a .card-img {
        width: 90px;
        height: 90px;
        border: solid 3px;
    }

    .holder .panel {
        display: table;
        min-width: 400px;
        margin: 0 20px;
        text-shadow: 0 1px 2px #000;
        box-shadow: 0 1px 2px #000;
        background-color: rgba(90, 90, 90, 0.47);
    }

        .holder .panel:first-of-type {
            margin-top: -10px;
        }

        .holder .panel .panel-heading {
            font-size: 1.3em;
        }

        .holder .panel .panel-body {
            font-size: 1.2em;
        }

        .holder .panel .btn-md {
            font-size: 1.2em;
            padding: 7px 10px 5px;
            margin: 0 10px 0 10px;
        }

    .holder .form-horizontal {
    }

        .holder .form-horizontal a {
            font-size: 0.9em;
            font-weight: normal;
            color: #d7c221;
        }

        .holder .form-horizontal .checkbox .control-label {
            font-weight: normal;
            right: 20px;
        }

        .holder .form-horizontal .alert {
            font-size: 1em;
            font-weight: normal;
        }

.panel-heading span {
    position: relative;
    top: 4px;
    margin-left: 5px;
}

.holder label {
    padding-bottom: 4px;
}

.holder img {
    width: 70px;
    margin: 40px auto;
}

.holder .checkbox {
    width: 400px;
    display: table;
}

.holder .btn-success {
    margin: 20px auto 0 auto;
    text-shadow: 0 1px 2px #000;
    box-shadow: 0 1px 2px #000;
}

.holder p {
    font-size: 1.2em;
}

    .holder p.create {
        padding-right: 20px;
    }

.holder .alert {
    margin-top: 20px;
}

    .holder .alert .btn {
        margin: 10px auto 0 auto;
        font-size: 1em;
        text-shadow: 0 1px 2px #000;
        box-shadow: 0 1px 2px #000;
    }

        .holder .alert .btn span {
            font-size: 1em;
        }

.alert .fa {
    position: relative;
    top: 2px;
    margin-left: 5px;
}


.holder .items {
    display: table;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 15PX;
    padding: 4px 4px 3px 0;
    border-radius: 50px;
    border: solid 4px rgba(86, 86, 86, 0.49);
    text-shadow: 0 1px 2px #000;
    box-shadow: 0 1px 2px #000;
    font-size: 0.85em;
    text-align: right;
    overflow: hidden;
}


    .holder .items img {
        background-color: #025da1;
        position: relative;
        display: inline-block;
        width: 70px;
        height: 70px;
        text-align: center;
        border: solid 2px #fff;
        margin: 0;
        border-radius: 50%;
        float: right;
    }

    .holder .items div span {
        color: #fff;
    }

    .holder .items label {
        font-size: 1.2em;
        position: relative;
        top: 20px;
        margin-right: 20px;
        float: right;
        max-width: 240px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .holder .items .badge {
        font-size: 0.5em;
        font-weight: normal;
        top: 0;
        box-shadow: 0 1px 1px #000;
        overflow: hidden;
    }


    .holder .items.qempty {
        background: radial-gradient(#b0b0b0, #727272);
    }

        .holder .items.qempty .label-success {
            background-color: #b0b0b0;
        }

        .holder .items.qempty .label:last-child {
            margin: 0 auto 15px auto;
            padding: 5px 20px;
        }

        .holder .items.qempty .badge {
            background-color: #ea5252;
        }

    .holder .items.date section.alert {
        display: table;
        width: 100%;
        font-size: 1.1em;
        line-height: 2em;
        padding: 0;
    }

        .holder .items.date section.alert ul {
            margin: 0;
            padding: 10px 25px;
        }

.holder h4 {
    position: relative;
    top: 7px;
}



.active {
    background: radial-gradient(#47b770, #14562c);
    transition: all 0.5s ease;
}

.not-active {
    background: radial-gradient(#be5353, #421414);
    color: #e9e9e9;
    transition: all 0.5s ease;
}

.active:hover {
    background: radial-gradient(#14562c,#47b770);
    transition: all 0.5s ease;
}

.not-active:hover {
    background: radial-gradient(#421414,#be5353);
    color: #e9e9e9;
    transition: all 0.5s ease;
}

.default,
.items.date {
    background: radial-gradient(#16596c, #128eb0);
    transition: all 0.5s ease;
}

    .default:hover,
    .items.date:hover {
        background: radial-gradient(#128eb0,#16596c);
        transition: all 0.5s ease;
    }


.holder .sub {
    background: radial-gradient(#07815f, #18ae84);
    transition: all 0.5s ease;
}

    .holder .sub:hover {
        background: radial-gradient( #18ae84,#07815f);
        transition: all 0.5s ease;
    }

    .holder .sub div {
        background-color: #abd433;
    }

.holder .doc {
    background: radial-gradient(#0b696c, #119ca0);
    transition: all 0.5s ease;
}

    .holder .doc:hover {
        background: radial-gradient(#119ca0,#0b696c);
        transition: all 0.5s ease;
    }

    .holder .doc div {
        background: radial-gradient(#d2db00, #b3ba0e);
    }

    .holder .doc.empty,
    .holder .sub.empty,
    .holder .default.empty {
        background: radial-gradient(#272727,#e9573c);
        color: #e9e9e9;
        transition: all 0.5s ease;
    }

        .holder .doc.empty:hover,
        .holder .sub.empty:hover,
        .holder .default.empty:hover {
            background: radial-gradient(#e9573c,#272727);
            transition: all 0.5s ease;
        }

        .holder .doc.empty img,
        .holder .sub.empty img,
        .holder .default.empty img {
            opacity: 0.7;
        }

.holder .date {
    line-height: 1em;
    padding: 5px 10px 25px 20px;
    border-radius: 5px;
    text-align: right;
    min-height: 200px;
}

    .holder .date label {
        font-size: 1.2em;
        font-weight: normal;
        width: auto;
    }

        .holder .date label .badge {
            font-size: 1em;
            background-color: #156580;
            box-shadow: 0 1px 1px #000;
            overflow: visible;
        }

    .holder .date buttton.btn {
        display: table;
        position: relative;
        top: 30px;
        right: 0;
    }

        .holder .date buttton.btn span {
            position: relative;
            top: 2px;
            margin-left: 4px;
        }

    .holder .date .label {
        display: inline-block;
        padding: 3px 10px 5px;
        box-shadow: 0 1px 1px #000;
        text-align: right;
        border-radius: 25px;
        border: solid 4px rgba(68, 68, 68, 0.56);
    }

        .holder .date .label span,
        .holder .date label span {
            position: relative;
            top: 2px;
            margin-left: 5px;
        }

    .holder .date div {
        background-color: transparent;
        border: none;
        width: 55px;
        height: 55px;
    }

        .holder .date div span {
            position: relative;
            margin-top: -10px;
            color: #ffffff;
        }

    .holder .date .btn-success {
        margin: 0;
    }

.home .menu {
    padding: 0 40px;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

    .home .menu a {
        display: table;
        margin: 0 auto;
    }

        .home .menu a h3 {
            background: rgba(0, 71, 118, 0.68);
            margin: 30px auto;
            text-shadow: 0 1px 1px #000;
            color: #fff;
            padding: 5px 5px 5px;
            border-radius: 50px;
            box-shadow: 0 1px 1px #000;
            font-size: 1.65em;
        }

        .home .menu a i {
            border: solid 2px #fff;
            padding: 7px 0 8px;
            margin-left: 7px;
            box-shadow: 0 1px 2px #000;
            background: rgb(35, 66, 109);
            width: 45px;
            height: 45px;
            text-align: center;
        }

.home .choice {
    margin-top: 20%;
    border: solid 5px rgba(0, 71, 118, 0.68);
    width: 250px;
    height: 250px;
    box-shadow: 0 1px 2px #000;
    text-shadow: 0 1px 2px #000;
    overflow: hidden;
}

    .home .choice img {
        width: 100%;
        height: 100%;
        margin: 0;
    }

.home .menu a:hover h3 {
    background: rgb(0, 71, 118);
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.home .menu a:hover .choice {
    border-color: rgb(0, 71, 118);
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

    .home .menu a:hover .choice img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
    }

.holder table div {
    background-color: transparent;
    border: none;
    display: inline-block;
}

    .holder table div span {
        position: relative;
        color: #fff;
    }

.holder table .cal {
    background-color: transparent;
    border: none;
}

.tb-detail {
    width: 100%;
}

    .tb-detail .btn {
        margin: 15px 0 15px 15px;
    }

.panel-group {
    margin-top: 25px;
}

    .panel-group .panel {
        margin-top: 20px;
        font-size: 1em;
    }

    .panel-group .panel-heading {
        padding: 5px;
    }

        .panel-group .panel-heading a {
            text-decoration: none;
        }

            .panel-group .panel-heading a:focus {
                text-decoration: none;
                color: #fff;
            }

.date.ask {
    line-height: 2.5em;
}

    .date.ask label:first-child {
        margin-bottom: 30px;
    }

    .date.ask a {
        border: none;
        text-shadow: 0 1px 2px #000;
        color: #fff;
        background: transparent;
        box-shadow: none;
        font-size: 1em;
        margin-right: 5px;
        padding: 2px 7px 2px 7px;
    }

        .date.ask a span {
            position: relative;
            top: 2px;
            margin-left: 7px;
        }

        .date.ask a:hover {
            text-shadow: 0 1px 2px #000;
            box-shadow: 0 1px 2px #000;
            background: radial-gradient(#5db419, #439602);
            color: #fff;
        }

.about {
    background: radial-gradient(#5db419, #439602);
    border-top: solid 20px #fec652;
    border-bottom: solid 20px #fec652;
}

    .about label {
        padding: 15px;
        text-align: right;
    }

    .about p {
        text-align: center;
        color: #fec652;
    }

    .about span {
        position: relative;
        top: 7px;
        color: #fec652;
        margin-left: 15px;
    }

.aboutus p {
    font-size: 0.9em;
    text-align: justify;
}

    .aboutus p span {
        position: relative;
        top: 2px;
        color: #eaa413;
        margin-left: 7px;
    }

.hiden {
    display: none;
}

.askTitle {
    background-color: rgba(0, 0, 0, 0.47);
    padding: 10px;
    border-radius: 6px;
    line-height: 1.7em;
}

.feedNo {
    float: left;
    position: relative;
    margin: 27px 10px auto 20px;
    font-size: 1.1em;
}

    .feedNo #badge {
        box-shadow: 0 1px 2px #000;
        background-color: #707070;
    }

.hint {
    display: table;
    padding-bottom: 70px;
}

    .hint p {
        font-size: 1.2em;
        font-weight: normal;
        text-align: justify;
        padding: 0 40px 0 40px;
        line-height: 2em;
    }

    .hint label {
        font-size: 1.2em;
        display: inline-block;
        text-shadow: 0 1px 2px #000;
        box-shadow: 0 1px 2px #000;
        font-weight: normal;
    }

.showing {
    padding: 20px;
}

    .showing img {
        border-radius: 10px;
        display: table;
        /*width: 70%;*/
        width: 50%;
        margin: 0 auto;
        overflow: hidden;
    }

    .showing video {
        border-radius: 10px;
        display: table;
        width: 50%;
        margin: 0 auto;
        height: auto;
    }

.print {
    line-height: 2em;
    padding: 20px;
    background-color: #fff;
    color: #000;
    font-size: 1.2em;
    font-weight: 600;
    border-radius: 6px;
}

    .print #cancelQ {
        position: absolute;
        z-index: 1200;
        width: 100%;
        height: 100%;
        right: -5px;
        top: -5px;
    }

    .print label {
        font-size: 1em;
        background: no-repeat;
        color: #000;
        border-bottom: dotted 1px gray;
    }

    .print p {
        font-size: 1.2em;
        font-weight: 600;
        text-align: center;
    }

    .print table {
        width: 100%;
    }

.raw {
    display: block;
}

.edit .back {
    position: relative;
    margin-left: 20px;
    top: -5px;
}

.queue {
    width: 100%;
}

.text-info {
    color: #fff19d;
}

ul.listItem {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 60px;
}

    ul.listItem li.col-md-4 .items.date label {
        display: table;
        overflow: hidden;
    }

        ul.listItem li.col-md-4 .items.date label span {
            position: relative;
            top: 3px;
            margin-left: 4px;
        }

.alert ul {
    text-align: justify;
    padding: 0 15px 0 15px;
    margin: 0;
}

.alert .name {
    color: #fec652;
}

@media(max-width:1000px) {
    .col-md-4 {
        display: table;
        width: 50%;
    }

    .date {
        height: 230px;
    }

        .date .btn {
            float: left;
            margin-left: -15px;
        }
}

@media(max-width:740px) {

    body {
        background: none;
        background: linear-gradient(#acacac, #484848)fixed;
    }

    .col-md-4 {
        display: table;
        width: 100%;
    }

    .holder .items {
        padding-left: 10px;
    }

    .back {
        visibility: hidden;
    }
}

@media(max-width:550px) {
    .version {
        display: none;
    }
}

@media(max-width:480px) {
    .progress {
        margin-top: 50%;
    }

    .navbar a.bg-dark {
        padding: 10px 15px !important;
        font-size: small !important;
    }

    .cname {
        display: none;
    }

    .items {
        padding: 0;
        margin: 0 0;
    }

        .items.date {
            padding-top: 25px;
            padding-bottom: 10px;
        }

        .items img {
            opacity: 0;
        }

    .holder .items label {
        display: table-cell;
        width: auto;
        position: relative;
        top: 20px;
        right: -50px;
        font-size: 1em;
        max-width: 190px;
    }

    .holder.hint {
        padding: 10px 0 0 0;
    }

        .holder.hint small.bg-success {
            display: inline-block;
            margin-top: 15px;
        }

    .holder p img {
        width: 100% !important;
        margin: 15px auto;
    }

    .holder .items.date label {
        right: 0;
        display: table;
    }

    .holder .items.date .alert {
        line-height: 1.5em;
    }

    .view-title h3 {
        top: 5px;
    }

        .view-title h3 span {
            display: none;
        }
}

.modal {
    direction: rtl;
}

.modal-header {
    text-align: center;
    background: #fea152;
    text-shadow: 0 1px 1px #000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .modal-header i {
        position: relative;
        top: 3px;
        margin-left: 7px;
    }

.modal-body {
    color: #000;
}

    .modal-body p {
        font-size: 1.1em;
        font-weight: normal;
        text-align: justify;
    }

    .modal-body ul {
        padding-right: 10px;
        line-height: 2.2em;
        font-size: 1.1em;
        font-weight: normal;
    }

.text-danger {
    font-size: 1.1em;
    font-weight: normal;
    color: #ff5f5f;
}

.form-horizontal.config {
    background: rgba(64, 64, 64, 0.69);
    padding: 40px 40px 0 40px;
    border-radius: 5px;
    box-shadow: 0 1px 1px #000;
}

    .form-horizontal.config table {
        width: 100%;
        font-size: 0.8em;
    }

        .form-horizontal.config table td {
            border: none;
        }

    .form-horizontal.config label {
        position: relative;
        top: 4px;
    }

    .form-horizontal.config .btn {
        margin-right: 20px;
    }

.input-group-addon {
    color: #494949;
    text-shadow: none;
    padding-top: 10px;
}

.correction {
    font-size: 1.2em;
    line-height: 2.5em;
    margin-top: 50px;
    text-shadow: 0 1px 1px #000;
}

    .correction li a:hover {
        margin-right: 10px;
        color: #d7c221;
    }

.version {
    position: absolute;
    clear: both;
    bottom: 3px;
    left: 20px;
    padding: 0 10px;
    border-radius: 5px;
    font-weight: normal;
    color: #b0b0b0;
}


.material-switch {
    margin-top: -9px;
    margin-left: 70px;
}

    .material-switch > input[type="checkbox"] {
        display: none;
    }

    .material-switch > label {
        cursor: pointer;
        height: 0px;
        position: relative;
        width: 40px;
    }

        .material-switch > label::before {
            background: rgb(0, 0, 0);
            box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
            border-radius: 8px;
            content: '';
            height: 16px;
            margin-top: 0;
            position: absolute;
            opacity: 0.3;
            top: 14px;
            transition: all 0.4s ease-in-out;
            width: 40px;
        }

        .material-switch > label::after {
            background: rgb(255, 255, 255);
            border-radius: 16px;
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
            content: '';
            height: 24px;
            left: -15px;
            margin-top: 0;
            position: absolute;
            top: 10px;
            transition: all 0.3s ease-in-out;
            width: 24px;
        }

    .material-switch > input[type="checkbox"]:checked + label::before {
        background: #fff;
        opacity: 1;
    }

    .material-switch > input[type="checkbox"]:checked + label::after {
        background: #3fb64c;
        left: -45px;
        box-shadow: 0 0 1px #000;
    }

.navbar-toggle span {
    text-shadow: 0 1px 2px #000;
}

.form-group .btn-primary,
.form-group a {
    margin-top: 20px;
    float: left;
    margin-left: 15px;
}


.form-group i.glyphicon {
    font-size: 0.85em;
}

.form-group.col-md-6 {
    display: grid;
    padding-right: 10px;
}

.btn-success span {
    position: relative;
    top: 2px;
    margin-left: 5px;
}

#image {
    display: table;
    padding: 0 10px 20px;
    margin: 0;
    margin-bottom: 15px;
    overflow: hidden;
}

    #image .img {
        position: relative;
        background: rgb(53, 53, 53);
        border: solid 1px #fff;
        box-shadow: 0 1px 2px #000;
        padding: 10px;
        margin: 0 5px;
        margin-top: 15px;
        width: 200px;
        height: 200px;
        overflow: hidden;
    }

        #image .img img {
            position: relative;
            margin-top: 0;
            display: table;
            width: 100%;
            overflow: hidden;
        }

.table .label-success,
.table .label-warning {
    padding: 0 10px;
    box-shadow: 0 1px 2px #000;
}

.edit .btn-success {
    margin: 0;
}

.table.calendar th {
    text-align: center;
}

.table.detail td:first-child {
    width: 130px;
}

.table.detail td:last-child {
    width: 200px;
}

.table.calendar td {
    text-align: right;
    border: none;
}

.table.calendar td {
    line-height: 2.5em;
}

    .table.calendar td:nth-child(2n+1) {
        background: rgba(255, 255, 255, 0.09);
    }

.table.calendar tr:nth-child(2n+1) {
    background: rgba(255, 255, 255, 0.09);
}

.table.calendar th:first-child {
    min-width: 150px;
}

.table.calendar td label {
    position: relative;
    top: 7px;
    background: #0f834e;
    font-size: 1.2em;
    font-weight: normal;
    padding: 12px 10px;
    text-shadow: 0 1px 2px #000;
    box-shadow: 0 1px 2px #000;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.table.calendar ul {
    padding: 0;
    margin: 0;
}

    .table.calendar ul li {
        float: none;
    }

        .table.calendar ul li a {
            background: #2b8a81;
            display: block;
            color: #fff;
            font-size: 1.1em;
            font-weight: normal;
            text-shadow: 0 1px 2px #000;
            box-shadow: 0 1px 2px #000;
            border-radius: 25px;
            margin-top: 5px;
            margin-bottom: 5px;
            padding: 2px 10px;
            text-align: center;
        }

            .table.calendar ul li a .badge {
                display: inline-block;
                font-size: 0.7em;
                padding: 2px 5px;
                background: #404040;
            }


.tooltip-inner {
    font-size: 0.8em;
    background: #000;
}

.search {
    margin-top: 30px;
    margin-bottom: 20px;
}

.pay-page .alert {
    margin-top: 40px;
    padding: 20px;
}

.profile img {
    padding: 0;
    margin: 0;
    width: 100px;
    height: 100px;
    border: solid 4px #fff;
    box-shadow: 0 1px 2px #000;
    border-radius: 50px;
}

.profile a:hover:not(.btn) i {
    color: #5db419;
    margin-right: 10px;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.profile .form-horizontal {
    font-size: 1.1em;
}

.text-orange {
    color: #ffc967;
}

a.refq {
    display: table;
    border-radius: 50px;
    font-size: 2.2em;
    border: solid 4px rgba(68, 68, 68, 0.56);
    margin: 40px auto;
}


.p-1 {
    padding: 5px 10px;
}

.f-1 {
    font-size: 0.8em;
}

.form-control.input-date {
    cursor: pointer;
}

.chbox {
    padding-top: 10px;
    font-size: 1.2em;
}

section .btn {
    position: relative;
    top: -4px;
    padding: 0 15px;
    height: 25px;
    border-radius: 25px;
}

.table-dark label {
    font-size: 1em;
    font-weight: normal;
}

.table .btn-sm {
    border-radius: 25px;
    padding: 0 10px;
    font-size: 0.85em;
}

.holder .items.date label {
    max-width: 350px;
}

.holder.home .items {
    display: table;
    width: 100%;
    font-size: 1.4em;
    border-radius: 70px;
}

    .holder.home .items label {
        max-width: 350px;
    }

    .holder.home .items img {
        height: 100px;
        width: 100px;
    }

.holder.home .listItem {
    position: relative;
    top: -70px;
}

    .holder.home .listItem li {
        padding: 5px;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }

        .holder.home .listItem li:hover div {
            background: radial-gradient( #119ca0,#0b696c);
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            -webkit-transition: all .5s ease;
            transition: all .5s ease;
        }

            .holder.home .listItem li:hover div label {
                padding-right: 40px;
                -moz-transition: all .5s ease;
                -o-transition: all .5s ease;
                -webkit-transition: all .5s ease;
                transition: all .5s ease;
            }

.rules {
    text-shadow: none;
    font-size: 0.85em;
}

.date.confirm {
    margin-bottom: 70px;
}

.ml-1 {
    margin-left: 6px;
}

.border-2 {
    border: solid 7px rgba(36, 36, 36, 0.50);
}

a.download {
    min-width: 200px;
    border: solid 7px rgba(36, 36, 36, 0.50);
    font-size: 1em;
}

    a.download i {
        position: relative;
        font-size: 1.4em;
        top: 0;
    }

    a.download span {
        font-family: yekan;
        position: relative;
        top: -4px;
    }

.alert-fail {
    display: table;
    width: 100%;
    margin: 20px auto;
    font-size: 1.2em;
    text-shadow: 0 1px 2px #000;
    box-shadow: 0 1px 2px #000;
    background: #c46540;
    width: 50%;
    border: solid 4px rgba(68, 68, 68, 0.4);
    border-radius: 50px;
}

.text-light {
    font-family: yekan;
    color: #fff;
}

.items {
    display: table;
    overflow: hidden;
}

    .items .title {
        display: table;
        width: 65%;
        margin: 0 80px 10px;
    }

    .items small, .items p {
        position: absolute;
        font-size: .65em;
        font-weight: normal;
        right: 0px;
        bottom: -22px;
        text-align: right !important;
        padding-left: 30px;
        overflow: hidden;
        width: 70%;
        text-decoration: none;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .items p {
        right: 120px;
        font-size: .85em;
        overflow: hidden;
        bottom: 0;
    }

.table {
    font-size: 0.9em;
    text-align: right;
}

    .table td, .table th {
        border-top: none;
    }

.table-hover td, .table-hover th {
    color: #fff;
}

.fa-mobile-phone {
    font-size: 1.5em;
}

.custom-control {
    user-select: none;
}

.custom-control-label span {
    cursor: pointer;
}


/* width */
::-webkit-scrollbar {
    width: 5px;
    border-top-left-radius: 5px;
    background: #555;
}

/* Track */
::-webkit-scrollbar-track {
    position: relative;
    background: transparent;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-right: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ffc107;
    border-radius: 5px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.custom-file-label {
    padding-right: 90px;
    text-shadow: none;
}

.uploads div {
    height: 250px;
    overflow: hidden;
}

.mb-70 {
    margin-bottom: 70px;
}

.notify {
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 0.7em;
    padding-top: 1px;
    top: -10px;
    right: 7px;
    box-shadow: 0 1px 2px #000;
}

.table th, .table {
    font-weight: normal;
}

#ChatModal .modal-header {
    background: #0b696c;
}

    #ChatModal .modal-header .close {
        position: absolute;
        left: 0;
    }

#ChatModal .modal-content {
    width: 580px;
    margin-right: -40px;
}

@media (max-width:600px) {
    #ChatModal .modal-content {
        width: 100%;
        margin-right: 0;
    }
}


.chat .badge-success {
    position: absolute;
    width: 10px;
    height: 10px;
    text-shadow: none;
    padding: 0;
}

.care p {
    font-size: .92em;
    line-height: 2.5em;
}

.care ul {
    line-height: 2.5em;
}

.intro img {
    height: 70px;
    width: 70px;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.intro p {
    font-size: .95em;
}

#imgcpatcha {
    height: 40px;
    width: auto;
    padding: 0;
    margin: 0;
    margin-right: 30px;
}

.chat-icon {
    position: fixed;
    bottom: 10px;
    z-index: 1150;
}

.card-img-top {
    max-width: 300px;
}

.card-header .badge {
    font-weight: normal;
    text-shadow: 0 1px 2px #000;
}

.w-45 {
    width: 420px;
}

.card-img {
    border: solid 4px;
    height: 120px;
    width: 100px;
}

.btn-xs {
    font-size: .8em;
    font-weight: normal;
    padding: 2px 7px 2px 7px;
    text-shadow: 0 1px 2px #000;
}

.sticky-top {
    top: 80px;
}

#dates {
    border-radius: 25px;
}

.mb-6 {
    margin-bottom: 4rem !important;
}

.chat-fix {
    height: 650px;
    width: 450px;
}

#chatClose {
    cursor: pointer;
}

@media (max-width:750px) {
    .chat-fix {
        width: 100%;
        margin-right: 0 !important;
    }
}

.chat-container {
    /*-moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;*/
}

#modeliframe {
    margin-top: -10px;
}

.select {
    width: 97%;
    z-index: 1000;
    line-height: 2.5em;
    max-height: 265px;
    overflow-y: scroll;
    position: absolute;
    margin-top: 45px;
    border-radius: 4px;
    box-shadow: 0 1px 2px #000;
}

    .select ul li {
        margin: 0;
        padding: 0;
        text-align: right;
        font-size: 1em;
    }

#queue, #chat, #phone, #video, #rules {
    cursor: pointer;
}

#queue {
    position: relative;
    right: -15px;
}

/* width */
::-webkit-scrollbar {
    width: 4px;
    border-top-left-radius: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    position: relative;
    background: transparent;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-right: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ffc107;
    border-radius: 5px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.qselect .btn {
    min-width: 170px;
}

    .qselect .btn:first-child {
        position: relative;
        margin-right: 35px;
    }

@media (max-width:480px) {
    form {
        width: 100%;
        margin-right: -15px !important;
    }

    .navbar-brand {
        display: none;
    }
}

.table.history td span {
    position: relative;
    display: inline;
    width: 150px;
    text-align: center;
    padding: 4px;
    top: 4px;
}

.bg-lightgray {
    background: #d5d5d5;
}

.bg-blur {
    background: rgba(52, 52, 52, 0.56);
}


.text-shadow-none {
    text-shadow: none;
}

.input-group-text, #refresh {
    height: 38px;
}

#refresh {
    font-size: 1em;
}

.fa-mobile {
    font-size: 1.4em;
}

.box-shadow-none {
    box-shadow: none;
}

.card-footer .btn span {
    position: relative;
    top: -1px;
}

i.fa {
    width: 30px;
    text-align: center;
}

.field-validation-error {
    font-size: 0.9em;
}

.account .card {
    width: 400px;
    top: -40px;
    background: rgba(255, 255, 255, 0.5);
}

    .account .card button, .account .card .back {
        box-shadow: none;
        text-shadow: none;
        font-size: .95em;
        padding: 12px;
    }

    .account .card .back {
        position: absolute;
        top: -5px;
        right: 0;
    }


.register .card {
    display: table;
    width: 40%;
}

@media (max-width:1200px) {
    .register .card {
        top: 0;
        display: table;
        width: 70%;
    }
}

@media (max-width:700px) {
    .register .card {
        top: 0;
        display: table;
        width: 95%;
    }
}

.input-group-lg .input-group-text {
    height: 48px;
}

.input-group-lg .form-control {
    padding: 23px;
    font-size: 1em;
}

.input-group-lg .custom-select-lg {
    font-size: 1em;
    height: 48px;
}

.border-radius-left-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.border-radius-right-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.border-radius-left-5 {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.jconfirm.jconfirm-material.jconfirm-rtl.jconfirm-open {
    z-index: 100000;
}


.bg-gradiant {
    background: linear-gradient(to bottom,#078969,#282828);
}

.card a:hover {
    color: orangered !important;
}

ul.pagination {
    margin-top: 15px !important;
    margin-bottom: 0 !important;
}

@media(max-width:768px) {
    card small {
        font-size: 70%;
    }
}




.birthday .card {
    width: 55%;
    top: -40px;
    background: rgba(255, 255, 255, 0.5);
}

    .birthday .card button, .birthday .card .back {
        box-shadow: none;
        text-shadow: none;
        font-size: .95em;
        padding: 12px;
    }

    .birthday .card .back {
        position: absolute;
        top: -5px;
        right: 0;
    }

.birthday table {
    min-width: 55%;
}


#CaptchaInputText {
    text-align: center !important;
    font-family: yekan !important;
}

.captcha-error {
    font-size: 0.8rem;
    color: red;
}