.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-32983af7-c8fd-13c0-266b-5d3458073912 {
background-color: #F5F5F5 !important;
border-color: #060608 !important;
border-radius: 7px !important;
font-size: 32px !important;
margin-bottom: var(--spacer-3,1rem) !important;
margin-top: var(--spacer-4,1.5rem) !important;
padding-bottom: 10px !important;
padding-top: 10px !important;
text-align: center !important;
color: #060608 !important;
width: 250px !important;
}
.lfr-layout-structure-item-32983af7-c8fd-13c0-266b-5d3458073912 {
h1{font-size: 32px}

}.lfr-layout-structure-item-031d5c4c-b8d2-eda1-87f2-e80c833841fc {
  .calendar-add-event-btn {
    background-color: #FF1D11;
    font-size:20px;
    border-color: #FF1D11;
  }
  .calendar-portlet-column-grid .btn-group-content {
    display: none
  }
  .calendar-portlet .scheduler-view-table-data-col-title-today {
    color: #000;
  }
  .scheduler-view-table-colgrid-today {
  
  }
  .scheduler-view-table-data-col-title-first {
    color: red;
  }
  .scheduler-view-table-data td:last-child {
    color: blue;
  }
  .scheduler-view-table-header-day div{
    font-weight: bold !important;
    color: #000;
    font-size:16px
  }
  .calendar-portlet .popover.scheduler-event-recorder-popover {
    left: 30px !important;
  }
  .scheduler-base-icon-prev, .scheduler-base-today, .scheduler-base-icon-next {
    background: #ff0000;
    color: #fff;
    font-size:20px;
  }
  .calendar-portlet-event-approved {
    background-color: #ff0000 !important;
    font-weight: 600 !important;
  }
  .scheduler-base-nav-date {
    font-weight: 600;
    font-size: 24px;
    float: left;
  }
  .scheduler-base-controls {
    width: 100%;
    text-align: right;
  }
  .scheduler-base-hd.row {
    background: #EFEFEF;
  }
  .calendar-portlet .scheduler-event-content, .calendar-portlet .scheduler-event-name, .calendar-portlet .scheduler-event-title {
    color:#fff;
    font-weight: 600;
  }
  .scheduler-view-table-data-col-title {
    font-weight: 600;
    font-size:16px;
  }
  .scheduler-view-table-more {
    padding-right: 5px;
  }
  .scheduler-view-month .scheduler-view-table-row {
    min-height: 135px;
  }
  .scheduler-base-hd.row  {
    background: #F5F5F5;
  }
  .scheduler-base-controls .scheduler-base-nav-date {
    margin-left: 0
  }
  .scheduler-base-icon-prev {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
 }
  .scheduler-base-icon-next {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
  }
  .scheduler-view-table-header-day div{
    font-size: 20px;
    background: #E4E0E0
  }
   .calendar-add-event-btn {
      border-radius: 10px
    }
  .scheduler-base-controls {
    margin-bottom: 25px
  }
 .scheduler-view-table-header-col .scheduler-view-table-header-day:first-child div {
    border-top-left-radius: 10px;
 }
   .scheduler-view-table-header-col .scheduler-view-table-header-day:last-child div {
    border-top-right-radius: 10px;
 }
  .scheduler-view-table-row-container .scheduler-view-table-row:last-child {
    border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
 }
  .scheduler-base-content>.yui3-widget-bd {
    border: 1px solid #f5f5f5;
 }
  .scheduler-view-table-header-col {
    background: #F5F5F5;
  }
  .scheduler-view-table-header-col .scheduler-view-table-header-day div {
    padding: 15px 2px 15px 0;
  }
  .scheduler-view-table-row-container {
    background: #F5F5F5;
  }
  .scheduler-view-table-row {
     background: #FFF;
  }
  @media (min-width: 1200px) {
     .lfr-layout-structure-item-com-liferay-calendar-web-portlet-calendarportlet {
      width: 930px;
    margin: auto;
  }
  }
  @media (max-width: 600px) {
    .calendar-portlet .popover.scheduler-event-recorder-popover {
      width: 345px !important;
    }
        .scheduler-view-table-data-col-title {
        font-size: 14px;
    }
}
  }
}.lfr-layout-structure-item-f733ec23-1abb-0ff0-b8e2-76ba662662a2 {
margin-left: var(--spacer-10,10rem) !important;
margin-right: var(--spacer-10,10rem) !important;
}
.$FRAGMENT_CLASS$ {
  .lfr-layout-structure-item-com-liferay-calendar-web-portlet-calendarportlet {
      width: 904px;
    margin: auto;
  }
  .calendar-add-event-btn { 
    background-color: #FF1D11;
    font-size: 20px;
    border-color: #FF1D11;
  }
  
  .calendar-portlet-column-grid .btn-group-content { 
    display: none;
  }
  
  .calendar-portlet .scheduler-view-table-data-col-title-today {
    color: #000;
  }
  
  .scheduler-view-table-colgrid-today {
    /* Empty rule */
  }
  
  .scheduler-view-table-data-col-title-first {
    color: red;
  }
  
  .scheduler-view-table-data td:last-child {
    color: blue;
  }
  
  .scheduler-view-table-header-day div {
    font-weight: bold !important;
    color: #000;
    font-size: 16px;
  }
  
  .calendar-portlet .popover.scheduler-event-recorder-popover {
    left: 30px !important;
  }
  
  .scheduler-base-icon-prev,
  .scheduler-base-today,
  .scheduler-base-icon-next {
    background: #ff0000;
    color: #fff;
    font-size: 20px;
  }
  
  .calendar-portlet-event-approved {
    background-color: #ff0000 !important;
    font-weight: 600 !important;
  }
  
  .scheduler-base-nav-date {
    font-weight: 600;
    font-size: 24px;
    float: left;
  }
  
  .scheduler-base-controls {
    width: 100%;
    text-align: right;
  }
  
  .scheduler-base-hd.row {
    background: #F5F5F5;
  }
  
  .calendar-portlet .scheduler-event-content,
  .calendar-portlet .scheduler-event-name,
  .calendar-portlet .scheduler-event-title {
    color: #fff;
    font-weight: 600;
  }
  
  .scheduler-view-table-data-col-title {
    font-weight: 600;
    font-size: 16px;
  }
  
  .scheduler-view-table-more {
    padding-right: 5px;
  }
  
  .scheduler-view-month .scheduler-view-table-row {
    min-height: 135px;
  }
 .calendar-add-event-btn {
    border-radius: 10px;
 }
  @media (max-width: 600px) {
    .calendar-portlet .popover.scheduler-event-recorder-popover {
      width: 345px !important;
    }
     .scheduler-view-month .scheduler-view-table-row {
      min-height: 135px;
    }
  }
}.lfr-layout-structure-item-6767c384-9191-be1a-7912-06653f64cf8e {
background-color: #F5F5F5 !important;
padding-bottom: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
@media screen and (max-width: 991px) {.lfr-layout-structure-item-f733ec23-1abb-0ff0-b8e2-76ba662662a2 {
margin-left: var(--spacer-0,0rem) !important;
margin-right: var(--spacer-0,0rem) !important;
}
}@media screen and (max-width: 767px) {.lfr-layout-structure-item-32983af7-c8fd-13c0-266b-5d3458073912 {
margin-left: var(--spacer-1,0.25rem) !important;
padding-left: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-f733ec23-1abb-0ff0-b8e2-76ba662662a2 {
margin-left: var(--spacer-0,0rem) !important;
margin-right: var(--spacer-0,0rem) !important;
}
}@media screen and (max-width: 575px) {.lfr-layout-structure-item-32983af7-c8fd-13c0-266b-5d3458073912 {
margin-bottom: -20px !important;
padding-bottom: var(--spacer-0,0rem) !important;
padding-top: 5px !important;
width: 170px !important;
}
.lfr-layout-structure-item-32983af7-c8fd-13c0-266b-5d3458073912 {
h1 {
  font-size: 24px;
  position: relative;
  z-index: 1000
  }

}.lfr-layout-structure-item-031d5c4c-b8d2-eda1-87f2-e80c833841fc {
background-color: #F5F5F5 !important;
padding-left: 8px !important;
padding-right: 8px !important;
}
.lfr-layout-structure-item-031d5c4c-b8d2-eda1-87f2-e80c833841fc {
  .calendar-add-event-btn {
    background-color: #FF1D11;
    font-size:20px;
    border-color: #FF1D11;
    border-radius: 10px;
  }
  .calendar-portlet-column-grid .btn-group-content {
    display: none
  }
  .calendar-portlet .scheduler-view-table-data-col-title-today {
    color: #000;
  }
  .scheduler-view-table-colgrid-today {
  
  }
  .scheduler-view-table-data-col-title-first {
    color: red;
  }
  .scheduler-view-table-data td:last-child {
    color: blue;
  }
  .scheduler-view-table-header-day div{
    font-weight: bold !important;
    color: #000;
    font-size:16px
  }
  .calendar-portlet .popover.scheduler-event-recorder-popover {
    left: 30px !important;
  }
  .scheduler-base-icon-prev, .scheduler-base-today, .scheduler-base-icon-next {
    background: #ff0000;
    color: #fff;
    font-size:20px;
  }
  .calendar-portlet-event-approved {
    background-color: #ff0000 !important;
    font-weight: 600 !important;
  }
  .scheduler-base-nav-date {
    font-weight: 600;
    font-size: 24px;
    float: left;
  }
  .scheduler-base-controls {
    width: 100%;
    text-align: right;
  }
  .scheduler-base-hd.row {
    background: #EFEFEF;
  }
  .calendar-portlet .scheduler-event-content, .calendar-portlet .scheduler-event-name, .calendar-portlet .scheduler-event-title {
    color:#fff;
    font-weight: 600;
  }
  .scheduler-view-table-data-col-title {
    font-weight: 600;
    font-size:16px;
  }
  .scheduler-view-table-more {
    padding-right: 5px;
  }
  .scheduler-view-month .scheduler-view-table-row {
    min-height: 135px;
  }
  .scheduler-base-hd.row  {
    background: #F5F5F5;
  }
  .scheduler-base-controls .scheduler-base-nav-date {
    margin-left: 0
  }
  .scheduler-base-icon-prev {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
 }
  .scheduler-base-icon-next {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
  }
  .scheduler-view-table-header-day div{
    font-size: 20px;
    background: #E4E0E0
  }
  @media (max-width: 600px) {
    .scheduler-base-hd {
    padding:  0;
  }
    .calendar-portlet .popover.scheduler-event-recorder-popover {
      width: 345px !important;
    }
    .scheduler-view-month .scheduler-view-table-row {
      min-height: 49px;
      height: 49px;
  }
    .scheduler-view-table-data-col-title {
        font-size: 14px;
    }
        .scheduler-view-table-header-day div {
        font-size: 16px;
    }
    .scheduler-base-content>.yui3-widget-bd {
     border: 0; 
      background: #F5f5f5;
    }
        .scheduler-base-icon-prev, .scheduler-base-today, .scheduler-base-icon-next, .calendar-add-event-btn {
        font-size: 16px;
    }
    .scheduler-base-view-date {
    margin-top: 0;
    text-align: left !important;
      font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 26.367px;
      margin-bottom: 26px;
    }
    .scheduler-base-hd .btn-group button {
      width: 35px
    }
     .scheduler-base-hd .btn-group .scheduler-base-today {
      width: 80px
    }
     .scheduler-base-hd .btn-group .calendar-add-event-btn {
      width: 110px
    }
    .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group {
      justify-content: end;
     margin-bottom: -100px;
    }
    .scheduler-event-name {
      display: none;
    }
    .calendar-portlet-event-approved {
            height: 12px !important;
        }
    .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(2) {
      margin-top: 40px
    }
  }
}.lfr-layout-structure-item-f733ec23-1abb-0ff0-b8e2-76ba662662a2 {
margin-left: var(--spacer-0,0rem) !important;
margin-right: var(--spacer-0,0rem) !important;
}
.$FRAGMENT_CLASS$ {
  .calendar-add-event-btn { 
    background-color: #FF1D11;
    font-size: 20px;
    border-color: #FF1D11;
  }
  
  .calendar-portlet-column-grid .btn-group-content { 
    display: none;
  }
  
  .calendar-portlet .scheduler-view-table-data-col-title-today {
    color: #000;
  }
  
  .scheduler-view-table-colgrid-today {
    /* Empty rule */
  }
  
  .scheduler-view-table-data-col-title-first {
    color: red;
  }
  
  .scheduler-view-table-data td:last-child {
    color: blue;
  }
  
  .scheduler-view-table-header-day div {
    font-weight: bold !important;
    color: #000;
    font-size: 16px;
  }
  
  .calendar-portlet .popover.scheduler-event-recorder-popover {
    left: 30px !important;
  }
  
  .scheduler-base-icon-prev,
  .scheduler-base-today,
  .scheduler-base-icon-next {
    background: #ff0000;
    color: #fff;
    font-size: 20px;
  }
  
  .calendar-portlet-event-approved {
    background-color: #ff0000 !important;
    font-weight: 600 !important;
  }
  
  .scheduler-base-nav-date {
    font-weight: 600;
    font-size: 24px;
    float: left;
  }
  
  .scheduler-base-controls {
    width: 100%;
    text-align: right;
  }
  
  .scheduler-base-hd.row {
    background: #F5F5F5;
  }
  
  .calendar-portlet .scheduler-event-content,
  .calendar-portlet .scheduler-event-name,
  .calendar-portlet .scheduler-event-title {
    color: #fff;
    font-weight: 600;
  }
  
  .scheduler-view-table-data-col-title {
    font-weight: 600;
    font-size: 16px;
  }
  
  .scheduler-view-table-more {
    padding-right: 5px;
  }
  
  .scheduler-view-month .scheduler-view-table-row {
    min-height: 135px;
  }
 .calendar-add-event-btn {
    border-radius: 10px;
 }
  @media (max-width: 600px) {
    .calendar-portlet .popover.scheduler-event-recorder-popover {
      width: 345px !important;
    }
     .scheduler-view-month .scheduler-view-table-row {
    min-height: 49px;
  }
        .scheduler-view-table-data-col-title {
        font-size: 14px;
    }
}
  }
}}