/* Monali CSS regarding Responsive Scheduler*/
.rsContentWrapper
{
    width: 100%;
    height: 100%;
}


@media (min-width: 320px) and (max-width: 500px) 
{
    .RadScheduler .rsHeader { height: 56px !important;}
    /*.RadScheduler .rsHeader h2 { overflow: inherit !important;text-indent: 12px !important; }*/
    .RadScheduler .rsHeader h2 { margin-top: 32px; margin-left: -29px; }
    div .rsContent.rsMonthView { margin-top: 0px !important; }
    .RadScheduler .rsHeader ul a { width: 42px; }
    .RadScheduler .rsHeader li { line-height : unset !important;}    
}
.RadScheduler_Default .rsHeader .rsSelected em { height: 100% !important; width: 55px !important; }

@media only screen and (max-width : 360px) and (max-height : 640px)
{


.RadScheduler .rsApt
{
    font-size:5px;
}
    div .rsContent.rsMonthView
    {
        margin-top: 30px;
        border-top: 1px solid gray;
   overflow:hidden;
        font-size: 10px;
    }

    h2
    {
        min-width: 100px;
    }

    .rsAptContent
    {
        height: 100px;
            font-size: 10px;
            overflow:hidden;
    }

}
/* End of Monali CSS regarding Responsive Scheduler*/

/* Main.css Page*/

.rsContentScrollArea
{
    overflow: scroll;
}


.rsContentWrapper
{
    width: 100%;
    height: 100%;
}




@media only screen and (max-width : 435px)
{

    div .rsContent.rsMonthView
    {
        margin-top: 30px;
        border-top: 1px solid gray;
       overflow:hidden;
        font-size: 10px;
    }

    h2
    {
        font-size: 10px;
        min-width: 100px;
    }

    .rsAptContent
    {
        height: 100px;
       overflow:hidden;
        font-size: 10px;
    }
    
}


@media only screen and (max-width : 435px)
{
    
    .rsAdvancedEdit1
    {
    height:300px;
    }
    
   div .rsContent.rsWeekView
   {
                border-top: 1px solid gray;
        overflow:hidden;
        font-size: 10px;
    }  
    
     div .rsHeader h2
    {
        font-size:10px;
        min-width:150px;
    }
}
/* End of Mail css Page*/


.rsAdvContentWrapper
{
    margin-top:5px;
}
.rsAdvTitle
{
    padding-bottom:5px;
}

.rsAlt
{
    height:50%;
   
}

.rsVerticalHeaderTable tbody tr
{
  
    height:100%;
}
.rsContentTable
{
    height:auto;
    height:100%;
    
}
    .RadScheduler_Default .rsHeader .rsSelected 
    {
        margin-top:5px;
    }
        
    .rsContentScrollArea
    {
        height:100%;
        height:auto;
    }
    
     .RadScheduler_Default .rsHeader, .RadScheduler_Default .rsHeader ul a:hover, .RadScheduler_Default .rsHeader ul a:hover span, .RadScheduler_Default .rsHeader .rsSelected, .RadScheduler_Default .rsHeader .rsSelected em, .RadScheduler_Default .rsHeader .rsDatePickerActivator, .RadScheduler_Default .rsHeader .rsPrevDay, .RadScheduler_Default .rsHeader .rsNextDay
       {
           background-image:none;
       } 
    
    .RadScheduler_Default .rsHeader .rsSelected em
    {
        /*margin-top:5px;*/
    }
     .RadScheduler_Default .rsHeader
    {
        background-image:none;

        background-color:#0072CF;
    }
  
    .RadScheduler_Default .rsHeader .rsPrevDay
    {
        background-image:url("Images/2.png");
        background-position:center;
              margin-top:5px;
    
    }
    .RadScheduler_Default .rsHeader .rsPrevDay:hover
    {
        background-image:url("Images/2.png");
        background-position:center;
              margin-top:5px;
    
    }
  .RadScheduler .rsHeader 
  {
      height:40px;
  }
  .RadScheduler .rsHeader .rsPrevDay
  {
      width:22px;
      height:22px;
      border:2px solid #7bc53e;
      border-radius:5px;
            margin-top:5px;
      
  }
  
  .rsHeader p
  {
      height:30px;
  }
  
  .RadScheduler_Default .rsHeader .rsNextDay 
  {
         width:22px;
      height:22px;
      border:2px solid #7bc53e;
      border-radius:5px;
            margin-top:5px;
  }
    .RadScheduler_Default .rsHeader .rsNextDay
    {
        background-image:url("Images/3.png");
        background-position:center;
        margin-left:15px;
              margin-top:5px;
    }
     .RadScheduler_Default .rsHeader .rsNextDay:hover
    {
        margin-left:15px;
        background-image:url("Images/3.png");
        background-position:center;
              margin-top:5px;
    }
                                                                                            
                                                                                            
                                                                                            
                                                                                            
    .RadScheduler_Default .rsHeader .rsDatePickerActivator
    {
     
        background-image:url("Images/1.png");
        background-position:center;
              margin-top:5px;
     }
     .RadScheduler_Default .rsHeader .rsDatePickerActivator:hover
    {
     
        background-image:url("Images/1.png");
        background-position:center;
              margin-top:5px;
     }
     
      .RadScheduler_Default .rsHeader .rsDatePickerActivator 
  {
         width:22px;
      height:22px;
      border:2px solid #7bc53e;
      border-radius:5px;
      margin-top:5px;
  }
  
  .rsHeader h2
  {
      border-bottom:none;
      color:White;
            margin-top:5px;
  }
  
.RadScheduler_Default .rsHeader a 
{
      color:White;
      margin-left:15px;
      margin-right:15px;
      font-size:15px;
      text-decoration:none;
        
  }
  
  .RadScheduler .rsHeader .rsToday 
  {
line-height: 40px;
}
  em a .rsToday
  {
         margin-top:5px;
  }
    ul li.rsFirst
  {
       margin-top:5px;

       
  }
  ul li.rsSelected.rsFirst
  {
       margin-top:5px;
  }
  .RadScheduler .rsHeader ul em 
  {
      text-align:center;
      padding:0px;
  }
  
   ul li a.rsHeaderDay
   {
         margin-top:5px;
      background-image:-webkit-linear-gradient(top,#7bc53e 0%,#55a51c 100%);
       background-image:-moz-linear-gradient(top,#7bc53e 0%,#55a51c 100%);
       background-image:-o-linear-gradient(top,#7bc53e 0%,#55a51c 100%);
       background-image:linear-gradient(top,#7bc53e 0%,#55a51c 100%);
      -moz-border-radius:4px;
     -webkit-border-radius:4px;
     background-color:#7bc53e;
    border-radius:4px;
    width:50px;
     height:30px;
    text-align:center;
 }
 
 ul li a.rsHeaderAgenda
   {
         margin-top:5px;
      background-image:-webkit-linear-gradient(top,#7bc53e 0%,#55a51c 100%);
       background-image:-moz-linear-gradient(top,#7bc53e 0%,#55a51c 100%);
       background-image:-o-linear-gradient(top,#7bc53e 0%,#55a51c 100%);
       background-image:linear-gradient(top,#7bc53e 0%,#55a51c 100%);
      -moz-border-radius:4px;
     -webkit-border-radius:4px;
     background-color:#7bc53e;
    border-radius:4px;
     width:50px;
      height:30px;
    text-align:center;
 }
       
       
  
  
 ul li a.rsHeaderWeek
 {
     margin-top:5px;
      background-image:-webkit-linear-gradient(top,#7bc53e 0%,#55a51c 100%);
       background-image:-moz-linear-gradient(top,#7bc53e 0%,#55a51c 100%);
       background-image:-o-linear-gradient(top,#7bc53e 0%,#55a51c 100%);
       background-image:linear-gradient(top,#7bc53e 0%,#55a51c 100%);
      -moz-border-radius:4px;
     -webkit-border-radius:4px;
     background-color:#7bc53e;
    border-radius:4px;
     height:30px;
    
    text-align:center;
 }
  
  
   ul li.rsLast
  {
      margin-top:5px;
         
       
  }
  ul li.rsSelected.rsLast
  {
      margin-top:5px;
  }
  
   ul li a.rsHeaderMonth
   {
          margin-top:5px;
                background-image:-webkit-linear-gradient(top,#7bc53e 0%,#55a51c 100%);
       background-image:-moz-linear-gradient(top,#7bc53e 0%,#55a51c 100%);
       background-image:-o-linear-gradient(top,#7bc53e 0%,#55a51c 100%);
       background-image:linear-gradient(top,#7bc53e 0%,#55a51c 100%);
        background-color:#7bc53e;
      border-radius:4px;
       -moz-border-radius:4px;
     -webkit-border-radius:4px;
      width:50px;
       height:30px;
    text-align:center;
   }
   ul li a.rsHeaderMonth:active,  ul li a.rsHeaderMonth:focus
   {
          margin-top:5px;
     background-image:-webkit-linear-gradient(top,#7bc53e 0%,#428612 100%);
       background-image:-moz-linear-gradient(top,#7bc53e 0%,#428612 100%);
       background-image:-ms-linear-gradient(top,#7bc53e 0%,#428612 100%);
       background-image:linear-gradient(top,#7bc53e 0%,#428612 100%);
       background-image:-o-linear-gradient(top,#7bc53e 0%,#428612 100%);
        background-color:#7bc53e;
      border-radius:4px;
       -moz-border-radius:4px;
     -webkit-border-radius:4px;
   }
   
   
   
 .RadScheduler_Default .rsHeader a 
 {
     margin-left:3px;
     margin-right:3px;
 }
   .RadScheduler_Default .rsHeader .rsSelected em
   {
       background-image:none;
       height:30px;
             width:50px;
             text-align:center;
   }
   .RadScheduler .rsHeader ul a
   {
       height:15%;
   }
     ul li em .rsHeaderWeek
     {
         text-align:center;
         padding: 0 9px 0 0;
         
     }
 .RadScheduler .rsHeader .rsSelected 
 {
     padding-left:0px;
 }
                                
   .RadScheduler_Default .rsHeader .rsSelected
   {
      
       background-image:-webkit-linear-gradient(top,#55a51c 50%,#55a51c 50%);
       background-image:-moz-linear-gradient(top,#55a51c 100%,#55a51c 50%);
       background-image:-o-linear-gradient(top,#55a51c 50%,#55a51c 50%);
       background-image:linear-gradient(top,#55a51c 50%,#55a51c 50%);
        background-color:#55a51c;
        border-radius:4px;
       -moz-border-radius:4px;
       -webkit-border-radius:4px;
  }
   .RadScheduler_Default .rsHeader ul span
   {
       color:White;
       font-size:12px;
   }
   
   .RadScheduler_Default .rsHorizontalHeaderTable th 
   {
       background-image: url('images/header_bg.gif');
       background-repeat:repeat-x;
       background-color:Gray;
   }
   .RadScheduler_Default .rsHorizontalHeaderTable tr td div 
   {
       background-image: url('images/header_bg.gif');
       background-color:Gray;
   }
   tr td.rsSpacerCell
   {
       background-image: url('images/header_bg.gif');
       background-color:Gray;
   }
   .RadScheduler_Default .rsSpacerCell
   {
       background-image:none;
          background-color:Gray;
   }
   .rsHorizontalHeaderWrapper
   {
       background-color:Gray;
   }
   .rsInnerFix
   {
       background-color:Gray;
   }
       .RadScheduler_Default a
       {
           color:#333;
       }
       
       
     .RadScheduler_Default .rsHorizontalHeaderTable 
     {
         color:White;
     }

      .RadScheduler .rsHeader h2 
      {
          font-size: 12px;
      }
      .rsToday
      {
            font-size: 14px;
      }   
    
       .RadScheduler .rsDateHeader 
       {
           color:Black;
       }
            .RadScheduler .rsDateHeader a
       {
           color:White;
       }
       
       .rsDateHeader
       {
           color:White;
       }
 
