/*FASTNet CUSTOM STYLES*/

/*-----------------------------------------------------------------------------*/
/*                                CUSOM MODAL NOTIFICATION                     */
/*-----------------------------------------------------------------------------*/
.modal-notification .modal-body .icon-content-no-background {
    margin: 0 0 20px 0px;
    display: inline-block;
    padding: 13px;
}

    .modal-notification .modal-body .icon-content-no-background svg {
        width: 36px;
        height: 36px;
        color: #888ea8;
        fill: rgba(0, 23, 55, 0.08);
    }

/*Modal Body border*/
.modal-content {
    border-style: solid;
    border-color: #dee2e6;
}

/*Special body WIth Superior line Separator*/
.iconModalBody {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
}

.p-welcome {
    font-size: 2.1vw;
}

.p-version-welcome {
    font-size: 1.4vw;
}

.welcome-logo {
    height: auto;
    width: 65%;
}

.navbar-brand {
    margin-left: -10px;
    height: auto;
    width: 200px;
}

/*@media (max-width: 575px) {
    .welcome-logo {
        height: 80px;
        width: auto;
    }
}*/

/*-----------------------------------------------------------------------------*/
/*                                CUSOM CLEAR INPUT COLOR                      */
/*-----------------------------------------------------------------------------*/
.btn-clear {
    color: #fff !important;
    background-color: #3b3f5c;
    border-color: #3b3f5c;
    border-color: #bfc9d4;
}

    .btn-clear:hover,
    .btn-clear:focus {
        color: #fff !important;
        background-color: #3b3f5c;
        box-shadow: none;
        border-color: #3b3f5c;
        border-color: #bfc9d4;
    }

    .btn-clear:active,
    .btn-clear.active {
        background-color: #3b3f5c;
        border-top: 1px solid #3b3f5c
    }

    .btn-clear:not(:disabled):not(.disabled).active, .btn-clear:not(:disabled):not(.disabled):active, .show > .btn-clear.dropdown-toggle {
        color: #acb0c3 !important;
        background-color: #3b3f5c;
        border-color: #bfc9d4;
    }

    .btn-clear.disabled,
    .btn-clear.btn[disabled],
    .btn-clear:disabled {
        background-color: #3b3f5c;
        border-color: #bfc9d4;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        color: #acb0c3 !important;
    }

    .btn-clear .caret {
        border-top-color: #fff
    }

.btn-group > .btn + .dropdown-toggle.btn-clear {
    border-left: 1px solid rgb(112, 118, 122);
}

.btn-group.dropleft .btn-clear:not(.dropdown-toggle-split) {
    border-left: 1px solid rgb(112, 118, 122);
}

.btn-clear:not(:disabled):not(.disabled).active:focus, .btn-clear:not(:disabled):not(.disabled):active:focus, .show > .btn-clear.dropdown-toggle:focus,
/*-----------------------------------------------------------------------------*/
/*                                CUSOM CLEAR INPUT COLOR   END                */
/*-----------------------------------------------------------------------------*/