/**General Styling for textboxes, dropdownlists etc*/
body, html {
    font-family: Arial, Helvetica, sans-serif !important;
}

.header-item {
    padding-top: 13px;
    color: White;
    font-weight: bold;
    font-size: medium;
}

    .header-item .header-normal {
        font-weight: normal;
    }

.mobile-visible {
    display: none !important;
}

input[type="text"],
input[type="number"] {
    font-size: 12px !important;
    font-weight: normal;
    border: 1px solid #CCC;
    border-radius: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    margin: 4px;
    padding: 5px 5px 4px 5px;
    max-width: 100%;
}

    input[type="text"]:focus,
    input[type="number"]:focus {
        border-color: #cc0000 !important;
    }

input[type="password"] {
    font-size: 12px !important;
    font-weight: normal;
    border: 1px solid #CCC;
    border-radius: 0px !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    margin: 4px;
    padding: 5px 5px 4px 5px;
    max-width: 100%;
}

    input[type="password"]:focus {
        border-color: #cc0000 !important;
    }

textarea {
    font-weight: normal;
    border-radius: 0px !important;
}

    textarea:focus {
        border-color: #cc0000 !important;
    }

select {
    font-weight: normal;
    font-size: 12px;
    border: 1px solid #CCC;
    border-radius: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    margin: 4px;
    padding: 5px;
    max-width: 100%;
}

    select:focus {
        border-color: #cc0000 !important;
    }

input[type="password"] {
    font-weight: normal;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    margin: 4px;
    padding: 5px;
    max-width: 100%;
}

    input[type="password"]:focus {
        border-color: #cc0000 !important;
    }

input[type='checkbox'] {
    margin-right: 5px !important;
}

.checkbox-list label {
    margin-right: 8px !important;
}

.panel-heading {
    background-color: rgb(112, 112, 112) !important;
}

.breadcrumb .fa-caret-right {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-danger:hover {
    background-color: #808080 !important;
}


.alert {
    border-radius: 0px !important;
    font-family: 'Jost', Calibri !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    z-index: 10;
    position: fixed;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-animation: cssAnimation 0s ease-in 2s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 2s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 2s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 2s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes cssAnimation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes cssAnimation {
    to {
        visibility: hidden;
    }
}