@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap');

body {
    font-family: Arial, Helvetica, sans-serif !important;
}


/* side navigation styling */

.animate {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar-fixed-left {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    border-radius: 0px;
    width: 40px;
    background-color: #2B0663;
}

.navbar-minimal>.navbar-menu {
    position: absolute;
    left: 0px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    z-index: 50;
}

.navbar-minimal>.navbar-menu>li {
    margin: 10px 0px;
    padding: 0px;
    border-width: 0px;
    height: 54px;
}

.navbar-minimal>.navbar-menu>li>a {
    position: relative;
    display: inline-block;
    color: rgb(255, 255, 255, .7);
    padding: 10px 10px;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid rgb(81, 81, 81);
    width: 100%;
    text-decoration: none;
    margin: 0px;
    border: none;
}


.navbar-minimal.open>.navbar-menu {
    top: 60px;
    width: 100%;
    min-height: 100%;
}

@media (min-width: 768px) {
    .navbar-minimal.open {
        width: 40px;
    }

    .navbar-minimal.open>.navbar-menu {
        overflow: visible;
    }

    .navbar-minimal>.navbar-menu>li>a>.desc,
    .navbar-minimal>.navbar-menu>li>a>.desc-info {
        position: absolute;
        display: inline-block;
        top: 50%;
        margin-top: -20px;
        margin-left: 20px;
        text-align: left;
        white-space: nowrap;
        padding: 10px 13px;
        border-width: 0px !important;
        background-color: #2B0663;
        opacity: 0;
        color: white;
    }

    .navbar-minimal>.navbar-menu>li>a>.desc:after,
    .navbar-minimal>.navbar-menu>li>a>.desc-info:after {
        z-index: -1;
        position: absolute;
        top: 50%;
        left: -10px;
        margin-top: -10px;
        content: '';
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #2B0663;
        border-right-color: #2B0663;
    }

    .navbar-minimal>.navbar-menu>li>a:hover>.desc {
        left: 30px;
        opacity: 1;
    }

}

/* ----- */


.active i {
    color: rgb(255, 255, 255);
}


/* buttons */

/* purple primary button - demo message */

.btn.btn-primary-purple {
    border: 1px solid #7900FF;
    border-radius: 30px;
    color: #ffffff;
    font-size: 12px;
    padding: 15px 26px;
    background-color: #7900FF;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.btn.btn-primary-purple:hover {
    background-color: #ffffff;
    border: 1px solid #7900FF;
    border-radius: 30px;
    color: #7900FF;
    font-size: 12px;
    padding: 15px 30px;
}

.btn.btn-primary-purple-header {
    border: 1px solid #7900FF;
    border-radius: 30px;
    color: #ffffff;
    font-size: 12px;
    padding: 9px 20px;
    background-color: #7900FF;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.btn.btn-primary-purple-header:hover {
    background-color: #ffffff;
    border: 1px solid #7900FF;
    border-radius: 30px;
    color: #7900FF;

}

.btn-secondary-save {
    color: #ffffff;
    background-color: #b90564;
}

/* header nav */

.navbar-header {
    border-bottom: 0.2px solid #ddd;
    background-color: #ffffff;
}

/* header buttons */

.btn.btn-primary-blue {
    background-color: #2B0663;
    color: white;
}

.btn.btn-primary-red {
    background-color: #8E1600;
    color: white;
}


.btn.btn-primary-outline,
.btn.btn-primary-outline:focus {
    color: #2B0663;
    border: 1px solid #2B0663;
    background-color: white;
    outline: none;
}

/* appointment types */

.app-type-pms-name {
    color: #777777;
}

.btn.btn-secondary-outline,
.btn.btn-secondary-outline:focus {
    color: #333333;
    border: 1px solid #333333;
    background-color: white;
    outline: none;
}

.btn.btn-secondary-outline-two,
.btn.btn-secondary-outline:focus {
    color: #333333;
    border: 1px solid #cfd4d9;
    background-color: white;
    outline: none;
    margin-top:0.50rem;
    margin-bottom:2rem;
    font-size: 12px;
}

.btn.btn-secondary-outline-three
 {
    color: #aaa;
    border: 1px solid #cfd4d9;
    background-color: white;
    outline: none;
    margin-top:0.50rem;
    margin-bottom:2rem;
    font-size: 12px;
    width: 100%;
}

.btn.btn-secondary-outline-four
 {
    color: #333333; 
    border: 1px solid #cfd4d9;
    background-color: white;
    outline: none;
    margin-top:0.50rem;
    font-size: 12px;
    width: 60%;
}

.btn-secondary-outline:focus{
    background-color: #f3f3f3 !important;
    color: #333333 !important;
}



.btn.btn-no-secondary-outline,
.btn.btn-no-secondary-outline:focus {
    color: #333333;
    border: none;
    background-color: white;
    outline: none;
}



.app-nav .nav-item {
    color: #337AB7;
    font-size: 14px;
}


.btn.btn-secondary-outline i,
.btn.btn-no-secondary-outline i {
    color: #777777;
}

.select-branch {
    border: 1px solid #cecece !important;
}

.btn-select-branch {
    background-color: transparent;
    border-left: 1px solid #777777;
}


#payment-trans-right-nav,
#upcoming-app-right-nav {
    right: 2%;
    top: 16%;
}

.upcoming-app-date {
    background-color: #f5f5f5;
    font-size: 14px;
}

::placeholder {
    font-size: 12px;
}

.upcoming-app-search:focus {
    background-color: #f5f5f5 !important;
}


th {
    font-size: 14px;
}

.side-nav-headers {
    color: #333333;
    background-color: #eeeeee;

}


.btn.btn-link-admin,
.btn.btn-link-admin:focus {
    color: #2B0663;
    background-color: white;
    outline: none;
}

.btn.btn-link-info,
.btn.btn-link-info:focus {
    color: #007AFF;
    background-color: white;
    outline: none;
}


.btn:focus {
    box-shadow: none !important;
}


.btn-secondary-footer,
.btn-secondary-footer:hover {
    background-color: #337AB7;
    color: #ffffff;
}

.btn-app-types-op {
    width: 400px;
}

.duration-btn-hover {
    width: 100%;
}

.duration-btn-hover:focus {
    background-color: #f3f3f3 !important;
    color: #333333 !important;
}

.btn-count {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid rgb(190, 190, 190);
    width: 60%;
    border-radius: 2px;
    text-align: center;
    margin-top:0.50rem;
}

.btn-count:focus {
    background-color: #f3f3f3 !important;
    color: #333333 !important;
}

.btn-tooltip {
    background-color:#fcfcfc;
    border: none;

}

.fa-question-circle {
    color: #007AFF;

}


/* floating button page content */

.floating-btn-content {
    border: 1px solid rgb(190, 190, 190);
    border-radius: 2px;
    margin: 20px;

}

.pd-10 {
    padding: 10px;
}


.f-bold {
    font-weight: bold;
}

.mr-l {
    margin-left: 10px;
}

.btn-preview {
    background-color: #fcfcfc;
    border: none;
}

.btn-preview:focus {
    background-color: #fcfcfc;
    border: none;
}

.img-floating-button {
    background-image: url("../img/floating-btn-desktop-view.png");
    width: 100%;

    /* Full height */
    height: 62vh;

    /* Center and scale the image nicely */
   
    background-repeat: no-repeat;
    background-size: cover;
}


/* demo content page */

.img-box {
    /* opacity: .3; */
    /* filter: blur(1px); */
    /* The image used */
    background-image: url("../img/admin-settings.png");

    /* Add the blur effect */
    filter: blur(5px);
    -webkit-filter: blur(8px);

    /* Full height */
    height: 80vh;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



.demo-content-text,
.demo-message-text {
    position: absolute;
    top: 30%;
    transform: translate(-50%, -50%);
    z-index: 2;
    padding: 20px;
    width: 50%;
    text-align: center;

}

.demo-content-text {
    left: 55%;

}

.demo-message-text {
    left: 50%;
}

/* home */

.summary-of-conversions-card {
    background-image: url("../img/summary-of-conversions.png");
    height: 48vh;
    background-position: center;
}


.summary-of-conversions-message {
    top: -40%;
}

/* appointment screening */

.textarea-size {
    font-size: 12px !important;

}


/* progess bae colors */

.progess-bar {
    background-color: #bcdcff !important;
    color: #bcdcff;
}


@media (min-width: 1600px) {

    #payment-trans-right-nav,
    #upcoming-app-right-nav {
        right: 2%;
        top: 12.5%;
    }
}

/* slot is */
.slot-ex-p {
    color: #337AB7;
}

.all-btn-hover:hover {
    background-color: #f3f3f3 !important;
    color: #333333 !important;
}


/* clinicians */
.calendar-alert,
.calendar-alert i {
    color: #8a6d3b;
}


/* font sizes */

.fs-8 {
    font-size: 8px;
}

.fs-10 {
    font-size: 10px;
}

.fs-12 {
    font-size: 12px;
}


.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

/* icons */

i.i-dark {
    color: black;
}

i.i-light {
    color: rgb(255, 255, 255);
}

i.i-grey {
    color: #777777;
    ;
}



/* colors */
/* font colors */

.f-primary-color {
    color: #333333 !important;
}

.f-info-grey-color {
    color: #585858 !important;
}

.f-tabs-color {
    color: #555555 !important;
}

.f-pms-color {
    color: #777777 !important;
}

.f-info-blue-color {
    color: #31708f !important;
}

.f-info-yellow-color {
    color: #8a6d3b !important;
}

.f-calendar-color {
    color: #808080 !important;
}

.f-settings-color {
    color: #797979 !important;
}

.f-settings-categories a {
    text-decoration: none !important;
    color: #337ab7;
}

/* bg colors */

.bg-color {
    background-color: #fcfcfc !important;
}

.home-page-alert {
    background-color: #007AFF !important;
    color: #fff !important;
    left: 40px;
    display: none;
}

.settings-page-alert {
    background-color: #007AFF !important;
    color: #fff !important;
    display: none;

}


.popup-alert {
    background-color: #7900FF !important;
    color: #fff !important;

}



.alert-dismissible .close {
    color: #fff !important;
}


/* settings */
.settings-sub-menu-bg {
    /*height: 100vh; */
    background-color: #EEEEEE;
}

.f-settings-categories a li.active {
    background-color: #dfdfdf !important;
}

.f-settings-categories a li.highlighted {
    background-color: #EEEEEE;
}


/* settings page */
.f-settings-categories {
    list-style: none !important;
}

.f-settings-categories li {
    padding: 2px 0px;
}


body::after {
    opacity: 0;

}

body.shepherd-active::after {
    content: "";
    display: block;
    background-color: #000;
    opacity: 0.4;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000000;
}

.shepherd-element.shepherd-open,
.shepherd-target.shepherd-enabled {
    z-index: 10000000;
    position: relative;
}


.heading-tool-tip {
    position: absolute;
    top: 20px;
}


/* text alignemnt */

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-italic {
    font-style: italic;
}

.margin-bottom {
    margin-bottom: 10px;
}


/* tool tip - appt types - info box */

.tooltip-inner {
    font-size: 12px; /* Adjust the font size as per your preference */
    background-color: #000000 !important; /* Change the background color to blue */
    color: white !important;
    opacity: 1.0 !important;
}