/*Mobile Style*/

@media only screen and (max-device-width : 667px){
    .RadWindow .rwTable {width: 93% !important;}
    .RadTouchExtender { width: 93% !important;}
    .rwIcon {width: 18px !important;}
    .RadWindow .RadWindow_Office2007 .rwNormalWindow .rwTransparentWindow .rwShadow {width: 93% !important;}
    #ctl00_ContentPlaceHolder1_RadWindow1_C {padding: 2px !important;overflow: hidden !important;}
    .RadAsyncUpload .ruButton {background-image: url("../images/ruSprite.png") !important;}
    .RadUpload .ruBrowse {width: 8em !important;height: 1.4em !important;}
    .ruFileInput {width: 100px !important;}
    .ruFakeInput .radPreventDecorate {width: 180px !important;}
    .RadUpload {width: 95% !important;} 
   
  #pwd_strength_wrap
   {
       width:90%;
       
       }
   
    #pwdErr, #repwdErr
     {
         
         display:block; left:0; z-index:999;
         }  
       
    #ctl00_ContentPlaceHolder1_NewUserPanel, 
    #ctl00_ContentPlaceHolder1_Login1, 
    #ctl00_ContentPlaceHolder1_PasswordRecovery1
    {
        width: 98% !important;
        font-size: 1.3rem !important;
    }
    
    /*Text in login box header*/
    #ctl00_ContentPlaceHolder1_lblTitleNewUser, 
    #ctl00_ContentPlaceHolder1_Login1_lblTitleLogin,
    #ctl00_ContentPlaceHolder1_PasswordRecovery1_UserNameContainerID_lblTitleforgot 
    {
        font-size:1.3rem !important;
    }
    
    .boxHeader
    {
        height:33px !important;
        padding-top:5% !important;          
    }
    
    .detailseperator, .seperator
    {
         width:90% !important;
         margin-top:10px !important;
         font-size: 1.3rem !important;
        
        }
        
        
      .loginButton
     {
        margin-left:2% !important;
        width:95% !important;
     }
    
 
    .cvmbutton
    { 
        width: 99%;
        margin:0;
        margin-bottom: 0px !important;
        margin-top: 3% !important;
        display:block;
        
    }
    
    
   .k-window
   {
       width:95% !important; 
       margin-left:1% !important;    
   }
    
     .btnKendo
    {  
        width:30% !important;
        text-align:center !important;
        font-size: 1.3rem !important;
        
    }
      
    
    .cvmbutton:hover:not([disabled]),.loginButton:hover,.btnKendo:hover
    {
        background-color:#B4B3B5;
    }
           
    .cvmbutton,.loginButton,.btnKendo
    {
        
         height:35px !important;
        -moz-border-radius-bottomright: 50px;
        border-bottom-right-radius: 50px;
        -moz-border-radius-topright: 50px;
        border-top-right-radius: 50px;
        -moz-border-radius-bottomleft: 50px;
        border-bottom-left-radius: 50px;
        -moz-border-radius-topleft: 50px;
        border-top-left-radius: 50px;
        border-color: transparent;
        background-color:#9C9C9C;
    } 
    
    .cvmbutton,.loginButton
    {
         font-size: 1.6rem !important;
    }
     

     
    .cvmbutton:disabled 
    {
        background-color: #DADAE2 !important;
    }
   
   
   
    .labelColumn,.loginText,#ctl00_ContentPlaceHolder1_NewUserPanel span, 
    #ctl00_ContentPlaceHolder1_Login1 span, #ctl00_ContentPlaceHolder1_PasswordRecovery1 span
    {
        width:93% !important;
        margin-left:1% !important;
    }
    
    
     .formlabel, select, span, #ctl00_ContentPlaceHolder1_RadGrid1, p, a, input
     {
        width:95%;
        font-size: 1.3rem !important;
    }
    
    select,.riSingle .riTextBox[type="text"], .loginText ,.KWTextbox, input
    {
        height:30px !important;
        font-size: 1.3rem !important;
    }
          
    
    select:focus, textarea:focus, input:focus 
    {
        background:#eee;
    }
    
    #ctl00_MainContentArea
    {
        font-size: 1.3rem !important;
    }

        
    
        /* RadGrid row items */
    .RadGrid_Transparent .rgMasterTable, .RadGrid_Transparent .rgDetailTable, .RadGrid_Transparent .rgGroupPanel table, .RadGrid_Transparent .rgCommandRow table, .RadGrid_Transparent .rgEditForm table, .RadGrid_Transparent .rgPager table
    {
        font-size:1.3rem !important;
     
     }
     
             
     /* RadGrid Headers*/ 
     .RadGrid .rgHeader a
     {
        font-size:1.4rem !important;
     }
     
     .divpanel1,.divpanel2,.spanpanel1,.spanpanel2
     {
         font-size: 1.3rem !important;
         }
         
    #DivStoreContainer
    {
         width:95% !important;
         font-size: 1.3rem !important;
    }
    
    .rgPageFirst, .rgPageLast
    {
       width:20px !important;
        }
        
        .rgPagePrev
        {
             padding-right:30% !important;
            }

}



@media only screen and (min-device-width : 668px) and (max-device-width : 1024px){
/*@media only screen and (min-width : 481px) and (max-width : 568px)*/

    #pwdErr, #repwdErr
     {  
         display:block; left:0; z-index:999;
     } 
    
    #ctl00_ContentPlaceHolder1_NewUserPanel, 
    #ctl00_ContentPlaceHolder1_Login1, 
    #ctl00_ContentPlaceHolder1_PasswordRecovery1
    {
        width:90% !important;
        margin-left:5% !important;
        font-size:1.2rem !important;
        
    }
    
    .boxHeader
    {
        height:35px !important;
        padding-top:5% !important;
          
    }
    
    .detailseperator, .seperator
    {
         width:90% !important;
         margin-top:10px !important;
         font-size: 1.2rem !important;
        
        }
    
 
    .cvmbutton
    { 
        width: 90% !important;
        margin-bottom: 0px !important;
        margin-top: 3% !important;
        display:block;
        
    }
    
    .loginButton
    {
        margin-left: 6% !important;
        width: 88% !important;
    }
    
    .k-window
   {
       width:60%;
       
   }
     .btnKendo
    {  
        text-align:center !important;
        width:36% !important;
        font-size: 1.3rem !important;
   
    }
      
    
    .cvmbutton:hover:not([disabled]),.loginButton:hover,.btnKendo:hover
    {
        background-color:#B4B3B5;
    }
           
    .cvmbutton,.loginButton,.btnKendo
    {
        
         height:30px !important;
        -moz-border-radius-bottomright: 50px;
        border-bottom-right-radius: 50px;
        -moz-border-radius-topright: 50px;
        border-top-right-radius: 50px;
        -moz-border-radius-bottomleft: 50px;
        border-bottom-left-radius: 50px;
        -moz-border-radius-topleft: 50px;
        border-top-left-radius: 50px;
        border-color: transparent;
        background-color:#9C9C9C;
    } 
    
    .cvmbutton,.loginButton
    {
         font-size: 1.6rem !important;
    }
      
     

    .cvmbutton:disabled 
    {
        background-color: #DADAE2 !important;
    }
   
    .labelColumn,.loginText,#ctl00_ContentPlaceHolder1_NewUserPanel span, 
    #ctl00_ContentPlaceHolder1_Login1 span, #ctl00_ContentPlaceHolder1_PasswordRecovery1 span
    {
        width:90% !important;    
        margin-left:5%;
    }
    
          
     .formlabel, select, span, #ctl00_ContentPlaceHolder1_RadGrid1, p, a, input
     {
        width:90% !important;
        font-size: 1.2rem !important;
    }
    
    select,.riSingle .riTextBox[type="text"], .loginText, .KWTextbox, input 
    {
        height:25px !important;
        font-size: 1.2rem !important;
    }
        
    
    
    select:focus, textarea:focus, input:focus 
    {
        background:#eee;
    }
    
    #ctl00_MainContentArea
    {
        font-size: 1.2rem !important;
    }

        
    
        /* RadGrid row items */
    .RadGrid_Transparent .rgMasterTable, .RadGrid_Transparent .rgDetailTable, .RadGrid_Transparent .rgGroupPanel table, .RadGrid_Transparent .rgCommandRow table, .RadGrid_Transparent .rgEditForm table, .RadGrid_Transparent .rgPager table
    {
        font-size:1.2rem !important;
     
     }
     
                 
 
     /* RadGrid Headers*/ 
     .RadGrid .rgHeader a
     {
        font-size:1.3rem !important;
     }
     
     .divpanel1,.divpanel2,.spanpanel1,.spanpanel2
     {
         font-size: 1.2rem !important;
         }
     
         
    #DivStoreContainer
    {
         width:95% !important;
         font-size: 1.3rem !important;
    }
    
    .rgPageFirst, .rgPageLast
    {
       width:20px !important;
        }
        
        .rgPagePrev
        {
             padding-right:30% !important;
            }
        
        
}