/** File was created for certification of a small device device Zebra PS20 for GSM2 
    PS20 Height: 462px    Width: 320px
    TC52 Height: 568px    Width: 360px
**/


/** Manage display of header buttons based on the width of the screen
*  So that it can be possible to have 2 header buttons on left side and 2 on right side.
**/

@media (max-width: 325px) {
    .seyc-header-left-section{
    	padding-left: 5px;
    }

    .seyc-header-right-section{
    	padding-right: 5px;
    }
}

@media (max-width: 300px) {

    .seyc-header-left-section{
    	padding-left: 2px;
    }

    .seyc-header-right-section{
    	padding-right: 2px;
    }

}


/** Manage Login popup **/
@media (max-height: 560px) {
    .seyc-login-content {
    	margin-top: 40px;
    }
}

@media (max-height: 530px) {
    .seyc-login-header {
    	padding: 5px;
    }
}

@media (max-height: 510px) {
    .seyc-login-content {
    	margin-top: 20px;
    }

    .seyc-login-header {
    	padding: 0px;
    }
}

@media (max-height: 480px) {
    .seyc-login-content {
    	margin-top: 10px;
    }
    
    .seyc-login-details .seyc-login-copyright{
    	margin-top: 10px;
    }    
}


/**
Adapt mobiscroll keyboard CSS for smaller devices
**/
/**
CSS to adapt for smaller device which allows to have a smaller keyboard
**/
@media (max-height: 575px) {
    .seyc-minusContainer, .seyc-deleteContainer{
	    height: 125px;
    }

    .mbsc-ios .mbsc-np-btn {
    	height: 63px;
    }
}

@media (max-height: 560px) {
    .seyc-minusContainer, .seyc-deleteContainer{
	    height: 109px;
    }

    .mbsc-ios .mbsc-np-btn {
    	height: 55px;
    }
}

@media (max-height: 530px) {
    .seyc-minusContainer, .seyc-deleteContainer{
	    height: 99px;
    }

    .mbsc-ios .mbsc-np-btn {
    	height: 50px;
    }

}

@media (max-height: 500px) {
    .seyc-minusContainer, .seyc-deleteContainer{
	    height: 93px;
    }

    .mbsc-ios .mbsc-np-btn {
    	height: 47px;
    }

    .navigationDiv {
    	padding: 5px;
    }

}

@media (max-height: 470px) {
    .seyc-minusContainer, .seyc-deleteContainer{
	    height: 80px;
    }

    .mbsc-ios .mbsc-np-btn {
    	height: 40px;
    }
}




/**
Manage the case when device is in landscape to display an adapted keyboard
**/
@media (orientation:landscape) and (max-height: 575px) {
    .seyc-minusContainer, .seyc-deleteContainer{
	    height: 109px;
    }

    .mbsc-ios .mbsc-np-btn {
    	height: 55px;
    	line-height: 30px;
    }

    .frame {
    	height: 45px;
    }

    .frame ul li {
    	height: 30px;
    	padding: 5px 10px 1px 10px;
    	margin: 2.5px;
    }
}

@media (orientation:landscape) and (max-height: 500px) {
    .seyc-minusContainer, .seyc-deleteContainer{
	    height: 69px;
    }

    .mbsc-ios .mbsc-np-btn {
    	height: 35px;
    	line-height: 30px;
    }

    .frame {
    	height: 33px;
    }

    .frame ul li {
    	height: 20px;
    	padding: 5px 10px 1px 10px;
    	margin: 2.5px;
    }

    .navigationDiv {
    	padding: 2px;
    }

    .removeItem {
    	padding: 5px;
    }
}

@media (orientation:landscape) and (max-height: 350px) {
    .seyc-minusContainer, .seyc-deleteContainer{
	    height: 50px;
    }

    .mbsc-ios .mbsc-np-btn {
    	height: 25px;
    	line-height: 25px;
    }

    .frame {
    	height: 25px;
    }

    .frame ul li {
    	height: 15px;
    	padding: 2px 8px 1px 8px;
    	margin: 2px;
    }

    .navigationDiv {
    	padding: 0px;
    }

    .removeItem {
    	padding: 2.5px;
    }
}