.navbar-dark
{
    background: #013B75;
}

.breadcrumb-line-light
{
    background-color: #013B75;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-brand img
{
    height: 1.5rem;
}
.form-group
{
    margin-bottom: 1rem !important;
}
.card-header-color
{
    background-image: linear-gradient(to bottom, #008BD2 0%, #0F5B94 100%);
    background-repeat: repeat-x;
    color: white;
}
.card-footer-color
{
    background-color: #0000001a;
}
.card-header:not([class*=bg-])
{
    background-color: #0000001a;
}
.clsmaterial
{
    padding: .200rem .300rem;
    height: 2rem;
}
.displayFontSize
{
    font-size: 0.9rem;
    margin-bottom: .20rem;
}
.btn
{
    background-image: linear-gradient(to bottom, #008BD2 0%, #0F5B94 100%);
    color: white;
}
.btn:hover
{
    background-image: linear-gradient(to bottom, #008BD2 0%, #0F5B94 100%) !important;
    color: white !important;
}
.bg-teal-300
{
    background-color: #0000001a;
}

table.tableScrollBody300 tbody
{
    display: block;
    min-height: 118px;
    max-height: 126px;
    overflow-y: scroll;
}

table.tableScrollBody300 thead, table.tableScrollBody300 tbody tr
{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.table-xs td, .table-xs th
{
    padding: 3px;
}
.width5
{
    width: 5%;
}
.width42
{
    width: 42%;
}
.width48
{
    width: 48%;
}
.width100
{
    width: 100%;
}
.height50
{
    height: 50%;
}
.overlay
{
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: #013B75;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: white;
    font-size: 10px;
    padding: 7px;
    text-align: center;
}
.imgPraposnate
{
    position: relative;
    height: 178px;
    width: 178px;
}

.imgPraposnate:hover .overlay
{
    opacity: 1;
}

input[type=text]:focus
{
    box-shadow: 0 0 0 0.0625rem #013B75 inset !important;
    border: 0.0625rem solid #013B75 !important;
}
input[type=checkbox]:focus
{
    box-shadow: 0 0 0 0.0625rem #013B75 inset !important;
    border: 0.0625rem solid #013B75 !important;
}
input[type=image]:focus
{
    box-shadow: 0 0 0 0.0625rem #013B75 inset !important;
    border: 0.0625rem solid #013B75 !important;
}
input[type=file]:focus
{
    box-shadow: 0 0 0 0.0625rem #013B75 inset !important;
    border: 0.0625rem solid #013B75 !important;
}

button:focus
{
    box-shadow: 0 0 0 0.0625rem #013B75 inset !important;
}
.custom-control-input:focus ~ .custom-control-label::before
{
    box-shadow: 0 0 0 0.0625rem #013B75 inset !important;
    border: 0.0625rem solid #013B75 !important;
}
.nav-pills .nav-link:not(.active):focus, .nav-pills .nav-link:not(.active):hover
{
    box-shadow: 0 0 0 0.0625rem #013B75 inset !important;
    border: 0.0625rem solid #013B75 !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple
{
    box-shadow: 0 0 0 0.0625rem #013B75 inset !important;
    border: 0.0625rem solid #013B75 !important;
}
.select2 .select2-container .select2-container--default .select2-container--focus
{
    box-shadow: 0 0 0 0.0625rem #013B75 inset !important;
    border: 0.0625rem solid #013B75 !important;
}
.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover
{
    background-color: #0F5B94;
}
.table td, .table th
{
    padding: .25rem 0.25rem !important;
}
.header-elements
{
    color: white;
}

.text-bodywhite
{
    color: White !important;
}

.carousel-control-prev .carousel-control-prev-icon, .carousel-control-next .carousel-control-next-icon
{
    outline: black;
    background-color: rgba(0, 0, 0, 0.3);
}

.carousel-control-prev .fa-chevron-left, .carousel-control-next .fa-chevron-right
{
    color: black;
}

.carousel-caption
{
    color: black;
}
.icon-asterisk
{
    color: red;
    font-size: 25px;
    font-weight: bold;
    padding: 0px;
    margin-top: 1%;
}

.field-validation-error
{
    color: #ff0000;
    font-size: 13px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}