:root {
    --purple: #7c04ba;
    --purple-gradient: linear-gradient(86deg, rgba(0, 17, 121, 0) 43.12%, #6b009b 99.6%), linear-gradient(88deg, #2d024a 5.56%, #7302a2 46.02%, #9c00da 60.69%, #be00ff 97.1%) !important;
    --purple-border: #9c68b1;
}
:root {
    --popupbgcolor: linear-gradient(86deg, rgba(0, 17, 121, 0) 43.12%, #6b009b 99.6%), linear-gradient(88deg, #2d024a 5.56%, #7302a2 46.02%, #9c00da 60.69%, #be00ff 97.1%) !important;
    --white: #ffffff;
}

.theme-purple-login{
    background: var(--purple-gradient) !important;
}
.theme-purple .nav-header-div {
    background: var(--purple-gradient) !important;
}
.theme-purple .sidebar {
    background: transparent !important;
}
.theme-purple .active-sub {
    background-color: #310050;
}
.theme-purple .navigation>li.active-color>a {
    background-color: #310050;
}
.theme-purple .navigation>li.active>a, .theme-purple .navigation>li.active>a:focus, .theme-purple .navigation>li.active>a:hover {
    background-color: #310050;
    color: #fff;
}
.theme-purple .navigation li+li {
    margin-top: 0px;
}
.theme-purple .navigation>li ul {
    background-color: rgb(92 0 131);
}
.theme-purple .tab-div-top .tab-a {
    background: var(--purple);
}
.theme-purple .btn.btn-primary.btn-custom , .theme-purple .new-add.btn.btn-primary.btn-custom , .theme-purple .bg-insured{
    background: var(--purple) !important;
}
.theme-purple .view-active-sos-rootdiv .tbl-top-head.clearfix.thead-mobile-hidden {
    background: var(--purple) !important;
}
.theme-purple .sidebar-div .sidebar-user .category-content {
    border-bottom: 1px solid var(--purple-border);
    border-top: 1px solid var(--purple-border);
}
.sidebar-xs .sidebar-main .navigation-main>li>ul {
    background-color: #8d00c6;
}
.sidebar-xs .navigation-main li.nav-title {
    background: #310050;
}
@media (min-width: 769px) {
    .sidebar-xs .sidebar-main .navigation-main>li>a>span {

        background-color: #310050;
        border-color: #310050;

    }
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .navbar-inverse.nav-header-div .navbar-collapse {
        background: var(--purple-gradient) !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .nav.navbar-nav.navbar-right {
        background: transparent !important;
    }
}
.sidebar-xs .sidebar-section {
    background: var(--purple-gradient) !important;
}
.sidebar-section , .sidebar-category {
    background: var(--purple-gradient) !important;
}

html body .theme-purple .modal.custom-modal .modal-content, .modal-content {
    background: var(--purple-gradient) !important;
    background: var(--purple-gradient) !important;
}
.theme-purple .theme-purple .modal.custom-modal-right .modal-header, .theme-purple .modal.custom-modal .modal-header {
    border-bottom: 1px solid var(--purple-border) !important;
}
.theme-purple .modal-content {
    border: none;
}
html body .modal-content .form-control , .theme-purple .modal span.input-group-addo {
    /* color: #fff !important; */
    background-color: var(--purple) !important;
    border: 1px solid var(--purple-border) !important;
}
/* html body .modal button.btn.dropdown-toggle.btn-default {
    border: 1px solid var(--purple-border) !important;
    background: var(--purple);
} */
.theme-purple div#revenue-details .modal-footer, .theme-purple div#revenue-details .modal-header {
    background-color: var(--purple) !important;
}
 html body .theme-purple .modal span.input-group-addon {
    background: var(--purple) !important;
    border: 1px solid var(--purple-border) !important;
}
/* html body .theme-purple .modal button.btn.btn-default {
    border: 1px solid var(--purple-border) !important;
} */
html body .theme-purple .modal-footer.custom-footer button.btn.btn-primary, .theme-purple .modal-footer button.btn.btn-primary {
    float: right !important;
    border-right: none !important;
    border-left: 1px solid var(--purple-border) !important;
}
/* html body .modal.custom-modal .modal-footer .btn.btn-primary {
    border: 1px solid var(--purple-border) !important;
} */
.theme-purple #create-void-invoicing  button.btn.dropdown-toggle.btn-default {
    border-color: #ddd !important;
}
.theme-purple .modal .dropdown-menu.open ul:not(#create-void-invoicing .dropdown-menu.open ul) {
    background: var(--purple) !important;
}
.theme-purple .modal .dropdown-menu.open ul li .text{
  color: #fff;
}
.theme-purple .custom-modal .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #480178 !important;
}
html body .theme-purple .modal-footer .btn.btn-primary {
    border-color: var(--purple-border) !important;
}
html body .theme-purple .custom-modal .dropdown-menu>.active>a, .theme-purple .custom-modal .dropdown-menu>.active>a:focus, .theme-purple .custom-modal .dropdown-menu>.active>a:hover {
    background-color: #480178 !important;
}
.theme-purple .modal .dropdown-menu li a:hover {
    background-color: #480178 !important;
    color: #fff !important;
}
html body .modal.custom-modal .modal-content, .modal-content {
    background: var(--purple-gradient) !important;
    background-color: var(--purple-gradient) !important;
}
.theme-purple #add-new-account .modal-footer button.btn.btn-default {
    border-right: 1px solid var(--purple-border) !important;
}
.theme-purple .modal button.btn.btn-default {
    border: 1px solid var(--purple-border) !important;
}
.theme-purple .modal-footer .btn.btn-primary {
    border-color: var(--purple-border) !important;
}
html body .modal-footer.custom-footer button.btn.btn-primary, .modal-footer button.btn.btn-primary {
    border-left: 1px solid var(--purple-border) !important;
}
html body .theme-purple div#payout-details .modal-footer, div#payout-details .modal-header {
    background-color: var(--purple) !important;
}
.theme-purple .modal span.input-group-addon {
    background: var(--purple) !important;
    border: 1px solid var(--purple-border) !important;
    color: #fff;
}
.sub-table01 .table-custom-sub1 th {
    background-color: var(--purple) !important;
}
div#refund-delete-modal .row.custom-row-emel .col-md-4 input {
    border: 1px solid var(--purple-border) !important;
}
html body div#refund-delete-modal button.confirm.btn.btn-lg.btn-primary, html body div#refund-delete-modal .custom-footer .btn-default {
    border-top: 1px solid var(--purple-border) !important;
}
.modal .note-editor.note-frame .note-editing-area .note-editable, .modal .note-editor .note-toolbar {
    background-color: var(--purple) !important;
}
.theme-purple .modal .note-btn.btn, .modal .note-editor .note-toolbar, .modal .note-editor.note-frame .note-editing-area .note-editable {
    background-color: var(--purple) !important;
    color: #fff !important;
}
.copyadminbtn a {
    border: 1px solid var(--purple) !important;
}
.theme-purple .modal-header {
    background-size: 220px 55px !important;
}
.white-button:hover {
    background-color: #310050bd;
}
/* .theme-purple .modal button.btn.dropdown-toggle.btn-default {
    border-color: transparent !important;
} */
html body .theme-purple  .modal .modal-header {
    border-bottom: 1px solid var(--purple-border) !important;
}
.modal-body.custom-body-1{
    padding: 0px 0px 20px 10px !important;
}
.btn-email {
    background-color: var(--purple);
}
.theme-purple .message-main-modal-1 .message-area-div-1 h2 {
    border-top: 1px solid var(--purple-border) !important;
}
.message-thumb-1{
    padding: 10px !important;
}
.theme-purple .sm-cs-modal button.btn.dropdown-toggle.btn-default {
    border: 1px solid var(--purple-border) !important;
    background-color: var(--purple) !important;
}
.theme-purple #add-lead-modal button.btn.dropdown-toggle.btn-default{
    background: transparent !important;
}
.theme-purple thead.thead_mobile_table tr th {
    background: var(--purple);
}
.theme-purple #coach-removal .modal-footer.custom-footer button.btn.btn-primary {
    border-right: 1px solid var(--purple-border) !important;
}
#coach-removal.modal.custom-modal .modal-footer .btn.btn-primary:hover {
    background-color: var(--purple) !important;
}
#coach-removal .modal-footer.custom-footer {
    display: flex;
    padding: 0;
    border-top: 1px solid var(--purple-border) !important;
}
.theme-purple #uploadPhotoModal .form-group.input-file {
    border: 1px solid var(--purple-border) !important;
}
.theme-purple #uploadPhotoModal .modal-body {
    border-top: 1px solid var(--purple-border);
    border-bottom: 1px solid var(--purple-border);
}
.theme-purple #uploadPhotoModal button.btn.btn-default {
    border: 1px solid transparent !important;
}
.theme-purple #resign-mentor-id button.btn.dropdown-toggle.btn-default {
    background: transparent !important;
}
#addnote .btn-primary {
    background-color: var(--purple);
    border-color: var(--purple-border);
}
button.btn.btn-primary.add_more_add {
    border-color: var(--purple-border);
}
.theme-purple #email-modal-compose  .note-editor.note-frame .note-editing-area .note-editable   {
    background-color: var(--purple) !important;
}
#email-modal-compose button.note-btn {
    background: var(--purple);
}
.theme-purple #demo-modal .form-control {
    border: 1px solid var(--purple-border) !important;
    color: #fff;
}
.theme-purple #demo-modal .bootstrap-select>.btn.btn-default, .bootstrap-select>.btn.btn-default.disabled {
    background-color: transparent;
    border: 1px solid var(--purple-border);
}
.calender-icon-.active{
    box-shadow: none !important;
}
.btn-blue {
    background: var(--purple);
}
.edit-profile-div .left-sidebar .card-div {
    padding: 5px 9px 10px 0px;
}
.theme-purple a.stripe-connect.btn.btn-custom span {
    background: var(--purple);
}
.theme-purple  #edit-class-modal button.btn.dropdown-toggle.btn-default, .theme-purple  #reasign-coach button.btn.dropdown-toggle.btn-default {
    background: transparent !important;
}
.theme-purple  #edit-class-modal button.note-btn {
    background: transparent !important;
}
.theme-purple .copy-text-box span.btn-copy:not(.link-copied-btn) {
    border: 1px solid var(--purple-border) !important;
    background-color: var(--purple);
}
.theme-purple .add-new-class .btn-submit:hover, .add-new-class .btn-submit:focus {
    background-color: var(--purple);
    color: #fff;
}
.theme-purple #success-modal .message-area-div-1 .message-thumb-1 {
    border-bottom: 1px solid var(--purple-border) !important;
}
.theme-purple div#email-modal-compose-admin p font, .copy-content-template font {
    color: #fff !important;
}
.theme-purple .video-time .grid-footer h3 {
    font-size: 14px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.theme-purple .note-editable p{
    color: #ffffff !important;
}
.theme-purple #add-meet-parent .modal-header .close {
    color: #fff !important;
}
/*----header----*/
.navbar-brand>img {
    height: 60px;
    margin: 16px 0 0 0;
}
/*----page sub-header---*/
html body .vedio-icon img {
    height: 45px !important;
}
.fil-btn {
    background: var(--purple);
}
#dailyTask .modal-header .close {
    right: 30px;
   }
   .modal .modal-header {
    border-bottom: 1px solid var(--purple-border) !important;
   }
   .banner-100 img{
    width: 100%;
   }
   .crm-th {
    border-top: 2px solid var(--purple);
}
html body #sidebar-coach .modal-content {
    background: #fff !important;
}
.theme-purple #success-modal{
    display: flex;
    justify-content: center;
    align-items: center;
}
.theme-purple #success-modal .modal-dialog {
    width: 100%;
    max-width: 500px;
    margin: 30px auto;
    margin-top: unset !important;
}
.theme-purple #success-modal img.place-icon {
    right: 20px;
    top: 7px;
}
@media screen and (min-width: 1460px) {
    .theme-purple #success-modal .modal-dialog {
        max-width: 35vw;
    }
    .theme-purple #success-modal .modal-body {
        height: 430px;
    }
    .theme-purple #success-modal .success-image-container {
        padding-top: 70px;  
    }
}
@media screen and (max-width: 576px) {
    .theme-purple #success-modal .modal-dialog {
        max-width: 350px;
    }
}
.theme-purple .l-icon img {
    width: 55px !important;
    height: 55px !important;
}
.theme-purple .heading-elements {
    top: 45%;
}