doneit-web/src/global.scss

/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */

/* Core CSS required for Ionic components to work properly */
@import "~@ionic/angular/css/core.css";

/* Basic CSS for apps built with Ionic */
@import "~@ionic/angular/css/normalize.css";
@import "~@ionic/angular/css/structure.css";
@import "~@ionic/angular/css/typography.css";
@import '~@ionic/angular/css/display.css';

/* Optional CSS utils that can be commented out */
@import "~@ionic/angular/css/padding.css";
@import "~@ionic/angular/css/float-elements.css";
@import "~@ionic/angular/css/text-alignment.css";
@import "~@ionic/angular/css/text-transformation.css";
@import "~@ionic/angular/css/flex-utils.css";




// calendar
// ionic calendar2

td.monthview-current{
    color: white;
    /* border-radius: 89px; */
    background: lightskyblue  !important;
    justify-content: center;
    align-items: center;
    /* display: flex; */
    height: 100%;
    div {
        border-radius: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: white;
    }
}

.monthview-secondary-with-event, .monthview-secondary-with-event[_ngcontent-dwf-c153]  {
    background-color: white !important;
}

td.monthview-selected {
    background-color: #42b9fe30 !important;
    color: black !important;
}  

.event-detail-container{
    display: none;
}

.cal-week-view {
    border-top: none !important;
}

.calendar-event-type
/* Timeline */

.cal-hour-segment {
    border-bottom: none !important;
  }
  
  .cal-current-time-marker {
    background-color: #42b9fe !important;
  }
.timeline .cal-event, .cal-event{
    padding: 0px !important;
}

.cal-current-time-marker {
    width: 100% !important;
    margin-left: 0px !important;
}

.cal-current-time-marker::before{
    width: 10px;
    height: 10px;
    background-color: #42b9fe !important;
    content: ".";
    color: transparent;
    left: 55px;
    position: absolute;
    border-radius: 91px;
    top: -3.5px;

}

.cal-time{
    font-family: Roboto;
    font-size: 13px;
    color: #797979;
}

.timeline-box{
    padding: 3px;
    background-color: white !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07) !important;
    border: solid 1px #e9e9e9 !important;
    color: black;
    .timeline-start-time, .timeline-location{
        font-family: Roboto;
        font-size: 13px;
        margin-right: 10px;
    }
    .timeline-event-discription{
        font-family: Roboto;
        font-size: 15px;
        font-weight: bold;
    }
}


.timeline-box-Pessoal{
    border-left: 5px solid #ffb703 !important;
    height: 100%;
}
.timeline-box-Oficial{
    border-left: 5px solid #f05d5e !important;
    height: 100%;
}

.table-bordered, .table-bordered{
    border: none !important;
    td, th {
        border: none !important;
    }
}
.cal-tooltip, .cal-tooltip-top{
    display: none;
}

.timeline-box-{}


.calendar-event-type-Oficial{
    border-right: 3px solid #f05d5e !important;
    border-radius: 21px !important;
    color: black !important;
    margin: 0px auto !important;
    width: 35px !important;
}

.calendar-event-type-Pessoal{
    border-left: 3px solid #ffb703 !important;
    border-radius: 21px !important;
    color: black !important;
    margin: 0px auto !important;
    width: 35px !important;
}

.calendar-event-type-both{
    border-radius: 21px !important;
    border-left: 3px solid #ffb703 !important;
    border-bottom: none !important;
    border-right: 3px solid #f05d5e !important;
    color: black !important;
    margin: 0px auto !important;
    width: 35px !important;
}

.cal-hour-segment {
    border-bottom: none !important;
}



td.monthview-current{
    border-bottom: 1px solid #3a87ad !important;
}
  
/* angular-cli file: src/styles.css */
@import "../node_modules/angular-calendar/css/angular-calendar.css";
@import "./style/main.scss";