/*Estilos generales*/
body{}
p{margin-bottom: 0px !important;}
h1{margin-bottom: 0px !important;}
h2{margin-bottom: 0px !important;}
h3{margin-bottom: 0px !important;}
h4{margin-bottom: 0px !important;}
h5{margin-bottom: 0px !important;}


/*Tamaños tipograficos*/
.p30{font-size: 30px !important;}
.p26{font-size: 26px !important;}
.p22{font-size: 22px !important;}
.p21{font-size: 21px !important;}
.p20{font-size: 20px !important;}
.p18{font-size: 18px !important;}
.p16{font-size: 16px !important;}
.p15{font-size: 15px !important;}
.p10{font-size: 10px !important;}

/*Peso tipografico*/
.p100{font-weight: 100;}
.p300{font-weight: 300;}
.p400{font-weight: 400;}
.p600{font-weight: 600;}
.p700{font-weight: 700;}

/*Botones*/
.btn{border-radius: 5px !important;font-size: 13px;border: 0px;cursor: pointer;}
.btn.btnxxl{padding: 25px;}
.btn.btn-group{border-radius: 0px 5px 5px 0px !important;}
.btn-info{background-color: #3969C9 !important;}
.btn-primary{background-color: #052043 !important;cursor: pointer;}
.btn-primary:hover{background-color: #0E386E !important;}
.btn-info:hover{background-color: #052043 !important;}
.btn-warning{background-color: #F6901F !important;}
.btn-warning:hover{background-color: #F7AF60 !important;}


/*Colores texto*/
.link-info,.text-info{color:#3969C9 !important}
.a.text-info:focus, a.text-info:hover{color:#052043 !important}
.text-warnign{color:#F6901F !important}
.text-primary{color:#052043 !important}
.text-gray{color: #B2B2B2 !important;}

/*Anchos en porcentaje*/
.wp100{width: 100% !important;}
.wp90{width: 90% !important;}
.wp80{width: 80% !important;}
.wp70{width: 70% !important;}
.wp60{width: 60% !important;}
.wp50{width: 50% !important;}
.wp40{width: 40% !important;}
.wp30{width: 30% !important;}
.wp20{width: 20% !important;}
.wp10{width: 10% !important;}
.w-auto{width: auto !important;}

/*Backgrounds*/
.bg-primary{background-color: #0E386E !important;}
.bg-info{background-color: #3969C9 !important;}
.bg-ligth-gray{background-color: #EAF0F4 !important;}
.bg-warnign{background-color:#F6901F !important}
/*Pantalla login*/
.p-signin__form-heading{border: 0px !important;}
.bg-login{background-image: url('../assets/img/bg-login.png');background-position: right center;background-size: 40% 100% !important;background-repeat: no-repeat;}


/*Notificaciones*/
.dropdown.show .navbar-notify__icon{color: #F6901F}
.navbar-notify__icon:hover{color: #F6901F}
.navbar-notify__indicator{background: #3969C9;}
.navbar-dropdown-notifications{border-radius: 11px}
.navbar-dropdown-notifications__header{border-radius: 11px 11px 0px 0px;}
/*Menu*/

/*Bg-profile*/
.sidebar-section__user.has-background{background: none;background-color: #052043 !important;align-items:start;height: auto !important;}

/*Menu*/
.sidebar-section-nav__item.is-active, .sidebar-section-nav__item:hover{background: transparent !important;}
.sidebar-section__user .text-gray:hover{color:#3969C9 !important}
.sidebar-toggler__close, .sidebar-toggler__open{color:  #0E386E !important;}
.navbar-toggler__close, .navbar-toggler__open{color:#3969C9 !important}

/*Content*/

/* Widget*/
.widget-controls__header{line-height: normal;}
.widget-account-activity .widget-controls__content{height: 160px !important;}
.widget-controls__footer{border-top: 0px;}
.widget-beta__body{align-items: start;height: auto;min-height: 147px;}
.widget .table td{padding: 13px 20px !important;}

/*Novedades*/
.slick-prev, .slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}
.slick-prev::before, .slick-next::before { font-family: 'universe-admin' !important;color: #052043;content: '\e9aa';font-size: 40px;position: relative;top:50%}
.slick-prev{left: 5px;transform: rotate(180deg);}
.slick-next{right:0px;}
.listing-travel__item{padding: 0px 20px;box-shadow: none;}
.listing-travel__item-info{border-radius: 0px 0px 6px 6px;}

/* Cards*/
.rounded{border-radius: 5px !important;}

/*Proveedores*/
.proveedores{}
.proveedores .par{color:#0E386E !important}
.proveedores .impar{color:#3969C9 !important}
.proveedores .icon{display: inline-block;font-size: 17px;font-family: 'universe-admin' !important;}
.proveedores .icon.checked::after{content: '\e9bf';}
.proveedores .icon::after{content: '\e9c0';}
.proveedores .table td{vertical-align: baseline;}

/*Notificaciones*/
.notificaciones{}
.notificaciones .notificacion{background-color: #FFFFFF;padding: 15px;border-bottom: 1px solid #EBF0F4;transition: all 0.5s ease-in-out;}
.notificaciones .notificacion:first-child{border-radius: 5px 5px 0px 0px;}
.notificaciones .notificacion .icon{font-size: 25px;font-family: 'universe-admin' !important;display: inline-block;vertical-align:top;color: #3969C9;width: 3%;}
.notificaciones .notificacion .icon::after{content: '\e929';}
.notificaciones .notificacion .info{display: inline-block;width: 96%;}
.notificaciones .notificacion .info h4{color: #3969C9;}
.notificaciones .notificacion .info .fechahora{color: #B2B2B2;}

.notificaciones .notificacion.leida{background-color: #0E386E;}

.notificaciones .notificacion.leida .icon{color: #fff;}
.notificaciones .notificacion.leida .icon::after{content: '\e90e';}
.notificaciones .notificacion.leida .info h4{color: #fff;}
.notificaciones .notificacion.leida .info .fechahora{color: #fff;}
.notificaciones .notificacion.leida .info .descripcion{display: none;}

/*Quitamos los elementos de busqueda de los datatable*/
.datatable-list .dataTables_filter{display: none !important;}
.datatable-list .dataTables_info{display: none;}
table.dataTable tbody th, table.dataTable tbody td{padding: 15px 20px !important;}
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td{border-bottom: 0px !important;}
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td{padding: 15px 20px !important;font-weight: 400 !important;}
table.dataTable.no-footer{border-bottom: 0px !important;}

.autoridades{margin-top: 30px; }
.autoridades .persona{margin-bottom: 40px;}
.autoridades .persona .img{width: 100%;height: 112px;overflow: hidden;background-position: center;background-size: cover;max-width: 113px;}
.tippy-content{background-color: #052043 !important;font-size: 12px !important;}

@media (max-width:768px) {
    .infoTop{margin-left: 20px;}
    .navbar-dropdown-notifications{box-shadow: 0 .2rem .5rem 0 rgba(0,0,0,.15);}
    .navbar-dropdown-notifications__view-all{margin-top: 0px;padding: 10px;}
    .accesosHome .btn{margin-bottom: 30px;}
    .card{padding-left:15px;padding-right: 15px;}
    .notificaciones .notificacion .icon{width: 10%;}
    .notificaciones .notificacion .info{width: 88%;}
    .wMicalp{display: block;}
    .wMicalp .btn{margin-left: 0px !important;margin-bottom: 10px;}
    .proveedores{overflow-x: scroll;}
    .bg-login{background-image: none !important;}
}

/* Custom styles for Next and Previous buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous
 {
    background-color: #052043 !important; /* Change to your desired color */
    color: #fff !important; /* Change to your desired text color */
    border: none;
    font-size: small;
}

/* Hover state for the buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-color: #032757 !important; /* Change to your desired hover color */
    color: #fff !important; /* Change to your desired hover text color */
    font-size: small;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.5rem 1rem; /* Adjust padding as needed */
    margin: 0.2rem; /* Adjust margin as needed */
    background-color: #052043; /* Change to your desired background color */
    color: #fff !important; /* Change to your desired text color */
    border: none;
    font-size: small;
}

tbody tr {
    font-size: small;
}

.custom-btn {
    border: 1px solid;
    border-color: #f6901f !important;
    margin-right: 3px;
    color:#f6901f;
}

.custom-btn:hover {
    color: #f1a34c !important; /* Color de resaltado al pasar el ratón */
    background-color: transparent !important;
}

.customd-btn {
    border: 1px solid;
    border-color: #f6901f !important;
    margin-right: 3px;
    color:#eb3b48;
}

.customd-btn:hover {
    color: #eb3b48 !important; /* Color de resaltado al pasar el ratón */
}

.customdi-btn {
    border: 1px solid;
    border-color: #939daa !important;
    margin-right: 3px;
    color:#939daa;
    cursor: default;
}

.customdi-btn:hover {
    color:#939daa !important; /* Color de resaltado al pasar el ratón */
}

/*figure*/ img{
    max-height: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.art-title{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.p-copete {
    display: inline-block;
    line-height: 1.2em;
    height: 2.4em; 
    overflow: hidden;
    position: relative; 
}

/*Anchos minimos en px*/
.minW500{min-width: 500px}
.minW450{min-width: 450px}
.minW400{min-width: 400px}
.minW350{min-width: 350px}
.minW300{min-width: 300px}
.minW250{min-width: 250px}
.minW200{min-width: 200px}
.minW150{min-width: 150px}
.minW100{min-width: 100px}


/*Anchos maximos en px*/
.maxW500{max-width: 500px}
.maxW450{max-width: 450px}
.maxW400{max-width: 400px}
.maxW350{max-width: 350px}
.maxW300{max-width: 300px}
.maxW250{max-width: 250px}
.maxW200{max-width: 200px}
.maxW150{max-width: 150px}
.maxW100{max-width: 100px}

.select2-container.hauto .select2-selection{height:  auto !important;min-height: 3.6rem !important;}
.select2-container.hauto .select2-selection .select2-selection__rendered{overflow: unset !important;white-space: unset !important;}