fb-modal button.close{
    border: none;
    color: gray;
    height: 30px;
    width: 30px;
    font-size: 2.0em;
    opacity: 1;
    font-weight: 900;
    font-family: serif;
    position: absolute;
    top: 10px;
    right: 10px;
}
fb-modal button:focus, .ranklist li{
    outline: none;
}
fb-modal .btn-no-shape{
    background-color: transparent;
    color: #2F404E;
    text-transform: capitalize;
    outline: none;
}
fb-modal .btn-no-shape:focus:active, fb-modal .btn-no-shape:focus{
    outline: none;
}
fb-modal textarea{
    resize: none;
}

fb-modal .modal-footer, fb-modal .modal-header{ 
    text-align: center;
    border: none !important;
    margin-top: 0px;
    padding: 10px 20px;
}
fb-modal .modal-header{
    margin-top:40px;
}
fb-modal .modal-footer{
    margin-bottom:40px;
}
fb-modal .modal-body{
    padding: 10px 40px;
}

fb-modal .modal-content{
    width: 500px;
}
fb-modal .modal-dialog{
    width: fit-content;
}

fb-modal .btn-primary,
fb-modal .btn-primary:active {
    color: #fff;
    background-color: #7093FF;
    border-color: #5D7DE9;
    border-width: 3px;
    width: 150px;
    height: 50px;
    font-size: 1.2em;
}
fb-modal .btn-primary:hover, 
fb-modal .btn-primary:focus,
fb-modal .btn-primary:focus:active{
    background-color: #5D7DE9;
    border-color: #5D7DE9;
    border-width: 3px;
    outline: none;
}

fb-modal input, fb-modal textarea, fb-modal select {
    border-width: 2px !important;
    border-color: #7093FF !important;
}

.ranklist li i:hover:active, .ranklist li i:hover{
    color:#5D7DE9;
}

fb-modal .modal-footer, fb-modal .modal-body{
    display:none;
}

.focus_error{
    border: 2px solid #e53935 !important;
}