/*  S y s t e m  ****************************/
/********************************************/

@charset "utf-8";

@font-face {
	font-family: Helvetica, sans-serif;
	src: url(../Helvetica.ttf/);
}

:root {
    --clr-logo: #6d777f;
    --clr-logo-text: #008ebf;
    --clr-text: #334545;
    --clr-effect: #ff9900;
    --clr-docs: rgb(89, 89, 89);

    --ff-docs: Arial;
    --ff-online: Helvetica, sans-serif;
    --fs-docs: 10pt;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-bold: 600;

    --status-danger-bg: hsl(342, 81%, 88%);
    --status-danger-text: hsl(351, 59%, 41%);
    --status-success-bg: hsl(117, 66%, 87%);
    --status-success-text: hsl(139, 56%, 38%);
    /* --status-warning-bg: hsl(31, 65%, 72%); */
    /* --status-warning-text: hsl(20, 71%, 40%); */
    --status-warning-bg: hsl(45.6, 100%, 90.2%);
    --status-warning-text:hsl(44.7, 94.2%, 26.9%);

    --btn-primary: #1d6fb8;
    --btn-primary-hov: #1b5eaf;
    --btn-info: #008ebf;
    --btn-info-hov: #047db2;
    --btn-success: #38a935;
    --btn-success-hov: #2e933d;
}

html, body {
    font-family: Helvetica, sans-serif;
    color: var(--clr-text);
}

.powered-by {
    font-family: 'Segoe UI';
    font-size: 9px;
    margin-bottom: 0;
    margin-right: 8px;
    text-align: right;
}

.powered-by strong {
    font-weight: 800;
}

.powered-by a {
    text-decoration: none;
    color: inherit;
}

/*  G l o b a l  ****************************/
/********************************************/

.border-eln {
	border-bottom: 2px solid var(--clr-logo-text);
}

input[type="checkbox"].form-control-sm {
    height: calc(.75em + .5rem + 2px);
}

.btn, .form-control, .modal-content {
    border-radius: 0;
}

.modal-header {
    color: var(--clr-logo-text);
}

.btn-primary {
    background-color: var(--btn-primary);
}

.btn-primary:hover {
    background-color: var(--btn-primary-hov);
}

.btn-info {
    background-color: var(--btn-info);
}

.btn-info:hover {
    background-color: var(--btn-info-hov);
}

.btn-success {
    background-color: var(--btn-success);
}

.btn-success:hover {
    background-color: var(--btn-success-hov);
}
.btn-decoy {
	cursor: not-allowed!important;
	opacity: .5;
}
.simple-scrolltable thead tr.thead-row-eln th {
    background-color: var(--clr-logo-text);
}

/*  T y p o g r a p h y  ********************/
/********************************************/

.thead-row-eln {
	background-color: var(--clr-logo-text);
	color: white;
}

.text-secondary-eln {
	color: var(--clr-logo);
}

.text-primary-eln {
	color: var(--clr-logo-text);
}

.fw-light {
    font-weight: var(--fw-light);
}

.fw-regular {
    font-weight: var(--fw-regular);
}

.fw-bold {
    font-weight: var(--fw-bold);
}

/*  U s e r s  ******************************/
/********************************************/

.jumbotron-eln {
    /* background-color: #f2f2f2; */
    background-color: #fff;
    padding: .5rem .75rem;
	transition: background-color 200ms ease;
}

.jumbotron-eln:hover {
    /* background-color: #e0e0e0; */
    background-color: #f2f2f2;
	transition: background-color 200ms ease;
}

.gdpr {
	font-size: .7rem;
}

.col-name i {
	position: absolute;
	right: 23px;
	top: 31px;
}

@media (max-width: 768px) {
    .col-header {
        justify-content: center;
    }
}

.contact-checkbox {
    width: 20px;
    /* margin: 0 auto; */
}

.centered {
    width: max-content;
    margin: 0 auto;
}

.status {
    border-radius: 1em;
    font-size: .85em;
    max-width: 100%;
    overflow: hidden;
    padding: 4px 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.status-success {
    background-color: var(--status-success-bg);
    color: var(--status-success-text);
}

.status-danger {
    background-color: var(--status-danger-bg);
    color: var(--status-danger-text);
}

.status-warning {
    background-color: var(--status-warning-bg);
    color: var(--status-warning-text);
}

.ghost {
    display: none;
}

.jumbotron-small:hover .ghost {
    display: inline;
}

/*  E d i t   C o n t a c t  ****************/
/********************************************/

.contact-checkbox {
    box-sizing: content-box;
    width: 20px;
}