﻿
/*  
Theme Name : AJS_Banner
angular Version : angular 1.5.8;
Theme Author : Praneesh p p
slider Designed by : Ysecit
*/
*,
html,
body {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: 'Roboto Condensed', sans-serif;   
} .closeyCl {
               width: 100%;
               height: 100%;
               position: fixed;
               top: 0;
               left: 0;
               z-index: 999;
           }
           .ysecCa_W {
               width: 100%;
               display: inline-block;
               text-align: center;
               line-height: 45px;
               font-size: 14px;
               position: relative;
               z-index: 100000;
			   position:absolute;
			   left:0;top:0;
                box-shadow: 0 0 25px rgba(0, 0, 0, 0.6); 
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.6); 
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
           }
           .y_year_H {
               width: 100%;
               float: left;
               height: 45px;
           }
           .y_year_H > div {
                   float: left;
                   height: 45px;
                   width: 25%;
                   cursor:pointer;
               }
               .y_year_H > div:nth-child(2) {
                       width: 50%;
                   }
               .y_year_H > div:nth-child(2) > span {
                           width: 50%;
                           float: left;
                           cursor: pointer;
                       }

           .y_weeks_H {
               width: 100%;
               float: left;
               height: 45px;
           }
           .y_weeks_H.hideClass {
               display:none;
           }
               .y_weeks_H > ul {
                   width: 100%;
                   float: left;
                   list-style: none;
                   padding: 0;
                   margin: 0;
               }

                   .y_weeks_H > ul > li {
                       width: 14.285714285%;
                       height: 45px;
                       float: left;
                   }

           .y_days_H {
               width: 100%;
               float: left;
           }

               .y_days_H > ul {
                   width: 100%;
                   float: left;
                   list-style: none;
                   padding: 0;
                   margin: 0;
               }

                   .y_days_H > ul > li {
                       width: 14.285714285%;
                       height: 45px;
                       float: left;
                       position: relative;
                   }
                   .y_days_H.monthList > ul > li {
                       width:33.333333%;
                       height: 80px;
    line-height: 80px;
                   }
     .y_days_H.YearList > ul > li {
                       width:20%;
                   }


                       .y_days_H > ul > li > label {
                           position: absolute;
                           width: 100%;
                           height: 100%;
                           top: 0;
                           left: 0;
                       }

                           .y_days_H > ul > li > label.active {
                               background-color: #5b57a6;
                               color: #fff;
                           }

               .y_days_H > ul > li.active {
                     background-color: #5b57a6;
                               color: #fff;
               }
    .y_days_H > ul > li.selectDtae {
                     background-color: #808080;
                               color: #fff;
               }
               .y_days_H > ul > li.disableDtae {
                   opacity:0.4;
               }
           .y_all_year {
               width: 100%;
               float: left;
           }

               .y_all_year > ul {
                   width: 100%;
                   float: left;
                   list-style: none;
                   padding: 0;
                   margin: 0;
               }

                   .y_all_year > ul > li {
                       width: 25%;
                       float: left;
                       height: 70px;
                       cursor: pointer;
                       line-height: 70px;
                   }

                       .y_all_year > ul > li.active {
                           background-color: #5b57a6;
                           color: #fff;
                       }

               .y_all_year > div > span {
                   width: 25%;
                   float: left;
                   text-align: center;
                   height: 45px;
               }

                   .y_all_year > div > span:last-child {
                       float: right;
                   }

                       .y_all_year > div > span:last-child > i {
                           width: 50%;
                           float: left;
                           cursor: pointer;
                       }

           .y_all_month {
               width: 100%;
               float: left;
           }

               .y_all_month > ul {
                   width: 100%;
                   float: left;
                   list-style: none;
                   padding: 0;
                   margin: 0;
               }

                   .y_all_month > ul > li {
                       width: 33.333333%;
                       float: left;
                       height: 70px;
                       cursor: pointer;
                       line-height: 70px;
                   }

                       .y_all_month > ul > li.active {
                           background-color: #5b57a6;
                           color: #fff;
                       }

               .y_all_month .y_year_H > div:nth-child(2) > span {
                   width: 100%;
               }

           .y_all_year .y_year_H > div:nth-child(2) > span:first-child:before {
               content: "-";
               display: inline-block;
               float: right;
           }

           .ysecCa_W {
               background-color: #fff;
               /*padding: 45px 50px;*/
               color: #191617;
               width:300px;
           }