/* $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 input {
    border: 1px solid #FF0000;
}

.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 .panel-body {
    text-align: left;
}

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

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