/* #5B67A2 */
/* #67246e */
@font-face {
    font-family: "Vazir";
    src: url("../fonts/Samim-Bold-FD.woff2");
}

html {
    height: 100vh;
}

body {
    font-family: "Vazir" !important;
    background: #efefef;
    height: 100vh;
}

ul {
    list-style: none;
}

* {
    direction: rtl !important;
    text-align: right !important;
}

a {
    text-decoration: none !important;
    transition: all 0.3s ease;
}

footer a:hover,
nav a:hover {
    color: #67246e !important;
}

header section.top-header {
    background: #67246e;
    color: #fff !important;
    padding: 5px;
    font-size: 14px;
}

header section.top-header a {
    color: #fff;
}

nav.sina-nav {
    border: 0 !important;
}

.sina-nav .sina-menu > li {
    float: right !important;
}

li.widget-bar-btn {
    margin-left: 85px !important;
}

.extension-nav a {
    color: #67246e !important;
}

a.sina-brand.social-on {
    padding: 0 21px;
    height: 40px;
    line-height: 40px;
    margin-top: 12px;
    transition: all 0.3s ease-in;
    background: #fff;
    color: #67246e;
    border: 1px solid #67246e;
    border-radius: 5px;
    font-size: 12px;
}

a.sina-brand.social-on:hover {
    border: 1px solid transparent;
}

article#slider div div div.img-header img {
    width: 100%;
/*  height: 50vh;*/
    object-fit: cover;
}

article.service-app {
    margin-top: 10px;
    text-align: center;
    justify-content: space-around;
    padding: 35px;
}

article div.row div.card-custom {
    min-height: 320px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
    rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease-in;
    margin-bottom: 25px;
}

article div.row div.card-custom:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

article div.row div.card-custom div.header-card {
    width: 100%;
    padding: 10px;
    margin: 5px 3px;
    font-size: 20px;
    direction: rtl;
    border-radius: 50px;
    border: 1px solid #67246e;
    color: #fff;
    background: #67246e;
    font-weight: 500;
    border-left: 0;
    line-height: 30px;
}

article div.row div.card-custom div.header-card div.logo-card {
    top: 0px;
    left: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #67246e;
    border-radius: 50px;
    overflow: hidden;
}

article div.row div.card-custom div.header-card div.logo-card img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
}

article div.row div.card-custom div.header-card div.logo-card {
    transition: all 0.3s ease;
}

article div.row div.card-custom:hover div.header-card div.logo-card {
    transform: rotate(-360deg);
}

article div.row div.card-custom div.header-card i {
    color: #67246e;
}

article div.row div.card-custom div.main-card {
    margin-top: 15px;
    padding: 10px;
    font-size: 13px;
    color: #686868;
    text-align: justify;
}

div.widget ul.link li {
    margin-bottom: 10px;
    padding: 5px 2px 5px;
}

a.close-widget-bar {
    display: block;
    width: 100%;
}

article#service-plan {
    background-image: url(../img/pat_dark.png);
}

article#service-plan div.container-plan div.plan-card {
    min-height: 320px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
    rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease-in;
    margin-bottom: 25px;
    border-top: 3px solid #67246e;
    transform: translateY(0);
    transition: all 0.3s ease-in;
    border-radius: 25px;
    overflow: hidden;
}

article#service-plan div.container-plan div.plan-card:hover {
    transform: translateY(-4px);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

article#service-plan div.container-plan div.plan-card div.header-plan {
    min-height: 30px;
    width: 100%;
    line-height: 30px;
    padding: 10px;
    margin: 5px 3px;
    border-bottom: 2px solid #67246e;
    font-size: 20px;
    color: #67246e;
    text-align: center;
}

article#service-plan div.container-plan div.plan-card div.main-plan {
    margin-top: 15px;
    padding: 10px;
    font-size: 13px;
    color: #111;
    text-align: right;
}

article#service-plan div.container-plan div.plan-card .btn-add-to-plan {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    color: #fff;
    background: #67246e;
    border-radius: 0;
    width: 100%;
    border: 1px solid #67246e;
}

article#description div.img-desc img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

article#description div.desc {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #efefef;
    padding: 3%;
    text-align: center;
    letter-spacing: 0.9px;
    color: #686868;
    text-align: justify;
}

article#description div.desc i {
    color: #67246e;
}

footer ul {
    text-align: justify;
}

footer ul p {
    font-size: 18px;
    font-weight: 500;
    color: #111;
    position: relative;
}

footer ul p:before {
    content: "";
    position: absolute;
    top: 36%;
    transform: translateX(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: block;
    background: #67246e;
    left: 104%;
}

footer ul li {
    font-size: 15px;
    line-height: 40px;
}

div.style-link ul li {
    display: flex;
    align-items: center;
}

footer div.style-link ul li:hover::before {
    color: #67246e;
}

footer ul li a {
    text-decoration: none;
    color: #686868;
    padding: 5px 10px;
    transition: all 0.3s ease-out;
}

footer div.style-link ul li a:hover {
    transform: translateX(-10px);
}

footer div.style-link ul li::before {
    content: "\f053";
    font-family: fontawesome;
    color: #dfdfdf;
    transition: all 0.3s ease-out;
}

footer div.footer-buttom {
    font-size: 13px;
    text-align: center;
}

footer ul strong.about-web {
    font-size: 14px;
    font-weight: 400;
    text-align: justify !important;
}

footer div.social-container a {
    font-size: 25px;
    margin-left: 20px;
    color: #67246e;
}

footer div.app-container li {
    width: calc(100% / 3 - 10px);
}

footer div.app-container a {
    display: block;
    padding: 3px;
    margin-left: 30px;
    border: 1px solid #dfdfdf;
    border-radius: 12px;
    color: #686868;
    text-align: center !important;
    transition: all 0.5 ease-in-out;
}

footer div.app-container li:nth-child(1) a:hover {
    border: 1px solid #67246e;
    color: #67246e;
}

footer div.app-container li:nth-child(2) a:hover {
    border: 1px solid #31b96e;
    color: #31b96e;
}

footer div.app-container li:nth-child(3) a:hover {
    border: 1px solid #805f06;
    color: #805f06;
}

footer div.footer-buttom {
    background: #67246e;
    color: #fff;
}

footer div.footer-buttom a {
    color: #fff;
}

@media (max-width: 676px) {
    article#description div.desc {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #efefef;
        padding: 3%;
        text-align: center;
        letter-spacing: 0.9px;
        color: #686868;
        text-align: justify;
        width: calc(100% - 50px);
    }
}

/* login page */
body#loginRegister-page {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100vh;
    background: url(../img/pat_dark.png);
}

body#loginRegister-page div#login {
    background: transparent;
    width: 430px;
    max-width: 100%;
    padding: 10px 40px;
    min-height: 480px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 25px;
    border-top: 5px solid #67246e;
    border-bottom: 5px solid #67246e;
}

input[type="text"],
input[type="password"],
input[type="email"] {
    width: 100%;
    margin: 10px 0;
    border: none;
    outline: none;
    padding: 10px;
    border-radius: 0;
    background: transparent;
    border-bottom: 1px solid #67246e !important;
    font-size: 12px;
}

body#loginRegister-page div#login .header-login {
    font-size: 20px;
}

body#loginRegister-page div#login form .input-group {
    position: relative;
}

body#loginRegister-page div#login form .input-group i {
    position: absolute;
    top: 36%;
    right: -20px;
    transform: translateX(-36%);
    color: #111;
    font-size: 12px;
}

div#login form i {
    color: #ffffff !important;
}

div#login form label.check-box {
    font-size: 10px;
    color: #686868;
}

div#login form label.check-box a {
    font-size: 10px;
    color: #686868;
}

div#login form .btn-custom-login {
    background: #67246e;
    border: 0;
    outline: none;
    padding: 10px 25px;
    border-radius: 25px;
    max-width: 100px;
    cursor: pointer;
    color: #fff;
    margin-top: 100px;
    opacity: 1;
}

div#login form .btn-custom-login:hover {
    opacity: 0.85;
}

div#login form .btn-custom-register {
    color: #fff;
    background: #67246e;
    border: 1px solid #67246e;
    outline: none;
    padding: 10px 25px;
    border-radius: 25px;
    max-width: 100px;
    cursor: pointer;
    margin-top: 100px;
    opacity: 1;
}

div#login form div.alert-reset-pass {
    font-size: 12px;
    text-align: justify;
}

article#applications div.form-container div p {
    font-size: 25px;
    font-weight: 500;
    color: #67246e;
}

article#app-desc {
    background-image: url(../img/pat_dark.png);
    background: #67246e;
    color: #fff;
    padding: 20px;
}

article#app-desc div.header {
    color: #fff;
    font-size: 25px;
    font-weight: 500;
}

article#app-desc div.content {
    line-height: 45px;
}

article div.title p {
    font-size: 25px;
    font-weight: 500;
    color: #67246e;
    margin-bottom: 10px;
}

/* chart style */
.jchart--donut--segment,
.jchartpie--segment {
    transition: stroke-dasharray 1s ease;
}

.jchart {
    width: 400px;
    height: 400px;
}

.jchart--body {
    width: 100%;
    height: 100%;
}

/* video page */
article#video-learning-app section:nth-child(1) p {
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid #67246e;
    color: #67246e;
    padding: 5px 15px;
    margin-bottom: 15px;
    text-align: center;
}

article#video-learning-app div#accordionExample .accordion-item {
    background-color: #fff;
    border: 1px solid #67246e;
    margin-bottom: 5px;
}

article#video-learning-app div#accordionExample div.accordion-body {
    font-size: 15px;
    font-weight: 100;
    direction: rtl !important;
    text-align: justify;
    line-height: 25px;
}

article#video-learning-app
div#accordionExample
.accordion-item
.accordion-header
button {
    font-size: 18px;
}

article#video-learning-app
div#accordionExample
.accordion-button:not(.collapsed) {
    color: #67246e !important;
}

article#video-learning-app
div#accordionExample
.accordion-button:not(.collapsed) {
    color: #fff !important;
    background-color: #67246e;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

article#video-learning-app div#accordionExample .accordion-button::after {
    position: absolute;
    left: 30px;
}

.collapsed:focus {
    outline: 0 !important;
}

/* all courses */
article.service-app .footer {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center !important;
}

article.service-app .footer a {
    background: #67246e;
    padding: 10px 18px;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
}

article.service-app div.title-courses {
    padding: 15px;
    color: #67246e;
    font-size: 20px;
}

/* tahliel page */
article#tahlil section {
    border-radius: 5px;
    font-size: 20px;
    color: #67246e;
}

article#tahlil section:nth-child(1) {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

article#tahlil section:nth-child(1) {
    font-size: auto;
    color: #686868;
    text-align: justify;
    padding: 5px 15px;
}

article#tahlil section:nth-child(2) div.container-box {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 10px 15px;
}

article#tahlil section:nth-child(2) a {
    font-size: 15px;
    color: #686868;
}

article#tahlil section:nth-child(2) a::before {
    content: "\f053";
    font-family: fontawesome;
}

article#tahlil section:nth-child(2) a:hover {
    color: #67246e;
}

article.pageApp div.row {
    margin: 8px 10px;
}

article.pageApp div.row div.title-app {
    padding: 10px;
    font-size: 13px;
    border-radius: 10px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    margin-right: 8px;
    border: 1px solid #67246e;
}

article.pageApp div.title {
    font-size: 20px;
    font-weight: 500;
    color: #67246e;
}

article.pageApp form div.input-group {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

article.pageApp form div.input-group input {
    width: 50%;
    background: #fff;
    border: 1px solid #67246e;
    padding: 5px;
    border-radius: 8px !important;
}

article.pageApp form div.input-group input:focus {
    outline: none;

}

article.pageApp form div.input-group label {
    text-align: right;
    width: 50%;
    font-size: 13px;
}

article.pageApp form .btn-custom-register {
    background: #67246e;
    color: #fff;
    font-size: 17px;
}

div.container-response {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 80px;
    font-size: 30px;
}

div.content .response.w-100.d-flex.border-bottom {
    margin-bottom: 45px;
    font-size: 13px;
}

/* slider range */
.range-slider__range {
    -webkit-appearance: none;
    width: calc(100% - (73px));
    height: 10px;
    border-radius: 5px;
    background: #d7dcdf;
    outline: none;
    padding: 0;
    margin: 0;
}

/* custom thumb */
.range-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #2c3e50;
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.range-slider__range::-webkit-slider-thumb:hover {
    background: #1abc9c;
}

.range-slider__range:active::-webkit-slider-thumb {
    background: #1abc9c;
}

.range-slider__range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: #2c3e50;
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.range-slider__range::-moz-range-thumb:hover {
    background: #1abc9c;
}

.range-slider__range:active::-moz-range-thumb {
    background: #1abc9c;
}

.range-slider__range:focus::-webkit-slider-thumb {
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;
}

/* custom label */
.range-slider__value {
    display: inline-block;
    position: relative;
    width: 60px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    background: #2c3e50;
    padding: 5px 10px;
    margin-left: 8px;
}

.range-slider__value:after {
    position: absolute;
    top: 8px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #2c3e50;
    border-bottom: 7px solid transparent;
    content: '';
}

/* custom track */
::-moz-range-track {
    background: #d7dcdf;
    border: 0;
}

/* remove border */
input::-moz-focus-inner, input::-moz-focus-outer {
    border: 0;
}

span.range-slider__value {
    background: #67246e;
}

.range-slider__value::after {
    border-right: #67246e;
}

article.pageApp form a.btn-custom-register {
    background: #67246e !important;
    color: #fff !important;
}

div.response-container div.title-response {
    font-size: 20px;
    margin-bottom: 0;
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    color: #67246e;
}

/*martingale 2*/
article.pageApp div.style-custom {
    border: 1px solid #67246e;
    border-radius: 10px;
    padding: 10px 8px;
    margin-right: 8px;
    margin-top: 30px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

article.pageApp div.style-custom div.header {
    font-size: 20px;
    text-align: center;
    color: #67246e;
    margin-bottom: 25px;
}

table {
    border-collapse: collapse !important;
}

td, th {
    border: 1px solid #999 !important;
    padding: 1px 3px;
    text-align: right !important;
}

article.pageApp div.style-custom div.content {
    font-weight: 100;
    font-size: 14px;
}

article.pageApp div.style-custom div.content table input {
    border: none !important;
    margin: 0;
    font-size: 15px;
}

article.pageApp div.style-custom div.content div.input-group {
    font-size: 17px;
}

article.pageApp div.style-custom div.content th,
article.pageApp div.style-custom div.content td {
    padding: 0 !important;
    text-align: center !important;
}

article.pageApp div.style-custom {
    min-height: 400px;
}

article.pageApp div.style-custom div.container_chart {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

img.loader-bourse {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

div.btn-submit .btn-custom-add-data {
    color: #fff;
    background: #67246e;
    border: 1px solid #67246e;
    outline: none;
    padding: 10px 25px;
    border-radius: 25px;
    cursor: pointer;
    margin: 10px 0 0;
    opacity: 1;
}

.response____tableData1 {
    font-size: 11px !important;
    min-height: 150px;
    border: 1px solid #efefef;
    margin-left: 5px;
    border-radius: 9px;
}

form#form_request_seccend input {
    height: 30px;
}

div.content td {
    width: 111px !important;
    padding: 10px 40px !important;
    font-size: 12px !important;
}

div.content input {
    font-size: 12px !important;
    width: 100%;
}

form#form_request_seccend div.box-search {
    direction: rtl;
    text-align: right;
    background: #fff;
    min-height: 10px;
    width: 156px;
    position: absolute;
    z-index: 2;
    top: 31px;
    left: 1px;
    border: 1px solid #67246e;
    border-radius: 10px;
    overflow-y: auto;
    display: block;
    visibility: hidden;

}

form#form_request_seccend .box-search ul {
    padding: 4px;
}

form#pbe .box-search ul li,
form#form_request_seccend .box-search ul li {
    font-size: 12px;
    list-style: none;
    border-bottom: 1px solid #eee;
    padding: 10px;
    cursor: pointer;
}

form#pbe .box-search ul li:hover,
form#form_request_seccend .box-search ul li:hover {
    background: #eee;
}

span#search-loader {
    left: 15px;
}

/*end martingale 2*/
a.btn-download {
    border: 1px solid #67246e;
    border-radius: 10px;
    padding: 15px;
    font-size: 19px;
    text-align: center;
    display: block;
    color: #67246e;

}

.nav-item.show {
    color: #111 !important;
}

.nav-link {

    color: #67246e !important;
}

div.tab-pane#pop2 {
    direction: rtl !important;
    text-align: initial;
    font-size: 13px;
}

div.tab-pane#pop2 .search-loader {
    top: 18px;
    left: 16px;
}

div.tab-pane#pop2 ul {
    min-height: 320px;
    padding: 5px;
    margin-top: 20px;
}

div.tab-pane#pop2 ul li {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 6px;
    border-radius: 10px;
}

div.tab-pane#pop2 ul li a {
    display: block;
    padding: 10px 6px;
    color: #111;
    transition: all 0.3s ease;
    border-radius: 10px;
}

div.tab-pane#pop2 ul li a:hover {
    background: #eee;
}

div input#search_analysis {
    border: 1px solid #67246e;
    width: 100%;
    height: 35px;
    border-radius: 10px;
    padding: 2px 7px;
}

div input#search_analysis:focus {
    outline: none;
}

/*pbe page*/
article.pbe div.style-pbe {
    font-size: 12px;
    border-radius: 10px;
    border: 1px solid #67246e;
    margin-top: 5px;
}

article.pbe div.style-pbe table {
    font-size: 10px;
    padding: 0;
    margin: 0;
    border-radius: 10px;
}

/*article.pbe .description-analysis{
  min-height: 256px;
}*/
.container-custom select {
    width: 100%;
    background: transparent;
    border-radius: 3px;
    border: 1px solid #67246e;
    color: #67246e;
    cursor: pointer;
    margin-bottom: 5px;
}

option {
    cursor: pointer;
    color: #67246e;
}

option:hover {
    background: #eee !important;
}

.container-custom select:focus,
.container-custom select:active {
    outline: none;
}

.container-custom form input {
    background: transparent;
    border: 1px solid #67246e;
    border-radius: 7px;
}

.container-custom form input:focus {
    outline: none;
}

.container-custom form label {
    font-size: 11px;
}

.styleBox > div.text-center {
    font-size: 13px;
}

/*article.pbe div.style-pbe table.company-analysis td {
    width: 225px;
    text-align: center !important;
}*/

/*--------------------------------------------------testi----------------------------------------------------------------*/
/*
.container-custom table{
border-radius: 0 0 10px 10px !important;
}*/
.container-custom td {
    width: 80px;
}

.container-custom {

    padding: 5px;
    display: grid;
    grid-template-columns:repeat(12, 1fr);
    grid-template-rows: minmax(130px, auto);
    gap: 5px;
    grid-template-areas:
        "s s s s s s s a a t t t"
        "s s s s s s s a a t t t"
        "s s s s s s s d d d d d"
        "z z z z z z z z z z m m"
        "tm tm tm tm tm tm tm tm tm tm m m"
        "sc sc sc sc sc sc ma ma ma ma ma ma"
        "r r r r r r r r r r r r";
}

div.styleBox {
    background: transparent;
    /*border: 1px solid #67246e;*/
    border-radius: 10px;
    font-size: 11px;
    text-align: center;
    padding: 10px;
    border-radius: 10 px  !important;
    background: #fff  !important;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    margin-right: 8 px ;
    border: 1px solid #67246e !important;
}

.container-custom .mavade-avaliye {
    grid-area: ma;
    background: #ffc9c9;
    padding: 5px;
    border: 1px solid #eab0c6;
}

.container-custom .mohasebe {
    grid-area: m;
    background: #baffb4;
    border: 1px solid #d7e69b;
}

.container-custom .sanavat-compare {
    grid-area: sc;
    background: #ffc9c9;
    border: 1px solid #eab0c6;
    padding: 3px;
}

.container-custom .takhmin {
    grid-area: z;
    background: #baffb4;
    padding: 5px;
    border: 1px solid #d7e69b;
}

.container-custom .description-analysis {
    grid-area: d;
    background: #E2E3FD;
    border: 1px solid #cacbf7;
}

.container-custom .sorate-mali {
    grid-area: s;
    background: #E2E3FD;
    padding: 5px;
    border: 1px solid #cacbf7;
}

.container-custom .dsdsds {
    grid-area: f;
}

.container-custom .tahlile-soodbandy {
    grid-area: t;
    background: #E2E3FD;
    border: 1px solid #cacbf7;
}

.container-custom .mohasebe input,
.container-custom .tahlile-soodbandy input {
    border-radius: 5px !important;
    margin: 0;
    border: 1px solid #67246e;
    padding: 1px;
    background: transparent;
    outline: none;
}

.container-custom .atalaate-ghaimati {
    grid-area: a;
    background: #E2E3FD;
    border: 1px solid #cacbf7;
    min-height: 280px;
}

.atalaate-ghaimati input {
    border-radius: 5px !important;
    border: 1px solid #67246e;
    outline: none;
    background: transparent;
}

.container-custom .takhmin-mohasebat {
    grid-area: tm;
    padding: 5px;
    background: #baffb4;
    border: 1px solid #d7e69b;
    min-height: 150px;
}

.container-custom .sorate-mali table input {
    width: 70px;
    margin: 0;
    border: 0 !important;
    font-size: 11px;
    padding: 0;
}

.container-custom .mavade-avaliye input,
.container-custom .sanavat-compare input {
    padding: 0;
    margin: 0;
    border: 0 !important;
}

.container-custom .takhmin-mohasebat table input,
.container-custom .takhmin table input {
    padding: 0;
    margin: 0;
    border: 0 !important;
}

.sorate-mali #loader-table {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sorate-mali .soreateMaliAddData {
    padding: 2px;
    border: 1px solid #67246e;
    background: #67246e;
    color: #fff;
    border-radius: 5px;
}

.sorate-mali textarea {
    border: 0;
    background: #fff;
    box-shadow: #67246e 0px 1px 4px;
    border-radius: 9px !important;
    font-size: 11px;
    outline: none;
    width: 100%;
}

.sorate-mali textarea:focus {
    outline: none;
}

.sorate-mali input.date-picker {
    border: 1px solid #67246e;
    padding: 1px 5px;
    border-radius: 5px;
    margin: 0;
}

@media only screen and (max-width: 769px) {
    .container-custom {
        display: grid;
        /*  grid-template-columns: repeat(auto-fit,minmax(auto,1fr));*/
        gap: 5px;
        grid-template-columns: repeat(auto-fit, 100%);
        grid-template-rows: minmax(150px, auto);
        grid-template-areas:
      "s"
      "a"
      "t"
      "d"
      "z"
      "m"
      "tm"
      "sc"
          "ma"
        "r";
    }

#ci div.container-box-ci {
    padding: 30px 5px !important;


}
    /*  .responsive-data{
          display: grid;
          gap: 5px;
          grid-template-columns:repeat(1,1fr);
          grid-template-rows: minmax(50px,auto);
          grid-template-areas:
          "boxLeft"
          "boxRight"

      ;
      }
      .charts-line{
          display: grid;
          grid-template-columns:repeat(1,1fr);
          grid-template-rows: minmax(50px,auto);
          grid-template-areas:
          "div1"
          "div2"
      ;
      }
  */
}

@media only screen and (min-width: 769px) {
    .container-custom {
        display: grid;
        gap: 5px;
        grid-template-columns:repeat(12, 1fr);
        grid-template-rows: minmax(130px, auto);
        grid-template-areas:
        "s s s s s s s a a t t t"
        "s s s s s s s a a t t t"
        "s s s s s s s d d d d d"
           "z z z z z z z z z z m m"
        "tm tm tm tm tm tm tm tm tm tm m m"
        "sc sc sc sc ma ma ma ma ma ma ma ma"
         "r r r r r r r r r r r r";
    }
/*#firstBoxCi {
 display: contents !important;
   
}*/
    /*    .container-custom .responsive-data{
            display: grid;
            gap: 5px;
            grid-template-columns:repeat(6,1fr);
            grid-template-rows: minmax(130px,auto);
            grid-template-areas:
            "boxLeft boxLeft boxLeft boxLeft boxRight boxRight"
        ;
        }*/
}

input.range-slider__input {
    display: inline-block !important;
    border: 1px solid #67246e !important;
    border-radius: 5px !important;
    height: 30px !important;
    width: 17% !important;
    background: transparent;
}

div.response {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.response div.text {
    text-align: right !important;
}

div#result_Data {
    font-size: 12px;

}

div#result_Data > .row  {
    border: 1px solid #67246e;
    border-radius: 9px;
    font-size: 11px;
    text-align: center;
    padding: 10px;
    border-radius: 10 px  !important;
    background: #fff  !important;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    margin-right: 8 px ;
    border: 1px solid #67246e !important;
}
#result_Data_charts{
    border: 1px solid #67246e !important;
    border-radius: 10 px  !important;
    background: #fff  !important;
    font-size: 11px;
    border: 1px solid #67246e;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
}
div#result_Data div.text-center {
    font-size: 14px;
    font-weight: bold;
}
div.styleInput_{
    display: flex;
    justify-content: center;
    align-items: baseline;
    line-height: 16px;
}
div.styleInput_ input{
    padding:1px !important;
    margin: 0px !important;
}

div.btn-submit .btn_add_pbe {
    color: #fff;
    background: #67246e;
    border: 1px solid #67246e;
    outline: none;
    padding: 10px 25px;
    border-radius: 25px;
    cursor: pointer;
    margin: 10px 0 0;
    opacity: 1;
    margin-top: 0;
    margin-bottom: 7px;
}

#search-loader_PBE {
    left: 26px;
    top: 10px;
}

div#BoX_PBE {
    top: 20px;
    background: #fff;
    z-index: 2;

    border: 1px solid #67246e;
    border-radius: 9px;
    left: 8px;
    width: 50%;
    visibility: hidden;
    opacity: 0;
    display: block;
}

form#pbe .box-search ul li {
    padding: 5px 3px;
    color: #111;
    border-radius: 6px;
    font-size: 10px;
}

div#BoX_PBE ul {
    line-height: 23px;
}

#pbe .nav-tabs .nav-link.active {
    background: transparent;
    border-bottom: 1px solid #67246e;
}

#pbe input#search_analysis {
    height: 20px;
    font-size: 10px;
    padding: 2px 29px;
    width: 100%;
}

.loader_SEArch_PbE {
    right: 9px;
    opacity: 0.9;
    top: 4px;
}

#pbe #pop2 {
    height: 10px;
}

#pbe div.tab-pane#pop2 ul {
    min-height: 146px;
    width: 100%;
    margin: 5px 0 0 0;
}

#pbe div.tab-pane#pop2 ul li a {
    padding: 3px 5px;
}

#pbe .search-loader {
    top: 11px !important;
}

.modal-header {
    background: #67246e;
    color: #fff !important;
}

.sorate-mali .modal-body label {
    margin-top: 14px;
    padding: 0;
    margin-bottom: 3px;
    font-size: 12px;
}

div.mohasebe div.w-100 {
    display: flex;
    flex-direction: column;
}

table input {
    font-size: 9px !important;
}

#response-container {
    font-size: 11px;
    border: 1px solid #67246e;
    border-radius: 9px;
    padding: 5px;
    min-height: 120px;

    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

div#result_Data_charts {
    border: 1px solid #67246e;
    border-radius: 9px;
    min-height: 300px;
}


div#result_Data_charts .col-12 {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

div.logoName {
    position: absolute;
    top: 3px;
    left: 0;
}

/*ci style*/
div#ci {
    font-size: 13px;

}

div#ci .title {
    font-size: 18px;
    margin: 20px 0;
    padding: 2px;
}

#ci div.container-box-ci {
    padding: 30px 110px;
    border: 1px solid #67246e;
    border-radius: 9px;
    margin: 5px;
    height: 100%;
}

#ci div.container-box-ci div {
    justify-content: center;
    align-items: center;

}

#ci input, #ci select {
    padding: 1px;
    border: 1px solid #67246e;
    border-radius: 9px;
    font-size: 13px !important;
}

#ci select {
    width: 50%;
    margin: 0 0 9px;
    cursor: pointer;
}

#ci .container-box-ci .data_container {
    justify-content: space-around;
    align-items: start;
}

#section3 {
  /*  display: flex;*/
    justify-content: center;
    align-items: inherit;
}

div#resultsResetPassword {
    font-size: 12px !important;
}

button {
    color: #fff;
    background: #67246e;
    border: 1px solid #67246e;
    outline: none;
    padding: 10px 25px;
    border-radius: 25px !important;
    cursor: pointer;
    margin-top: 100px;
    opacity: 1;
}

/*analysis page*/
div#analysis {
    font-size: 13px !important;
}

div#analysis-details div.container-analysis {
    border: 1px solid #67246e;
    padding: 10px;
    border-radius: 9px;
    min-height: 250px;
    font-size: 13px;
}

div#analysis-details div.container-analysis .title {
    font-size: 15px;

}

div#analysis-details div.container-analysis .footer a {
    background: #67246e;
    color: #fff;
    border-radius: 25px;
    outline: none;
    padding: 10px;
}
/*profile page*/
div#profile table{
font-size: 14px !important;
}
div#profile input{
    background: transparent;
}
.nav-pills .nav-link.active{
    background-color: #67246e !important;
    color: #fff !important;
    border-radius: 0 !important;
}
div.hasExpirePanel{
color: #fff;
}
div.hasExpirePanel span {
    font-size: 13px;
}
a.sina-brand{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.sina-nav .sina-brand p{
    font-size: 11px !important;
}
div.container-user-panel a,
div.container-user-panel{
    font-size: 14px;
    color: #fff !important;
}
div.boxStyle{
    padding: 5px 10px;
 /*  background-color: #67246e;*/
    border-radius: 9px;
    margin: 10px;

}
div.style_box_reset{
    justify-content: center;
    align-items: center;
}
div.style_box_reset .btn_add_pbe{
    padding: 5px 15px;
    margin-bottom: 0;
}

a.reset_data{
padding: 5px 15px;
    border-radius: 30px;
    color: #ffffff;
    background: #67246e;
    border: 1px solid;
}
a.reset_data:hover{
    color: #ffffff;
    background: #67246e;
}
.title-style_custom{
       color: #ffffff !important;
    background: #67246e !important;
}
.title-style_custopm__ci
{
    font-size: 20px;
    line-height: 50px;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    height: 50px;
    border-radius: 10px;
}