@import url('/bundles/app/fonts/Roboto.css');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,700&display=swap');

/* Utils */
.m-0 {
    margin: 0;
}
.mb-0 {
    margin-bottom: 0;
}
.btn-icon-round,
.btn-icon-round:hover,
.btn-icon-round:active,
.btn-icon-round:focus,
.btn-icon-round:active:hover {
    border-radius: 50%;
    height: 32px;
    width: 32px;
    padding: 5px;
}
.btn-icon-round img {
    width: 100%;
}
.btn-custom,
.btn-custom:hover,
.btn-custom:active,
.btn-custom:focus,
.btn-custom:active:hover {
    background-color: #9adeff;
}
.dropdown-menu li {
    margin-bottom: 0;
}
.dropdown-menu li a {
    margin-right: 0 !important;
}
.text-justify {
    text-align: justify !important;
}

/* Sidebar */
.sidebar-menu > li.treeview {
	height: auto;
	min-height: 53px;
}
.sidebar-menu > li > a, .sidebar-menu .treeview-menu > li > a {
	height:42px;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    width:210px;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
    left:210px !important;
}
.sidebar-menu > li.menu-open {
    height: auto !important;
}

/* Menu Icons */
.sidebar ul.sidebar-menu li .fa-custom {
    width: 28px !important;
    height: 28px !important;
    border-radius: 4px;
    background-color: #6c6c6c;
    background-size: cover;
    margin-right: 10px;
    float: left;
	margin-top: -6px;
}
.sidebar ul.sidebar-menu li:hover .fa-custom {
    background-color: #ffffff;
}
.sidebar ul.sidebar-menu li .fa-custom ~ span {
    position: absolute;
}
.sidebar ul.sidebar-menu li .fa-custom ~ span.pull-right-container {
    display: none;
}
.sidebar ul.sidebar-menu li .fa-custom.protocolo {
    background-image: url('/bundles/app/img/icons/protocolo.png');
}
.sidebar ul.sidebar-menu li .fa-custom.casos {
    background-image: url('/bundles/app/img/icons/casos.png');
}
.sidebar ul.sidebar-menu li .fa-custom.informes {
    background-image: url('/bundles/app/img/icons/informes.png');
}
.sidebar ul.sidebar-menu li .fa-custom.departamentos {
    background-image: url('/bundles/app/img/icons/departamentos.png');
}
.sidebar ul.sidebar-menu li .fa-custom.centrosTrabajo {
    background-image: url('/bundles/app/img/icons/centrosTrabajo.png');
}
.sidebar ul.sidebar-menu li .fa-custom.users {
    background-image: url('/bundles/app/img/icons/users.png');
}

/* Content */
body.easyadmin {
    font-family: 'Roboto' !important;
}
body.easyadmin .content-wrapper {
    background: #FFFFFF;
}
body.easyadmin .content-wrapper .content-header {
    padding: 12px 15px 10px 15px;
    background-color: #FFFFFF;
    border-bottom: 3px solid #63b0ff;
    margin-bottom: 10px;
}
body.easyadmin .content-wrapper .content-header h1 {
    font-family: 'Roboto' !important;
    color: #000000;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 10px;
}
body.easyadmin .content-wrapper .content-header h1:before {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    background-color: #63b0ff;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
    margin-top: -10px;
    float: left;
    content: '';
}
body.easyadmin .content-wrapper .content-header .actions {
    position: absolute;
    right: 0;
    top: 12px;
}
body.easyadmin .content-wrapper .content-header .actions .btn .button-icon {
    width: 28px;
}
body.easyadmin .content-wrapper .content-header .global-actions .btn-icon:before,
body.easyadmin .content-wrapper .content-header .actions .btn-icon:before {
    width: 20px !important;
    height: 20px !important;
    background-size: cover;
    margin-right: 5px;
    float: left;
    content: '';
}

/* Content Header Icons */
body.easyadmin.list-protocologrupo .content-wrapper .content-header h1:before,
body.easyadmin.list-protocologrupoestructura .content-wrapper .content-header h1:before {
    background-image: url('/bundles/app/img/icons/protocolo.png');
}
body.easyadmin.new-departamento .content-wrapper .content-header h1:before,
body.easyadmin.edit-departamento .content-wrapper .content-header h1:before,
body.easyadmin.list-departamento .content-wrapper .content-header h1:before {
    background-image: url('/bundles/app/img/icons/departamentos.png');
}
body.easyadmin.new-centrotrabajo .content-wrapper .content-header h1:before,
body.easyadmin.edit-centrotrabajo .content-wrapper .content-header h1:before,
body.easyadmin.list-centrotrabajo .content-wrapper .content-header h1:before {
    background-image: url('/bundles/app/img/icons/centrosTrabajo.png');
}
body.easyadmin.new-protocologrupo .content-wrapper .content-header h1:before,
body.easyadmin.edit-protocologrupo .content-wrapper .content-header h1:before,
body.easyadmin.new-protocolopositivogrupo .content-wrapper .content-header h1:before,
body.easyadmin.edit-protocolopositivogrupo .content-wrapper .content-header h1:before {
    background-image: url('/bundles/app/img/icons/protocoloGrupo.png');
}
body.easyadmin.new-protocolosubgrupo .content-wrapper .content-header h1:before,
body.easyadmin.edit-protocolosubgrupo .content-wrapper .content-header h1:before {
    background-image: url('/bundles/app/img/icons/protocoloSubgrupo.png');
}
body.easyadmin.new-protocolomedida .content-wrapper .content-header h1:before,
body.easyadmin.edit-protocolomedida .content-wrapper .content-header h1:before,
body.easyadmin.list-protocolomedida .content-wrapper .content-header h1:before,
body.easyadmin.new-protocolomedidacentrotrabajo .content-wrapper .content-header h1:before,
body.easyadmin.edit-protocolomedidacentrotrabajo .content-wrapper .content-header h1:before,
body.easyadmin.list-protocolomedidaregistro .content-wrapper .content-header h1:before,
body.easyadmin.list-allprotocolomedidaregistro .content-wrapper .content-header h1:before,
body.easyadmin.aplicar-protocolomedidaregistro .content-wrapper .content-header h1:before,
body.easyadmin.new-protocolopositivomedida .content-wrapper .content-header h1:before,
body.easyadmin.edit-protocolopositivomedida .content-wrapper .content-header h1:before,
body.easyadmin.list-protocolopositivomedida .content-wrapper .content-header h1:before,
body.easyadmin.list-protocolopositivocasoregistro .content-wrapper .content-header h1:before,
body.easyadmin.aplicar-protocolopositivocasoregistro .content-wrapper .content-header h1:before,
body.easyadmin.pdf-plancontingencia .content-wrapper .content-header h1:before,
body.easyadmin.pdf-medidasejecutadas .content-wrapper .content-header h1:before,
body.easyadmin.pdf-planprotocolopositivos .content-wrapper .content-header h1:before,
body.easyadmin.pdf-seguimientocasos .content-wrapper .content-header h1:before {
    background-image: url('/bundles/app/img/icons/protocoloMedida.png');
}
body.easyadmin.list-protocolopositivogrupo .content-wrapper .content-header h1:before,
body.easyadmin.list-protocolopositivogrupoestructura .content-wrapper .content-header h1:before,
body.easyadmin.list-protocolopositivocaso .content-wrapper .content-header h1:before,
body.easyadmin.new-protocolopositivocaso .content-wrapper .content-header h1:before,
body.easyadmin.editarEstado-protocolopositivocaso .content-wrapper .content-header h1:before,
body.easyadmin.view-protocolopositivocaso .content-wrapper .content-header h1:before {
    background-image: url('/bundles/app/img/icons/protocoloPositivoGrupo.png');
}
body.easyadmin.new-admin .content-wrapper .content-header h1:before,
body.easyadmin.edit-admin .content-wrapper .content-header h1:before,
body.easyadmin.list-admin .content-wrapper .content-header h1:before,
body.easyadmin.new-admincentro .content-wrapper .content-header h1:before,
body.easyadmin.edit-admincentro .content-wrapper .content-header h1:before,
body.easyadmin.list-admincentro .content-wrapper .content-header h1:before,
body.easyadmin.new-empleado .content-wrapper .content-header h1:before,
body.easyadmin.edit-empleado .content-wrapper .content-header h1:before,
body.easyadmin.list-empleado .content-wrapper .content-header h1:before {
    background-image: url('/bundles/app/img/icons/users.png');
}

/* Content Header Action Icons */
body.easyadmin .btn-icon.icon-add:before {
    background-image: url('/bundles/app/img/icons/add.png');
}

/* List */
body.list table,
body.list table tbody {
    border: 0 !important;
}
body.list table thead th {
    background-color: #337ab7 !important;
}
body.list table thead th.sorted {
    border: 0 !important;
    border-bottom: 2px solid #CCC !important;
}
body.list table thead th i,
body.list table thead th a,
body.list table thead th span {
    color: #FFFFFF !important;
}
body.list table thead th a,
body.list table thead th span {
    padding: 6px 6px;
}
body.list table thead th.sorted a,
body.list table thead th a:hover {
    background-color: #204d74 !important;
}
body.list table tbody td.actions {
    text-align: center;
}

/* Form */
body.new form.form-vertical > .row,
body.edit form.form-vertical > .row { /* Form Row */
    margin: 0 0 70px 0;
    border: 1px solid #337ab7;
    border-radius: 4px;
}
body.new form.form-vertical > .row > div,
body.edit form.form-vertical > .row > div { /* Form Row - Header Col */
    padding: 0;
}
body.new form.form-vertical > .row > div .field-section,
body.edit form.form-vertical > .row > div .field-section { /* Form Row - Header - Content */
    padding: 10px 15px;
    background-color: #337ab7;
    margin: 0 0 15px;
}
body.new form.form-vertical > .row > div .field-section h2,
body.edit form.form-vertical > .row > div .field-section h2 { /* Form Row - Header - Content - H2 */
    margin: 0;
    padding: 0;
    border-bottom: 0;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}
body.new form.form-vertical > .row > div ~ div,
body.edit form.form-vertical > .row > div ~ div { /* Form Row - Form Cols */
    padding: 0 15px;
}
body.new form.form-vertical > .row ~ .row,
body.edit form.form-vertical > .row ~ .row { /* Actions Row */
    border-top: 1px solid #63b0ff;
    border-bottom: 0px;
    border-right: 0px;
    border-left: 0px;
    border-radius: 0px;
    height: 63px;
    z-index: 999;
    bottom: 0;
    position: fixed;
    background-color: #F5F5F5;
    padding: 10px 15px;
    margin: 0 -15px 0 -15px;
    width: 100%;
}
body.new form.form-vertical > .row ~ .row .btn-primary,
body.edit form.form-vertical > .row ~ .row .btn-primary { /* Actions Row - Button Save */
    font-weight: normal;
}
body.new form.form-vertical > .row ~ .row .btn-secondary,
body.edit form.form-vertical > .row ~ .row .btn-secondary { /* Actions Row - Button Back */
    background-color: #CCC;
    text-decoration: none;
    color: #000;
}

/* Form Items */
label.control-label {
    margin-bottom: 0px;
    font-weight: 400;
}
.hideLabel label {
    display: none;
}
.form-control,
.select2 .select2-selection {
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    box-shadow: none !important;
}
input.datetimepicker[readonly],
input.datepicker[readonly],
input.timepicker[readonly] {
    background-color: #fff;
}