/* 
    Document   : 11.week.scheduler
    Created on : 27 Aug 2014, 1:32:00 PM
    Author     : Salman Noor : School of Electrical and Information Engineering
    Description:
        Purpose of the stylesheet follows.
*/

        #mealsSchedule{
            font-size: 90% !important; 
        }
        .k-scheduler-navigation > .k-nav-current > a,.k-scheduler-navigation > .k-nav-current > a > span:last-of-type{
            max-width:550px !important;   
        }


        @media screen and (max-width: 65em) {
            #mealsSchedule{
                font-size: 65% !important; 
            }
            #mealsTypeSelector,#mealsTypeSelectorTitle,.mt-sel-container{
                font-size: 75% !important; 
            }

        }

        @media screen and (max-width: 50em) {
            .mt-sel-container div{
                display:block;
                margin:auto;
                text-align: center;
            }
        }
        
#mealsTypeSelector{
   display: block;
    background: none repeat scroll 0 0 #DAECF4;
    color: #003F59;
    font-weight: 100;
    text-transform: uppercase;
margin-bottom: 10px;
   
}
#mealsTypeSelectorTitle{
     width:40%;
      display: inline-block;
      margin: 0;
       font-size: 40px;
        letter-spacing: 8px;
        padding-left: 20px;
}

.mt-sel-container {
     display: inline-block;
     width:20%;
      margin-right: -4px;
       cursor: pointer;
       padding: 5px 0%;
       color: white;
        font-size: 20px;
        letter-spacing: 4px;
}

.mt-sel-icon:before{
    font-family: 'icomoon';
    font-size: 2.0em;
}

.mt-sel-icon-br:before{
    content: "\e60b"; /* Sunrise */
}
.mt-sel-icon-lu:before{
    content: "\e60c"; /* Day */
}
.mt-sel-icon-su:before{
    content: "\e60d"; /* Night */
}
.meal-type-checkbox-container{
    padding:0 5%;
    display: inline-block;
   
}
.meal-type-checkbox-container input{
    margin: auto;
    vertical-align: super;
}
    .mt-sel-container.mt-sel-br{
background: none repeat scroll 0 0 #33CCCC;    
}
        .mt-sel-container.mt-sel-lu{
background: none repeat scroll 0 0 #FFCC66;    
}

    .mt-sel-container.mt-sel-su{
background: none repeat scroll 0 0 #3399CC;    
}
.meal-type-des-container{
    padding:0 5%;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.meal-type-des-container label{
    cursor: pointer;
}


.k-nav-current > .k-link span + span {
    max-width: 200px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
}