/* $LastChangedRevision$
 * General CSS used for the d2s.lib
 * (C)door2solution software gmbh
 */

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: #5068B8 !important;
}

/*a:focus {
  text-decoration: none;
  background-color: orange;
}*/

.main-sidebar, .left-side {
  left: 230px !important;
  width: 100% !important;
}

INPUT.IMAGEINPUT {
  background-color: #A0A0A0;
  text-align: right;
  font-size: 9px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  width: 80px;
  height: 16px;
  margin-top: 0px;
  margin-right: 0px;
  border-color: #505050;
  border-width: 0px 0px 0px 0px;
}

td.IMAGEINPUT a, td.IMAGEINPUT img {
  display: inline-block;
}

.noscript {
  font-size: 1.2em;
  font-weight: bold;
  color: #BC100E;
  padding: 4px 8px 3px 23px;
  display: block;
  margin: 1px 0;
  border: 1px solid red;
}

TD.IMAGEINPUT {
  background-color: #A0A0A0;
}

A.MENU_ITEMS {
  font-size: smaller;
  font-family: Arial;
  color: #4B4B4B;
}

A.MENU_ACTIVE {
  font-size: smaller;
  font-family: Arial;
  color: #4B4B4B;
}

A.SL_HEAD {
  font-size: smaller;
  font-family: Arial;
  font-weight: bolder;
  color: #4B4B4B;
}

TD.SL_DATA {
  font-family: Arial;
  font-size: smaller;
}

INPUT[TYPE="TEXT"],
INPUT[TYPE="PASSWORD"],
INPUT[TYPE="EMAIL"],
SELECT {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}

TABLE.table td,
TABLE.table th {
  padding: 5px;
}

TABLE.sortable th.sort {
  cursor: pointer;
}

.inline {
  display: inline-block;
}

body.PASSWORD_RESET IMG {
  max-height: 200px;
}

div.center {
  margin-right: auto;
  margin-left: auto;
  max-width: 50%;
}

.form-group {
  margin-bottom: 10px;
}

.inline-children > div {
  display: inline-block;
}

.inline-children > div:not(:last-child) {
  margin-right: 10px;
}

div.error span, div.error input {
  border: 1px solid #a94442;
}

div.error input {
  border-right: 0px
}

div.error span {
  border-left: 0px;
  color: #a94442;
  padding-left: 4px;
  padding-right: 4px;
}

.vertical-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

/** float label **/

.float-label-control {
  position: relative;
  margin-top: 1em;
}

.float-label-control ::-webkit-input-placeholder {
  color: transparent;
}

.float-label-control :-moz-placeholder {
  color: transparent;
}

.float-label-control ::-moz-placeholder {
  color: transparent;
}

.float-label-control :-ms-input-placeholder {
  color: transparent;
}

.float-label-control input:-webkit-autofill,
.float-label-control textarea:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -moz-box-shadow: 0 0 0 1000px white inset !important;
  box-shadow: 0 0 0 1000px white inset !important;
}

.float-label-control input, .float-label-control textarea, .float-label-control label {
  font-size: 1em;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.float-label-control input:focus,
.float-label-control textarea:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-bottom-width: 2px;
  padding-bottom: 0;
}

.float-label-control textarea:focus {
  padding-bottom: 4px;
}

.float-label-control input, .float-label-control textarea {
  display: block;
  width: 100%;
  padding: 0.1em 0em 1px 0.5em;
  /*    border: none;
      border-radius: 0px;
      border-bottom: 1px solid #aaa;
      outline: none;
      margin: 0px;*/
  background: none;
}

.float-label-control textarea {
  padding: 0.1em 0em 5px 0em;
}

.float-label-control label {
  position: absolute;
  font-weight: normal;
  top: -1.1em;
  left: 0.58em;
  color: #aaaaaa;
  z-index: 2;
  font-size: 0.85em;
  -moz-animation: float-labels 300ms none ease-out;
  -webkit-animation: float-labels 300ms none ease-out;
  -o-animation: float-labels 300ms none ease-out;
  -ms-animation: float-labels 300ms none ease-out;
  -khtml-animation: float-labels 300ms none ease-out;
  animation: float-labels 300ms none ease-out; /* There is a bug sometimes pausing the animation. This avoids that.*/
  animation-play-state: running !important;
  -webkit-animation-play-state: running !important;
}

.float-label-control input.empty + label,
.float-label-control textarea.empty + label {
  top: 0.6em;
  font-size: 1.0em;
  animation: none;
  -webkit-animation: none;
  z-index: 100;
}

.float-label-control input:not(.empty) + label,
.float-label-control textarea:not(.empty) + label {
  z-index: 1;
}

.float-label-control input:not(.empty):focus + label,
.float-label-control textarea:not(.empty):focus + label {
  color: #aaaaaa;
}

.float-label-control.label-bottom label {
  -moz-animation: float-labels-bottom 300ms none ease-out;
  -webkit-animation: float-labels-bottom 300ms none ease-out;
  -o-animation: float-labels-bottom 300ms none ease-out;
  -ms-animation: float-labels-bottom 300ms none ease-out;
  -khtml-animation: float-labels-bottom 300ms none ease-out;
  animation: float-labels-bottom 300ms none ease-out;
}

.float-label-control.label-bottom input:not(.empty) + label,
.float-label-control.label-bottom textarea:not(.empty) + label {
  top: 3em;
}

@keyframes float-labels {
  0% {
    opacity: 1;
    color: #aaa;
    top: 0.1em;
    font-size: 1.5em;
  }
  20% {
    font-size: 1.5em;
    opacity: 0;
  }
  30% {
    top: 0.1em;
  }
  50% {
    opacity: 0;
    font-size: 0.85em;
  }
  100% {
    top: -1em;
    opacity: 1;
  }
}

@-webkit-keyframes float-labels {
  0% {
    opacity: 1;
    color: #aaa;
    top: 0.1em;
    font-size: 1.5em;
  }
  20% {
    font-size: 1.5em;
    opacity: 0;
  }
  30% {
    top: 0.1em;
  }
  50% {
    opacity: 0;
    font-size: 0.85em;
  }
  100% {
    top: -1em;
    opacity: 1;
  }
}

@keyframes float-labels-bottom {
  0% {
    opacity: 1;
    color: #aaa;
    top: 0.1em;
    font-size: 1.5em;
  }
  20% {
    font-size: 1.5em;
    opacity: 0;
  }
  30% {
    top: 0.1em;
  }
  50% {
    opacity: 0;
    font-size: 0.85em;
  }
  100% {
    top: 3em;
    opacity: 1;
  }
}

@-webkit-keyframes float-labels-bottom {
  0% {
    opacity: 1;
    color: #aaa;
    top: 0.1em;
    font-size: 1.5em;
  }
  20% {
    font-size: 1.5em;
    opacity: 0;
  }
  30% {
    top: 0.1em;
  }
  50% {
    opacity: 0;
    font-size: 0.85em;
  }
  100% {
    top: 3em;
    opacity: 1;
  }
}

table.monitor {
  margin: 0px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

table.monitor td.server {
  width: 20%;
  font-weight: bolder;
}

table.monitor td.cpu,
table.monitor td.memory {
  width: 20%;
}

table.monitor progress {
  width: 100%;
}

div.reload td {
  background-color: rgba(0, 31, 255, 0.3);
}

table.monitor td.session,
table.monitor td.time,
table.monitor td.parallel,
table.monitor td.logo {
  width: 10%;
}

table#clone thead tr th {
  background-color: white;
}

.margin-5 {
  margin: 5px;
}

.margin-10 {
  margin: 10px;
}

.margin-15 {
  margin: 15px;
}

.margin-25 {
  margin: 25px;
}

body.login .panel {
  margin-top: 25px;;
}

div.login_table {
  max-width: 250px;
}

div.login_table img {
  max-width: 250px;
  max-height: 250px;
}

.panel-body {
  overflow: auto;
}

div.login_table .panel-body {
  text-align: left;
}

body.login.two_factor img {
  margin: 16px;
}

body.login.two_factor {
  max-width: 690px;
}

.panel.server-monitor {
  display: inline-block;
}

.panel.server-monitor, .panel.server-monitor div.panel-body {
  /*width: 350px;*/
  margin: 0px;
  padding: 0px;
}

.panel.server-monitor {
  padding: 5px;
  border-radius: 0px;
  height: 333px;
}

.panel.server-monitor div.panel-body table.table {
  margin: 0px;
}

.server-monitor .alert {
  padding: 0px !important;
  margin: 0px !important;
  text-align: center;
  font-size: 0.8em;
}

.server-monitor small {
  font-size: 0.7em !important;
}

.server-monitor img {
  max-height: 39px;
  max-width: 150px;
}

.server-monitor tr.info {
  height: 50px;
}

div.popover {
  min-width: 190px;
}

.list-setting .btn-group:first-child > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  width: 78px;
  border-bottom-left-radius: 0;
  border-bottom: 0;
}

.list-setting .btn-group:first-child > .btn:last-child:not(.dropdown-toggle) {
  width: 77px;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.list-setting .btn-group:last-child > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 0;
}

.list-setting .btn-group:last-child > .btn:last-child:not(.dropdown-toggle) {
  border-top-right-radius: 0;
}

.list-setting .btn-group:first-child > .btn:first-child {
  margin-left: 25px;
}

div.list-settings:last-child {

}

div.CodeMirror {
  border: 1px solid rgba(128, 128, 128, 0.24);
}

.select2-container--default .select2-selection--single {
  border-radius: 0px !important;
}

.select2-results__option {
  min-height: 20px;
}

.converted-td {
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
}

.fieldset-group {
  display: inline-block;
}

/** B2B-BASKET **/

@media screen and (max-width: 767px) {
  .b2b table.fieldset-table {
    display: inline-block;
  }

  .b2b .fieldset-group, .b2b .fieldset-group input:not([type="CHECKBOX"]), .b2b .fieldset-group select, .b2b .fieldset-group textarea, .b2b .converted-td, .b2b .converted-td textarea {
    width: 100%
  }

  .b2b table.TBL a.pickup, .b2b table.TBL .pos, .b2b table.TBL .commission, .b2b table.TBL .pricelevel {
    display: none;
  }
}

.form-control-wrapper span.select2-container {
  width: 100% !important;
}

.html_log > * {
  padding: 4px 10px;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
}

.html_log .warning {
  background-color: #17a2b8 !important;
}

.html_log .error {
  background-color: #dc3545 !important
}

form[name="PICK_COUNTRY"] img, img.country_flag {
  max-width: 30px;
  max-height: 30px;
}