/******************************
*******************************
		iPhone 4 and 4S
*******************************
*******************************/

/******************************
 	Portrait and Landscape 
*******************************/
@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 480px) 
	and (-webkit-device-pixel-ratio: 2) 
	and (device-aspect-ratio: 2/3) { 
  	* {
	   font-size: 7px;
	}
	
	html {
    	font-size: 0.6em; /* 1 */
    	-webkit-text-size-adjust: 0.6em; /* 2 */
    	-ms-text-size-adjust: 0.6em; /* 2 */
	}

	h1, h2, h3, h4, h5, h6 {
		margin: 0;
	}
	
	/********************
		Page login.php
	*********************/	
	.col-lg-5, .col-lg-6 {
		padding-right: inherit;
	}
	
	.icone {
		height: 20px;
	}
	
	.windowConn .title,
	.panel {    
       border: 1px solid #b1c800;
	}
	
	.leftConnexion {
		display: none;
	}
	
	.rightConnexion {
		width: 100%;
	}
	
	.rightConnexion input[type="text"], .rightConnexion input[type="password"],
	input[type="text"], input[type="password"], input[type="date"], input[type="number"] {
 		height: fit-content;
 	}

	input[type="submit"], #add-nodes-button, .showGen {
		height: fit-content;
 	}

	.windowConn .panel {
	    height: 170px;
	}
	
	/* Footer	*/
	.lang-sm{
	height: 30px;
	}
	 .numero_vert {
		width: 40px;
	}

	/********************
		patient/liste_study.php
	*********************/	
  	.patient_information .information {
		font-size: xx-small;
	}
	
	.patient_information .disconnect{
		font-size: xx-small;
	}
	
	.patient_title {
		font-size: xx-small;
	}
	
	.tableview {    
		margin-top: 1%;
	}
	
	.disclaimer {
		font-size: xx-small;
	}
	
	#study_navigation {
	    padding: 0px;
	}
	
	.margin_navigation {
	    margin: 0px;
	}
	
	.image_miniature{
		height: 40px;
	}
	
	#study_navigation {
		width: auto;
	}
	
	#corps {
		width:100%;
	}
	
	.main-footer {
	    padding: 0;
	}
	.footer-inner {
	    padding: 0px;
	}
	
	/********************
		patient/display_study.php
	*********************/	
	#examens-navigation {
		width: auto;
	}
	
	#examens-navigation ul li a {
    	 padding: 0px;
	}
	
	/********************
		patient/display_study.php
	*********************/	
	#examens-navigation {
		float: none;
		width: auto;
	}
	
	#examens-navigation ul li a {
    	 padding: 0px;
	}
	#examens-navigation ul li .arrow {
		top: 18px;
	}
	
	.col-xs-2, .col-xs-6, .col-xs-6{
		padding-right:inherit;
    	padding-left: inherit;
	}
    
    .margin_navigation {
    	height: auto;
    }
    
    .scrool {
    	width: auto;
    }
    
    /* Viewer */
    .fa-2x {
 	   font-size: inherit;
	}
	
	.command>.btn {
	    margin-right: 0px; 
	}

}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {  
  	.pageConnexion {
  		/*height: auto;*/ 
  	}
  }



/******************************
*******************************
		iPhone 6 and 7 and 8 
*******************************
*******************************/

/******************************
 	Portrait and Landscape 
*******************************/
@media only screen 
	and (min-device-width: 375px) 
	and (max-device-width: 736px) 
	and (-webkit-device-pixel-ratio: 2) 
	and (device-aspect-ratio: 2/3) { 
		* {
		   font-size: 10px;
		}
		
		html {
	    	font-size: 0.6em; /* 1 */
	    	-webkit-text-size-adjust: 0.6em; /* 2 */
	    	-ms-text-size-adjust: 0.6em; /* 2 */
		}
	
		h1, h2, h3, h4, h5, h6 {
			margin: 0;
		}
	/********************
		Page login.php
	*********************/	
	.col-lg-5, .col-lg-6 {
		padding-right: inherit;
	}
	
	.icone {
		height: 20px;
	}
	
	.windowConn .title,
	.panel {    
       border: 1px solid #b1c800;
	}
	
	.leftConnexion {
		/*display: none;*/
	}
	
	.rightConnexion {
		/*width: 100%;*/
	}
	
	.rightConnexion input[type="text"], .rightConnexion input[type="password"],
	input[type="text"], input[type="password"], input[type="date"], input[type="number"] {
 		height: fit-content;
 	}

	input[type="submit"], #add-nodes-button, .showGen {
		height: fit-content;
 	}

	.windowConn .panel {
	    height: 170px;
	}
	
	/* Footer	*/
	.lang-sm{
	height: 30px;
	}
	 .numero_vert {
		width: 40px;
	}
	
	/********************
		patient/liste_study.php
	*********************/	
  	.patient_information .information {
		font-size: xx-small;
	}
	
	.patient_information .disconnect{
		font-size: xx-small;
	}
	
	.patient_title {
		font-size: xx-small;
	}
	
	.tableview {    
		margin-top: 1%;
	}
	
	.disclaimer {
		font-size: xx-small;
	}
	
	#study_navigation {
	    padding: 0px;
	}
	
	.margin_navigation {
	    margin: 0px;
	}
	
	.image_miniature{
		height: 40px;
	}
	
	#study_navigation {
		width: auto;
	}
	
	#corps {
		width:100%;
	}
	
	.main-footer {
	    padding: 0;
	}
	.footer-inner {
	    padding: 0px;
	}
	/********************
		patient/display_study.php
	*********************/	
	#examens-navigation {
		float: none;
		width: auto;
	}
	
	#examens-navigation ul li a {
    	 padding: 0px;
	}
	#examens-navigation ul li .arrow {
		top: 18px;
	}
	
	.col-xs-2, .col-xs-6, .col-xs-6{
		padding-right:inherit;
    	padding-left: inherit;
	}
    
    .margin_navigation {
    	height: auto;
    }
    
    .scrool {
    	width: auto;
    }
    
    /* Viewer */
    .fa-2x {
 	   font-size: inherit;
	}
	
	.command>.btn {
	    margin-right: 0px; 
	}
}