:root {
    --sat: env(safe-area-inset-top);
    --sar: env(safe-area-inset-right);
    --sab: env(safe-area-inset-bottom);
    --sal: env(safe-area-inset-left);
}
html{
    height: 100vh;	
    min-height: 100vh;
	width: 100%;
	margin: 0px;
    padding: 0px;
} 
body{
	width: 100%;
    height: 100vh;
    min-height: 100vh;
}
body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
html {
  height: -webkit-fill-available;
}
#Nav-Bar{
    padding-top: env(safe-area-inset-top);
    padding-top: constant(safe-area-inset-top);
}
.login-position{
    padding: 55px 20px 30px;
}
#Nav-Bar{
    top: 0px;
    min-height: 70px;
    max-height: 70px;
}
header .x-close{
    top: 40px;
}
/* test */
.dropdown{ 
    width: 100%!important;
} 
#payments .payments-in .pickerClass{
    width:100%;
}
.bootstrap-select>select{
    width: 0!important;
}
.dropdown-menu{
    right:0;
}
#payments .bootstrap-select>.dropdown-toggle, #payments .bootstrap-select>.dropdown-toggle:focus, #myMinveo .bootstrap-select>.dropdown-toggle, #myMinveo .bootstrap-select>.dropdown-toggle:focus, #messages .bootstrap-select>.dropdown-toggle, #messages .bootstrap-select>.dropdown-toggle:focus, .modals-background .bootstrap-select>.dropdown-toggle:focus{
    width:100%;
}
.head-content{
    padding: 95px 0 25px 0;
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    header .nav-n-left a, .nav-n-right{
        padding-bottom: env(safe-area-inset-top);
        padding-bottom: constant(safe-area-inset-top);
    }  
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    header .nav-n-left a, .nav-n-right{
        padding-bottom: env(safe-area-inset-top);
        padding-bottom: constant(safe-area-inset-top);
    }  
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    header .nav-n-left a, .nav-n-right{
        padding-bottom: env(safe-area-inset-top);
        padding-bottom: constant(safe-area-inset-top);
    }  
}
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    header .nav-n-left a, .nav-n-right{
        padding-bottom: env(safe-area-inset-top);
        padding-bottom: constant(safe-area-inset-top);
    }  
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    header .nav-n-left a, .nav-n-right{
        padding-bottom: env(safe-area-inset-top);
        padding-bottom: constant(safe-area-inset-top);
    }  
}