body {
    /*
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px !important;
    */
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #f7f7f7;
}

.pagination > li > a, .pagination > li > span{color:gray}
.pagination > li > a:hover, .pagination > li > span:hover{color:gray}

.page-item.active .page-link {
    background-color:#dc3545;
    border-color: #dc3545;
}

.displayNone {
    display: none;
}

.form-control {
    font-size: 14px
}

.btn-space {
    margin-bottom: 2px;
}

.info-box .info-box-icon {
    font-size: 2.3rem;
}

.btn-outline-red {
    border-color: #dc3545;
    color: #dc3545;
}

.btn-outline-default {
    border-color: grey;
    color: grey;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.myAlert-bottom{
    position: fixed;
    z-index: 9999;
}

.alert {
    display: none;
}

.input-show {
    background-color: white !important;
}

.btnaco {
    min-width: 100px;
}

.min-width-small {
    min-width: 80px;
}

.custom-container[aria-expanded="true"]{
    border: 2px solid #dc3545!important;
}

.form-control:focus {
    border: 2px solid #dc3545!important;
}

.select2-container--default .select2-dropdown .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #eeeeee!important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single
{
    border: 2px solid #dc3545!important;
    outline-color: #dc3545!important;
}

.select2-container--default.select2-container--open .select2-selection--single {
    border: 2px solid #dc3545!important;
    outline-color: #dc3545!important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single
{
    border: 2px solid #dc3545!important;
    outline-color: #dc3545!important;
}

.callout-danger {
    background-color: #e9ecef;
}

/*
.custom-container.select2-dropdown--above {
    border: 1px solid #dd4b39 !important;
}

.custom-container.select2-dropdown--below {
    border: 1px solid #dd4b39 !important;
}
*/

.nav-link:not(active) {
    color: #495057;
}

.nav-tabs-custom > .nav-tabs > li > a.active {
    border-top-color: #dc3545;
}

.form-group {
    margin-bottom: 4px;
}

.numright {
    text-align: right;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: grey;
    border-color: darkgrey;
}

.select2 { width: 100% !important; }

.image_preview {
    position: relative; /* Add this since child are absolute! */
    cursor: crosshair;
}

.circle_left {
    position: absolute;
    background: rgba(255, 0, 0, 0.2) url("https://i.imgur.com/qtpC8Rf.png") no-repeat 50% 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%); /* use translate instead of JS calculations */
}

.circle_right {
    position: absolute;
    background: rgba(0, 0, 255, 0.2) url("https://i.imgur.com/qtpC8Rf.png") no-repeat 50% 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%); /* use translate instead of JS calculations */
}

a.dtMoveUp, a.dtMoveDown {
    margin-right:5px;
    text-decoration: underline;
    cursor:pointer;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.login-page {
    background-color: #ffffff;
}

.label-field-optional {
    color: #787878;
    font-size: 10px; /*.85em;*/
    font-weight: 400;
}

/*
.red-tooltip + .tooltip > .tooltip-inner {color: lightsalmon;background-color: lightgray}
*/

.rotate-45 {
    transform: rotate(45deg);
}

.rotate-315 {
    transform: rotate(315deg);
}