/*
    Toastr
 */
.toast-top-full-width>.toast{
    max-width: 96%;
}

/*
    DataTable
 */
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before{
    top: 8px;
}
/*
    Select2 Multi Checkboxes
 */
#active-provider-profile {
    width:240px;
}
.select2-results__option>.wrap:before{
    font-family:'Font Awesome 5 Free';
    color:#999;
    content:"\f0c8";
    width:25px;
    height:25px;
    padding-right: 10px;

}
.select2-results__option[aria-selected=true]>.wrap:before{
    content:"\f14a";
}
.select2-results__option .wrap {
    white-space: nowrap;
}
/*
    Application
 */
.range-wrap .range-slider {
    -webkit-appearance: none;
    margin: 20px 0;
    width: 100%;
}
.range-wrap .range-slider:focus {
    outline: none;
}
.range-wrap .range-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    animate: 0.2s;
    background: #03a9f4;
    border-radius: 25px;
}
.range-wrap .range-slider::-webkit-slider-thumb {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0,0,0, 1);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -8px;
}
.range-wrap .range-slider:focus::-webkit-slider-runnable-track {
    background: #03a9f4;
}
.range-wrap{
    position: relative;
}
.range-value{
    position: absolute;
    top: -50%;
}
.range-value span{
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #03a9f4;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 6px;
}
.range-value span:before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid #03a9f4;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
}

label{
    margin-bottom: 0;
}
.guest-page {
    -ms-flex-align: center;
    align-items: center;
    background: #e9ecef;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -ms-flex-pack: center;
    justify-content: center;
}
.guest-box {
    min-width: 360px;
    max-width: 560px;
}
.guest-logo {
    font-size: 2.1rem;
    font-weight: 300;
    margin-bottom: .9rem;
    text-align: center;
}
.guest-logo a {
    color: #495057;
}
.guest-box-msg {
    margin: 0;
    padding: 0 20px 20px;
    text-align: center;
}
.guest-card-body {
    background: #fff;
    border-top: 0;
    color: #666;
    padding: 20px;
}
.guest-card-body .input-group .form-control {
    border-right: 0;
}
.guest-card-body .input-group .input-group-text {
    background-color: transparent;
    border-bottom-right-radius: .25rem;
    border-left: 0;
    border-top-right-radius: .25rem;
    color: #777;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.guest-card-body .input-group .form-control:focus~.input-group-append .input-group-text {
    border-color: #80bdff;
}

.input-group.is-invalid~.invalid-feedback,
.icheck-primary.is-invalid~.invalid-feedback{
    display: block;
}

[class*=icheck-].is-invalid>input:first-child+input[type=hidden]+label::before,
[class*=icheck-].is-invalid>input:first-child+label::before {
    border-color: #dc3545;
}

.main-header .nav-link.bars{
    top:5px;
}

@media (min-width: 576px){
    .form-inline .form-control-plaintext {
        display: inline-block;
        width: auto;
    }
}

@media (min-width: 768px) {
    .min-width-350-md {
        min-width: 350px;
    }
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .sidebar .user-panel > .info {
        display: none;
    }
}


/* Expected-column chips (ProjectScenarios).
   The field name is the quiet half — you scan the VALUES and use the names to
   confirm what you found, so the name is smaller and lighter and the value
   keeps the chip's own weight. The operator sits between them at the same
   weight as the name: it modifies the claim, it is not the claim. */
.tag .ex-field { opacity: .62; font-weight: 400; margin-right: .3em; }
.tag .ex-op    { opacity: .62; font-weight: 400; margin-right: .1em; }
/* Chips wrap in a dense cell; a little vertical air keeps two rows of them
   from reading as one run-on line. */
td .tag { margin-bottom: 2px; }