﻿

.Icone_Alert_text {
    position: relative;
    /*display: table-cell !important;
    vertical-align: middle;
    text-align: center;*/
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 2px;
    color: #f44336;
    display: block;
    text-decoration: none;
    background-color: rgba(255, 50, 50, 0.2);
    border: 1px solid #f44336;
    border-radius: 2px !important;
    transition: 0.2s;
    cursor: pointer;
}
    
    .Icone_Alert_text:hover {
        color: #fff;
        text-shadow: 0 0 5px rgb(255, 224, 27), 0 0 5px rgb(255, 224, 27), 0 0 5px rgb(255, 224, 27);
        background-color: rgba(255, 99, 99, 0.90);
        animation: Icone_Alert_pulse 0.3s linear forwards;
    }

@keyframes Icone_Alert_pulse {
    0% {
        box-shadow: 0 0 1px 2px rgba(252, 134, 134,0.4), 0 0 1px 2px rgb(252, 134, 134), 0 0 1px 2px rgba(252, 134, 134,0.5);
    }

    50% {
        box-shadow: 0 0 1px 2px rgba(252, 134, 134,0.4), 0 0 2px 10px rgba(252, 134, 134,0.5), 0 0 2px 10px rgba(252, 134, 134,0.5);
    }

    100% {
        box-shadow: 0 0 1px 2px rgba(252, 134, 134,0.4), 0 0 5px 15px rgba(252, 134, 134,0), 0 0 5px 15px rgba(252, 134, 134,0);
    }
}



.Icone_Action_text {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 2px;
    color: rgba(50, 50, 255, 0.8);
    display: block;
    text-decoration: none;
    background-color: rgba(179, 212, 241, 0.25);
    border: 1px solid rgba(50, 50, 255, 0.8);
    border-radius: 2px !important;
    transition: 0.2s;
    cursor: pointer;
}
     


    .Icone_Action_text:hover {
        color: #fff;
        text-shadow: 0 0 5px rgb(255, 224, 27), 0 0 5px rgb(255, 224, 27), 0 0 5px rgb(255, 224, 27);
        background-color: rgba(15, 122, 214, 0.8);
        animation: Icone_Action_pulse 0.3s linear forwards;
    }

@keyframes Icone_Action_pulse {
    0% {
        box-shadow: 0 0 1px 2px rgba(15, 122, 214, 0.4), 0 0 1px 2px rgb(15, 122, 214), 0 0 1px 2px rgba(15, 122, 214, 0.5);
    }

    50% {
        box-shadow: 0 0 1px 2px rgba(15, 122, 214,0.4), 0 0 2px 10px rgba(15, 122, 214,0.5), 0 0 2px 10px rgba(15, 122, 214,0.5);
    }

    100% {
        box-shadow: 0 0 1px 2px rgba(15, 122, 214,0.4), 0 0 5px 15px rgba(15, 122, 214,0), 0 0 5px 15px rgba(15, 122, 214,0);
    }
}






.oxin_checkbox {
    /*padding-left:1px;*/
    /*height:20px;*/
}

    .oxin_checkbox label {
        display: inline-block;
        position: relative;
        /*left: 0px;*/
        top: 9px;
        /*padding-left: 20px;*/
        /*margin-right: 7px;
        margin-left: 7px;*/
    }

    .oxin_checkbox input[type="checkbox"]:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 20px;
        height: 20px;
        border: 4px solid #262626;
        transition: 0.25s;
        transform: translate(0px,4px) rotate(0deg);
        border: 2px solid rgba(0,0,0,0.5);
        border-radius: 5px;
    }



    .oxin_checkbox input[type="checkbox"] {
        position: relative;
        top: 0px;
        left: 0px;
        width: 20px;
        height: 20px;
        appearance: none;
        outline: none;
        transition: 0.5s;
    }


        .oxin_checkbox input[type="checkbox"]:checked:before {
            content: "";
            display: inline-flex;
            /*position: absolute;*/
            margin-right: 5px;
            margin-left: 5px;
            top: 0px;
            left: 0px;
            width: 8px;
            height: 20px;
            background-color: rgba(255,255,255,0);
            border: 2px solid blue;
            border-top: none;
            border-left: none;
            border-radius: 0px;
            transform: translate(2px,0px) rotate(45deg);
            transition: 0.25s;
        }






.oxin_checkbox_RTL {
    /*padding-left: 1px;*/
    /*height: 20px;*/

    
}

    .oxin_checkbox_RTL  {
        display: inline-block;
        position: relative  ;
        /*right: 17px;*/
        /*top: 7px;*/
        /*padding-right : 7px;*/
        /*margin-right: 7px;*/
         
    }


        .oxin_checkbox_RTL:before {
            content: "";
            display: inline-block;
            position: absolute;
            top: -5px;
            right: -17px;
            width: 15px;
            height: 15px;
            transition: 0.25s;
            transform: translate(0px,4px) rotate(0deg);
            border: 2px solid rgba(0,0,0,0.5);
            border-radius: 5px;
        }



    .oxin_checkbox_RTL input[type="checkbox"] {
        opacity: 0;
        transition: 1.5s;
        display: none;
    }



        .oxin_checkbox_RTL:checked:before {
            content: "";
            display: inline-flex;
            /*position: absolute;*/
            margin-right: 5px;
            margin-left: 5px;
            top: -5px;
            right: -17px;
            width: 8px;
            height: 20px;
            background-color: rgba(255,255,255,0);
            border: 2px solid blue;
            border-top: none;
            border-left: none;
            border-radius: 0px;
            transform: translate(2px,0px) rotate(45deg);
            transition: 0.25s;
        }


.oxin_checkbox_label_pos_rel {
}

    .oxin_checkbox_label_pos_rel label {
        position: relative;
    }