body {
  font-family: "Arial";
  background-color: #fff;
  font-size: 16px;
}

.animate {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.blur {
  -webkit-filter: blur(3px);
  filter:blur(3px);
}

header#mainide div.logo {
  float: left;
}

.rotate {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  color: var(--tglsize-color-rot) !important;
}

header#mainide div.logo h1 {
  float: left;
  font-size: 20px;
  padding: 15px 20px;
}

header#mainide div.logo a#tglSize {
  float: left;
  font-size: 24px;
  padding: 7px 0px;
  margin: 5px 10px 0px 20px;
  color: var(--tglsize-color);
}

div.mainbuttons {
  float: right;
  height: var(--mainhead-height);
  width: calc(100% - var(--mainnav-width));
  margin-left: 0px;
  background-color: #1b1b1b;
  border-left: 1px dotted #777;
  position: relative;
  z-index: 5;
}

div.mainbuttons ul {
  width: auto;
  font-size: 14px;
}

div.mainbuttons ul.left {
	float: left;
}

div.mainbuttons ul.right {
	float: right;
}

div.mainbuttons ul li {
  float: left;
}

div.mainbuttons ul.right li a {
  border-left: 1px solid #777;
  border-right: none;
}

div.mainbuttons ul li a {
  display: block;
  float: left;
  padding: 17px 20px 18px 20px;
  text-align: center;
  text-decoration: none;
  border-right: 1px solid #777;
  background-color: #1b1b1b;
  border-bottom: 1px solid #1b1b1b;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #ccc !important;
}

div.mainbuttons ul li.modname {
	display: block;
  float: left;
  padding: 18px 20px;
  text-align: center;
  text-decoration: none;
  border-right: 1px solid #777;
  background-color: #1b1b1b;
  border-bottom: 0px solid #1b1b1b;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #000 !important;
  background-color: var(--mainsection-bck);
  font-weight: bold;
}

div.mainbuttons ul li.modname i {
	margin-right: 10px;
}

div.mainbuttons ul li a:hover {
  color: #579 !important;
  background-color: #cde;
  border-bottom: 1px solid #579;
}

div.mainbuttons ul li a i {
  margin-right: 10px;
}

div.tbl {
  float: left;
  width: 100%;
  height: 100%;
}

#asidebody h2 {
  float: left;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#asidebody h2 a {
  float: right;
  margin-right: 0px;
}

#asidebody h2 a#close {
	  color: #a03;
}

#asidebody h2 a#close:hover {
  color: #f55;
}

h2 a.wwn {
	margin: 0px 3px;
	color: #333;
}

h2 a.wwn:hover {
	color: #357;
}

#asidebody fieldset {
  border: 1px solid #ccc;
  padding: 2%;
  box-shadow: 2px 2px 5px #777;
  background-color: #f0f0f0;
  margin: 20px 0px;
}

#asidebody fieldset legend {
  font-weight: bold;
  padding: 0px 5px;
  font-size: 16px;
}

.full {
  width: 96%;
}

.half {
  width: 49%;
}

.third {
  width: 32%;
}

.dupthird {
	width: 57%;
}

.quart {
  width: 24%;
}

.triquart {
  width: 74%;
}

.ls, .rs, .ms, .qsl, .qsr, .cc {
  padding: 5px 0px;
}

.ls {
  float: left;
  margin-right: 0.5%;
}

.rs {
  float: right;
  margin-left: 0.5%;
}

.ms {
  float: left;
  margin-left: 1.5%;
}

.qsl {
  float: left;
  margin-left: 0.8%;
}

.qsr {
  float: left;
  margin-left: 1.3%;
}

.cc {
  float: left;
  width: 100%;
}

.autocomplete {
  width: 88%;
}

.selectbox {
  width: 100%;
}

.singlefull {
	float: left;
	width: 100%;
}

.aright  {
	text-align: right;
}

input[type="text"], input[type="password"] {
  border: 1px solid #ccc;
  font-size: 16px;
  padding: 5px 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #555;
}

input[type="text"].full, input[type="password"].full, input[type="file"] {
  width: calc(100% - 20px);
}

input[type="text"].err, input[type="password"].err {
	border: 1px solid #f55 !important;
	background-color: #fcc !important;
}

input[type="text"].warn {
	border: 1px solid #ff5;
	background-color: #ffc;
}

input[type="text"]:focus, input[type="password"]:focus {
  outline: none;
  border: 1px solid #789;
  background-color: #def;
  box-shadow: 2px 2px 5px #a0a0a0;
  color: #000;
}

textarea {
  height: 100px;
  resize: none;
  border: 1px solid #ccc;
  font-size: 16px;
  padding: 5px 10px;
  width: calc(100% - 20px);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #555;
}

textarea:focus {
  outline: none;
  border: 1px solid #789;
  background-color: #def;
  box-shadow: 2px 2px 5px #a0a0a0;
  color: #000;
}

.elemclear {
  clear: both;
  height: 3px;
}

.textr {
  text-align: right;
}

button, input[type="submit"], a.btn {
  padding: 10px 20px;
  border: 1px solid #777;
  background-color: #e0e0e0;
  font-size: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin: 10px 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none;
}

button:hover, input[type="submit"]:hover, a.btn:hover {
  box-shadow: 2px 2px 5px #777;
}

button:active, a.btn:active {
  box-shadow: 0px 0px 3px #777;
  color: #000;
}

a.btn {
  text-decoration: none;
  margin-top: 7px;
}

.green {
  border: 1px solid #1ab394;
  background-color: #deeede;
}

.red {
  border: 1px solid #a55;
  background-color: #faa;
}

.blue {
  border: 1px solid #789;
  background-color: #cde;
}

section.tabs {
  float: left;
  width: 100%;
}

section.tabc div.tbcont {
  float: left;
  width: 100%;
  display: none;
}

ul.tabs {
  float: left;
  width: 100%;
  background: url('images/tab_line.jpg') left bottom repeat-x;
}

ul.tabs li {
  float: left;
}

ul.tabs li:first-child {
  margin-left: 10px;
}

ul.tabs li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  background-color: #f0f0f0;
  color: #777;
  border: 1px solid #ccc;
  border-left: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

ul.tabs li:first-child a {
  border-left: 1px solid #ccc;
}

ul.tabs li a.sel {
  background-color: #fff;
  color: #333;  
  border-bottom: 1px solid #fff;
}

ul.tabs li a:hover {
  color: #fff;
  background-color: #ccc;
}

ul.tabs li a.loaded {
	color: #000;
  background: #cde url("images/loading-bar.gif") no-repeat center top;
}

ul.tabs li a.sel:hover {
  background-color: #fff;
  color: #333;  
  border-bottom: 1px solid #fff;
}

div.login {
	width: 40%;
	margin: 50px auto;
}

div.login fieldset {
  border: 1px solid #ccc;
  padding: 2%;
  background-color: #f0f0f0;
  box-shadow: 2px 2px 5px #777;
  
  margin: 20px 0px;
}

div.login fieldset legend {
  font-weight: bold;
  padding: 0px 5px;
  font-size: 16px;
}

div.login input[type="submit"] {
	float: right;
}

div.tbl table tr td {
	color: #333;
	font-size: 16px;
}

div.tbl table tr td a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
	overflow: hidden;
}

div.tbl table tr td a.prop {
	width: inherit;
}

div.tbl table tr td:first-child {
	white-space: nowrap;
}

div.tbl table tr td a:hover {
	color: #000;
}

div.tbl table tr td a.ccm {
	color: #1ab394;
	margin-right: 10px;
	float: left;
	width: auto;
}

div.loading {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 50px;
}

input[type="text"]:disabled {
	background-color: #f5f5f5;
}

input[type="checkbox"], input[type="radio"] {
 display:none; 
}
  
input[type="checkbox"] + label span, input[type="radio"] + label span {
  display:inline-block;
  width: 20px;
  height: 20px;
  margin: 0px 10px 0 0;
  vertical-align: middle;
  background-color: #fff;
  cursor:pointer;
  border: 1px solid #e7e7e7;
  font-size: 14px;
  font-weight: normal;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
  
label.checkbox {
  float: left;
  margin-left: 0px;
  font-size: 14px;
  font-weight: normal;
  margin-right: 30px;
}

label span {
	font-size: 15px;
	margin-left: 10px;
}

label span i.green {
	color: #1ab394;
	border: none;
	background-color: transparent !important;
	margin-right: 5px;
}

label span i.red {
	color: #f55;
	border: none;
	background-color: transparent !important;
	text
}
  
input[type="checkbox"]:checked + label span, input[type="radio"]:checked + label span {
  background-color: #1ab394;
}

div.check {
	padding-top: 25px;
}

table#tbllist tr, table#tbllist tr td.sorting_1 { 
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}

table#tbllist tr.sel, table#tbllist tr.sel td.sorting_1 {
	background-color: #1ab394 !important;
	color: #fff;
	
}

table#tbllist tr.sel td, table#tbllist tr.sel a, table#tbllist tr.sel td a.ccm {
	color: #fff;
}

.dataTables_filter { 
	display: none;
}

a.disabled {
	color: #f55 !important;
}

table#tbllist tr.sel td a.disabled {
	color: #a00 !important;
}

table#tbllist tr.del, table#tbllist tr.del td.sorting_1 {
	background-color: #fdd;
	color: #a00 !important;
}

table#tbllist tr.del td, table#tbllist tr.del td a {
	color: #a00 !important;
}

table#tbllist tr.spec, table#tbllist tr.spec td.sorting_1 {
	background-color: #cde;
	color: #357 !important;
}

table#tbllist tr.spec td a {
	color: #357 !important;
}

table#tbllist tr.sel.spec td a {
	color: #cfc !important;
}

table#tbllist tr.spec td a.disabled {
	color: #f00 !important;
}

table#tbllist tr.spec.sel.del td a.disabled {
	color: #a00 !important;
}

table#tbllist tr.spec.sel td.sorting_1  {
	color: #cfc !important;
}

.nodialog {
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: none;
	width: calc(100% - 22px) !important;
	padding: 10px;
}

a.selectbox.err {
	background: none;
	border: 1px solid #f55;
	background-color: #fcc !important;	
}