/**
 Estilos CSS customizados para AbbaPay

 @autor ARDeveloper
 @date 02/02/2022
 */

*.icon-command-table{
    width: 18px !important;
}

*.icon-command-table>img{
    width: 18px !important;
}

*.card-abbapay{
    padding: 20px;
    min-height: 280px;
    min-width: 340px;
    background: #ffffffed;
    margin: 12px;
    border-radius: 8px;
    border: 1px solid #cbcbcb;
}

*.card-register{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    align-content: flex-end !important;
}

*.card-register>div{
    text-align: center;
    width: 45%;
    min-width: 340px;
    min-height: 190px;
    padding: 10px;
}

*.autoCompleteLarge{}

*.registerCalendar>input{
    width: 152px !important;
}

*.registerCiudad>input{
    width: 186px !important;
}

*.longCalendar>input{
   width: 189px !important;
}

*.shortCalendar>input{
    width: 122px !important;
}

*.mediumCalendar>input{
    width: 152px !important;
}

*.extraShortCalendar>input{
    width: 102px !important;
}

*.taxesCalendar>input{
    width: 112px !important;
}

#modalFormatos{
    width: 88% !important;
    min-width: 420px !important;
}

#modalModuloRoles{
    width: 70% !important;
    min-width: 420px !important;
}

*.drag-and-drop-image-uploader{
    padding: 2px;
    width: 141px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    background-color: #e5e5e524;
    color: #606060;
}

*.drag-and-drop-image-uploader:hover{
    border: 1px solid rgb(229 229 229 / 99%);
    border-radius: 6px;
    background-color: #b7b6b62e;
}

*.abba-alert-row{
    background-color: #ff00b614 !important;
    background-image:none !important;
}

*.text-label{
    font-weight: bold !important;
}

*.autoCompleteLarge>input{
    width: 282px !important;
}

#modalIdle{
    top: 20px !important;
    border: 0 !important;
    -webkit-box-shadow: 0 0 0 rgb(0 0 0) !important;
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0) !important;
    box-shadow: 0 0 0 rgb(0 0 0) !important;
    background-color: rgba(255, 255, 255, 0) !important;
}

#modalIdle_content{
    background: #f1f1f100 !important;
}

*.inputNumberLarge>input{
    width: 322px !important;
}

*.inputNumberNormal>input{
    width: 116px !important;
}

*.inputNumberShort>input{
    width: 80px !important;
}

*.col-center{
    text-align: center !important;
}