﻿/*style page*/
.metrouicss .page .nav-bar
{
    position:fixed;
}
.metrouicss .page .page-header
{
    z-index:500;
    background:#fff;
    position:fixed;
    padding-top:5px;
    top:40px;
}
.metrouicss .page .page-region
{
    margin:110px 0 0 0;
}
.metrouicss .page.with-sidebar .page-sidebar
{
    padding-top:0px;
}
.metrouicss .page .page-header .page-header-content{
    height:80px;
    min-height:80px;
}
.metrouicss .page .page-region .page-region-content,
.metrouicss .page.secondary .page-region .page-region-content,
.metrouicss .page.secondary.with-sidebar .page-region .page-region-content
{
    margin-bottom:40px;
    padding-right:30px;
}
    
.metrouicss .page.secondary .page-region .page-region-content
{        
    padding-left:80px;
}
.metrouicss .page.secondary.with-sidebar .page-region .page-region-content
{
    padding:0px 30px 30px 0px;
}
/*style page secondary*/
.metrouicss .back-button 
{
    width:38px;
    height:38px;
}
.metrouicss .page.secondary .page-header
{
    z-index:500;
    background:#fff;
    position:fixed;        
}
.metrouicss .page.secondary .page-header .page-header-content{
    height:65px;
    min-height:65px;
}
.metrouicss .page.secondary .page-header .page-header-content>.page-back
{
    top:15px;
}

a.win-command .win-label, button.win-command .win-label {
    display: block;
}

.metrouicss table tbody tr th, .metrouicss table tbody tr td {
    line-height:1.2;
}
@media (min-width: 980px) 
{   
    
    .metrouicss .page .page-region .page-region-content,
    .metrouicss .page.secondary .page-region .page-region-content,
    .metrouicss .page.secondary.with-sidebar .page-region .page-region-content
    {
        margin-bottom:40px;
        padding-right:30px;
    }
    
    .metrouicss .page.secondary .page-region .page-region-content
    {        
        padding-left:80px;
    }
    .metrouicss .page.secondary.with-sidebar .page-region .page-region-content
    {
        padding:0px 30px 30px 0px;
    }
    
    .metrouicss .page.with-sidebar .page-sidebar
    {
        margin:110px 25px auto;
    }
    .metrouicss .page.secondary.with-sidebar .page-region {
        margin-left: 250px;
        padding:0px;
    }
    
    /*style page secondary*/
    .metrouicss .page.secondary .page-header .page-header-content h1
    {
       left:80px;
       font-size: 34pt;
       line-height:34pt;
    }
}
@media (min-width: 768px) and (max-width: 979px) 
{    
    .metrouicss .page .page-region .page-region-content,
    .metrouicss .page.secondary .page-region .page-region-content,
    .metrouicss .page.secondary.with-sidebar .page-region .page-region-content
    {
        margin-bottom:40px;
        padding:0;
    }
    /*style page*/
    .metrouicss .page .page-region
    {
        margin:0;
    }
    .metrouicss .page .page-header .page-header-content{
        height:70px;
        min-height:70px;
        margin-bottom:10px;
    }
    .metrouicss .page.with-sidebar .page-sidebar
    {
        margin:0 10px auto;
    }
    .metrouicss .page.secondary.with-sidebar .page-region {
        margin-left: 235px;
        padding:0px;
    }
    .metrouicss .page.secondary.with-sidebar .page-region .page-region-content
    {
        padding:0px 0px 30px 0px;
    }
    
    .metrouicss .page .page-header .page-header-content>.page-back
    {
        top:15px;
    }
    
    .metrouicss .page .page-header .page-header-content .user-login {
      margin: 10px 0px 0 0;
    }
    .metrouicss .page .nav-bar
    {
        position:static;
    }
    .metrouicss .page .page-header
    {
        position:static;
        z-index:0;
        margin-top:0px;        
    }
    .metrouicss .page .page-region
    {
        margin:0;
    }
    .metrouicss .page .page-header .page-header-content h1
    {
       font-size: 35pt;
       line-height:35pt;
    }
    /*style page secondary*/
    .metrouicss .page.secondary .page-header .page-header-content h1
    {
       left:80px;
       font-size: 32pt;
       line-height:32pt;
    }
    .metrouicss .page.secondary .page-header .page-header-content{
        height:65px;
        min-height:65px;
    }    
    .metrouicss .page.secondary .page-header
    {
        position:static;
        z-index:0;
        margin-top:0px;        
    }
    .metrouicss .page.secondary .page-region
    {
        padding-top:0;
    }
    .metrouicss .page.secondary .page-region .page-region-content
    {
        margin-bottom:40px;
        padding-left:80px;
    }
    /*drop down*/
    .metrouicss .dropdown-menu.cols3{
        min-width:0;
    }
    .metrouicss .dropdown-menu.cols2{
        min-width:0;
    }
    .metrouicss .dropdown-menu > li{
      float: none;
      display: block;
      min-width:100%;
      margin:0 auto;
    }
    .metrouicss .dropdown-menu .dropdown-menu-item{
    }
}

@media (max-width: 767px) 
{       
    .metrouicss .page .page-region .page-region-content,
    .metrouicss .page.secondary .page-region .page-region-content,
    .metrouicss .page.secondary.with-sidebar .page-region .page-region-content
    {
        margin-bottom:40px;
        padding:0;
    }
 	.tab-content.height
	{
		height:auto!important;
	}
    .metrouicss .page.secondary .page-region .page-region-content
    {
        padding-left:80px;
    }
    .metrouicss .page.secondary.with-sidebar .page-region .page-region-content
    {
        padding:0px 0px 30px 0px;
    }
    .metrouicss .page.with-sidebar .page-sidebar
    {
        margin:0 auto;
    }
    .metrouicss .page.with-sidebar .page-region {
        margin-left: 215px;
        width: auto;
    }
    
    /*style page*/
    .metrouicss .page .page-header .page-header-content h1
    {
       font-size: 25pt;
       line-height:25pt;
    }
    .metrouicss .page .page-region
    {
        margin:0;
    }
    .metrouicss .page .page-header .page-header-content{
        height:120px;
        min-height:120px;
        margin-bottom:10px;
    }
    .metrouicss .page .nav-bar
    {
        position:static;
    }
    .metrouicss .page .page-header
    {
        position:static;
        z-index:0;
        margin-top:0px;                        
    }
    .metrouicss .page .page-header .page-header-content>.page-back
    {
        top:15px;
    }
    .metrouicss .page .page-region
    {
        padding-top:0;
    }
    .metrouicss .page .page-header .page-header-content{
      min-height: 45px;
      height: 45px;
    }
    /*style page secondary*/
    .metrouicss .page.secondary .page-header .page-header-content{
      margin-bottom:0px;
    }    
    .metrouicss .page.secondary  .page-header .page-header-content{
      min-height: 62px;
      height: 62px;
    }    
    .metrouicss .page.secondary .page-header .page-header-content h1
    {
       left:80px;
       font-size: 30pt;
       line-height:30pt;
    }    
    .metrouicss .page.secondary .page-header
    {
        position:static;
        z-index:0;
        margin: auto;
    }
    /*login*/
    .metrouicss .page .page-header .page-header-content .user-login {
      margin: 10px 0px 0 0;
    }
    /*drop down*/
    .metrouicss .dropdown-menu.cols3{
        min-width:0;
    }
    .metrouicss .dropdown-menu.cols2{
        min-width:0;
    }
    .metrouicss .dropdown-menu > li{
      float: none;
      display: block;
      min-width:100%;
      margin:0 auto;
    }
    .metrouicss .dropdown-menu .dropdown-menu-item{
    }   
    
}
@media (max-width: 480px) 
{
    .metrouicss .page .page-region .page-region-content,
    .metrouicss .page.secondary .page-region .page-region-content,
    .metrouicss .page.secondary.with-sidebar .page-region .page-region-content
    {
        margin-bottom:10px;
    }
    /*style page*/
    .metrouicss .page .page-region .page-region-content
    {
        padding:0;
    }
    /*style page secondary*/
    .metrouicss .page.secondary .page-region .page-region-content
    {
        padding-left:0px;
    }
    .metrouicss .page.secondary .page-header .page-header-content h1
    {
       left:40px;
       font-size: 20pt;
       line-height:20pt;
    }
    .metrouicss .page.secondary .page-header .page-header-content{
      min-height: 45px;
      height: 45px;
      margin-bottom:15px;
    }            
}
