/************** Start Supplier css *******************************/
/*#user-profile:hover #subNav{*/


/*    display: block;*/
/*}*/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*  end  display: block;*/


.swal-modal {
    width: 300px;
    background-color: #343a40;

}
.swal-text {
    color: #fff;
}
.swal-button {
    background-color: #00a1ed;
    color: #fff;
    padding: 4px 15px;
}

.dropdown-menu.dropdown-menu-md-right.dropdown-menu-right.userProfile{
    display: block;
}
#supplier .card-title{
    padding-bottom: 10px;
    float: inherit;
    text-align: center;
}
#supplier .addSupplier{
   margin-bottom: 10px;
}
#supplier td, #supplier td i,#supplier th{
    font-size: 14px;
    text-align: center;
}
#supplier .actionHead{
    width: 92px;
}
#supplier .actionBtn{
    display: inline-flex;
    width: 100%;
}
#supplier .actionBtn a{
 margin-right: 5px;
}
/***************End supplier css ******************************/

/*span star mark */
.starSymbole {
    color: #910303;
    font-size: 20px;
}
.btn.btn-danger{
    font-size: 11px;
}
/*span star mark */
 .modalIcon{
    padding: 25px 30px;
    border: 3px solid #e74c3c;
    border-radius: 50%;

}
 .modalIconSuccess{
    padding: 28px 30px;
    border: 3px solid #00bc8c;
    border-radius: 50%;

}
.decline::before {
    font-size: 20px;
    color: #e74c3c;
}
.modalIconSuccess::before {
    font-size: 20px;
    color: #00bc8c;
}
 .modal-body.text-left{
    text-align: center !important;
     padding: 0 1rem  1rem  1rem !important; ;
}
.modal-header{
    padding: 0 10px !important;
    border: none !important;
}
.modal-footer{
    border: none !important;
    text-align: center !important;
    display: block ruby  !important;

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


.select2-container--default .select2-selection--single {
    background-color: #e8d8d800;
    border: 1px solid #6c757d;
    height: 37px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}
.modal-body.text-left{
    white-space: normal;
}