﻿.profile-card-circle {
    width: inherit;
    height: inherit;
    background-color: white;
    margin: 0px auto;
    position: absolute;
    border-radius: 200px;
    align-content: center;
    font-weight: bold;
    color: darkgray;
    border: 1px solid gray;
    font-size: 30px;
}

/*LESSER THAN MD*/
@media (max-width: 768px) {
    .quotation-icon-start {
        margin-left: 10px;
    }

    .quotation-icon-end {
        margin-right: 10px;
    }

    .our-vision-text {
        font-size: 70px;
    }
}

/*GREATER THAN MD*/
@media (min-width: 768px) {
    .w-md-25 {
        width: 25% !important;
    }

    .w-md-50 {
        width: 50vw !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }
}

.tagify::-webkit-scrollbar {
    display: none !important;
}

.tagify:focus {
    border-color: rgb(183, 184, 185) !important;
}

.unset-all{
    all:unset;
}
#editor-container {
    height: 65vh !important;
    overflow-y: auto;
    padding: 15px;
}
.modal-title {
    font-size: 25px;
    font-weight: 600;
}

.in-active {
    background-color: #ed2121;
    border-radius: 7px;
}
.cursor-pointer{
    cursor:pointer;
}
.fw-xx-large {
    font-size: 45px;
}
.mt-min-35{
    margin-top:-35px;
}
.btn-xx-sm {
    padding: 5px 8px;
    font-size: 14px;
}
.form-select-tagify {
    width: 100%;
    border-radius: 0.375rem;
    padding: 2px 0 !important;
}

[data-theme=dark] .form-select-tagify {
    width: 100%;
    border-radius: 0.375rem;
    padding: 2px 0 !important;
    color: white !important;
}

[data-theme=dark] .select2-container--default .select2-selection--single {
    background-color: #273142;
    border: 1px solid #6b7280;
}

[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    line-height: 28px;
}

[data-theme=dark] .select2-dropdown {
    background-color: #273142;
}

[data-theme=dark] .select2-container--default .select2-results__option--selected {
    background-color: #576c8f;
}

[data-theme=dark] .tagify {
    border: 1px solid #6b7280;
    --placeholder-color: #ffffff;
    --placeholder-color-focus: #ffffff;
}

[data-theme=dark] .tagify__dropdown {
    background-color: #576c8f !important;
}

.flag-circle{
    border:1px solid white;
    border-radius:50%;
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: left !important;
}
.select2-container {
 width:100% !important;
}
.modal-header {
    background-color: #d5ecff;
    color: black;
}
[data-theme=dark] .modal-header {
    background-color: #19315d;
    color:white;
}
.mx-800px{
   max-width:800px !important;
}

.lds-dual-ring {
    display: inline-block;
    width: 40px;
    height: 40px;
}

    .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 32px;
        height: 32px;
        margin: 4px;
        border-radius: 50%;
        border: 4px solid #3498db;
        border-color: #3498db transparent #3498db transparent;
        animation: lds-dual-ring 1s linear infinite;
    }

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.editor-content {
    height: 300px;
    background: white;
}
[data-theme=dark].editor-content {
    height: 300px;
    background: #273142;
}

.blurred {
    filter: blur(1.5px);
    pointer-events: none; /* prevent interaction */
}
#question-image{
    border-radius:10px;
    margin-top:20px;
}
.border-radius-1-5rem{
    border-radius:1.5rem !important;
}
.line-through-text {
    text-decoration: line-through;
    font-size: xx-large;
    color: gray;
}
.pricing-badge {
    background-color: orange;
    padding: 2px 5px;
    border-radius: 10px;
    font-size: smaller;
    color: black;
}