:root {
  --primary: #3C8DBC;
  --primarylight: #005ea8;
  --primaryText: white;
  --secondary: #6FBB1C;
  --header: white;
  --textlight: #b3b3b3;
  --textdark: #343a40;
  --logocolor: #0a2440;
  --menucolor: #343a40;
  
  --danger: #dc3545;
  --warning: #ffc107;
  --info: #17a2b8;
}




/* CALENDAR */


.fc-unthemed td.fc-today {
    background: #0a24400f !important;
}

td.fc-day-top {
    background: none !important;   
}
   

.boxLeftWall,.boxRightWall, .topWall, .bottomWall {
    display: none;
}
    

.dayNormal {
    border: 1px solid var(--primary);
    border-radius: 3px;
    background: white !important;
    width:30px !important;
    height: 31px !important;
    
}

.dayOver, .dayDown {
    border-radius: 3px;
    background: var(--primary) !important;
    color: white !important;
    width:30px !important;
    height: 31px !important;
}

.dayNormalToday {
    border-radius: 3px;
    background: var(--primary) !important;
    color: white !important;
    width: 30px !important;
    height: 31px !important;
}

.dayOverToday {
    border-radius: 3px;
    background: var(--primary) !important;
    color: white !important;
    width: 30px !important;
    height: 31px !important;
}

.skipDay {
    width:30px !important;
    height: 31px !important;
}

.JsDatePickBox {
    width: 265px;
    border: 2px solid lightgrey;
    border-radius: 3px;
}

.boxMainInner {
    width: 260px !important;
    padding: 1em;
}


.boxMain {
    padding: 1em;
}

.controlsBar {
    margin: 0 10px;
}

.controlsBarText {
    color: var(--textdark) !important;
    font-size: 14px !important;
}

.boxMainCellsContainer {
    padding-left: 5px !important;
    margin-left: 5px !important;
    padding-top: 0;
}

.boxMainCellsContainer > div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.weekDaysRow {
    font-size: 12px !important;
    padding: 5px !important;
    height: 100% !important;
    display: flex;
    justify-content: center;
}

.weekDay {
    width: 30px !important;
}


@media screen and (max-width: 480px) {
    .controlsBar {
        margin: 10px 0;
    }
    
    .JsDatePickBox {
        border: 2px solid lightgrey;
        display: flex;
        justify-content: center;
    }
    
    .boxMain {
        height: 100% !important;
        padding: 10px 0 !important;
    }
    
    .dayNormal {
        border: 1px solid var(--primary) !important;
        border-radius: 3px;
        background: white !important;
        box-shadow: none !important;
    }
    
    .dayOver, .dayDown {
        border-radius: 3px;
        background: var(--primary) !important;
        border: 1px solid var(--primary) !important;
        color: white !important;
    }
    
    .dayNormalToday {
        border-radius: 3px;
        background: var(--primary) !important;
        border: 1px solid var(--primary) !important;
        color: white !important;
    }
    
    
}

/* end calendar */