@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Pacifico&family=Poppins:wght@300;400;600;700&display=swap";
a{
  color: #ce365e;
}
a:hover {
  color: #d04f71;
  text-decoration: underline;
}
body {
  font-family: -apple-system,Poppins, BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
}


html
{
	font-size: 100%;
}
body {
    background-color: aliceblue;
}

:root {
    --prm-color: #ce365e;
    --prm-gray: #D3D3D3;
}

#errorMessage
{
      color: red;
}

#navProitem
{
      display:block;
      width: 15rem;
      height: 8rem;
}

#invisibleUl
{
	list-style-type: none;
}

.steps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    position: relative;
}

.step-button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: none;
    background-color: var(--prm-gray);
    transition: .4s;
}

.step-button[aria-expanded="true"] {
    width: 55px;
    height: 55px;
    background-color: var(--prm-color);
    color: #fff;
}

.done {
    background-color: var(--prm-color);
    color: #fff;
}

.step-item {
    z-index: 10;
    text-align: center;
}

#progress {
  -webkit-appearance:none;
    position: absolute;
    width: 97%;
    z-index: 5;
    height: 10px;
    margin-left: 15px;

}

/* to customize progress bar */
#progress::-webkit-progress-value {
    background-color: var(--prm-color);
    transition: .5s ease;
}

#progress::-webkit-progress-bar {
    background-color: var(--prm-gray);

}

#stepZeroButton[aria-expanded="true"]
{
	position: relative;
	top : -5px;
}


#switchActivityButton
{

	display : block;
	height : 60 px;
	width : 60 px;
}

.programsrow
{
	display: block;
  	overflow-x: auto;
  	white-space: nowrap;
}

.programsrow > .col-4
{
	display: inline-block;
}
.navbar-expand {
    background-color: #ce365e!important;
	border-bottom: 5px solid #e79baf;
}

element.style {
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-info {
    color: #fff;
    background-color: #ce365e;
    border-color: #ce365e;
}
.btn-primary {
    color: #fff !important;
    background-color:  #ce365e;
    border-color:  #ce365e;
}
.btn-primary:hover {
    color: #fff;
    background-color: #d04f71;
    border-color: #d04f71;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #ce365e;
    border-color: #ce365e;
}
.bg-primary {
    background-color: #ce365e!important;
}
 .col-md-4 {
  padding-bottom: 50px;
  }

  .text-primary {
    color: #ce365e!important;
  }




.list-group-item1 {
    background-color: #495057;
    border: 1px solid rgb(246 237 237 / 60%);
    color: #FFFFFF;

}
@media(min-width:700px){
    .carousel {
        width:80%;
    }
}
.carousel {
}
video {}


#breadcrumbBody {
    
}
.form-check .form-check-input[type="checkbox"]:checked ~ label {

    padding-left: 7px;
}
.row1 {

    padding: 0 !important;
}
.ckin__player {
    padding: 0px;
}

.fullProgramDiv:not(.active)
{
      dsiplay:none;
}
