IMG {display: block;}
BODY {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;

}

#sresult { width: 100%;
padding: 10px;
margin: 0px auto;
box-sizing: border-box;
outline: 1px solid #000;
overflow: auto;
min-height: 200px;
}
#rightmenu {border-left: solid orange 10px;  float:right; padding: 15px; background: #444444; color:#ffffff; position: absolute; right: 0px; z-index: 10; }
#rightmenu A {color:#ffffff; text-decoration: none;}
/* #rightmenu UL {margin: 0px; padding:0px; display:none;} */

.authform {
	width: 300px;
	margin: 0px auto;
	text-align: center;
	border: 1px solid #444;
	background: #FFF;
  border-radius: 10px;
}
.authform IMG {
margin: 20px auto;
}
.authform FORM BUTTON, .authform FORM INPUT[type="text"], .authform FORM INPUT[type="password"] {
	border-radius: 4px;
	border: 1px solid #444;
	font-size: 1.45em;
  margin: 10px auto;
  padding: 2%;
  width: 94%;
}
#searchbar {
  background: #365e91 right center no-repeat;
  /* width: calc(100% - 200px);*/
  padding: 10px;
  top:0px;
  display: grid;
  overflow: auto;
  grid-template-columns: 400px 48px 48px auto;
  grid-gap: 10px;
}
#searchform {
  text-align:center;
  margin: 0px 0px;
  padding: 5px 0px;
  background: #365e91 right center no-repeat;
  background-image: url('data: image/png;	base64,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');
  background-position: center;
  background-size: 80px 80px;
  width: calc( 100% - 200px );
  border-radius: 5px;
  overflow: auto;
}
#searchform INPUT[type=checkbox] {
    background:blue;
    margin:15px;
}

@media screen and (min-width: 800px) {
    #searchform  {width: 100%; }
}

@media screen and (max-width: 800px) {
#searchform  {width: 100%; border: none; padding: 5px 0px;}
.authform {width: 100%; border: none;}
#sresult { width: 100%;  }
TD {padding:0px;}
}

#togglesupplyers {float: left; margin: 0px; padding: 0px; }
#searchform INPUT[type="text"] { width: calc( 100% - 20px ); margin: 0px auto; display: block; background: rgba(255,255,255,0.3); color: #FFFFFF; border-radius: 10px; border: 1px solid #FFFFFF; font-size: 2em; }

TABLE {
  width: 100%;
  border-collapse: collapse;
}
/* Zebra striping */
tr:nth-of-type(odd) {
  background: #eee;
}
th {
  background: #999;
  color: white;
  font-weight: bold;
}
td, th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left;
}


@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

#searchform INPUT {width: 90%; }

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc; }

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 40%;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 40%;
		padding-right: 10px;
/*		white-space: nowrap;
 */
	}

	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "Модель"; }
	td:nth-of-type(2):before { content: "Производитель"; }
	td:nth-of-type(3):before { content: "Наименование"; }
	td:nth-of-type(4):before { content: "Остаток"; }
	td:nth-of-type(5):before { content: "Цена"; }
	td:nth-of-type(6):before { content: "Поставщик"; }

}

.hide {display: none; }


/* tables */
table.tablesorter {

	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
}

table.tablesorter thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

#loader {width: 48px; height: 48px; }
.loader {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        position: relative;
        animation: rotate 1s linear infinite
     }
.loader::before , .loader::after {
        content: "";
        box-sizing: border-box;
        position: absolute;
        inset: 0px;
        border-radius: 50%;
        border: 24px solid #FFF;
        animation: prixClipFix 2s linear infinite ;
      }
.loader::after{
        border-color: #FF3D00;
        animation: prixClipFix 2s linear infinite , rotate 0.5s linear infinite reverse;
        inset: 0px;
      }

      @keyframes rotate {
        0%   {transform: rotate(0deg)}
        100%   {transform: rotate(360deg)}
      }

      @keyframes prixClipFix {
          0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
          25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
          50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
          75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
          100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
      }