.library_calendar_block {
  width:100%;
}

.library_tabs {
  width:100%;
  margin-bottom: 15px;
  table-layout: fixed;
}

.library_tabs ~ a,
.library_tabs ~ span {
  padding-right: 1em;
}

form#library-calendar-annual a,
form#library-calendar-annual span {
  padding-right: 1em;
}


.library_tab {
  border: solid 1px #000000;
  text-align:center;
  color: #696969;
  background: #DCDCDC;
}

.library_tab.selected {
  border-bottom: none;
  text-align: center;
  font-weight: bold;
  color: #000000;
  background: none;
}


.library_tab_annual {
  border: solid 1px #000000;
  text-align:center;
  color: #696969;
  background: #DCDCDC;
}

.library_tab_annual.selected {
  border-bottom: none;
  text-align: center;
  font-weight: bold;
  color: #000000;
  background: none;
}

.library_tab_gap {
  border-bottom: solid 1px #000000;
  padding-left: 0.1em;
  padding-right: 0.1em; 
}

.library_calendar_table {
  width:100%;
  background: #FFFFFF;
  color: #000000;
  margin-bottom: 1em;
  table-layout: fixed;
}

.library_calendar_table td {
  border: solid 1px #000000;
  color: #000000;
  text-align:center;
}

.library_calendar_table td.today {
  font-weight: bold;
  text-decoration: underline;
}

.library_calendar_table .day_of_weeks {
  background: #DCDCDC;
}

.library_calendar_table .nav {
  border: solid 1px #000000;
  background: #DCDCDC;
}

.library_calendar_table .nav td{
  border-left: none;
  border-right: none;
}

.library_calendar_table .nav .pre_month {
  border: solid 1px #000000;
  background: #FFFFFF;
  margin: 1px;
  text-align:center;
}

.library_calendar_table .nav .next_month {
  border: solid 1px #000000;
  background: #FFFFFF;
  margin: 1px;
  text-align:center;
}

.color_table {
  margin-bottom: 1em;
}

.color_table tbody {
  border: none;
}


.color_table .color_cell {
  height:1em;
  width:1em;
  border: solid 1px #000000;
}

form#library-calendar-annual {
  flex-direction:row;
  flex-wrap: wrap;
  width:100%;
}

form#library-calendar-annual .title {
  margin-bottom: 1em;
}

form#library-calendar-annual .annual_link{
  margin-right: 1em;
}

form#library-calendar-annual .annual_calendar td.month_td {
  vertical-align: top;
}


form#library-calendar-annual .library_calendar_table {
  display:inline-block;
  width:20em;
  vertical-align: top;
}

form#library-calendar-annual .library_calendar_table td{
  min-width: 33px;
  width:20em;
}


@media only screen and (max-width: 768px) {
  form#library_calendar_annual .library_calendar_table {
    width:9em;
  }
}

form#library-calendar-annual h1 {
  float: none;
  font-size: 2em;
  font-weight: bold;
}

form#library-calendar-annual h2 {
  text-align:center;
  margin:auto;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: bold;
  
}

form#library-calendar-annual th {
  padding: .3em .5em;
  font-weight: bold;
}
form#library-calendar-annual td {
  /* padding: .3em .5em; */
}
form#library-calendar-annual tbody {
  border: none;
}

table.library_calendar_admin {
  margin: 1em 0;
  width: 100%;
  border-collapse: collapse;
}
.library_calendar_admin table {
  margin: 1em 0;
  width: 100%;
  border-collapse: collapse;
}
.library_calendar_admin th {
  padding: .3em .5em;
  font-weight: bold;
}
.library_calendar_admin td {
  padding: .3em .5em;
}
.library_calendar_admin fieldset {
  border-width: 2px;
  border-style: groove;
  border-color: threedface;
}
.library_calendar_admin h1 {
  float: none;
  font-size: 2em;
  font-weight: bold;
}
.library_calendar_admin h2 {
  font-size: 1.5em;
  font-weight: bold;
}
.library_calendar_admin a {
  color: #167DE7;
  text-decoration: underline;
}
#edit-state select {
  min-width: 80px;
}
#edit-year-calendar select {
  min-width: 60px;
}


.admin-year-edit{
  margin: 1em 0;
  width: 100%;
  border-collapse: collapse;
}



.library_calendar_admin responsive-enabled {
  padding: .3em .5em;
  margin: 1em 0;
  width: 100%;
  border-collapse: collapse;
}

tr.even,
tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}


th {
  border-bottom: 3px solid #ccc;
  padding-right: 1em; /* LTR */
  text-align: left; /* LTR */
}
.library_calendar_table thead {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}

.library_calendar_table thead th{
  background: #DCDCDC;
  border: 1px solid #000000;
  text-align: center;
}

.library_color {
  width: calc(50% - 10px);
  height: 15px;
  font-size: 13px;
  color: #000000;
}

form#admin-front-cal a{
  color: #167DE7;
  text-decoration: underline;
  font-size: 13px;
}


.form-item {
 margin-top: 0.1em !important;
 margin-bottom:0.1em !important;
}



}