.form-select, .form-control {
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.form-select:focus {
    border-color: #F99F50;
    box-shadow: 0 0 0 0.05rem #F99F50;
}

.form-control:focus {
    border-color: #F99F50;
    box-shadow: 0 0 0 0.05rem #F99F50;
}

.material-shadow {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.accordion-button:focus {
    background-color:  #f99f5054;;
    box-shadow: 0 0 0 0.05rem #F99F50;
}

.btn-danger {
    background-color: #fdd1da;
    color: #f80031;
    border-radius: 50rem;
}

.btn-danger:hover {
    background-color: rgb(224, 47, 64);
}

.btn-danger:focus {
    background-color: #dc3545;
}

.btn-outline-info{
    /* border-radius: 50rem; */
    /* border: 1px solid #54b4d3 !important; */
    background: transparent;
    font-weight: 700;
}
.btn-outline-info:hover{
    color: #F38D34;
    text-decoration: underline;
    font-weight: 900;
    /* background-color: #54b4d3; */
    /* border-color: #54b4d3; */
}

.btn-custom {
    border-radius: 50rem;
    background-color: #F38D34;
    color: #ffffff;
    border: none;
}

.btn-custom:hover {
    background-color: #d3752c;
    color: #ffffff;
}

.btn-custom:focus {
    background-color: #F38D34;
}

.btn-custom:disabled {
    background-color: #F38D34;
    color: #ffffff;
    border: none;
}

.btn-outline-custom {
    border-radius: 50rem;
    background-color: transparent;
    color: #F38D34;
    border: 1px solid #F38D34;
}

.btn-outline-custom:hover {
    background-color: #F38D34;
    color: #ffffff;
}

.badge {
    display: inline-block;
    padding: .55em .9em;
    text-transform: uppercase;
    font-size: .50em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .45rem;
}
.badge a {
    color: #fff
}
.badge-sm {
    padding: .45em .775em;
    font-size: .65em;
    border-radius: .25rem
}
.badge-md {
    padding: .65em 1em
}
.badge-lg {
    padding: .85em 1.375em
}
.badge-inline {
    margin-right: .625rem
}
.badge-inline+span {
    top: 2px;
    position: relative
}
.badge-inline+span>a {
    text-decoration: underline
}
.badge-default {
    color: #fff
}
.badge-secondary {
    background-color: theme-color("secondary");
    color: color-yiq(theme-color("secondary"))
}
.btn .badge:not(:first-child) {
    margin-left: .5rem
}
.btn .badge:not(:last-child) {
    margin-right: .5rem
}
.badge-primary {
    color: #2643e9;
    background-color: #eaecfb
}
.badge-primary[href]:focus,.badge-primary[href]:hover {
    color: color-yiq(#5e72e4);
    text-decoration: none;
    background-color: #2a44db
}
.badge-secondary {
    color: #5974a2;
    background-color: #e4e8ed
}
.badge-secondary[href]:focus,.badge-secondary[href]:hover {
    color: color-yiq(#8392ab);
    text-decoration: none;
    background-color: #617390
}
.badge-success {
    color: #1aae6f;
    background-color: #b0eed3
}
.badge-success[href]:focus,.badge-success[href]:hover {
    color: color-yiq(#2dce89);
    text-decoration: none;
    background-color: #229c68
}
.badge-info {
    color: #03acca;
    background-color: #aaedf9
}
.badge-info[href]:focus,.badge-info[href]:hover {
    color: color-yiq(#11cdef);
    text-decoration: none;
    background-color: #0c9cb7
}
.badge-warning {
    color: #ff3709;
    background-color: #fee6e0
}
.badge-warning[href]:focus,.badge-warning[href]:hover {
    color: color-yiq(#fb6340);
    text-decoration: none;
    background-color: #f93305
}
.badge-danger {
    color: #f80031;
    background-color: #fdd1da
}
.badge-danger[href]:focus,.badge-danger[href]:hover {
    color: color-yiq(#f5365c);
    text-decoration: none;
    background-color: #e30b36
}
.badge-light {
    color: #c7d3de;
    background-color: #fff
}
.badge-light[href]:focus,.badge-light[href]:hover {
    color: color-yiq(#e9ecef);
    text-decoration: none;
    background-color: #c6cdd5
}
.badge-dark {
    color: #1e2e4a;
    background-color: #8097bf
}
.badge-dark[href]:focus,.badge-dark[href]:hover {
    color: color-yiq(#344767);
    text-decoration: none;
    background-color: #1f2b3e
}
.badge-white {
    color: #e8e3e3;
    background-color: #fff
}
.badge-white[href]:focus,.badge-white[href]:hover {
    color: color-yiq(#fff);
    text-decoration: none;
    background-color: #e0e0e0
}

.border-start-red {
    border-left: 5px solid #ff6372;
}
.border-start-info {
    border-left: 5px solid #77dbeb;
}
.border-start-light {
    border-left: 5px solid #d7d7d7;
}

.bg-light-danger {
    background-color: #fbe6e8;
}
.bg-light-info {
    background-color: #ecf0f1;
}
.bg-light-gray {
    background-color: #f8f9fa;
}
.bg-light-indikosh{
    background-color: #f39f5528;
}

.text-sm{
    font-size:small;
}
.pointer{
    cursor: pointer;
}

.visibility-hidden {
   visibility: hidden;
}

#pre-modal-loader {
    background-image: url('../../../../images/Loading_icon.gif');
}

@media (min-width: 576px) {
    .w-sm-50 {
      width: 50%;
    }
}