:root {
    /* 1rem = 16px */
    --header-height: 3rem;
    /*48 px*/

    /* Colors */
    /* Change favorite color */


    /* HSL color mode */
    --first-color: #3198C9;
    --second-color: #3198C9;
    --first-color-second: hsl(6, 66%, 45%);
    --first-color-alt: hsl(var(--hue-color), 57%, 53%);
    --first-color-lighter: #8692A6 --title-color: #252B42 --text-color: hsl(228, 28%, 20%);
    --text-color-light: hsl(0, 0%, 45%);
    --input-color: hsl(var(--hue-color), 70%, 96%);
    --body-color: hsl(var(--hue-color), 60%, 99%);
    --container-color: #000;

    /* Font and typography */
    --body-font: 'Inter';

    /* 1rem = 16px */

    --big-font-size: 2rem;
    --h1-font-size: 1.875em;
    --h2-font-size: 1.25rem;
    --h3-font-size: 1.125rem;
    --normal-font-size: 1.125rem;
    --small-font-size: 0.75rem;
    --smaller-font-size: 0.75rem;

    /* Font Weight */
    --font-light: 300;
    --font-medium: 500;
    --font-semi-bold: 600;

    /* Margerns Bottom */
    --mb-0-25: 0.25rem;
    --mb-0-5: 0.5rem;
    --mb-0-75: 0.75rem;
    --mb-1: 1rem;
    --mb-1-5: 1.5rem;
    --mb-2: 2rem;
    --mb-2-5: 2.5rem;
    --mb-3: 3rem;

    /* z indexes */

    --z-tooltip: 10;
    --z-fixed: 100;
    --z-model: 1000;
}

.parent-links{
    display: flex;
}
.parent-search{
    display: flex;
}
.head-parent{
    display: flex;
    
}


.dropdown{
padding-right: 4%;
}


@media   (max-width: 989px){
    .parent-menu{
        display: flex;
        
    }
    
}
@media   (max-width:600px){
    .parent-menu{
        display: block;
        
    }
    .row1{
      margin-right: 50px;
      
     }
}
h5{
  font-family: "Roboto";
  font-style: normal;
  font-weight: bold;
  font-size: 27.1937px;
}
p{
  font-family: 'Roboto';
font-style: normal;
font-size: 15.1162px;
}
.yessieb{
 
    display: flex;
}
.gray-time{
  color: #BCBCBC;
  background: #EBEBEB;
border-radius: 9.21259px;
padding: 2px 40.4252px;
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: var(--normal-font-size);
}


.blue-time{
  background: #259CD5;
  color: #FFFFFF;
border-radius: 9.21259px;
padding: 2px 40.4252px;
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: var(--normal-font-size);
}

.green-time{
  background: #40BB4C;
  color: #FFFFFF;
  border-radius: 9.21259px;
padding: 2px 40.4252px;
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: var(--normal-font-size);
}

.bu-i{
  text-align: center;
  align-items: center;
  justify-content: center;
  font-family: 'Roboto';

font-size: 21.3134px;
padding: 0px 25px;
  color: #259CD5;
  background: #FFFFFF;
box-shadow: 0px 0px 15.2239px rgba(0, 0, 0, 0.1);
border-radius: 15.2239px;
}
.gray-time{
  color: #BCBCBC;
  background: #EBEBEB;
border-radius: 9.21259px;
padding: 2px 40.4252px;
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: var(--normal-font-size);
}


.blue-time{
  background: #259CD5;
  color: #FFFFFF;
border-radius: 9.21259px;
padding: 2px 40.4252px;
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: var(--normal-font-size);
}

.green-time{
  background: #40BB4C;
  color: #FFFFFF;
  border-radius: 9.21259px;
padding: 2px 40.4252px;
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: var(--normal-font-size);
}


td{
 
  text-align: center;
  align-items: center;
  justify-content: center;
  border: none;
}

.container  {

  max-width: 85%;
}

 .row{
  width: 100%;
  margin: 50px auto;
  overflow: hidden;
}
.row{
  text-align: center;
  align-items: center;
  justify-content: center;
}
#calendar  {


color: #259CD5;

}

.fc-toolbar{
  margin-bottom: 3em;
}

.fc td, .fc th{
  border-style: none;
  border: none;
  border-width: 0px;
  font-family: Roboto;
  font-weight: 900;
  font-size: 24px;
  text-align: center;
 }
 .fc .fc-toolbar> *>:first-child{
  font-family: Roboto;
  font-weight: bold;
  font-size: 24.3797px;
  text-align: right;
 }
 .fc .fc-toolbar> *>:first-child.fc-today-button{
  font-size: 16px;
 }


 .fc-ltr .fc-basic-view .fc-day-number {
   text-align: center;
   font-family: Roboto;
   font-weight: 900;
   font-size: 18px;
   text-align: center;


 }


 .fc-basic-view td.fc-day-number, .fc-basic-view td.fc-week-number span{
   margin: auto;
   padding-top: 5px;
   padding-bottom: 5px;

 }

 .fc-day-number.fc-other-month{
  color: rgba(34, 33, 91, 0.3);
 }


.text-center{
  justify-content: center;
}
.fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed hr, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
   margin-bottom: 5%;
}
.time{
  font-family: Roboto;
font-weight: bold;
font-size: 18px;
line-height: 25px;
color: #4F4F4F;

}

/* notification box */

.icon {
  cursor: pointer;
  margin-right: 50px;
  line-height: 60px
}

.icon span {
  background: #f00;
  padding: 7px;
  border-radius: 50%;
  color: #fff;
  vertical-align: top;
  margin-left: -25px
}

.icon img {
  display: inline-block;
  width: 26px;
  margin-top: 4px
}

.icon:hover {
  opacity: .7
}

.notifications {
  width: 300px;
  height: 0px;
  opacity: 0;
  position: absolute;
  top: 63px;
  right: 62px;
  border-radius: 5px 0px 5px 5px;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.notifications h2 {
  font-size: 14px;
  padding: 10px;
  border-bottom: 1px solid #eee;
  color: #999
}

.notifications h2 span {
  color: #f00
}

.notifications-item {
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 6px 9px;
  margin-bottom: 0px;
  cursor: pointer
}

.notifications-item:hover {
  background-color: #eee
}

.notifications-item img {
  display: block;
  width: 50px;
  height: 50px;
  margin-right: 9px;
  border-radius: 50%;
  margin-top: 2px
}

.notifications-item .text h4 {
  color: #777;
  font-size: 16px;
  margin-top: 3px
}

.notifications-item .text p {
  color: #aaa;
  font-size: 12px
}

.notifications {
  max-height: 280px;
  overflow-y: auto;
}

@media   (max-width: 989px){
  .notifications {
    width: 260px;
    height: 0px;
    opacity: 0;
    position: absolute;
    top: 140px;
    right: 60px;
    border-radius: 5px 0px 5px 5px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
  }  
}

@media   (max-width:600px){
    .notifications {
      width: 210px;
      height: 0px;
      opacity: 0;
      position: absolute;
      top: 170px;
      right: 140px;
      border-radius: 5px 0px 5px 5px;
      background-color: #fff;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
    }
}