@import "bootstrap.min.css";

/*==Ids==*/

#welcomeHeader {
    padding-bottom: 5em;
}

#login-welcome {
    padding-top: 1em;
    padding-left: 1em;
}

#login-logo {
    padding-bottom: 2em;
}

#inlineForm {
    display:-webkit-inline-box;
}

#forgotform {
    width:40em;
    height:20em;
    display: none;
}
#manualImplant {
    display: none;
}
#inputInformation {
    display: none;
}
#updateEmployee {
    display: none;
}
#implantList {
    display: none;
}

/*==Divs==*/
div[name="prod"] {
    border: 1px solid #dae2ea;
    background: #f8faff;
    color: black;
}

button[name = "header-btn"] {
    display: inline;
    margin-right: 0.5em;
    margin-left: 0.5em;
}

button[name = "form-btn"] {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/*==Classes==*/

.dataTables_length {
    display: inline;
    float:left;
}

.dataTables_filter {
    display: inline;
    float:right;
}

.dataTables_info {
    display: inline;
    float: left;
}

.dataTables_paginate {
    display: inline;
    float: right;
}

.dataTables_wrapper {
    width: -webkit-fill-available;
}

.paginate_button:hover {
    cursor: pointer;
    color:white;
}

.dtItem:hover {
    opacity: 0.45;
}
.angular-ui-tree {
    overflow: auto;
    display: inline-block;
    max-height: 50em;
    border-color: lightgray;
    border-width: thin;
    border-style: solid;
}

.angular-ui-tree-handle {
    font-weight:normal;
}

.hidden {
    display: none !important;
    visibility: collapse !important;
}

.inputDescription {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: .375rem .75rem;
}

.tree-node {
    cursor: default;
}

.table-scroll {
    display: block;
    empty-cells: show;
}

.table-scroll thead {
    position: relative;
    display: block;
    overflow-y: scroll;
}

.table-scroll tbody {
    display: block;
    position: relative;
    overflow-y: scroll;
}

.table-scroll tr {
    display: flex;
}

.table-scroll td, .table-scroll th {
    flex-basis: 100%;
    flex-grow: 2;
    display: block;
    text-align: left;
}

.fancybox-content {
    width: 40em;
    height: 20em;
    display: inline-table;
}

.footernav-item {
    text-align: center;
    list-style-type: none;
    list-style-image: none;
    display: inline-block;
}

.active {
    color: #d24b54;
}

.topnav-item {
    list-style-type: none;
    list-style-image: none;
    font-weight: bolder;
}

    .topnav-item::after {
        display: inline-block;
        padding-right: .8rem;
        padding-left: .8rem;
    }

.topnav {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 3.2rem;
    background: linear-gradient(to bottom,rgba(233,236,239,.5) 0,#F2F2F2 15%);
    background-color: #F2F2F2;
    width: 100%;
}

.mbp-h2 {
    margin-bottom:0.5em;
}

.mbp-isPlanned.false {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.mbp-isPlanned.true {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.btn-mbp {
    cursor: pointer;
    color: #ffffff;
    border-color: #d24b54;
    background-color: #d24b54;
    box-shadow: none;
    margin-left:0.2em;
    margin-right:0.2em;
}

    .btn-mbp.disabled {
        cursor: default;
        color: #ffffff;
        background-color: #d24b54;
        border-color: #d24b54;
    }

    .btn-mbp:hover {
        cursor: pointer;
        color: #ffffff;
        opacity: 0.65;
        border-color: #d24b54;
        background-color: #d24b54;
    }

    .btn-mbp:visited {
        color: #ffffff;
        opacity: 0.65;
        border-color: #d24b54;
        background-color: #d24b54;
    }

.row-padding {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.nav-link {
    color:#d24b54;
}

.nav-link:hover {
    color:#d24b54;
}

.jumbotron {
    background-color: #FFFFFF;
    padding:1.5em;
}

.form-check-input {
    position: relative;
}

/*==Elements==*/

content {
    background-color: #F7F7F7;
}

table {
    cursor: default;
}

select {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0.2em;
    margin-right: 0.2em;
}

input {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0.2em;
    margin-right: 0.2em;
}

textarea {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    height: 10em;
    width: 20em;
    resize: none;
}

tr {
    cursor: pointer;
}

h4 {
    color:#d24b54;
}

a {
    color:#d24b54;
}

header {
    padding-bottom: 1.5em;
    background-color: #FFFFFF;
}

body {
}

footer {
    padding-top:5em;
}