
.btn-new-blue-gradient{
    text-decoration: none !important;
    color: #ffffff !important;
    background-image: linear-gradient(to right, rgba(21, 149, 255, 1), rgba(7, 125, 223, 1));
    border: 2px transparent solid;
    padding: 6px 10px;
    border-radius: 5px;
    transition: 0.2s ease-in;
    font-weight: 500;
    font-size: 16px;
}

.btn-new-blue-gradient:hover {
    color: #0091e6 !important;
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255));
    border: 2px #0091e6 solid;

}

.btn-new-blue-gradient a:hover{
    text-decoration: none !important;
    color: #0091e6;
}

/*  */

.btn-new-blue-gradient-fill{
    text-decoration: none !important;
    color: #ffffff !important;
    background-image: linear-gradient(to right, rgba(21, 149, 255, 1), rgba(7, 125, 223, 1));
    /* border: 2px transparent solid; */
    padding: 6px 30px;
    border-radius: 5px;
    transition: 0.2s ease-in;
    font-weight: 500;
    font-size: 16px;
    margin-right: 5px;
}

.btn-new-blue-gradient-fill:hover {
    color: #fff !important;
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(4, 120, 214), rgb(0, 88, 160));
    /* border: 2px transparent solid; */
    transition: 0.2s ease-in;
}

/*  */

.btn-new-green-gradient{
    text-decoration: none !important;
    color: #ffffff !important;
    background-image: linear-gradient(to right, rgb(90, 160, 105), rgb(2, 180, 2));
    /* border: 2px transparent solid; */
    padding: 6px 30px;
    border-radius: 5px;
    transition: 0.2s ease-in;
    font-weight: 500;
    font-size: 16px;
    margin-right: 5px;
}

.btn-new-green-gradient:hover {
    color: #fff !important;
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(21, 104, 39), rgb(0, 133, 29));
    /* border: 2px transparent solid; */
    transition: 0.2s ease-in;
}

/*  */

.btn-new-red-gradient{
    text-decoration: none !important;
    color: #ffffff !important;
    background-image: linear-gradient(to right, rgb(189, 42, 42), rgb(151, 40, 40));
    /* border: 2px transparent solid; */
    padding: 6px 30px;
    border-radius: 5px;
    transition: 0.2s ease-in;
    font-weight: 500;
    font-size: 16px;
    margin-right: 5px;
}

.btn-new-red-gradient:hover {
    color: #fff !important;
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(141, 46, 46), rgb(110, 29, 29));
    /* border: 2px transparent solid; */
    transition: 0.2s ease-in;
}

.btn-icons-red-gradient-delete{
    text-decoration: none !important;
    color: #ffffff !important;
    background-image: linear-gradient(to right, rgb(189, 42, 42), rgb(151, 40, 40));
    /* border: 2px transparent solid; */
    padding: 11px 10px;
    border-radius: 5px;
    transition: 0.2s ease-in;
    font-weight: 500;
    font-size: 16px;
    margin-right: 5px;
}

.btn-new-red-gradient-delete:hover {
    color: #fff !important;
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(141, 46, 46), rgb(110, 29, 29));
    /* border: 2px transparent solid; */
    transition: 0.2s ease-in;
}

/*  */

.btn-new-orange-gradient{
    text-decoration: none !important;
    color: #ffffff !important;
    background-image: linear-gradient(to right, rgb(245, 172, 45), rgb(254, 195, 0));
    /* border: 2px transparent solid; */
    padding: 6px 30px;
    border-radius: 5px;
    transition: 0.2s ease-in;
    font-weight: 500;
    font-size: 16px;
    margin-right: 5px;
}

.btn-new-orange-gradient:hover {
    color: #fff !important;
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(201, 139, 7), rgb(203, 132, 0));
    /* border: 2px transparent solid; */
    transition: 0.2s ease-in;
}



/* icons */
/*  */

.btn-icons-blue-gradient-fill{
    text-decoration: none !important;
    color: #ffffff !important;
    background-image: linear-gradient(to right, rgba(21, 149, 255, 1), rgba(7, 125, 223, 1));
    /* border: 2px transparent solid; */
    padding: 6px 10px;
    border-radius: 5px;
    transition: 0.2s ease-in;
    font-weight: 500;
    font-size: 16px;
    margin-right: 5px;
}

.btn-icons-blue-gradient-fill:hover {
    color: #fff !important;
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(4, 120, 214), rgb(0, 88, 160));
    /* border: 2px transparent solid; */
    transition: 0.2s ease-in;
}

/*  */

.btn-icons-green-gradient{
    text-decoration: none !important;
    color: #ffffff !important;
    background-image: linear-gradient(to right, rgb(90, 160, 105), rgb(2, 180, 2));
    /* border: 2px transparent solid; */
    padding: 6px 10px;
    border-radius: 5px;
    transition: 0.2s ease-in;
    font-weight: 500;
    font-size: 16px;
    margin-right: 5px;
}

.btn-icons-green-gradient:hover {
    color: #fff !important;
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(21, 104, 39), rgb(0, 133, 29));
    /* border: 2px transparent solid; */
    transition: 0.2s ease-in;
}

/*  */

.btn-icons-red-gradient{
    text-decoration: none !important;
    color: #ffffff !important;
    background-image: linear-gradient(to right, rgb(189, 42, 42), rgb(151, 40, 40));
    /* border: 2px transparent solid; */
    padding: 6px 10px;
    border-radius: 5px;
    transition: 0.2s ease-in;
    font-weight: 500;
    font-size: 16px;
    margin-right: 5px;
}

.btn-icons-red-gradient:hover {
    color: #fff !important;
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(141, 46, 46), rgb(110, 29, 29));
    /* border: 2px transparent solid; */
    transition: 0.2s ease-in;
}

/*  */

.btn-icons-orange-gradient{
    text-decoration: none !important;
    color: #ffffff !important;
    background-image: linear-gradient(to right, rgb(245, 172, 45), rgb(254, 195, 0));
    /* border: 2px transparent solid; */
    padding: 6px 10px;
    border-radius: 5px;
    transition: 0.2s ease-in;
    font-weight: 500;
    font-size: 16px;
    margin-right: 5px;
}

.btn-icons-orange-gradient:hover {
    color: #fff !important;
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(201, 139, 7), rgb(203, 132, 0));
    /* border: 2px transparent solid; */
    transition: 0.2s ease-in;
}
/* fim icons */



.btn-save-register-blue-gradient {
    text-decoration: none !important;
    color: #ffffff !important;
    background-image: linear-gradient(to right, rgba(21, 149, 255, 1), rgba(7, 125, 223, 1));
    border: 2px transparent solid;
    padding: 0.5rem 3rem;
    border-radius: 5px;
    transition: 0.2s ease-in;
    font-weight: 500;
    font-size: 16px;
}

.btn-save-register-blue-gradient:hover {
    color: #0091e6 !important;
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255));
    border: 2px #0091e6 solid;
}



.btn-options-blue-gradient {
    color: #0091e6;
    background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255));
    border: 1.5px #0091e6 solid;
    padding: 4px 7px;
    border-radius: 5px;
    transition: 0.2s ease-in;
}

.btn-options-blue-gradient:hover{
    color: #ffffff;
    background-image: linear-gradient(to right, rgba(21, 149, 255, 1), rgba(7, 125, 223, 1));
    border: 1px transparent solid;

}

.btn-options-green-gradient {
    color: #064400;
    background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255));
    border: 1.5px #064400 solid;
    padding: 4px 7px;
    border-radius: 5px;
    transition: 0.2s ease-in;
}

.btn-options-green-gradient:hover{
    background-image: linear-gradient(to right, rgb(90, 160, 105), rgb(2, 180, 2));
    color: #fff;
    border: 1px transparent solid;
}


.btn-options-red-gradient{
    color: #b60000;
    background-image: linear-gradient(to right, rgb(240, 240, 240), rgb(236, 236, 236));
    padding: 4px 7px;
    border-radius: 5px;
    border: 1px #b60000 solid;
    transition: 0.2s ease-in;
}

.btn-options-red-gradient:hover {
    background-image: linear-gradient(to right, rgb(201, 37, 37), rgb(163, 17, 17));
    color: #fff;
    border: 1px transparent solid;
}

.btn-absolute-options-white{
    background-color: #fff;
    color: #1d1d1d;
    border: solid 1px #1d1d1d;
    padding: 4px 7px;
    border-radius: 5px;
    transition: 0.3s ease-in;
}

.btn-absolute-options-white:hover{
    background-image: linear-gradient(to right, rgba(21, 149, 255, 1), rgba(7, 125, 223, 1));
    color: #fff;
    border: solid 1px transparent;
}

.btn-new-register-div-top-absolute{
    /* position: fixed;
    top: 26%;
    right: 4%; */
}

.new-register-div-top{
    display: flex;
    justify-content: center;
}

.new-register-div-bottom{
    display: none;
}

.save-register-div-bottom{
    display: flex;
    justify-content: end;
}

@media only screen and (min-width: 101px) and (max-width:601px){
    .new-register-div-top{
        display: none !important;
    }

    .new-register-div-bottom{
        display: flex;
        justify-content: center;
    }

    .chmad{
        font-size: 13px;
    }
}
