body {
    margin:0;
    font-family:'OpenSans-Regular';
}

@font-face {
  font-family: OpenSans-Regular;
  src: url(fonts/OpenSans-Regular.ttf);
}

@font-face {
  font-family: OpenSans-SemiBold;
  src: url(fonts/OpenSans-SemiBold.ttf);
}

:root
{
    --line-color: #a0a0a0;
    --button-shadow: #a0a0a061;
}

#header
{
    padding:5px;
    height:45px;
    border-bottom: 1px solid var(--line-color);
}

#SubHeader
{
width:100%;
height:35px;
border-bottom: 1px solid var(--line-color);
padding-top:5px;
font-family:'OpenSans-Regular';
}

#calendarTitle
{
    display:inline-block;
    position:absolute;
    right:10px;
    font-family:revert;
    font-size:x-large;
}

#calendar
{
    width:100%;
    height:500px;
    margin-top:10px;
}

.invisible_people
{
    width:0px;
height:0px;
}

#peoples
{
    
}

.people_choice
{
    display:inline-block;
    width:200px;
    vertical-align:top;
}

.holiday_info
{
    display:inline-block;
    width:180px;
    vertical-align:top;
    font-size:14px;
}

.people_info
{
    display:inline-block;
    width:70px;
    vertical-align:top;
    font-size:14px;
}

.people_info_half 
{
    display:inline-block;
    width:28px;
    vertical-align:top;
    font-size:0.9em;
}

.cal_header
{
    height:25px;
}

.cal_header_day
{
    display:inline-block;
    background-color:#eaf5f7;
    font-size:1em;
    border:1px #999999 solid;
    text-align:center;
}

.cal_days_container
{
    width:100%;
}

.cal_day_other_month
{
    background-color:fff0de;
    opacity:0.7;
}

.cal_day_view_month
{
    background-color:white;
}

.cal_day
{
    height:77px;
    display:inline-block;
    border:1px #999999 solid;
    z-index:100;
    vertical-align:top;
    position:relative;
}

.cal_element_sizer
{
    width:13.55%;
}

.cal_month_header
{
    text-align:center;
    font-size:1.1em;
    height:37px;
    position:relative;
}

.cal_day_people
{
    width:100%;
    height:60px;
    overflow:hidden;
    margin-top:2px;
}

.cal_day_fullAssign
{
    width:16px;
    height:16px;
    overflow:hidden;
    position: absolute;
    cursor: pointer;
    top:0px;
    right:0px;
}

.extra_cal_day
{
    height:16px;
    overflow:hidden;
    position: absolute;
    bottom:0px;
    right:0px;
    font-size:10px;
    padding-top:2px;
    border: 0px;
}

.extra_cal_day_person
{
    display:inline-block;
    padding:1px;
    margin:1px;
    border-radius: 10px;
    width:10px;
    height:10px;
}

.cal_day_exception
{
    height:16px;
    overflow:hidden;
    position: absolute;
    bottom:0px;
    left:0px;
    font-size:10px;
    padding-top:2px;
}

.cal_day_exception_person
{
    border:1px solid #c70303;
    padding:1px;
    margin:1px;
    background-color:white;
}
 
.cal_day_title
{
    font-size:0.9em;
    height:17px;
    background-color:#e8e8e8;
    padding-left:5px;
    overflow:hidden;
}

.extra_cal_day_title_warning
{
    background-color:#bf7c7c;
}

.extra_cal_day_warning
{
    background-color:#fcbdbd;
}

.cal_day_title_warning
{
    background-color:#bf7c7c;
}

.cal_day_warning
{
    background-color:#fcbdbd;
}

.people
{
    width:190px;
    height:17px;
    font-size:0.9em;
    margin:2px;
    border:1px #999999 solid;
    cursor:pointer;
}

.peopleCalendar
{
    /*width:95%;*/
    margin-left:1px;
    margin-bottom:1px;
    font-size:10px;
    border:1px #999999 solid;
    min-width:130px;
    /*max-width:140px;*/
    cursor:pointer;
    overflow:hidden;
}

.infoCount
{
    height:17px;
    font-size:0.9em;
    margin-top:2px;
    margin-right:1px;
    border:1px #999999 solid;
    vertical-align:middle;
    padding-left:2px;
    width:24px;
    display:inline-block;
}

.exceptionDisplay
{
    height:19px;
    font-size:0.9em;
    margin-top:2px;
    vertical-align:middle;
    width:100%;
    display:inline-block;
}

#exceptions
{
    display:inline-block;
    
    vertical-align:top;
    font-size:0.9em;
    
}

.disp_calendar
{
    display:inline-block;
    margin-left:5px;
    vertical-align:top;
    font-size:14px;    
}

.note_container
{
    display:inline-block;
    margin-left:5px;
    vertical-align:top;
    font-size:14px;
}

#notes
{
    width:261px;
    height:121px;
    font-size:11px;
}

#note_save
{
    width:24px;
}

.holidays_summary
{
    display:inline-block;
    
    vertical-align:top;
    font-size:14px;
}

.holidays_summary_content
{
    display:inline-block;
    width:120px;
    vertical-align:top;
    font-size:11px;
    margin-left:2px;
    cursor:pointer;
}

.sstitre
{
    font-size:0.9em;
}

.infoHoliday
{
   
}

#tags
{
    width:195px;
}

.period_choice_label
{
    font-size:9px;
}

.tag_choice_label
{
    font-size:9px;
}


.cal_button
{
    display:inline-block;
    margin-bottom:5px;
}

#cal_previous_month_button
{
    cursor:pointer;
    display:inline-block;
}

#cal_next_month_button
{
    cursor:pointer;
    display:inline-block;
}

.cal_day_hover
{
    border:1px black solid;
    /*background-color:#eaeaea;*/
}

#logged_user
{
    display:inline-block;
    right:20px;
    position:absolute;
    width:auto;
    min-width:65px;
    height:30px;
    font-family:'OpenSans-Regular';
    border:1px solid var(--line-color);
    padding:5px;
    padding-top:10px;
    border-radius: 5px;
    box-shadow: 1px 1px var(--button-shadow);
}

a
{
    text-decoration: none;
    color:#5f6368;
}

.box_head
{
    width:100%;
    height:15px;
}

.peoples_container
{
    display:inline-block;
    overflow:hidden;
    vertical-align:top;
}

#autofill
{
    margin-top:3px;
    display:inline-block;
    vertical-align:top;
    position:absolute;
    left:180px;
}

#exportToPDF
{
    display:inline-block;
}

.smBtn
{
    font-size:0.6em;
}

#cal_header_month_name
{
    width:222px;
    height:27px;
    text-align:center;
    padding-top:4px;
    display:inline-block;
    margin-right:2px;
}

#cal_header_content
{
    margin:0 auto;
}

#header_title
{
    display:inline-block;
    font-size:25px;
    font-family:'OpenSans-SemiBold';
    color: #5f6368;
}

#mp_container
{
    position:absolute;
    width:185px;
    z-index:10000;
}

.mp_month
{
    display:inline-block;
    width:48px;
    height:25px;
    padding-left:10px;
    border:1px solid white;
    cursor:pointer;
}

.mp_year_nav
{
    display:inline-block;
}

.people_snapper
{
    width:2px;
    height:2px;
    background-color:red;
}

.PeopleDropClone
{
    opacity:1;
    position:absolute;
}

#jstreeContainer
{
    background-color:#fffcfa;
    width:350px;
    height:100%;
    display: inline-block;
    vertical-align:top;
}

#adminFormContainer
{
    vertical-align:top;
    display:inline-block;
}

.formLabel
{
    font-size:11px;
    margin-bottom:3px;
    margin-top:10px;
}

.adminTabTitle
{
    font-size:11px;
}

.adminTabContent
{
    padding:0;
}

.adminFormCalendarItemCalendar
{
}

.adminFormCalendarItemEntities
{
    font-size:10px;
}

.adminFormCalendarItemContainer
{
    margin-top:7px;
}

.adminFormCalendarItemCalendarPeople
{
    margin-left:15px;
    font-size:13px;
}

.adminFormCalendarItemCalendarPeopleItem
{
    margin-left:21px;
    font-size:11px;
    margin-top:4px;
}

.custom_button
{
    border:1px solid transparent;
    font-size:11px;
    cursor:pointer;
}

.tag_edit_delete
{
    font-size:12px;
    display:inline-block;
    cursor:pointer;
    border:1px solid gray;
    padding:1px;
    margin:1px;
}

.entityChain
{
    font-size:11px;
}

.adminFormUserItemInfo
{
    font-size:13px;
}

.adminFormUserItemContainer
{
    margin-top:5px;
    border:1px solid gray;
}

.adminFormColorItem
{
    width:20px;
    height:20px;
    display:inline-block;
    margin-left:5px;
    border:2px solid transparent;
}

.adminFormColorItemSelected
{
    border: 2px solid black;
}

.adminFormCalendarItemColorPicker
{
    width:15px;
    height:15px;
    background-image: url("");
    display:inline-block;
}

.activeButtonInert
{
    border:1px solid var(--line-color);
    padding:5px;
    border-radius: 5px;
    box-shadow: 1px 1px var(--button-shadow);
}

.activeButton
{
    border:1px solid var(--line-color);
    padding:5px;
    border-radius: 5px;
    box-shadow: 1px 1px var(--button-shadow);
}

.activeButton:hover
{
    background-color:#d8d8d8;
    cursor:pointer;
}

#login_container
{
    margin-top:10px;
    padding-left:5px;
}

.inputform 
{
    position:relative;
    margin-top:7px;
}

.inputform input
{
    height:25px;
    width:300px;
}

.inputform label
{
    position:absolute;
    left:4px;
    top:2px;
    cursor:text;
    z-index:10;
    padding:0px 3px 1px 1px;
    background-color:white;
    height:18px;
    opacity:1;
    transition: all 0.2s;
    transition-timing-function: ease;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.inputform input:focus + label,.inputform input:not(:placeholder-shown) + label
{
    transform: scale(.80) translateY(-19px) translateX(-2px);
    color:#9e9e9e;
}

#login_submit
{
    font-size:0.8em;
    margin-top:9px;
}

#log_in_button
{
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
    background-color:white;
}

.log_in_button_signin
{
    width:58px;
    height:32px;
    padding:5px;
    padding-left:12px;
    padding-top:8px;
    border-radius: 5px;
}

.log_in_button_close
{
    width:15px;
    height:15px;
    padding:5px;
    padding-top:8px;
    border-radius: 17px;
    margin-top:2px;
    margin-right:2px;
}

#log_in_button:hover
{
    background-color:#d8d8d8;
    cursor:pointer;
}

#active_user
{
    display:inline-block;
    right:20px;
    position:absolute;
    width:auto;
    min-width:65px;
    height:30px;
    font-family:'OpenSans-Regular';
    border:1px solid var(--line-color);
    padding:5px;
    padding-top:10px;
    border-radius: 5px;
    box-shadow: 1px 1px var(--button-shadow);
    background-color:white;
    z-index:100;
    cursor:pointer;
}

#active_user:hover
{
    background-color:#d8d8d8;
}

#activeUserAdminButton
{
    display:none;
    background-color:white;
    margin-top:10px;
    width:75px;
}

#activeUserAdminButton:hover
{
    background-color:#d8d8d8;
}

#logout
{
    display:none;
    background-color:white;
    margin-top:10px;
    width:75px;
}

#logout:hover
{
        background-color:#d8d8d8;
}

.enableHover:hover
{
    color:blue;
    text-decoration:underline;
    cursor: pointer;
}