.library_calendar_block {
  width: 100%; }

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

.library_tab {
  text-align: center;
  color: #696969;
  background: #dcdcdc; }

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

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

.library_calendar_table {
  margin-top: 1.8rem;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.library_calendar_table td {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  border: 2px solid #fff;
  background-color: #fff;
  text-align: center;
  font-size: 1.8rem;
  font-family: "Open Sans", sans-serif;
}

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

.library_calendar_table .day_of_weeks {
  background: #dcdcdc; }

.library_calendar_table .nav, .library_calendar_table .library_tabs {
  border: solid 1px #000;
  background: #dcdcdc; }

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

.library_calendar_table .nav .pre_month, .library_calendar_table .library_tabs .pre_month {
  border: solid 1px #000;
  background: #fff;
  margin: 1px;
  text-align: center; }

.library_calendar_table .nav .next_month, .library_calendar_table .library_tabs .next_month {
  border: solid 1px #000;
  background: #fff;
  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 #000; }

form#library-calendar-annual {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  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: auto;
  vertical-align: top; }

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

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 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;
  text-align: left; }

.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 #000;
  text-align: center; }

.library_color {
  width: calc(50% - 10px) !important;
  height: 13px !important; }

/*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; }


.library_calendar_block {
  width: 100%; }

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

.library_tab {
  border: none;
  text-align: center;
  background: #cccccc;
  padding: 12px 20px;
  font-size: 15px;
  letter-spacing: 1.5px;
  color: #333; }

.library_tab.selected {
  text-align: center;
  font-weight: bold;
  color: #333333;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-bottom: none; }

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

.library_calendar_table {
  margin-top: 1.8rem;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.library_calendar_table td {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  border: 2px solid #fff;
  background-color: #fff;
  text-align: center;
  font-size: 1.6rem;
  font-family: 'Hiragino Kaku Gothic Pro', 'YuGothic', 'YuMincho', sans-serif;
}

@media screen and (max-width: 320px){
.library_calendar_table td {
    padding: 3px 10px 20px 5px;
}
}

.library_calendar_table tr:nth-child(2) td{
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  border: 2px solid #fff;
  background-color: #666;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
}
.library_calendar_table td.pre_month {
  background: url("../img/LeftTriangle_Icon.svg") no-repeat center;
  margin-left: 1.5rem;
  overflow: hidden;
  text-indent: -999999px;
}
.library_calendar_table td.year_month {
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
}
.library_calendar_table td.next_month {
  background: url("../img/RightTriangle_Icon.svg") no-repeat center;
  margin-right: 1.5rem;
  overflow: hidden;
  text-indent: -999999px;
}
.library_calendar_table td.pre_month,
.library_calendar_table td.next_month,
.library_calendar_table td.year_month {
  text-align: center;
  background-color: transparent;
  border: none;
  padding:1.8rem 0;
}
.library_calendar_table td.today {
  font-weight: bold;
  text-decoration: underline; }

.library_calendar_table .day_of_weeks {
  background: #DCDCDC; }

.library_calendar_table .nav, .library_calendar_table .library_tabs {
  border: 1px solid #dee2e6;
  background: #DCDCDC; }

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

.library_calendar_table .nav .pre_month, .library_calendar_table .library_tabs .pre_month {
  border: 1px solid #dee2e6;
  background: #FFFFFF;
  margin: 1px;
  text-align: center;
  padding: 5px 0;
}

.library_calendar_table .nav .next_month, .library_calendar_table .library_tabs .next_month {
  border: 1px solid #dee2e6;
  background: #FFFFFF;
  margin: 1px;
  text-align: center;
  padding: 5px 0;
}
#edit-annual,
#edit-setting{
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 1.0rem;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  width: 100%;
  height: auto;
  background-color: #191d6a;
  transition: 0.3s all linear;
  font-size: 1.5rem !important;
  color: #fff !important;
  letter-spacing: 0.05em;
  align-items: center;
  text-decoration: none !important;
}
#edit-annual:hover,
#edit-setting:hover{
  background-color: #222;
}
.color_table {
  margin-bottom: 1em; }

.color_table tbody {
  border: none; }

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

form#library-calendar-annual {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  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: auto;
  vertical-align: top; }

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

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 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;
  text-align: left; }

.library_calendar_table thead {
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  padding: 0.1em 0.6em; }

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

.library_color {
  width: calc(50% - 10px) !important;
  height: 13px !important; }

/*form#admin-front-cal a {*/
/*  color: inherit;*/
/*  text-decoration: inherit;*/
/*  font-size: inherit; }*/

.form-item.form-group {
  margin-bottom: 1rem !important; }

.library_tabs {
  display: none;
  /*
    .library_tab {
        @extend .nav-item;
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;

        a {
            @extend .nav-link;

        }
    }
    */ }

form#library-calendar-annual .library_calendar_table {
  width: 100%; }

.library_calendar_table {
  text-align: center;
  border: none; }

.library_color {
  width: auto !important;
  max-width: 100%;
  min-width: 200px;
  border: 1px solid #cccccc;
  padding: 0.2rem 0.5rem;
  height: auto !important; }

form#library-calendar-annual:after {
  content: "";
  display: block;
  clear: both; }

form#library-calendar-annual > h2 {
  font-size: 23px;
  letter-spacing: 0.06em;
  color: #333;
  border-bottom: solid 1px #999999;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 30px;
  margin-top: 30px;
  font-weight: bold; }

form#library-calendar-annual .library_tabs {
  padding-top: 40px;
  margin-bottom: 45px;
  border-bottom: 1px solid #cccccc;
  /*
            .library_tab {
                display: list-item;
                font-size: 15px;
                letter-spacing: 1.5px;
                color: $top_main_tab_color;

                a {
                    color: $base_red;
                    transition: $animation;
                    padding: 12px 45px;


                    &:hover {
                        color: $base_red_opacity;
                        transition: $animation;
                        border-bottom-color: #fff;
                    }

                }

                &.selected {
                    border: 1px solid $bread_arrow;
                    border-bottom-color: #fff;
                    padding: 12px 45px;
                }
            }
            */ }
form#library-calendar-annual .library_tabs tbody,
form#library-calendar-annual .library_tabs tr {
  display: inherit; }

form#library-calendar-annual .library_calendar_table {
  max-width: 29%;
  margin: 0 3% 5% 0;
  /*float: left;*/ }

@media screen and (max-width: 1024px){
  form#library-calendar-annual .library_calendar_table {
    max-width: 45%;
  }
}
@media screen and (max-width: 620px){
  form#library-calendar-annual .library_calendar_table {
    max-width: 90%;
  }
}

.form-control,
.btn{
  font-size:1.4rem !important;
}