JezK

Edit File: style.css

/* font-face declaration starts */
    
    @font-face {
        font-family: Poppins-Bold;
        src: url(../fonts/Poppins-Bold.ttf);
    }
    
    @font-face {
        font-family: Poppins-Light;
        src: url(../fonts/Poppins-Light.ttf);
    }
    
    @font-face {
        font-family: Poppins-Medium;
        src: url(../fonts/Poppins-Medium.ttf);
    }
    
    @font-face {
        font-family: Poppins-Regular;
        src: url(../fonts/Poppins-Regular.ttf);
    }
    
    @font-face {
        font-family: Poppins-SemiBold;
        src: url(../fonts/Poppins-SemiBold.ttf);
    }
    
    html,
    body {
        margin: 0 !important;
        padding: 0 !important;
       /* height: 100% !important;
        overflow: auto;*/
    }
    .page {
        height: 100% !important;
        overflow: auto;

}
    body {
        background-color: #e8f2f4;
        font-family: Poppins-Light;
        font-weight: 600 !important;
    }
    
    .text-bold {
        font-weight: bold !important;
    }
    
    .style-login {
        font-weight: bold;
        font-size: 14px;
    }
    
    .fieldName {
        font-size: 13px;
        margin-bottom: 0;
        font-weight: initial;
        color: #a0a0a0;
    }
    
    select.formField-control  {
        border-radius: unset !important;
        background-color: #e8f2f4 !important;
        ;
    }
    
    .fieldName-forgot {
        font-size: 13px;
        color: #00c0f0;
    }
    
    .login-border {
        border: 1px solid #c3d3db;
    }
    
    .basic-btn-color {
        background: #00c0f0;
        border-radius: unset !important;
        color: white !important;
        font-weight: bold;
        font-size: 14px;
    }
    .browsePic-user{
        border: 1px solid skyblue;
        padding: 4px 5px 3px 5px;
        color:grey;
        font-weight: 200;
    }
    .formField-control{
        background-color: #e8f2f4 !important;
    }
    
    logout-no .fancy-underline {
        border-bottom: 2px solid #00c0f0;
        border-bottom-width: 3px;
        width: 36px;
    }
    
    .styled-checkbox {
        position: absolute;
        opacity: 0;
    }
    
    [type="checkbox"]:not(:checked),
    [type="checkbox"]:checked {
        position: absolute;
        left: -9999px;
    }
    /* Prepare the label */
    
    [type="checkbox"]:not(:checked)+label,
    [type="checkbox"]:checked+label {
        position: relative;
        /* permet de positionner les pseudo-éléments */
        padding-left: 25px;
        /* fait un peu d'espace pour notre case à venir */
        cursor: pointer;
        /* affiche un curseur adapté */
    }
    
    [type="checkbox"]:not(:checked)+label:before,
    [type="checkbox"]:checked+label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 2px;
        width: 19px;
        height: 19px;
        border: .5px solid #aaa;
        background: #f8f8f8;
    }
    
    [type="checkbox"]:not(:checked)+label:after,
    [type="checkbox"]:checked+label:after {
        content: '✔';
        position: absolute;
        top: 2px;
        left: 4px;
        font-size: 14px;
        color: #09ad7e;
        transition: all .2s;
    }
    
    [type="checkbox"]:not(:checked)+label:after {
        opacity: 0;
        transform: scale(0);
    }
    
    [type="checkbox"]:checked+label:after {
        opacity: 1;
        transform: scale(1);
    }
    
    .formField-control::placeholder {
        font-size: 14px !important;
    }
    
    .modal-font {
        font-size: 14px;
        font-weight: normal;
    }
    /* home */
    /* Rating Star Widgets Style */
    
    .rating-stars ul {
        list-style-type: none;
        padding: 0;
        -moz-user-select: none;
        -webkit-user-select: none;
    }
    
    .rating-stars ul>li.star {
        display: inline-block;
    }
    /* Idle State of the stars */
    
    .rating-stars ul>li.star {
        font-size: 1rem;
        /* Change the size of the stars */
        color: #ccc;
        /* Color on idle state */
    }
    /* Hover state of the stars */
    
    .rating-stars ul>li.star.hover {
        /* color: #FFCC36; */
        
    }
    /* Selected state of the stars */
    
    .rating-stars ul>li.star.selected {
        color: #FF912C;
    }
    
    .star.selected {
        color: #FF912C;
    }
    
    .img-border {
        border: 2px solid #4ac1f0;
    }
    
    .slotFull {
        background: #f22346e8;
    }
    
    .slotAvailable {
        background: #2dc732db;
    }
    
    .slotNot-available {
        background: #4ac1f0;
    }
    
    .slotNot-released {
        background: #f6a32f;
        color: #6f4b4b !important;
    }
    
    .fs-12 {
        font-size: 12px;
    }
    .notification-content{
        width: 215px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .notification-h{
        max-height: 200px;
        overflow-y: scroll;
    }
    .fa-bell{
        /* padding-right:17px; */
        font-size: 19px;
    }
    .fa-bell:before {
        content: "\f0f3";
        color: black !important;
    }
    .notify-user{
        padding-right: 15px;
    }
    .cstBox{
        margin: auto !important;
    }