.panel-dachboard {
    border: 1px solid rgba(238, 238, 238, 1);
}

.profile-panel {
    border-radius: 50%;
}

.profile-editing {
    width: 5px;
    height: 30px;
    background-color: #87CEEB;
    border-radius: 5px 0px 0px 5px;
}

.profile-editing-1 {
    width: 5px;
    height: 30px;
    background-color: #87cfeb;
    border-radius: 5px 0px 0px 5px;
}

.profile-editing-2 {
    width: 5px;
    height: 30px;
    background-color: #87cfeb;
    border-radius: 5px 0px 0px 5px;
    color: rgba(135, 206, 235, 1) !important;
}

.profile-p-panel a {
    font-weight: bolder;
    color: #87CEEB;
}

.profile-p-panel::after {
    content: "";
    position: absolute;
    right: 0;
    width: 5px;
    height: 100%;
    background-color: #87cfeb;
    border-radius: 5px 0px 0px 5px;
    top: 0;
    bottom: 0;
}

.go-out {
    color: #FF4242;
}

.panel-edit {
    border: 1px solid rgba(238, 238, 238, 1);
}

.radius-50 {
    border-radius: 50%;
}

.panel-edit input {
    border: 1px solid rgba(238, 238, 238, 1);
}

.panel-edit input::placeholder {
    color: #999999;
}

.panel-edit select {
    border: 1px solid rgba(238, 238, 238, 1);
}


.save-changes a {
    padding: 10px 20px;
    background-color: #A8D58A;
    border-radius: 30px;
    width: max-content;
    border: 1px solid #A8D58A;
    transition: 0.3s;
}

.save-changes a:hover {
    background-color: transparent;
}

.edit-span {
    position: absolute;
    border: 1px solid #EEEEEE;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    background-color: white;
    text-align: center;
    justify-content: center;
    width: 35px;
    height: 35px;
}

.panel-tab-button button {
    padding: 7px 14px;
    border-radius: 30px !important;
    background-color: #EEEEEE;
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
}

.panel-edit .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #FFB142;
    color: #020249;
}

.panel-edit .nav-link:hover {
    color: #020249;
}

.styled-table {
    border-spacing: 0;
    width: 100%;
    border-collapse: separate;
    margin: 25px 0;
    font-size: 18px;
    text-align: right;
    /* برای راست‌چین کردن متن‌ها */
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
    border: 1px solid rgba(217, 217, 217, 1);
    font-size: 14px;
}

.styled-table th {
    color: #333;
}

.invoic-1-radius {
    border-top-right-radius: 10px;
}

.invoic-2-radius {
    border-top-left-radius: 10px;
}

.installments-succes,
.installments-succes-2,
.installments-succes-3,
.installments-succes-4 {
    width: 30px;
    height: 30px;
    border-width: 2px;
    border-style: solid;
    margin-right: -7px;
    background-color: rgb(255, 255, 255);
}

.installments-succes {
    border-color: #029a49;
}

.installments-succes-numb {
    color: #029a49;
}


.installments-succes-2 {
    border-color: #ff0000;
}

.installments-succes-numb-2 {
    color: #ff0000;
}



.installments-succes-3 {
    border-color: rgba(0, 0, 0, 0.283);
}

.installments-succes-numb-3 {
    color: rgba(0, 0, 0, 0.283);
}


.installments-succes-4 {
    border-color: orange;
}

.installments-succes-numb-4 {
    color: orange;
}


.invoic-3-radius {
    border-bottom-right-radius: 10px;
}

.invoic-4-radius {
    border-bottom-left-radius: 10px;
}

.styled-table thead {
    background-color: rgba(0, 0, 0, 0);
}

/*.just-success-tr {*/
/*    background-color: rgb(254, 157, 157);*/
/*}*/

/*.just-success-tr-2 {*/
/*    background-color: #42e990;*/
/*}*/

/*.just-success-tr-3 {*/
/*    background-color: rgb(0 0 0 / 5%);*/
/*}*/

.just-success-tr-5 {
    background-color: #ffdda0;
}

.color-help-4,
.color-help-3,
.color-help-1,
.color-help-2 {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.color-help-1 {
    background-color: #ff0000;
}

.color-help-2 {
    background-color: #029a49;
}

.color-help-3 {
    background-color: rgba(0, 0, 0, 0.283);
}

.color-help-4 {
    background-color: orange;
}

.main-padcast-detail {
    border: 1px solid rgba(217, 217, 217, 1);
}

.panel-1-intillance,
.panel-2-intillance,
.panel-3-intillance,
.panel-4-intillance {
    width: 60px;
    height: 60px;
    border-color: black;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    margin-right: -7px;
    background-color: white;
}

.panel-1-intillance {
    border-color: #029a49;
    color: #029a49;
}

.panel-2-intillance {
    border-color: rgba(0, 0, 0, 0.283);
    color: rgba(0, 0, 0, 0.283);
}

.panel-3-intillance {
    border-color: #ff0000;
    color: #ff0000;
}

.panel-4-intillance {
    border-color: orange;
    color: orange;
}

.yakharzaly input::placeholder {
    font-size: 14px;
    color: rgb(197, 196, 196);
}

.yakharzaly textarea {
    min-height: 120px;
}

.yakharzaly textarea:focus-visible {
    outline: 1px solid rgb(197, 196, 196);
}

.yakharzaly input:focus-visible {
    outline: 1px solid rgb(197, 196, 196);
}

.yakharzaly button {
    border: 1px solid #A8D58A;
    background-color: #A8D58A;
    color: #555555 !important;
    transition: 0.3s;
    margin: auto;
    padding: 10px 20x;
}

.yakharzaly button:hover {
    background-color: transparent;
}

.save-changes button {
    border: 1px solid #A8D58A;
    background-color: #A8D58A;
    color: #555555 !important;
    transition: 0.3s;
    padding: 10px 20px !important;
    border-radius: 30px;
    transition: 0.3s;
}

.save-changes button:hover {
    background: transparent;
}

.factor-show-nom {
    width: 20px;
    height: 20px;
    background-color: rgba(255, 177, 66, 1) !important;
    border-radius: 50%;
    text-align: center;
    align-content: center;
    color: rgb(255, 255, 255) !important;
    border: 1px solid rgba(0, 0, 0, 0.051);
}

.factor-show-nom-red {
    width: 20px;
    height: 20px;
    background-color: red;
    border-radius: 50%;
    text-align: center;
    align-content: center;
    color: white !important;
    border: 1px solid rgba(0, 0, 0, 0.051);
}

.succesful {
    padding: 5px 10px;
    background-color: #A8D58A;
    border-radius: 10px;
    color: white;
}

.dashboard-table th,
td {
    border: 1px solid rgba(0, 0, 0, 0.196);
}

.search-mom {
    background-color: rgba(221, 221, 221, 0.275);
}

.edt-ting {
    border: 1px solid #A8D58A;
    background-color: #A8D58A;
    color: white;
    transition: 0.3s;
}

.edt-ting:hover {
    background-color: white;
    color: #A8D58A;
}

.outong-from-site {
    color: red !important;
}


.pardakht--panel {
    border-radius: 30px;
    background-color: #020249;
    padding: 5px 10px;
    color: white;
    border: 1px solid #020249;
    transition: 0.3s;
}

.pardakht--panel:hover {
    background-color: transparent;
    color: #020249;
}

.panel-edit .packcages-container {
    max-width: 100% !important;
}

.panel-edit .packcages-container .justify-content-center {
    justify-content: start !important;
}

.order-payment-method {
    background-color: #020249;
    border-radius: 30px;
    padding: 7px 14px;
}

.accept-rules-green {
    color: #A8D58A !important;
}


.noto {
    font-family: noto;
}

.documentry-main {
    max-width: 1000px;
    background-color: #020249;
}

.h100 {
    height: 100%;
}

.documentry-main .border-purple {
    border: 5px solid #020249;
}

.none-f {
    font-family: none;
}

.done-doct {
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #A8D58A;
    border: none;
    color: white;
}

.factor-tabing button {
    border: 0 !important;
    padding: 5px 10px;
    background-color: rgba(238, 238, 238, 1);
    border-radius: 30px !important;
    color: rgba(0, 0, 0, 0.5);
}

.factor-tabing button:focus-visible {
    box-shadow: unset !important;
    outline: unset !important;
    border: unset !important;
}


.factor-tabing .nav-link.active {
    border: 0;
    background-color: rgba(255, 177, 66, 1);
    color: rgba(2, 2, 73, 1);
}

.factor-tabing button:hover {
    color: unset !important;
}

.solve-form {
    max-width: 50%;
}

.solve-form input:focus-visible {
    outline: unset !important;
}

.solve-form input:focus {
    box-shadow: unset !important;
    border-color: #dee2e6 !important;
}

.solve-form textarea:focus-visible {
    outline: unset !important;
}






.upload-box {
    width: max-content !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.029);
    border-radius: 15px;
    transition: 0.3s;
    width: 65px !important;
    height: 100%;
}

.upload-box:hover {
    background-color: #f0f0f0;
}

#fileInput {
    display: none;
}

#preview {
    display: flex;
    align-items: center;
}

#preview img {
    width: 65px;
    height: 65px;
    border-radius: 10px;
    object-fit: scale-down;
}

.form-control-lg::placeholder {
    color: rgba(0, 0, 0, 0.233);
    font-size: 14px;
}

.carousel-indicators .active {
    width: 20px !important;
    height: 10px !important;
}
.vs__dropdown-toggle {
    background-color: rgb(255, 255, 255) !important;
    padding: 1rem !important;
    border-radius: 15px !important;
    margin-top: 0.5rem !important;
    border: 1px solid rgba(238, 238, 238, 1) !important;
}
.v-select li,
.v-select ul {
    text-align:right;
}
.vs__clear {
    margin-left: 0.5rem !important;
}

.vs__search {
    background-color: white !important;
}

.vs__search {
    border: 0 !important;
}