.name-and-time {
  display: inline-block;
  width: 18%;
}

a:visited {
  color: white;
}

.header-menu-buttons {
  display: inline-block;
  width: 62%;
  /* border :1px solid red; */
  vertical-align: top;
  /* margin-top:-0.5em; */
}

/*
.header-menu-buttons  a{
	width:6em;
	height : 30px;
	display: inline-block;
	border : 1px solid red;
	 /* float:top;  */
/*}
*/
.header-menu-buttons div {
  width: 5em;
  margin: 1em 2em 2em 0em;
  color: black;
  text-decoration: none;
  display: inline-block;
  background: white;
  text-align: center;
  padding: 0.1em 0em;
  border-radius: 20px;
}

.header-menu-buttons div:hover {
  color: white;
  background: #aadcf3;
}

.header-menu-buttons a {
  /*width			: 6em; */
  color: black;
  text-decoration: none;
}

.header-menu-buttons a:visited {
  /* width			:6em; */
  text-decoration: none;
  color: black;
}

.header-menu-buttons a span {
  /* width			: 5em; */
  /* margin 			: 2em 0em  0em 2em; */
  /* padding			: 0.2em 1.5em; */
  text-decoration: none;
  /* float:top;  */
}

.exit-button-div {
  display: inline-block;
  width: 15%;
  vertical-align: top;
  text-align: right;
  float: right;
}

.addRemainderButton {
  border-radius: 10px;
  border: none;
  font-weight: bold;
  color: white;
  background: #CDC9A5;
}

.timeInHeader {
  border: none;
  background: none;
  color: white;
  font-weight: bold;
}

body {
  width: 1300px;
  /* //width:900; */
  margin: auto;
  padding: 0px;
  /* font-size: normal; */
  /* //background:url(../images/2601130556_1154272064.jpg); */
  background: #CCCCCC;
  font-family: sans-serif;
}

.documentHeader {
  /* //background-image: url(../images/header.jpg); */
  background: #3399FF;
  /* //width: 900; */
  width: 100%;
  height: 50px;
}

.headerString {
  font-weight: bold;
  color: white;
  padding-top: 0.5em;
  padding-left: 0.5em;
  height: 20%;
  margin-bottom: 0px;
}

.documentBody {
  /* //border: 1px solid black; */
  min-height: 50px;
  padding: 1em 0em 1em 1em;
  overflow: hidden;
  width: 98%;
}

.documentBodyW {
  /* //border: 1px solid black; */
  width: 79%;
  min-height: 50px;
  display: inline-block;
  margin-top: 1em;
  padding: 1em 1em 1em 0.5em;
}

.documentWidget {
  min-height: 50px;
  width: 18%;
  display: inline-block;
  margin-top: 1em;
  padding: 1em 0.2em 1em 0.2em;
  vertical-align: top;
}

.documentFooter {
  /* //border: 1px solid black; */
  min-height: 50px;
  padding: 1em 0em 1em 1em;
  overflow: hidden;
  width: 98%;
  /* //background-image: url(../images/footer.png); */
  background: #3399FF;
}

.mainmenu {
  width: 120px;
  height: 100px;
  margin: 1em;
  vertical-align: top;
}

.documentHeader .mainmenu {
  /*width : 100px;*/
  /*font-size : 0.7em;*/
}

.exitlink {
  /* font-style:none; */
  color: white;
  position: relative;
  float: right;
  margin-right: 1em;
}

.orderform {
  width: 80%;
  /* //border:1px solid red; */
  display: inline-block;
  padding: 0em;
  height: 300px;
}

.outform {
  width: 100%;
  border-top: 2px groove #ADD8E6;
  border-bottom: 2px groove #ADD8E6;
  display: inline-block;
  padding: 0em;
  height: 250px;
  overflow: auto;
  margin-top: 0.1em;
}

.searchform {
  width: 16%;
  /* //border:1px solid red; */
  display: inline-block;
  padding: 1em 0em 0em 1em;
  vertical-align: top;
  height: 300px;
}

.colorbutton {
  border: none;
  padding: 0px;
  margin: 0px;
}

.infoform {
  /* //border: 1px solid blue; */
  color: steelblue;
}

.madeform {
  border: 1px solid #F8F8FF;
  padding: 1em;
  width: 60%;
  min-width: 600px;
  height: 400px;
  position: fixed;
  top: 0px;
  left: -2000px;
  margin: auto;
  background: #F8F8FF;
  font-size: 80%;
}

.warrantyform {
  border: 1px solid #F8F8FF;
  padding: 1em;
  width: 16%;
  height: 50px;
  position: fixed;
  top: 0px;
  left: -2000px;
  margin: auto;
  background: #F8F8FF;
  font-size: 80%;
}

.madeformtable {
  font-size: 100%;
}

.failureform {
  border: 1px solid #F8F8FF;
  padding: 1em;
  width: 40%;
  height: 400px;
  position: fixed;
  top: 0px;
  left: -2000px;
  margin: auto;
  background: #F8F8FF;
}

.messageblok {
  position: fixed;
  right: 0px;
  top: 150%;
  width: 30%;
  height: 100px;
  background: steelblue;
  color: white;
  font-weight: bold;
  padding: 1em;
  font-size: 80%;
  z-index: 90;
}

.remainderblok {
  min-height: 200px;
  max-height: 500px;
  background: none;
  margin-top: 0px;
  overflow: auto;
  padding: 0.5em 0.5em 0.5em 0.1em;
}

.remainderform {
  position: absolute;
  left: -300%;
  height: 200px;
  top: 10%;
  background: #FFFACD;
  margin-top: 0px;
  overflow: auto;
  padding-left: 0.5em;
  padding-top: 0.5em;
  padding-right: 0.5em;
}

.selectedrow {
  background: yellow;
}

.findorderbutton {
  background: none;
  border: none;
}

.addpartsform {
  margin-bottom: 2em;
  border-bottom: 2px solid white;
  min-height: 150px;
  margin-left: 1em;
  margin-right: 1em;
}

.addmissingparts {
  margin-bottom: 2em;
  border-bottom: 2px solid white;
  min-height: 150px;
  margin-left: 1em;
  margin-right: 1em;
}

.showparttable td {
  text-align: center;
  padding: 0.2em;
}

.showparttable tr:nth-child(n) {
  background: #63B8FF;
}

.showparttable tr:nth-child(2n) {
  background: #A2CD5A;
}

.showparttable tr:nth-child(1) {
  background: #FA8072;
}

.expensetable tr:nth-child(n) {
  background: #63B8FF;
}

.expensetable tr:nth-child(2n) {
  background: #A2CD5A;
}

.expensetable tr:nth-child(1) {
  background: #FA8072;
}

.colorsdiv {
  width: 200px;
  height: 200px;
  position: absolute;
  left: -1000px;
  top: 0px;
  border: 1px solid black;
  padding: 0px;
  margin: 0px;
}

.colordiv {
  width: 20%;
  border: none;
  border: 0px solid black;
  height: 20%;
  display: inline-block;
  margin-right: -5px;
  margin-bottom: -5px;
  padding: 0px;
}

.colorbox {
  width: 100px;
  height: 20px;
  border: 1px solid black;
}

.agent-span, .vip-span, .warranty-span, .new-span, .service-span, .day-count-span, .day-count-span-long, .apple-span, .express-span, .del-user-span, .recovery-span, .white-span, .light-green-span, .yellow-span, .warranty-span1 {
  font-weight: bold;
  margin-right: 0.2em;
  color: white;
  border-radius: 3px;
  padding: 0.2em 0.4em 0.2em 0.4em;
  background: forestgreen;
  cursor: pointer;
}

.bl-color {
  color: black;
}

.vp-color {
  color: #ffffff;
  font-weight: bold;
  background: #cc3399;
}

.apple-span {
  background: #CC3399;
}

.express-span {
  background: #0099CC;
}

.agent-span {
  background: orange;
}

.vip-span {
  background: #FA8072;
}

.warranty-span {
  background: #63B8FF;
}

.warranty-span1 {
  background: #aadcf3;
  color: black;
  font-weight: normal;
}

.new-span {
  background: #A2CD5A;
}

.service-span {
  background: #CDC9A5;
}

.day-count-span {
  background: #66CC00;
}

.day-count-span-long {
  background: #FF3333;
}

.del-user-span {
  background: #FF3333;
}

.recovery-span {
  background: cyan;
}

.white-span {
  background: white;
  color: #333333;
}

.light-green-span {
  background: #ccff99;
  color: #333333;
}

.yellow-span {
  background: #ffcb13;
  color: #222222;
}

.new-order-form {
  width: 30%;
  display: inline-block;
  vertical-align: top;
}

.pdf-out-div {
  border: 1px solid green;
  width: 48%;
  display: inline-block;
  vertical-align: top;
  visibility: hidden;
  height: 0px;
}

.pdf-out-frame {
  width: 105mm;
  height: 150mm;
}

.section_block {
  border-bottom: 2px solid white;
  color: white;
  padding: 0em 0em 0.5em 1em;
  font-weight: bold;
  margin-top: 2em;
}

.settings_block {
  border-left: 1px solid white;
  margin: 1em 0em 0em 2em;
  padding-left: 1em;
}

.colorbox_class {
  width: 200px;
  background: red;
}

.set-color-div {
  padding: 0.5em;
  border: 2px dotted black;
  margin-left: 1em;
  margin: 1em 1em 0em 1em;
  position: relative;
  display: inline-block;
}

.settings-content {
  margin-bottom: 1.0em;
}

.subsection {
  font-weight: bold;
  color: #FFF;
}

.addincomeform {
  border: 1px solid #F8F8FF;
  padding: 1em;
  width: 80%;
  height: 400px;
  position: fixed;
  top: 0px;
  left: -2000px;
  margin: auto;
  background: #F8F8FF;
  font-size: 80%;
  z-index: 2;
}

.colortable {
  font-size: 80%;
  width: 95%;
}

.colortable td {
  border-radius: 5px;
  padding: 0.2em 0.2em 0.2em 0.2em;
}

.colortbltd {
  background: #CCFF99;
}

.colortbltd:hover {
  background: orange;
  cursor: pointer;
}

.colortable tr:hover {
  background: orange;
}

.readonlyarea {
  background: none;
  border: none;
}

.logtable td {
  border-radius: 5px;
  padding: 0.2em 0.2em 0.2em 0.2em;
  background: #99CCFF;
  font-size: 80%;
}

.standart-button {
  background: white;
  border-radius: 5px;
  border: 0px;
  cursor: pointer;
}

.selected-button {
  background: #99ccff;
  border-radius: 5px;
  border: 2px solid #99ccff;
  font-weight: bold;
  cursor: pointer;
}

.noselecttext {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -user-select: none;
  cursor: default;
}

.serviceinfotable {
  margin: auto;
  margin-top: 2em;
  width: 80%;
}

.serviceinfotable td {
  text-align: center;
  background: #CCFF99;
}

.serviceinfotable td:nth-child(2) {
  width: 100px;
}

.prtbtt {
  border: 1px solid gray;
}

.money-moving-block {
  width: 98%;
  margin-top: 0.7em;
  padding: 0.2em 0em 0.2em 0.2em;
  border-radius: 4px;
  background: none;
  color: #222222;
  border: 2px solid gray;
}

.spanbutton_standart, .spanbutton_standartRR {
  border-radius: 3px;
  background: #63b8ff;
  color: white;
  font-weight: bold;
  padding: 0.1em 0.2em;
  cursor: pointer;
  position: relative;
}

.orange_back {
  background: orange;
}

.light_green_back {
  background: #ccff99;
  color: #333;
}

.spanbutton_standartRR::after {
  content: '';
  position: absolute;
  left: 10%;
  top: 100%;
  border: 5px solid transparent;
  border-top: 5px solid orange;
}

.noselecttext td {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.noselecttext td:first-child {
  border-left: 2px solid transparent;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.noselecttext td:last-child {
  border-right: 2px solid transparent;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.order-context-menu {
  position: absolute;
  top: 0px;
  left: -9999px;
  width: 10%;
  min-height: 4%;
  border: 1px solid black;
  padding: 0px;
}

.order-context-line {
  margin: 0px;
  padding: 0px;
  height: 1.3em;
  width: 100%;
  text-align: center;
  font-weight: bold;
  /*letter-spacing	: 0.1em*/
  cursor: pointer;
}

.price-help {
  position: fixed;
  left: -9999px;
  top: 0px;
  height: 100%;
  background: white;
  padding-right: 0.5em;
  z-index: 10;
  transition: left 1s cubic-bezier(0, 0.5, 0.7, 1);
  overflow: auto;
}

.price-help div {
  margin: auto;
  text-align: center;
  margin-top: 0.5em;
}

.price-help span {
  position: relative;
  background: gray;
  padding: 0.1em 0.3em;
  border-radius: 3px;
  cursor: pointer;
}

.help-menu-table {
  width: 100%;
  text-align: center;
  margin: 2em 0.5em 0em 0.2em;
}

.help-menu-table tr:nth-child(n) {
  background: #6699FF;
}

.help-menu-table tr:nth-child(2n) {
  background: #CCCCFF;
}

.help-menu-table tr:nth-child(1) {
  background: gray;
  color: white;
}

.help-menu-table td {
  padding: 0.3em 0.5em 0.3em 0.5em;
  /* font-weight			: bold; */
  color: black;
  cursor: pointer;
}

.help-menu-table td:hover {
  background: yellow;
}

.help-menu-table tr:hover {
  background: orange;
}

.sroki {
  background: red;
  padding: 0.1em 0.4em 0.1em 0.4em;
  color: white;
  font-weight: bold;
  border-radius: 3px;
  font-size: 0.8em;
  cursor: pointer;
}

.backred {
  background: #FF3300;
}

.backor {
  background: #FF9900;
}

.backgr {
  background: #00CC00;
}

.backcy {
  background: #00CCFF;
}

.backpy {
  background: #cc3399;
}

.back99FFCC {
  background: #99FFCC;
}

.back66FF99 {
  background: #66FF99;
}

.sico {
  margin: 0.3em 0.3em 0.0em 0.3em;
}

.salarypermonth {
  width: 300px;
  margin: auto;
  position: absolute;
  left: -9999px;
  top: 0px;
  background: #CCFF99;
  padding: 2em 0.5em 0.5em 0.5em;
}

.salarypermonth div {
  padding: 0.1em 0.5em 0.1em 0.5em;
}

.closeSPM {
  position: absolute;
  right: 0px;
  top: 0px;
  background: red;
  padding: 0.1em 0.3em 0.1em 0.3em;
  color: white;
  cursor: pointer;
}

.partsaleselect {
  width: 100%;
}

.new-ord-tarea {
  width: 96%;
}

.price-help-menu {
  position: fixed;
  top: 0px;
  left: 0px;
  transform-origin: 0 100%;
  transform: rotate(90deg);
}

.price-help-menu span {
  margin-right: 0.5em;
  border-radius: 5px 5px 0px 0px;
  background: white;
  padding: 0.2em 0.3em 0.2em 0.3em;
}

.dev-info-images {
  width: 50%;
  display: inline-block;
}

.dev-info-images-big {
  width: 80%;
  display: inline-block;
  vertical-align: top;
  position: fixed;
  right: 0px;
  top: 0px;
}

.dev-info-png {
  height: 100px;
  border-radius: 10px;
  margin: 1em 3em 1em 1em;
}

.dev-info-png-big {
  width: 100%;
  border-radius: 10px;
}

.devinfotable {
  color: #f4f4f4;
  font-weight: bold;
}

.devinfotable tr:nth-child(n) {
  background: #4e5468;
}

.devinfotable tr:nth-child(2n) {
  background: #5d4a67;
}

.devinfotable td {
  padding-left: 5px;
  padding-right: 5px;
}

.devinfotable1 {
  cursor: pointer;
}

.devinfotable1 td:hover {
  background: orange;
  color: white;
  /* font-weight : bold; */
}

.virucka {
  margin-bottom: 0.1em;
}

.viruchkawidth {
  width: 150px;
  display: inline-block;
  text-align: center;
}

.premechdiv {
  width: 100%;
  /* border		: 1px solid orange; */
  background: #fafafa;
  border-radius: 5px;
  margin-bottom: 0.2em;
}

.premechtime {
  font-size: 0.8em;
  font-weight: bold;
  padding: 0.1em 0.2em 0.2em 0.2em;
}

.premechcont {
  font-size: 0.8em;
  color: black;
  width: 95%;
  margin-left: 4%;
  padding-bottom: 0.2em;
}

.primmaindiv {
  width: 100%;
  max-height: 600px;
  overflow: auto;
}

.premechdiv:nth-child(odd) {
  background: #FFC;
}

.premechdiv:nth-child(even) {
  background: #FFF;
}

.textareadop {
  width: 98%;
  max-width: 98%;
  min-height: 4.5em;
}

.premichdopdiv {
  width: 80%;
  display: inline-block;
}

.premichdopbut {
  width: 18%;
  display: inline-block;
  vertical-align: top;
}

.primechlink {
  text-decoration: none;
  font-weight: bold;
  color: white;
  background: #99C;
  padding: 0.1em 1.0em;
  border-radius: 4px;
}

.warrlink {
  background: #F63;
}

.oldordlink {
  margin-top: 1.3em;
  background: #A63;
}

.partstable1 {
  cursor: pointer;
}

.partstable1 button {
  border: none;
  background: transparent;
  cursor: pointer;
}

.partstable1 td {
  padding: 0.3em 0.5em;
}

.partstable1 tr td:nth-child(1) {
  text-align: right;
}

.partstable1 tr td:nth-child(2) {
  text-align: center;
}

.partstable1 tr:nth-child(1) td:nth-child(1) {
  text-align: center;
}

.partstable1 tr:nth-child(1) {
  text-align: center;
}

.partstable1 tr:nth-child(even) {
  background: #0688c0;
  color: #f0f2f4;
}

.partstable1 tr:nth-child(odd) {
  background: #aadcf3;
  color: #000000;
}

.partstable1 td:nth-child(1) {
  width: 250px;
}

.partstable1 td:nth-child(2),
.partstable1 td:nth-child(3),
.partstable1 td:nth-child(4),
.partstable1 td:nth-child(5),
.partstable1 td:nth-child(6),
.partstable1 td:nth-child(7) {
  width: 100px;
}

.partstable1 tr:hover {
  background: #c07065;
}

.partstable1 input {
  width: 100px;
  text-align: right;
  font-weight: bold;
  color: #0688c0;
  border: none;
}

.partstable1h {
  display: none;
}

.partstable1c td {
  background: #f4c17a;
  font-size: 0.8em;
  font-weight: bold;
  color: black;
}

.deferform {
  width: 300px;
  /* height : 200px; */
  position: fixed;
  left: -9100px;
  top: 20%;
  background: #0688c0;
  padding: 2em;
}

.deferopened {
  left: 45%;
  top: 20%;
}

.contextParts {
  padding: 0em;
  display: inline-block;
  width: auto;
  border: 2px solid white;
}

.contextParts div {
  padding: 0.4em 0.5em;
  color: white;
  font-weight: bold;
  cursor: pointer;
}

.contextParts div:hover {
  background: #c07065;
  color: black;
}

.defertable {
  width: 100%;
  margin: auto;
}

.defertable input {
  width: 100%;
  padding-top: 0.2em;
  padding-bottom: 0.3em;
  font-size: 1.0em;
  font-weight: bold;
  color: #03425c;
}

.defertable textarea {
  width: 100%;
  height: 5em;
  padding-top: 0.2em;
  padding-bottom: 0.3em;
  font-weight: bold;
  color: #03425c;
}

.defertable button {
  width: 48%;
  background: #03425c;
  color: white;
  border: none;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  font-weight: bold;
  cursor: pointer;
}

.defertable tr td:nth-child(1) {
  text-align: right;
  color: white;
}

.defertable tr:nth-child(4) td:nth-child(2) {
  text-align: right;
}

.commoblank {
  width: 350px;
  height: 500px;
  position: fixed;
  left: -355px;
  top: 150px;
  padding: 0px;
}

.commoblank iframe {
  border: none;
}

.commoblankopen {
  left: 10px;
}

.commoblankframe {
  width: 100%;
  height: 490px;
  background: #0688c0;
}

.commoopen {
  position: absolute;
  top: 0px;
  left: 100%;
  font-weight: bold;
  padding-left: 0.3em;
  padding-right: 0.3em;
  height: 50px;
  width: 40px;
  background: #c07065;
  display: inline-block;
  cursor: pointer;
  background: 0688c0;
}

.commoopen div {
  height: 50px;
  text-align: center;
}

.commoopen div::before {
  height: 50px;
  width: 1px;
  content: '';
  vertical-align: middle;
  display: inline-block;
}

.commoclose {}

.commohidd {
  visibility: hidden;
}

.naorderlink {
  color: black;
  margin: 0.5em;
  font-size: 1.5em;
}

.naorderlink0 {
  text-decoration: none;
}

.statisticblock1 {
  min-height: 100px;
}

.colortablef {
  font-size: 1.0em;
}

.simpletable2 {
  color: yellow;
  font-size: 0.9em;
  background: #f4c17a;
  text-align: left;
}

.simpletable2 tr:nth-child(n) {
  background: #f4c17a;
  color: black;
  text-align: left;
}

.simpletable2 td:nth-child(n) {
  text-align: left;
}

.textleft {
  text-align: left;
}

.test-price-table {
  /* border : 1px solid red; */
  cursor: pointer;
}

.test-price-table tr {
  border: 2px solid orange;
  /* cursor : pointer; */
}

.test-price-table td {
  border: 1px solid blue;
  cursor: pointer;
}

.pricetable {
  text-align: center;
  width: 90%;
  margin: auto;
  margin-bottom: 2em;
}

.pricetable caption {
  color: black;
  /* background : #c07065; */
  padding: 0.3em 0.4em;
  font-size: 1.2em;
  font-weight: bold;
}

.pricetable td {
  padding: 0.3em 0.4em;
  cursor: pointer;
}

.pricetable td:hover {
  background: #03425c;
  color: white;
}

.pricetable tr:nth-child(odd) {
  background: #0688c0;
  color: white;
}

.pricetable tr:nth-child(even) {
  background: #aadcf3;
  color: black;
}

.simpleprotect {
  position: fixed;
  top: 40%;
  left: -9999px;
  width: 210px;
  height: 100px;
  background: #0688c0;
  border: 2px solid white;
}

.simpleprotect div {
  text-align: center;
  vertical-align: middle;
}

.simpleprotect div::before {
  content: '';
  width: 0px;
  height: 100px;
  vertical-align: middle;
  display: inline-block;
}

.simpleprotect button {
  background: #aadcf3;
  border: none;
  padding: 0.3em 0.0em;
  font-weight: bold;
  color: black;
  width: 40%;
  cursor: pointer;
}

.simpleprotect button:hover {
  background: #c07065;
  color: white;
}

.lightPriceTable {
  background: #c07065;
  color: black;
}

.VCHS td {
  border: 4px solid red;
}

.VVIP td {
  border: 4px solid #cc3399;
}

/* #aadcf3 */
/* #0688c0 */
/* #c07065 */
/* #03425c */
.conditionBlock {
  position: relative;
}

.conditionBlock button {
  margin-bottom: 0.5em;
}

.conditionBlock div {
  position: absolute;
  left: 105%;
  top: 0px;
  width: 200px;
}

.conditionBlock textarea {
  width: 99%;
  height: 102px;
}

.displayNone {
  display: None;
}

.modal {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
  top: 0px;
  left: 0px;
  position: absolute;
}

.issue-an-order {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  min-width: 100px;
  min-height: 100px;
  background: white;
	box-shadow: 4px 4px 44px 20px rgba(34, 60, 80, 0.2);
  display: flex;
  flex-direction: column;
}

.issue-an-order>div {
  position: relative;
  display: flex;
  justify-content: center;
}

.issue-an-order>div>button {
  font-size: 18px;
  min-width: 100px;
  padding: 10px 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  box-sizing: content-box;
	outline: none;
	border: 1px solid #acacac;
  border-radius: 5px;
}

.issue-an-order>div>button:hover {
	color : white;
	outline: none;
	background: rgb(16,158,249);
	background: linear-gradient(180deg, rgba(16,158,249,1) 26%, rgba(129,210,246,1) 100%);
	transform: scale(1.2);
	box-shadow: 0px 0px 15px 5px rgb(34 60 80 / 20%);

}

.button-selected {
	background: rgb(1,173,38);
	background: linear-gradient(180deg, rgba(1,173,38,1) 26%, rgba(143,251,197,1) 100%);
	outline: none;
	color: white;
	transform: scale(1.2);
}

.issue-an-order>div>input {
  font-size: 24px;
  min-width: 100px;
  padding: 12px 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  border: 2px solid gray;
  margin-left: 20px;
  margin-right: 20px;
	outline: none;
}

.visible {
  display: flex;
}

.modal-error-message {
	display:none;
	position:absolute;
	width:100%;
	top:105%;
	left:0%;
	color:red;
}