
:root{
        --bs-primary:;
        --bs-primary-light: #CCE3EA;
        --bs-primary-rgb: 0;
        --bs-primary-light-rgb: 204, 227, 234;
        --bs-success: #6A9F0D;
        --bs-success-rgb: 106,159,13;
        --bs-danger: #DB392C;
        --bs-danger-light: #FF7952;
        --bs-danger-rgb: 219,57,44;
        --bs-danger-light-rgb: 255, 121, 82;
        --bs-warning: #F5AF02;
        --bs-warning-rgb: 245,175,2;
        --bs-info: #2D527C;
        --bs-info-rgb: 45,82,124;
        --bs-primary-text:#000000;
        --bs-primary-bg-subtle:44;
        --bs-primary-border-subtle:44;
        --btn-text-col: ;
        --bs-list-group-action-active-bg: #F7F7F7;
        --bs-list-group-active-bg: #F7F7F7;
}
.btn{
    --bs-btn-disabled-opacity: 0.55;
}
.btn-primary, .btn-outline-primary {
    --bs-btn-color: ;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: ;
    --bs-btn-hover-bg:  #979797;
    --bs-btn-hover-border-color: #979797;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: ;
    --bs-btn-active-bg:  #979797;
    --bs-btn-active-border-color:  #979797;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-primary:hover, .btn-outline-primary:hover{
    background-color : CC !important;
    border-color : CC !important;
}

.btn-secondary {
    --bs-btn-color: #000000;
    --bs-btn-bg: #D8D8D8;
    --bs-btn-border-color: #D8D8D8;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg:  #979797;
    --bs-btn-hover-border-color: #979797;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg:  #979797;
    --bs-btn-active-border-color:  #979797;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:#000000;
    --bs-btn-disabled-bg: #D8D8D8;
    --bs-btn-disabled-border-color: #D8D8D8;
}

.btn-outline-primary {
    --bs-btn-color:var(--bs-primary);
    --bs-btn-bg: none;
    --bs-btn-border-color: var(--bs-primary);
}

.list-group{
    --bs-list-group-active-color: #000000;
    --bs-list-group-active-bg: #F7F7F7;
    --bs-list-group-active-border-color: #e9ecef;
    --bs-list-group-action-active-bg: #F7F7F7;
}


.text-primary{
	color: var(--bs-primary) !important;
}

.text-bg-primary{
    color: #fff !important;
    background-color: var(--bs-primary) !important;
}
.text-bg-secondary{
    color: #000 !important;
    background-color: #F5F5F5 !important;
}

.border-primary{
    border-color: var(--bs-primary) !important;
}

.sidebar{
    box-shadow: -14px 0px 13px -5px  #D8D8D8 !important;
}

.topbar {
	/* background:; */
	color:var(--bs-primary);
}

body {
	scrollbar-color:   !important;
    background-color: #F6F8F9;
}


.footer{
	background:#545454;
	color:#FFFFFF;
}

.form-check-input[type=radio] {
    border-color: var(--bs-secondary) !important;
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border:1px solid var(--bs-primary);
    box-shadow:0 0 0 2px white inset;
	background-image: none;
}

/*
.btn-landing{
	background:#D8D8D8;
}
*/

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 10px 10px 10px #F6F8F9;
}

::-webkit-scrollbar-thumb {
	background: var(--bs-primary);
}

::-webkit-scrollbar-thumb:window-inactive {
	background:var(--bs-primary);
}

.topShadow{
    box-shadow: 0px 0 10px #979797;
}


/* SelectDay */
.TimePeriodTitle{
    color:#979797;
}

.CalDay.CalSel {
	background-color:#353535;
	color:#FFFFFF;
}

.CalDay.CalOpen {
	background-color:#FFFFFF;
	color:#000000;
}

.CalDay.CalEmpty {
	background-color:#FFFFFF;
	color:#000000;
}

.CalDay {
	background-color:#EDEDED;
	color:#000000;
}

.CalSel {
	background-color:!important;
	color: !important;
} 


/* alert */
.alert-primary1{
    background-color:  !important;
	--bs-alert-color:  !important;
    --bs-alert-link-color:  !important;
}

/* Desktop CSS */
@media (min-width: 700px)  { 
    .topbar > div >  a, .topbar > div > div > a {
	  /*  color:var(--bs-primary) !important; */
	    color: #000 !important; 
    }
    .topbar #navBlock{
        margin-bottom:0px !important;
    }
    .topbar #navBlock > li {
        display:inline-block;
    }
    .topbar #navBlock > li:not(:last-child)::after{
        content: " |";
        font-weight:bold;
        font-size:18px;
        margin:0px 2px;
    }
    .topbar #navBlock a {
	    color: #000 !important; 
    }
	.right_arrow:after {
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
	}
	.right_arrow:before {
		border-top: 15px solid #F6F8F9;
		border-bottom: 15px solid #F6F8F9;
	}
    .right_arrow_step_1 {
        color: ;
        background:var(--bs-primary);
    }
    .right_arrow_step_1:before {
        border-left: 15px solid transparent;
    }
    .right_arrow_step_1:after {
        border-left: 15px solid #F6F8F9;
    }

    .right_arrow_step_2 {
        color: ;
        /* background: DD; */
        background:var(--bs-primary);
    }
    .right_arrow_step_2:before {
        border-left: 15px solid transparent;
    }
    .right_arrow_step_2:after {
        border-left: 15px solid #F6F8F9;
    }

    .right_arrow_step_3 {
        color: ;
       /* background: AA; */
       background:var(--bs-primary);
    }
    .right_arrow_step_3:before {
        border-left: 15px solid transparent;
    }
    .right_arrow_step_3:after {
        border-left: 15px solid #F6F8F9;
    }

    
    .right_arrow_step_4 {
        color: ;
       /* background: 99; */
       background:var(--bs-primary);
    }
    .right_arrow_step_4:before {
        border-left: 15px solid transparent;
    }
    .right_arrow_step_4:after {
        border-left: 15px solid #F6F8F9;
    }

    
    .right_arrow_step_5 {
        color: ;
        /* background: 77; */
        background:var(--bs-primary);
    }
    .right_arrow_step_5:before {
        border-left: 15px solid transparent;
    }
    .right_arrow_step_5:after {
        border-left: 15px solid #F6F8F9;
    }
    
    .right_arrow_step_7 {
        color: ;
        /* background: 66; */
        background:var(--bs-primary);
    }
    .right_arrow_step_7:before {
        border-left: 15px solid transparent;
    }
    .right_arrow_step_7:after {
        border-left: 15px solid #F6F8F9;
    }
}

/* Mobile CSS */
@media (max-width: 699px)  { 
	.MobHide{
		display: none;
	}

	.topbar {
		background:var(--bs-primary);
		color:  !important;
	}
	.topbar > div >  a , .timer-content , .timer-content > i{
		color: !important;
	}
    .topbar #navBlock{
        margin-bottom:0px !important;
    }
    .topbar #navBlock > li {
        display:inline-block;
    }
    .topbar #navBlock > li:not(:last-child)::after{
        content: " |";
        font-weight:bold;
        font-size:18px;
        margin:0px 2px;
    }
    .topbar #navBlock a {
	    color:  !important; 
    }
    nav{
        background-color: #F6F8F9;
    }

    .service-heading {
        border-top: 1px solid #37373733;
        background-color:var(--bs-white);
    }

    .mobile-agreement-heading {
        border-top: 1px solid #37373733;
        border-bottom: 1px solid #37373733;
    }


}
