@import url('../IRANSans/Farsi_numerals/webFonts/css/fontiran.css');

body {
    direction: rtl;
    text-align: right;
}

p, select, input, span, textarea, a, ul, li, div {
    font-family: IRANSans;
    font-size: 0.9rem;
}
.left-direction{
    direction: ltr !important;
}
.left {
    direction: ltr;
    float: left;
    text-align: left;
}
.right {
    direction: rtl;
    float: right;
    text-align: right;
}
.form-control, label, p
{
    font-size: 0.9rem;
}
.table td{
    vertical-align: middle !important;
}
.cursor-pointer {
    cursor: pointer !important;
}
.ErrorText
{
    margin: 10px 0px;
}
.ErrorText p {
    margin-bottom: 0.5rem;
}

.select2-container .select2-selection--single {
    height: calc(1.5em + 0.5rem + 2px) !important;
}
.select2-search--dropdown, .select2-results__option, .select2-selection__rendered {
    direction: rtl !important;
}
.pagination-box {
    border-radius: 50rem !important;
    border-top: 1px solid #dee2e6 !important;
    background-color: #f8f9fa !important;
}
    .pagination-box .pagination {
        margin-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }
.pagination .page-item .page-link {
    cursor: pointer;
}
.pagination .page-item:first-child .page-link, .input-group-sm > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0.2rem !important;
    border-bottom-right-radius: 0.2rem !important;
    border-top-left-radius: 0rem !important;
    border-bottom-left-radius: 0rem !important;
}
.pagination-sm .page-item:last-child .page-link, .input-group > .form-control:not(:first-child) {
    border-top-left-radius: 0.2rem !important;
    border-bottom-left-radius: 0.2rem !important;
    border-top-right-radius: 0rem !important;
    border-bottom-right-radius: 0rem !important;
}
.progress label {
    margin-top: -1px;
    font-size: 0.8rem;
    position: absolute;
    color: #fff;
    margin-right: 5px;
}
.hide {
    display: none;
}
    .btn-icon {
        direction: rtl;
        font-size: 0.85rem;
    }
.btn-icon i {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 0.95rem;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}
.img-128{
    max-width: 128px;
    max-height: 128px;
}
/* Set width on the form input elements since they're 100% wide by default 
input,
select,
textarea {
    max-width: 280px;
}
*/
div.head .table td, div.head .table td span{
    font-size: 0.8rem;
}
p.header {
    font-size: 1.2rem;
    color: #002e6e;
    background: #eee;
    padding: 0px 30px;
    margin-bottom: 0px;
    font-weight: bold;
}
#Dv_Content .row.head {
    border-top: 1px solid #eee;
    padding-top: 0.5rem;
}


/*Loading CSS*/
.cssload-thecube {
    width: 32px;
    height: 32px;
    margin: 15px auto 0;
    position: relative;
    transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg)
}

    .cssload-thecube .cssload-cube {
        transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
        -webkit-transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
        float: left;
        width: 50%;
        height: 50%;
        position: relative;
        transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1)
    }

        .cssload-thecube .cssload-cube:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #2ba0c7;
            animation: cssload-fold-thecube 2.76s infinite linear both;
            -o-animation: cssload-fold-thecube 2.76s infinite linear both;
            -ms-animation: cssload-fold-thecube 2.76s infinite linear both;
            -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
            -moz-animation: cssload-fold-thecube 2.76s infinite linear both;
            transform-origin: 100% 100%;
            -o-transform-origin: 100% 100%;
            -ms-transform-origin: 100% 100%;
            -webkit-transform-origin: 100% 100%;
            -moz-transform-origin: 100% 100%
        }

    .cssload-thecube .cssload-c2 {
        transform: scale(1.1) rotateZ(90deg);
        -o-transform: scale(1.1) rotateZ(90deg);
        -ms-transform: scale(1.1) rotateZ(90deg);
        -webkit-transform: scale(1.1) rotateZ(90deg);
        -moz-transform: scale(1.1) rotateZ(90deg)
    }

    .cssload-thecube .cssload-c3 {
        transform: scale(1.1) rotateZ(180deg);
        -o-transform: scale(1.1) rotateZ(180deg);
        -ms-transform: scale(1.1) rotateZ(180deg);
        -webkit-transform: scale(1.1) rotateZ(180deg);
        -moz-transform: scale(1.1) rotateZ(180deg)
    }

    .cssload-thecube .cssload-c4 {
        transform: scale(1.1) rotateZ(270deg);
        -o-transform: scale(1.1) rotateZ(270deg);
        -ms-transform: scale(1.1) rotateZ(270deg);
        -webkit-transform: scale(1.1) rotateZ(270deg);
        -moz-transform: scale(1.1) rotateZ(270deg)
    }

    .cssload-thecube .cssload-c2:before {
        animation-delay: .35s;
        -o-animation-delay: .35s;
        -ms-animation-delay: .35s;
        -webkit-animation-delay: .35s;
        -moz-animation-delay: .35s
    }

    .cssload-thecube .cssload-c3:before {
        animation-delay: .69s;
        -o-animation-delay: .69s;
        -ms-animation-delay: .69s;
        -webkit-animation-delay: .69s;
        -moz-animation-delay: .69s
    }

    .cssload-thecube .cssload-c4:before {
        animation-delay: 1.04s;
        -o-animation-delay: 1.04s;
        -ms-animation-delay: 1.04s;
        -webkit-animation-delay: 1.04s;
        -moz-animation-delay: 1.04s
    }

@keyframes cssload-fold-thecube {
    0%,10% {
        transform: perspective(403px) rotateX(-180deg);
        opacity: 0
    }

    25%,75% {
        transform: perspective(403px) rotateX(0);
        opacity: 1
    }

    100%,90% {
        transform: perspective(403px) rotateY(180deg);
        opacity: 0
    }
}

@-o-keyframes cssload-fold-thecube {
    0%,10% {
        -o-transform: perspective(403px) rotateX(-180deg);
        opacity: 0
    }

    25%,75% {
        -o-transform: perspective(403px) rotateX(0);
        opacity: 1
    }

    100%,90% {
        -o-transform: perspective(403px) rotateY(180deg);
        opacity: 0
    }
}

@-ms-keyframes cssload-fold-thecube {
    0%,10% {
        -ms-transform: perspective(403px) rotateX(-180deg);
        opacity: 0
    }

    25%,75% {
        -ms-transform: perspective(403px) rotateX(0);
        opacity: 1
    }

    100%,90% {
        -ms-transform: perspective(403px) rotateY(180deg);
        opacity: 0
    }
}

@-webkit-keyframes cssload-fold-thecube {
    0%,10% {
        -webkit-transform: perspective(403px) rotateX(-180deg);
        opacity: 0
    }

    25%,75% {
        -webkit-transform: perspective(403px) rotateX(0);
        opacity: 1
    }

    100%,90% {
        -webkit-transform: perspective(403px) rotateY(180deg);
        opacity: 0
    }
}

@-moz-keyframes cssload-fold-thecube {
    0%,10% {
        -moz-transform: perspective(403px) rotateX(-180deg);
        opacity: 0
    }

    25%,75% {
        -moz-transform: perspective(403px) rotateX(0);
        opacity: 1
    }

    100%,90% {
        -moz-transform: perspective(403px) rotateY(180deg);
        opacity: 0
    }
}


.profile {
    padding-top: 30px;
}

    .profile .header {
        border-radius: 15px 15px 0px 0px;
        background-color: #eeeeee;
        direction: rtl;
        padding: 4px;
        text-align: right;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    }

        .profile .header i {
            font-size: 18px;
            margin: 2px 7px;
        }

        .profile .header span {
            color: #4d4d4d !important;
            font-family: wpyar-Rezvan !important;
            font-size: 14px;
        }

    .profile .dvcontent {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #ffffff;
        border: 1px solid #eeeeee;
    }

    .profile .mobo-title {
        border-bottom: 1px solid #eee;
        line-height: 40px !important;
    }

        .profile .mobo-title > span {
            border-bottom: 2px solid;
            padding-bottom: 9px !important;
            font-weight: 700;
        }

.Image-Box {
    max-width: 64px;
    max-height: 64px;
    border: 2px solid #ccc;
}

.custom-file-label {
    padding-right: 4.75rem;
}