header{
    border-radius : 0px;
}
.portfolio-single .close span{
    font-size : 45px;
    font-weight : 100;
}
.portfolio-single .close:hover span{
    color : white;
}
.portfolio-single .modal-title{
    margin-top : auto;
}
.btn-search:hover{
    background-color : #59cbe6;
    box-shadow : 3px 3px 3px #dadada, -3px -3px 3px #fafafa;
}
.btn-search, .btn-cus{
    background-color : RGB(150, 218, 234);
}
.btn-cus .active{
    background-color : RGB(150, 218, 234);
}
.btn-cus:hover{
    background-color : #f1f3f6;
    box-shadow : 3px 3px 3px #dadada, -3px -3px 3px #fafafa;
}
.w-active{
    display : flex;
}
.w-hid{
    display : none
}
.cus-tool{
    position : absolute;
    top : 40%;
    background-color : white;
    border-radius : 20px;
    padding : 10px;
}
.cus-tool span{
    cursor : pointer;
    font-size : 2rem;
    display :grid;
    padding : 10px 5px;
}
.change-style{
    display : none;
}
.flex{
    display : flex;
}
.flex .form-group{
    width : 100%;
}
.flex span{
    padding-top : 0.5rem;
    padding-left : 0.5rem;
}
.btn-outline{
    border : 1px solid black;
    border-radius : 0px;
}
.btn-outline:hover{
    border : 1px solid black;
    box-shadow : none !important;
}
.fa-edit{
    cursor : pointer;
}
.dis-text{
    color : #684235;
    font-size : 0.9rem;
}
.modal-dialog{
    max-width : 600px;
}
.last-step span{
    cursor : pointer
}
select {
    width : 98% !important;
}
#detail .image-border{
    background-color : #f1f3f6a1;
    box-shadow : none;
}
.header-profile .profile{
    width : 50px;
    border-radius : 50%;
}
.navbar{
    padding : 0px;
}
.sub-menu-div{
    z-index : 10;
}
.input_cus{
    border-bottom : 1px solid #ddd !important;
}
.input_cus:focus{
    border-bottom : 1px solid blue !important;
}
/* .portfolio img{
    width : 100% !important;
} */

@media (min-width: 768px) {
    .back_div{
        margin-left : 35%;
    }
}
.style a:hover{
    box-shadow: 3px 3px 3px #dadada, -3px -3px 3px #fafafa;
}
.style{
    padding: inherit;
}
.style .active{
    box-shadow: 3px 3px 3px #dadada, -3px -3px 3px #fafafa;
}
.style a:last-child{
    margin-left : 10px;
}
.swal-overlay--show-modal .swal-modal{
    will-change : unset;
}
.swal-text{
    color : black;
}
.swal-title{
    color : black;
}