body {
    background-color: white;
    font-size:1rem;
    font-family: 'PT Sans', sans-serif;
    background-image: url('/img/back.jpg');
    height: 100%;
	  background-position: 50% 50%;
	  background-repeat: no-repeat;
	  background-attachment: fixed;
      background-size: cover;
      background-position: right bottom; 
}
button, input, optgroup, select, textarea{
    font-family: 'PT Sans', sans-serif;
}
.page-wrapper {
    background: none;
    padding-bottom: 60px;
}
.asd{
    background: #fffffff1;
    padding:7px;
    margin-left:15px;
    padding-left:15px;
}
.left-sidebar {
    position: absolute;
    width: 240px;
    height: 70%;
    top: 65px;
    z-index: 20;
    padding-top: 0px;
    background: none;
}
.footer {
    color:#fff;
    background: none;
    font-weight:bold;
}
.sidebar-nav {
    background: #fffffff1;
}

#loginbox {
    margin-top: 30px;
}

#loginbox > div:first-child {        
    padding-bottom: 10px;    
}

.iconmelon {
    display: block;
    margin: auto;
}

#form > div {
    margin-bottom: 25px;
}

#form > div:last-child {
    margin-top: 10px;
    margin-bottom: 10px;
}

.panel {    
    background-color: transparent;
}

.panel-body {
    padding-top: 30px;
    background-color: rgba(2555,255,255,.3);
}

#particles {
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;                        
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: -2;
}

.iconmelon,
.im {
  position: relative;
  width: 150px;
  height: 150px;
  display: block;
  fill: #525151;
}

.iconmelon:after,
.im:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.table-responsive tr.tres:hover{
    background:rgb(216, 216, 216);
    cursor: pointer;
}
.table-responsive tr.completed{
    background:#6cf27d;
}
.table-responsive tr.error{
    background:#ffaaaa;
}
.table-responsive tr.shiped{
    background:#7fb4fe;
}
.table-responsive tr.warning{
    background:#fec024; 
}
.table-responsive tr.buyed{
    background:#ef62ff;
}
option.green{

    background:#6cf27d;
}
option.yellow{
    background:#f6f3a6;
}
option.red{
    background:#ffaaaa;
}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden;cursor:pointer; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
/* Header */
.large-header {
	position: relative;
	width: 100%;
	background: #333;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	z-index: 1;
}

#large-header {
	background-image: url('/img/vin.jpg');
}
#loginbox{
    position: absolute;
	margin: 0;
	padding: 0;
	color: #f9f1e9;
	text-align: center;
	top: 50%;
    left: 0%;
    right:0%;
}
.main-title {
	position: absolute;
	margin: 0;
	padding: 0;
	color: #f9f1e9;
	text-align: center;
	top: 30%;
	left: 50%;
	-webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    text-shadow: 1px 1px 2px black, 0 0 1em red;
}

.demo-1 .main-title {
	text-transform: uppercase;
	font-size: 4.2em;
	letter-spacing: 0.1em;
}

.main-title .thin {
	font-weight: 200;
}

@media only screen and (max-width : 768px) {
	.demo-1 .main-title {
		font-size: 3em;
	}
}
.btn-login{
    background-color:#b42a1f;
    color:#fff;
}
.btn-login:focus{
    background-color:#c13f36;

}
#msgSpan{
    position: absolute;
	margin: 0;
	padding: 0;
	color: #f9f1e9;
	text-align: center;
	top: -20%;
    left: 00%;
    right: 00%;
    display:none;
    transition: visibility 1.3s, opacity 1.3s linear;
}
.yelinput{
    border-color:orange;
}
.sidebar-nav > ul > li > a.active {
    font-weight: 400;
    background: #ffffff;
    color: #b42a1f;
}
.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
    border-left: 3px solid #b42a1f;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
    color: #b42a1f;
}
a {
    color: #b42a1f;
    text-decoration: none;
}
table a {
    color: #0089a7;
    text-decoration: none;
}
.text-themecolor {
    color: #b42a1f !important;
}
.topbar {
    background: #009efb;
    background: -moz-linear-gradient(left, #ffffff00  0%, #b42a1fb3 100%);
    background: -webkit-linear-gradient(left, #ffffff00  0%, #b42a1fb3 100%);
    background: linear-gradient(to right, #ffffff00  0%, #b42a1fb3 100%);
}
.topbar .navbar-header {
    background: none;
    box-shadow: none;
}
.topbar .top-navbar .navbar-header .navbar-brand b {
    color:#fff;
    font-weight:bold;
}
.modal-lg {
    max-width: 90%;
}
.btn-primary.active, .btn-primary.disabled.active, .btn-primary.disabled:focus, .btn-primary:focus {
    background: #3818ff;
}