/*main-select*/

        .main-select .select-hidden { display: none;visibility: hidden; padding-right: 10px;}

        .main-select .select {cursor: pointer;display: inline-block;position: relative;font-size: 16px;font-weight:600;width: 50%;height: 50px;text-align:left;
          color:#404041;
        }

        .main-select .select-styled {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-color: #a8dcdd;
          padding: 15px 15px;
          -moz-transition: all 0.2s ease-in;
          -o-transition: all 0.2s ease-in;
          -webkit-transition: all 0.2s ease-in;
          transition: all 0.2s ease-in;
        }      

        .main-select  .main-change{
            float:right;
            padding-right:15px;
            font-weight:400;
            font-size:12px;
            padding-top:2px;
        }
        .main-select .select-styled:after {
          content: "";
          width: 0;
          height: 0;
          border: 7px solid transparent;
          border-color: #404041 transparent transparent transparent;
          position: absolute;
          top: 22px;
          right: 10px;
        }
        .main-select .select-styled:hover {
          background-color: #a8dcdd;
        }
        .main-select .select-styled:active, .main-select .select-styled.active {
          background-color: #a8dcdd;
        }
        .main-select .select-styled:active:after, .main-select .select-styled.active:after {
          top: 14px;
          border-color: transparent transparent #404041 transparent;
        }

        .main-select .select-options {
          display: none;
          position: absolute;
          top: 100%;
          right: 0;
          left: 0;
          z-index: 999;
          margin: 0;
          padding: 0;
          list-style: none;
          background-color: #52c3c7;
        }
        .main-select .select-options li {
          margin: 0;
          padding: 12px 0;
          text-indent: 15px;
          /*border-top: 1px solid #fff;*/
          -moz-transition: all 0.15s ease-in;
          -o-transition: all 0.15s ease-in;
          -webkit-transition: all 0.15s ease-in;
          transition: all 0.15s ease-in;
        }
        .main-select .select-options li:hover {
          color: #404041;
          background: #a8dcdd;
        }
        .main-select .select-options li[rel="hide"] {
          display: none;
        }


        /*event select style*/
       .byEvent .select {
          cursor: pointer;
          display: inline-block;
          position: relative;
          font-size: 14px;
          font-weight:600;
          width: 58%;
          height: 55px;
          text-align:left;
          color:#404041;
        }

       .byEvent .select-styled {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-color: #d3d3d3;
          padding: 20px 15px 22px;
          -moz-transition: all 0.2s ease-in;
          -o-transition: all 0.2s ease-in;
          -webkit-transition: all 0.2s ease-in;
          transition: all 0.2s ease-in;
        }
        .byEvent .select-styled:after {
          content: "";
          width: 0;
          height: 0;
          border: 7px solid transparent;
          border-color: #404041 transparent transparent transparent;
          position: absolute;
          top: 28px;
          right: 10px;
        }

        .byEvent .main-change{
            float:right;
            padding-right:15px;
            font-weight:400;
            font-size:12px;
            padding-top:2px;
        }
        .byEvent .select-styled:hover {
          background-color: #d3d3d3;
        }
        .byEvent .select-styled:active, .byEvent .select-styled.active {
          background-color: #d3d3d3;
        }
        .byEvent .select-styled:active:after, .byEvent .select-styled.active:after {
          top: 20px;
          border-color: transparent transparent #404041 transparent;
        }

        .byEvent .select-options {
          display: none;
          position: absolute;
          top: 100%;
          right: 0;
          left: 0;
          z-index: 999;
          margin: 0;
          padding: 0;
          list-style: none;
          background-color: #52c3c7;
        }
        .byEvent .select-options li {
          margin: 0;
          padding: 17px 0;
          text-indent: 15px;
          /*border-top: 1px solid #fff;*/
          -moz-transition: all 0.15s ease-in;
          -o-transition: all 0.15s ease-in;
          -webkit-transition: all 0.15s ease-in;
          transition: all 0.15s ease-in;
        }
        .byEvent .select-options li:hover {
          color: #404041;
          background: #a8dcdd;
        }
        .byEvent .select-options li[rel="hide"] {
          display: none;
        }
   
        .calander-container {
            width: 100%;
        }

            .calander-container > div {
                position:relative;
            }

            .calander-container  .calander-header {
                background-color: #d3d3d3;
                    padding: 10px 2px 12px;
                cursor: pointer;
                font-weight: bold;
            }
            .calander-header > :first-child{
                font-size:16px;
                padding-left:8px;
            }

            .calander-header > :last-child {
                   font-size: 10px;
    padding-right: 13px;
    padding-top: 8px;
            }

        .calander-header:after {
            content: "";
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-color: transparent transparent transparent #404041;
            position: absolute;
            top: 21px;
            right: 2px;
            font-size: 10px;
        }

        .calander-header.active:after {
            border-color: #404041 transparent transparent transparent;
            top: 23px;
            right: 4px;
        }
            .calander-container  .calander-content {
                display: none;
            }
    
        .month-container {
            width: 99%;
        }

            .month-container > div {
                position: relative;
            }

            .month-container .month-header {
                background-color: #d3d3d3;
                padding: 14px 8px;
                cursor: pointer;
                font-weight: bold;
            }

        .month-header > :first-child {
            font-size: 16px;
            padding-left: 8px;
        }

        .month-header > :last-child {
            font-size: 10px;
            padding-right: 13px;
            padding-top: 8px;
        }

        .month-header:after {
            content: "";
            width: 0;
            height: 0;
            border: 7px solid transparent;
            border-color: #404041 transparent  transparent  transparent ;
            position: absolute;
            top: 27px;
            right:8px;
        }

         .month-header.active:after {
          top: 20px;
          border-color: transparent transparent #404041 transparent;
        }

        .month-container .month-content {
            display: none;
        }

         /*.month-content >ul{
             width:100%;
         }
        .month-content >ul > li{
            display:inline-block;
            width:7%;
           
        }

            .month-content > ul > li > a {
                font-size:16px;
                font-weight:600;
                background-color:#e1ecec;
                color:#404041;
            }

        .month-content >ul > li+li:before{
             content: "|";
             font-size:16px;
             padding-left:5px;
        }*/

         .month-content .nav>li>a{
                 padding: 10px 11px;
                 font-size:16px;
                font-weight:600;
                background-color:#e1ecec;
                color:#404041;

         }
         .month-content .nav-pills{
             border:none;
         }

         .month-content .nav-pills > li + li{
             margin-left:unset;
         } 

         
         
            

         .month-content .nav-pills > li > a:hover, .nav-pills > li > a:focus{
             background:#52c3c7;
         }
   
        .calander-container2 {
            width: 100%;
            border-top:1px #fff solid;
        }

            .calander-container2 div {               
                position: relative;

            }

            .calander-container2 .calander-header2 {
                
                background-color: #e0e9e8;
                padding: 14px 2px;
                cursor: pointer;
                font-size:16px;
                font-weight:400;
               
                
            }

            .calander-container2 .cal-entry-togal:after {
                content: "";
                width: 0;
                height: 0;
                border: 3px solid transparent;
                border-color: transparent transparent transparent #404041;
                position: absolute;
                bottom: 20px;
                right: 2px;
                font-size: 10px;
            }

             .calander-container2 .cal-entry-togal.active:after {
               
                border-color: #fff transparent transparent transparent;
                position: absolute;
                bottom:19px;
                right: 3px;
                font-size: 10px;
            }

             .calander-bwl {
                padding: 14px 2px;
                cursor: pointer;
                font-size:16px;
                font-weight:400;
                color:#fff;
                background-color:#ec567e;
               
                
            }

        .content-bwl {
            background-color:#ec567e;color:#fff;font-size:13px;
            /* IE10+ */
            background-image: -ms-linear-gradient(top, #BD4565 0%, #EC567E 35%);
            /* Mozilla Firefox */
            background-image: -moz-linear-gradient(top, #BD4565 0%, #EC567E 35%);
            /* Opera */
            background-image: -o-linear-gradient(top, #BD4565 0%, #EC567E 35%);
            /* Webkit (Safari/Chrome 10) */
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #BD4565), color-stop(35, #EC567E));
            /* Webkit (Chrome 11+) */
            background-image: -webkit-linear-gradient(top, #BD4565 0%, #EC567E 35%);
            /* W3C Markup */
            background-image: linear-gradient(to bottom, #BD4565 0%, #EC567E 35%);
        }

             .calander-fcd {
                padding: 14px 2px;
                cursor: pointer;
                font-size:16px;
                font-weight:400;
                color:#fff;
                background-color:#d2263e;
                               
            }

             .content-fcd {
            background-color:#d2263e;color:#fff;font-size:13px;
            /* IE10+ */
            background-image: -ms-linear-gradient(top, #7B232F  0%, #d2263e 35%);
            /* Mozilla Firefox */
            background-image: -moz-linear-gradient(top, #7B232F  0%, #d2263e 35%);
            /* Opera */
            background-image: -o-linear-gradient(top, #7B232F  0%, #d2263e 35%);
            /* Webkit (Safari/Chrome 10) */
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7B232F), color-stop(35, #d2263e));
            /* Webkit (Chrome 11+) */
            background-image: -webkit-linear-gradient(top, #7B232F 0%, #d2263e 35%);
            /* W3C Markup */
            background-image: linear-gradient(to bottom, #7B232F 0%, #d2263e 35%);
        }

              .calander-u2p {
                padding: 14px 2px;
                cursor: pointer;
                font-size:16px;
                font-weight:400;
                color:#fff;
                background-color:#eb7e23;
               
                
            }


        .content-u2p {
            background-color: #d2263e;
            color: #fff;
            font-size: 13px;
            /* IE10+ */
            background-image: -ms-linear-gradient(top, #eb7e23 0%, #eb7e23 35%);
            /* Mozilla Firefox */
            background-image: -moz-linear-gradient(top, #eb7e23 0%, #eb7e23 35%);
            /* Opera */
            background-image: -o-linear-gradient(top, #eb7e23 0%, #eb7e23 35%);
            /* Webkit (Safari/Chrome 10) */
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eb7e23), color-stop(35, #eb7e23));
            /* Webkit (Chrome 11+) */
            background-image: -webkit-linear-gradient(top, #eb7e23 0%, #eb7e23 35%);
            /* W3C Markup */
            background-image: linear-gradient(to bottom, #eb7e23 0%, #eb7e23 35%);
        }


            .border-fcd{
                border-left: 7px #d2263e solid;
            }

            .border-bwl{
                border-left: 7px #ec567e solid;
            }

            .border-u2p{
                border-left: 7px #eb7e23 solid;
            }

             .border-od{
                border-left: 7px #d2ae2a solid;
            }

              .calander-od {
                padding: 14px 2px;
                cursor: pointer;
                font-size:16px;
                font-weight:400;
                color:#fff;
                background-color: #d2ae2a;
               
                
            }

               .content-od {
            background-color:#d2263e;color:#fff;font-size:13px;
            /* IE10+ */
            background-image: -ms-linear-gradient(top, #8A8230  0%, #d2ae2a35%);
            /* Mozilla Firefox */
            background-image: -moz-linear-gradient(top, #8A8230  0%, #d2ae2a35%);
            /* Opera */
            background-image: -o-linear-gradient(top, #8A8230  0%, #d2ae2a35%);
            /* Webkit (Safari/Chrome 10) */
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8A8230 ), color-stop(35,#d2ae2a));
            /* Webkit (Chrome 11+) */
            background-image: -webkit-linear-gradient(top, #8A8230  0%, #d2ae2a35%);
            /* W3C Markup */
            background-image: linear-gradient(to bottom, #8A8230  0%, #d2ae2a35%);
        }

             .border-dwr{
                border-left: 7px #70993e solid;
            }

               .calander-dwr {
                padding: 14px 2px;
                cursor: pointer;
                font-size:16px;
                font-weight:400;
                color:#fff;
                background-color:#70993e;
               
                
            }

                .content-dwr {
            background-color:#d2263e;color:#fff;font-size:13px;
            /* IE10+ */
            background-image: -ms-linear-gradient(top, #3A561D   0%, #70993e  35%);
            /* Mozilla Firefox */
            background-image: -moz-linear-gradient(top, #3A561D   0%, #70993e  35%);
            /* Opera */
            background-image: -o-linear-gradient(top, #3A561D   0%, #70993e  35%);
            /* Webkit (Safari/Chrome 10) */
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3A561D  ), color-stop(35, #7bb341));
            /* Webkit (Chrome 11+) */
            background-image: -webkit-linear-gradient(top, #3A561D   0%, #70993e  35%);
            /* W3C Markup */
            background-image: linear-gradient(to bottom, #3A561D   0%, #70993e  35%);
        }

             .border-kw{
                border-left: 7px #08a5a4 solid;
            }

             .calander-kw {
                padding: 14px 2px;
                cursor: pointer;
                font-size:16px;
                font-weight:400;
                color:#fff;
                background-color:#08a5a4;                               
            }

             .content-kw {
            background-color:#08a5a4;color:#fff;font-size:13px;
            /* IE10+ */
            background-image: -ms-linear-gradient(top, #348186  0%, #08a5a4 35%);
            /* Mozilla Firefox */
            background-image: -moz-linear-gradient(top, #348186  0%, #08a5a4 35%);
            /* Opera */
            background-image: -o-linear-gradient(top, #348186  0%, #08a5a4 35%);
            /* Webkit (Safari/Chrome 10) */
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #348186 ), color-stop(35, #08a5a4));
            /* Webkit (Chrome 11+) */
            background-image: -webkit-linear-gradient(top, #348186  0%, #08a5a4 35%);
            /* W3C Markup */
            background-image: linear-gradient(to bottom, #348186  0%, #08a5a4 35%);
        }

             .border-hfh{
                border-left: 7px #9e9f9f solid;
            }

              .calander-hfh{
                padding: 14px 2px;
                cursor: pointer;
                font-size:16px;
                font-weight:400;
                color:#fff;
                background-color:#9e9f9f;
               
                
            }

              .content-hfh {
            background-color:#6fcbd0;color:#fff;font-size:13px;
            /* IE10+ */
            background-image: -ms-linear-gradient(top, #585858  0%, #9e9f9f 35%);
            /* Mozilla Firefox */
            background-image: -moz-linear-gradient(top, #585858  0%, #9e9f9f 35%);
            /* Opera */
            background-image: -o-linear-gradient(top, #585858  0%, #9e9f9f 35%);
            /* Webkit (Safari/Chrome 10) */
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #585858 ), color-stop(35, #9e9f9f));
            /* Webkit (Chrome 11+) */
            background-image: -webkit-linear-gradient(top, #585858  0%, #9e9f9f 35%);
            /* W3C Markup */
            background-image: linear-gradient(to bottom, #585858  0%, #9e9f9f 35%);
        }

             .border-ryh{
                border-left: 7px #5852a2 solid;
            }

              .calander-ryh {
                
                padding: 14px 2px;
                cursor: pointer;
                font-size:16px;
                font-weight:400;
                color:#fff;
                background-color:#5852a2;
               
                
            }

              .content-ryh {
            background-color:#6fcbd0;color:#fff;font-size:13px;
            /* IE10+ */
            background-image: -ms-linear-gradient(top, #373465   0%, #5852a2 35%);
            /* Mozilla Firefox */
            background-image: -moz-linear-gradient(top, #373465   0%, #5852a2 35%);
            /* Opera */
            background-image: -o-linear-gradient(top, #373465   0%, #5852a2 35%);
            /* Webkit (Safari/Chrome 10) */
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #373465  ), color-stop(35, #5852a2));
            /* Webkit (Chrome 11+) */
            background-image: -webkit-linear-gradient(top, #373465   0%, #5852a2 35%);
            /* W3C Markup */
            background-image: linear-gradient(to bottom, #373465   0%, #5852a2 35%);
        }

            .cal-entry-date{
                display:inline-block;width:20%;
                vertical-align:top;
                padding:0px 5px;
            }

            .cal-entry-title{
                 display:inline-block;width:52%
            }

             .cal-entry-togal{
                 display:inline-block;width:25%;
                 font-size:10px;
                 font-weight:400;
            }

           
        

        .calander-container2 .calander-content2 {
            display: none;
            padding: 15px;
        }

        .wp-block .calander-header2{
            background:#fff;
        }

        .month-view-date{
            display:inline-block;font-size:38px;font-weight:600;padding-left:10px;vertical-align:top;
        }

        .month-view-title{
            display:inline-block;font-size:16px;font-weight:600;padding-left:10px;padding-top:7px;
        }

            .month-view-title:after {
                content: "\61";
                position: absolute;
                bottom: -5px;
                right: -100px;
                font-size: 30px;
                font-family: "untitled-font-3" !important;
                font-weight: 400;
            }

              .month-view-title.active:after {
                content: "\64";
                position: absolute;
                bottom: -5px;
                right: -100px;
                font-size: 30px;
                font-family: "untitled-font-3" !important;
                font-weight: 400;
            }

        .month-view-time{
            font-size:14px;font-weight:400;padding-top:8px;
        }

        /*Style on Dyon wait lost page */
         .month-view-date-bwl{
            display:inline-block;vertical-align:top; width:17%;text-align:right;line-height:40px
        }

        .month-view-title-bwl{
            display:inline-block;font-weight:600;padding-left:10px;width:80%;font-size:14px;
        }

        
             .calander-container2>div:first-child:after {
    content: "\61";
    position: absolute;
    bottom: 0px;
    right:0;
    padding-right:5px;
    font-size: 30px;
    font-family: "untitled-font-3" !important;
    font-weight: 400;
}

        .calander-container2>div:first-child.active:after{
                content: "\64";
    position: absolute;
    bottom: 0px; right:0;
    padding-right:5px;
    font-size: 30px;
    font-family: "untitled-font-3" !important;
    font-weight: 400;

        }

        .month-view-time-bwl{
           font-weight:400; 
            font-size:13px;
        }
        .month-view-day-bwl {
            font-family:Oswald;font-size:40px;font-weight:300;
        }
        .month-view-month-bwl {
            font-size:20px;
        }
        

        .wp-block{
            -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 49, 0.51);
            -moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 49, 0.51);
            box-shadow: 1px 1px 3px 0px rgba(50, 50, 49, 0.51);
        }

        .nav-pills{
            margin-bottom:0px !important;
        }

        .rj-date-subtitle-enage {
            font-family: "Laila", sans-serif;
            font-weight: 400;
            font-size: 37px;
            line-height: 50px;
        }

        .text-engage{
            font-weight: 400;
            line-height: 25px;
        }

        .enage-container{
            padding-bottom:0px;width:65%
        }

        .enage-row{
            padding-bottom:6%;
        }
        .supdate{
            font-size:10px;
            vertical-align:super;
        }

        .month-content .navbar{
            min-height: unset; 
     margin-bottom: unset; 
     border: unset; 
     border-radius:unset;
     background:#e1ecec;
        }

        .month-content .navbar-default .navbar-nav>li>a:hover, .month-content .navbar-default .navbar-nav>li>a:focus{
            background:#52c3c7;
        }

        .month-content .navbar-default .navbar-nav>li>a{
                 padding: 10px 11px;
                 font-size:16px;
                font-weight:600;
                background-color:#e1ecec;
                color:#404041;

         }

        .month-content .navbar-nav > li + li:before {
            content: "";
            position: absolute;
            top: 2px;
            bottom: 0;
            width: 1px;
            height: 18px;
            border-radius: 0;
            margin: auto 0;
            display: block;
            background: #fff;
            transition: 300ms;
            -webkit-transition: 300ms;
            z-index: 5;
        }

        .anchor {
    display: block;
    height: 115px;
    margin-top: -115px;
    visibility: hidden;

.book-list-container > div {
  display: flex;
  flex-wrap: wrap;
}
}