body {
    /*background-color: #bfbfbf;*/
    /*background-color: #3D3D40;*/
    /*background: url("../images/bg6.jpg");*/
  background:
    linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
    linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
    linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
    linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
    linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
    linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
  background-color: #131313;
  background-size: 20px 20px;    
}

.metro-construct {background: #ffdb4d;}
/*.metro-agro {background: #70a51e;}*/
.metro-agro {background: #00a300;}
/*.metro-truck {background: #0095d6;}*/
.metro-truck {background: #2d89ef;}
/*.metro-xtuning {background: #ba000a;}*/
.metro-xtuning {background: #b91d47;}
.metro-utils {background: #3d3d3d;}
.metro-kess { background: #9f00a7;}
.metro-marketing { background: #7e3878;}
.metro-partner { background: #825a2c;}

.metro-payments {background: #00aba9;}
.metro-payments-personal {background: #99b433;}
.metro-payments-operational {background: #ff0097;}
.metro-payments-master {background: #2d89ef;}
.metro-payments-personal-hidden {background: #1e7145;}
.metro-payments-operational-hidden {background: #7e3878;}
.metro-payments-master-hidden {background: #2b5797;}
.metro-payments-admin {background: #00aba9;}

.metro-wh-main {
	background: #2b5797;
}

.metro-wh-personal {
	background: #00aba9;
}

.metro-wh {
	background:#b91d47;
}

.metro-attendance { background: #2b5797;}
.metro-service { background: #2d89ef;}
.metro-reports { background: #e3a21a;}
.metro-sales { background: #1e7145;}

.metro-autopark-car {background: #3D3D40;}
.metro-autopark-owners {background: #2626A8}
.metro-autopark-persons {background: #0D6E0D}
.metro-autopark-service {background: #ba000a}
.metro-autopark-info {background: #ba000a}
.metro-autopark-status {background: #0A0A0A}

.metro-other {background: #FFCC00;}

.metro-olap {background: #8B6C00;}
.metro-report {background: #00aba9;}
.metro-account {background: #da532c;}

.metro-sidebar {background: #333333;}

.disabled {
    box-shadow: black 1px 2px 5px !important;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.disabled img {
    opacity:0.2;
    filter:alpha(opacity=20);
}

.disabled span {
    opacity:0.2;
    filter:alpha(opacity=20);
    
}

.metro-screen {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("../../metro_img/xtuning_logo-small.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top left, top right;
}

.metro {
	position:relative;
    height:128px;
    margin-right:10px;
    margin-top:10px;
    cursor:pointer;
    float:left;
    font-family: "Segoe UI Light","Segoe UI",Verdana, Tahoma, Arial;
    box-shadow: black 4px 6px 20px;
    padding: 5px;
    text-shadow: 1px 1px 2px black;
    font-size: 0.93em;
}

.metro:hover {
    /*filter: alpha(opacity=100);*/
    /*opacity: 1;*/
    filter: alpha(opacity=80);
    opacity: 0.8;
    box-shadow: black 1px 2px 5px;
}

.metro-panel {
    clear:both;
    max-width:1330px;
	max-height:700px;
	margin: 0px auto;
}

.metro-header-table {
    color:silver; 
    font-size: 2.3em; 
    width:100%; 
    height: 75px;
    text-align: center;
    text-shadow: 1.5px 1.5px 3px black;
}

.metro-menu {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 20px;
    top: 6px;
    background-image: url("../../metro_img/hamburger-button.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top left, top right;
    opacity: 0.6;
}

.metro-menu:hover {
    opacity: 1;
}

.metro-menu-sidebar {
    position: absolute;
    top: 40px;
    bottom: 10px;
    right: 5px;
    background: black;
    border: 1px solid #333333;
    width: 170px;
    padding: 10px;
    display: none;
    z-index: 100;
    float: left;
    overflow-y: scroll;
}


.metro .imgsimple {
    height:64px;
    width:64px;
    padding:20px 53px 10px 53px;
    border:0px;
    text-align:center;
    float:left;
    position:relative;
}

.metro .imgdouble {
    float:left;
    width:100%;
    padding:20px 0px 10px 0px;
    text-align:center;
}

.metro .imglabeled {
    float:left;
    padding:30px 0px 0px 10px;
    text-align:left;
}

.metro span {
    position:relative;
    height:20px;
    text-decoration:none;
    color:rgba(255, 255, 255, 1.0);
    float:left;
    text-align:center;
    clear:both;
    width:100%;
    bottom:0px;
}

.metro .metrolabel {
    text-decoration:none;
    color:rgba(255, 255, 255, 1.0);
    float:left;
    text-align:center;
    font-size:28px; 
    margin-top:40px;
}

.metro span:hover {
}

.metrosingle {
    width:150px; 
    /*170*/
}

.metrodouble {
    width:320px;
    /*360*/
}

.metro-destaque-rodape {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:26px;
	padding-top:4px;
}


.a_body {
    background-color: #bfbfbf !important;
}
.nadpis {
    font-size: 56px;
    font-weight: bold;
    color: black;
    text-shadow: gray 10px 10px 10px;
    text-align: center;
}

.a_logo {
    position: absolute;
    left: 10px;
    top: 10px;
    height: 130px;
    width: 550px;
    /*background-color: red;*/
}

.a_nadpis {
    position: absolute;
    left: 570px;
    top: 10px;
    height: 130px;
    right: 10px;
    /*background-color: blue;    */
}
.a_panel {
    /*clear:both;*/
    position: absolute;
	/*height:90%;*/
	margin:0px auto;
	background-color: white;
    left: 10px;
    top: 150px;
    bottom: 10px;
    right: 370px;
    padding: 20px;
    -webkit-box-shadow: 10px 10px 10px -1px rgba(0,0,0,0.37);
    -moz-box-shadow: 10px 10px 10px -1px rgba(0,0,0,0.37);
    box-shadow: 10px 10px 10px -1px rgba(0,0,0,0.37);    
}

.a_info {
    position: absolute;
    right: 10px;
    top: 150px;
    bottom: 10px;
    width: 340px;
    background-color: white;
    padding: 5px;
    -webkit-box-shadow: 10px 10px 10px -1px rgba(0,0,0,0.37);
    -moz-box-shadow: 10px 10px 10px -1px rgba(0,0,0,0.37);
    box-shadow: 10px 10px 10px -1px rgba(0,0,0,0.37);    
}

.btn-logout:hover {
    opacity:0.5;
    filter:alpha(opacity=50);
}

.metro-page-table {
	width: 100%;
}
.metro-page-table-menu {
	width: 32px;
	background-image: url("../../metro_img/hamburger-button.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top left, top right;
    opacity: 0.6;			
}
.metro-page-table-header {
	height:80px;
	background-image: url("../../metro_img/xtuning_logo-small.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top left, top right;
    text-decoration:none;
    color:rgba(255, 255, 255, 1.0);
    /*float:left;*/
    text-align:center;
    font-size:28px; 
    margin-top:40px;
    
}
.metro-buttons-left {
	border-top: 1px solid gray;
	position: absolute;
    left: 10px;
    right: 10px;
    top: 90px;
    bottom: 122px;
    /*background: silver;*/
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: center;
    padding: 20px;
    padding-right: 20px;
}
.metro-info-bottom {
	position: absolute;
    left: 10px;
    right: 10px;
    height: 120px;
    bottom: 1px;
    /*background: lime;*/
    overflow-y: scroll;	
    border-top: 1px solid gray;
}