@charset "utf-8";

div.error {
	display: inline-block;
	padding: 4px 10px;
	border: 2px solid #ff3737a8;
	color: #ee6868;
	text-align: center;
	font-size: 15px;
    margin-bottom: 10px;
  }

  div.success {
	display: inline-block;
	padding: 4px 10px;
	border: 2px solid #a1e340;
	color: #a1e340;
	text-align: center;
	font-size: 15px;
    margin-bottom: 10px;
  }


.money-items-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-gap: 15px;
	margin-bottom: 15px;
  }
  .money-items-grid.twinky {
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
  }
  .money-items-grid > div {
	background: rgba(26, 26, 31, 0.34);
	border-radius: 10px;
	padding: 24px;
	text-align: center;
  }
  .money-items-grid > div .eco {
	display: inline-block;
	padding: 4px 10px;
	border: 2px solid #fffd37;
	color: #fffd37;
	text-align: center;
	font-size: 15px;
	border-radius: 6px;
  }
  .money-items-grid > div .m-img {
	height: 170px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
  }
  .money-items-grid > div .packet-name {
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	margin-bottom: 30px;
  }
  .money-items-grid > div .packet-name span {
	color: #a1e340;
	font-size: 20px;
  }
  .money-items-grid > div .big-but {
	background: #a1e340;
	box-shadow: 0 10px 30px rgba(161, 227, 64, 0.4);
	text-transform: none;
	font-weight: 400;
	letter-spacing: 0;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	color: #282933;
	
  }
    .money-items-grid > div .big-but:hover {
	box-shadow: 0 20px 40px rgba(79, 226, 250, 0.48);
	text-decoration: none;
	color: #787777;
	text-shadow: 0 2px 20px white;
  }



  .big-but {
	border: 0;
	font-weight: bold;
	box-shadow: 0;
	background: #ff4a4a;
	border-radius:  15px 15px  15px  15px;
	letter-spacing: 6px;
	display: block;
	color: #fff;
	text-transform: uppercase;
	padding: 15px 70px;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s easy-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  }
  .big-but:hover {
	box-shadow: 0 20px 40px rgba(255, 74, 74, 0.48);
	text-decoration: none;
	color: #fff;
	text-shadow: 0 2px 20px white;
  }

  form .big-but {
	margin-top: 30px;
  }
  

.button {
border-left: 2px solid #b8a454;
border-right: 2px solid #b8a454;
border-bottom: 2px solid #b8a454;
border-top: 2px solid #b8a454;
  padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
       padding-bottom: 5px;
 background-color: #3f3b3b;
color: #a9a9a9;
font-size: 15px;
font-style: oblique;
}
.button:hover {
  padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
border-left: 2px solid #247f23;
border-right: 2px solid #247f23;
border-bottom: 2px solid #247f23;
border-top: 2px solid #247f23;
 background-color: #247f23;
color: #fffcfc;
font-size: 15px;
font-style: oblique;
}

}


.tables  {
padding: 15px;
margin-top: 5px;
text-align: center;
font-size: 15px;
background-color: #1f1f1f;
border-top: 2px solid #b8a454;
border-bottom: 2px solid #b8a454;
border-right: 2px solid #b8a454;
border-left: 2px solid #b8a454;
color: #c7c1c1;
}


.tdtable  {
padding: 7px;
margin-top: 5px;
text-align: center;
font-size: 15px;
background-color: #1f1f1f;
border-top: 2px solid #b8a454ba;
border-bottom: 2px solid #b8a454ba;
border-right: 2px solid #b8a454ba;
border-left: 2px solid #b8a454ba;
color: #c7c1c1;
}

.boxlogin1 {
	width: 350px; auto;
	height: auto;
	border-radius: 6px;
	border-left: 2px solid #4b64e5;
	border-right: 2px solid #4b64e5;
	border-bottom: 2px solid #4b64e5;
	border-top: 2px solid #4b64e5;
    padding-top: 14px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 14px;
    background-color: #434141;
    margin-top: 40;

}
.boxlogin2 {
	
	margin-top: -14px; auto;
	margin-left: -14px;
	background-color: #2f2f2f;
	width: 338px;
	height;
    padding-top: 1px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 1px;
    color: #dbcbcb;
}

.ramka {
	
	background-color: #6a748a;
    border-radius: 20px;
    padding-top: 10px;
    padding-left: 2px;
    padding-bottom: 10px;
    color: #b998d0;
}

.menu {
 
	top: auto;
	background-image: -webkit-linear-gradient(270deg,rgba(189, 74, 74, 0.63) 0%,rgba(255,0,0,0.00) 81.87%);
	background-image: -moz-linear-gradient(270deg,rgba(225, 105, 105, 0.63) 0%,rgba(255,0,0,0.00) 81.87%);
	background-image: -o-linear-gradient(270deg,rgba(225, 99, 99, 0.63) 0%,rgba(255,0,0,0.00) 81.87%);
	background-image: linear-gradient(180deg,#737373c4,#30313e 100.87%);
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
}
.menu td {
	font-size: 16px;
	font-weight: bold;
}



.buttonli li {

border-left: 2px solid #b8a454;
border-right: 2px solid #b8a454;
border-bottom: 2px solid #b8a454;
border-top: 2px solid #b8a454;
  padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
     padding-bottom: 5px;
    background-color: #3f3b3b;
   color: #a9a9a9;
	display: inline-block;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	opacity: 1;
}
.buttonli li:hover  {
	display: inline-block;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	opacity: 1;
 padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
border-left: 2px solid #247f23;
border-right: 2px solid #247f23;
border-bottom: 2px solid #247f23;
border-top: 2px solid #247f23;
 background-color: #247f23;
color: #fffcfc;
}


.menu li {

border-left: 2px solid #f96767d6;
border-right: 2px solid #f96767d6;
border-bottom: 2px solid #f96767d6;
border-top: 2px solid #f96767d6;
border-radius: 7px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
 padding-bottom: 5px;
background-color: #434343;
color: #f96767d6;
display: inline-block;
margin-top: 3px;
margin-right: 3px;
margin-bottom: 3px;
margin-left: 3px;
opacity: 1;
}
.menu li:hover  {
box-shadow: 0 10px 30px rgba(227, 64, 124, 0.69);
display: inline-block;
margin-top: 3px;
margin-right: 3px;
margin-bottom: 3px;
margin-left: 3px;
opacity: 1;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px
border-left: 2px solid #f96767d6;
border-right: 2px solid #f96767d6;
border-bottom: 2px solid #f96767d6;
border-top: 2px solid #f96767d6;
background-color: #434343;
color: #f96767a3;
}
input  {
	color: #E3E3E3;
	background-color: #8c6a6a;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-left: 1px solid #ecf568;
	border-right: 1px solid #ecf568;
	border-bottom: 1px solid #ecf568;
	border-top: 1px solid #ecf568;
	font-size: 15px;
	font-family: 'main';
	color: #ffffff;
}
input::placeholder {
	color:  #d6d2de;
  }
.top {
	padding-top: 85px;
	padding-left: 10px;
	padding-bottom: 10px;
	background-position: right bottom;
}

.center {
	padding-top: 200px;
	padding-left: 10px;
	padding-bottom: 10px;
	background-position: right bottom;
}


.middel {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;

}
.box {
	border-radius: 10px;
	background-color: #353535;
	padding-top: 14px;
	padding-right: 14px;
	padding-left: 14px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 14px;
	padding-bottom: 14px;
	top: auto;
	position: static;
}

.boxtitleleft {
	font-size: 20px;
	border-radius: 15px;
	border-bottom: 1px solid #48826b;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
    text-align: center;
    width: max-content;
	margin-bottom: 10px;
}

.boxtitle {
	font-size: 20px;
	border-radius: 15px;
	border-bottom: 1px solid #48826b;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
    text-align: center;
    width: max-content;
    margin: auto;
	margin-bottom: 10px;
}

body {
	font-size: 14px;
	background-color: #30313e;
	color: #E3E3E3;
	padding: 0px;
	margin: 0px;
	font-family: 'main';
	background-repeat: repeat;
}
textarea {
	font-size: 14px;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #00A0FD;
}

td {
	font-size: 14px;
}


#taskaddtext {
	height: 300px;
	width: 100%;
}
#worker {
	background-color: #353535;
	border-radius: 10px;
	color: #E3E3E3;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: main;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#warnlvl {
	background-color: #353535;
	border-radius: 10px;
	color: #E3E3E3;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: main;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.taskhide {
	display: none;
}
.warnlvlshow {
	display: inline;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-style: normal;
	font-size: 14px;
	border-radius: 6px;
}
.menu ul 
{
	margin: 0px;
	padding: 0px;
	
}
.menu ul ul {
		position: absolute;
		margin: 0px;
		padding: 0px;
		display: none;
	}

.warning {
	background-color: rgba(255,255,255,0.40);
}


@media only screen and (max-device-width: 480px) {

	.top {
	padding-top: 200px;
	padding-left: 10px;
	padding-bottom: 10px;
	background-position: right bottom;
	}
	.middel {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;

	}
	.menu td {
	display: block;
	}
}