@CHARSET "UTF-8";

.pad-button{
    padding: 12px 0px 12px 10px;     
    }
.pad-button:hover{
	box-shadow: inset 0 1px 3px #7f80821c;
    background: #7f80821c;  
}
.pad-button:hover > .admin-square{
	background: #B27A13;
	border: 0px;
	color: #B27A13;
}
.pad-button:hover > .admin-square > .icon-admin-style {
    filter: brightness(2);
}
.pad-button:hover > div > .admin-option-title {
    color: #B27A13;
    font-weight: 600;
}     
.icon-admin-style {
    display: inline-block;
    width: 80%;
}
.admin-square:hover > .icon-admin-style {
    display: inline-block;
    width: 80%;
    filter: brightness(2);
}

.admin-square.active > .icon-admin-style {
    display: inline-block;
    width: 80%;
    filter: brightness(2);
}


.admin-option-title{
    font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
    display: inline-block;
    font-family: 'NexaLight';
    color: #444444;
    position: absolute;
    top: 25px;
    margin: auto;
}

.admin-square.active > .admin-option-title:hover{
    color: #B27A13;
}

.admin-square{
	display: inline-block;
    height: 74px;
    text-align: center;
    width: 75px;
    padding: 3px;
    font-size: 45px;
    font-family: 'Nexabold';
    background: #ffffff;
    color: #9e9e9e;
    border: 2px solid #9e9e9e;
	
}
.admin-square:hover {
	background: #B27A13;
	border: 0px;
	color: #B27A13;
}
.admin-square.active {
	background: #B27A13;
	border: 0px;
	color: #fff;
}
.admin-square.active > .icon-admin-style {
	filter: brightness(2);
}
.admin-square.active ~ div > .admin-option-title {
    color: #B27A13;
    font-weight: 600;
}
.pd-10{
	padding-top: 45px;
}



.saved-accounts-tab {
	padding-right: 10px !important;	
	padding-left: 10px !important;	
	
}

.saved-accounts-input-text {
	width: 100%;
}

.saved-accounts-tab-container {
	min-height: 560px;
}

.saved-accounts-input-button {
	width: 500px;
}

.saved-account-li{
	padding-top: 4px;
}


.button-bottom-fixed{
    top: 84%;
    position: absolute;
    left: 15px;
    width: 93%;
}
div-title-admin{
	padding: 0px;
}

.header-admin{
    height: 51px;
}

.header-divLabel{
	padding-left: 20px;
    top: -20px;
}

.title-account{
	text-align: left;
	padding-left: 25px;	
}

.contra-transac{
    padding-left: 9px;
    padding-bottom: 5px;	
}

.body-admin{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.button-admin{
    width: 50%;
}

.label-check{
    margin-bottom: 6px !important;
    margin-top: 4px !important;
}

.dataTables_filter{
    display: none;
}

/* Elimina los márgenes negativos de las filas generadas del datatable */
#tablaSeleccionados_wrapper .row {
    margin-left: 0;
    margin-right: 0;
}


/*para agrandar el modal que tengan las siguientes clases*/
.modal-content.modal-content-auto {
    width: auto !important;
}

#tablaSeleccionados_wrapper table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.modal.fade .modal-dialog.modal-dialog-centered {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}