body{
 margin:0px;
 background-image:url('../img/bg.jpg');
 background-repeat:repeat;
}
body,td,th{
 color:#474a4b;
 font-size:14px;
 font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
a:link, a:active, a:visited{
 color:#685642;
 text-decoration:none;
}
a:hover{
 text-decoration:underline;
}
h1{
 margin:0px;
 font-size:22px;
}
hr{
  border: 0; 
  height: 1px; 
  background: #333; 
  background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
input[type=submit],input[type=button]{
 background-color:#685642;
 border:none;
 color:#ffffff;
 padding:3px;
 cursor:pointer;
}
input[type=submit]:hover, input[type=button]:hover{
 background-color:#816f5b;
}
input[type=text],textarea,input[type=password],select{
padding: 0.5em 0.6em;
display: inline-block;
border: 1px solid #CCC;
box-shadow: 0px 1px 3px #DDD inset;
border-radius: 4px;
vertical-align: middle;
box-sizing: border-box;
font-size:14px;
}


input.searchText{
 font-size:12px;
 width:140px;
}
input.errors[type=text],input.errors[type=password],select.errors{
 outline: 0px none;
 border-color: red;
}
.customerDataLabel{
 width:150px;
 display:inline-block;
}
#blokk{
 width:90%;
 margin:0 auto;
 /*left:50%;
 margin-left:-600px;
 position:absolute;*/
}
#loginBlokk{
 width:460px;
 height:300px;
 padding:10px;
 margin-left:320px;
 margin-top:50px;
 background-color:#ffffff;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
 -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
 box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}
#menu{
 width:100%;
 height:30px;
 background-color:#b3a580;
}
#menu ul{
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
}
#menu ul li{
 float: left;
 width:120px;
 text-align:center;
}
#menu ul li a{
 display: block;
 width:120px;
 height:25px;
 background-color: #b3a580;
 color:#ffffff;
 padding-top:5px;
 text-decoration:none;
 font-weight:bold;
}
#menu ul li a:hover{
 background-color:#ded29e;
}
#content{
 padding:10px;
 background-color:#f4f0cb;
 min-height:570px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-bottomleft: 10px;
 border-bottom-right-radius: 10px;
 border-bottom-left-radius: 10px;
}


  

.ui-dialog .ui-dialog-titlebar{
 background-color:#B3A580;
}

#popUpWindow{
 width:800px;
 height:430px;
 border:1px solid #675644;
 position:fixed;
 z-index:100;
 background-color:#ffffff;
 top:60px;
 left:50%;
 margin-left:-400px;
 -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.58);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.58);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.58);
overflow-y:scroll;
display:none;
}
#popUpWindowTitle{
 height:25px;
 width:768px;
 background-color:#b3a580;
 padding:8px;
 position:fixed;
 z-index:101;
}
#popUpWindowContent{
 padding:8px;
 margin-top:50px;
}

.datagrid table { 
border-collapse: collapse; 
text-align: left; 
width: 100%; 
} 
.datagrid {
	font: normal 12px/150% Arial, Helvetica, sans-serif; 
	background: #fff; 
	overflow: hidden;
	border: 1px solid #A65B1A; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
}
.datagrid table td, 
.datagrid table th { 
padding: 3px 10px; 
}
.datagrid table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B3A580), color-stop(1, #524B3A) );
	background:-moz-linear-gradient( center top, #B3A580 5%, #524B3A 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3A580', endColorstr='#524B3A');
	background-color:#B3A580; 
	color:#FFFFFF; 
	font-size: 15px; 
	font-weight: bold; 
	border-left: 1px solid #D1C196; 
} 
.datagrid table thead th:first-child { 
border: none; 
}
.datagrid table tbody td { 
color: #7F4614; 
border-left: 1px solid #80765C;
font-size: 14px;
font-weight: normal; 
}
.datagrid table tbody .alt td { 
background: #A39675; 
color: #FFFFFF; 
}
.datagrid table tbody td:first-child { 
border-left: none; 
}
.datagrid table tbody tr:last-child td { 
border-bottom: none; 
}
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
	z-index:0;
}
 
/* Inner */
.popup-inner {
    max-width:700px;
    width:90%;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
	z-index:3;
}
 
/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
}
 
.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}
.fileContainer {
    overflow: hidden;
    position: relative;
	background: #685642;
	color:#ffffff;
    border-radius: .5em;
    float: left;
    padding: .5em;
}
.fileContainer:hover{
 background: #816f5b;
}
.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
	cursor: pointer;
}
fieldset{
 border:1px solid #b3a580;
}


.pages a:link, 
.pages a:active, 
.pages a:visited {
    display: inline-block;
    padding: 0px 9px;
    padding-top:5px;
    height:20px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #b3a580;
    background: #685743;
    font-size: .875em;
    text-decoration: none;
    color: #ffffff;

}

a.current:link, 
a.current:active, 
a.current:visited{
 color:#ffffff;
 font-weight:bold;
 background: #b3a580;
 border: solid 2px #685743;
}
.ppup-loader{
	width:100%;
    width:90%;
	height:100%;
    padding-top:40%;
    position:absolute;
    top:40%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    background: rgba(0, 0, 0, .5);
	z-index:3;
	margin-top:40px;
	display:none;
}

[class*="col-"] {
    float: left;
    padding:15px;
    box-sizing: border-box;
  }
  
  .col-1{width:8.33%;}
  .col-2{width:16.65%;}
  .col-3{width:25.00%;}
  .col-4{width:33.33%;}
  .col-5{width:41.66%;}
  .col-6{width:50.00%;}
  .col-7{width:58.33%;}
  .col-8{width:66.66%;}
  .col-9{width:75.00%;}
  .col-10{width:83.33%;}
  .col-11{width:91.66%;}
  .col-12{width:100%;}
  
  @media screen and (max-width:800px){
  .col-m-1{width:8.33%;}
  .col-m-2{width:16.65%;}
  .col-m-3{width:25.00%;}
  .col-m-4{width:33.33%;}
  .col-m-5{width:41.66%;}
  .col-m-6{width:50.00%;}
  .col-m-7{width:58.33%;}
  .col-m-8{width:66.66%;}
  .col-m-9{width:75.00%;}
  .col-m-10{width:83.33%;}
  .col-m-11{width:91.66%;}
  .col-m-12{width:100%;}
  }
  
  @media screen and (max-width:400px){
      .col-s-1{width:8.33%;}
      .col-s-2{width:16.65%;}
      .col-s-3{width:25.00%;}
      .col-s-4{width:33.33%;}
      .col-s-5{width:41.66%;}
      .col-s-6{width:50.00%;}
      .col-s-7{width:58.33%;}
      .col-s-8{width:66.66%;}
      .col-s-9{width:75.00%;}
      .col-s-10{width:83.33%;}
      .col-s-11{width:91.66%;}
      .col-s-12{width:100%;}
  }