@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
 
body { font-family: 'IBM Plex Sans', sans-serif; background: #E5E5E5; font-weight: 400; } 

a, .nav-link { color: #2B5087; font-weight: 600; text-decoration: none; }

.wrapper { display: flex; }

.sidebar { max-width: 260px; min-width: 260px; background: #2B5087; }
.sidebar ul { display: block; }
.sidebar .nav-link { color: rgba(255,255,255,0.7); padding-left: 2.5rem; font-weight: 600; position: relative; }
.sidebar .nav-link i { position: absolute; top: 0; bottom: 0; left: 0.8rem; margin: auto; height: 1em; line-height: 1; }
.sidebar ul ul .nav-link { font-size: 0.9em; font-weight: 400; }
.sidebar .active { color: #FFF; }
.sidebar .collapse .active { color: #F39C12; }

.card { background: #FFFFFF; border: 1px solid #DDE3E8; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04); border-radius: 8px; }
.card-header { background: none; border-color: #FEFEFE; padding: 1rem; }
.card-footer { background: none; border-color: #FEFEFE; padding: 1rem; }


.main { width: 100%; min-height: 100vh; }
.main h1 { font-weight: 600; font-size: 1.1rem; color: #495057; }
.main hr { background: #CCC; }
.main .table .btn { font-size: 0.8rem; padding: 0.2rem 0.5rem; }

.pagination { text-align: center; display: block; }
.pagination li { display: inline-block; background: #FFFFFF; border: 1px solid #DDE3E8; box-sizing: border-box; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); border-radius: 4px;  }
.pagination li > * { display: block; text-align: center; min-width: 30px; padding: 5px; }
.pagination li span { color: #909090; }

.btn-primary { background: #3f80ea; border-color: #3f80ea; }
.btn-secondary { background: #495057; border-color: #495057; }
.btn-success { background: #4bbf73; border-color: #4bbf73; }
.btn-danger { background: #d9534f; border-color: #d9534f; }
.btn-warning { background: #e5a54b; border-color: #e5a54b; }
.btn-info { background: #1f9bcf; border-color: #1f9bcf; color: #FFF; }

.nav-tabs { position: relative; top: 2px; z-index: 1; }
.nav-tabs + .card { border-radius: 0 8px 8px 8px; z-index: 2; }
.nav-tabs .active { box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04); border-radius: 8px 8px 0 0; background: #FFFFFF; border: 1px solid #DDE3E8; border-bottom: 0; }

.zend_form { display: flex; gap: 3px; margin: 0; }
.zend_form dt { display: none; margin: 0; }
.zend_form dd { margin: 0; }

#map { height: 400px; margin-bottom: 2rem; }

.checkbox label { background: #FAFAFA; display: block; margin-bottom: 2px; padding: 2px 7px; border-radius: 2px; cursor: pointer; }
.checkbox label input { margin-right: 0.5rem; }

.form-group > label { font-weight: 600; margin-bottom: 5px;}
.form-check { border: 1px solid #EEE; padding: 5px 0 5px 2rem ; border-radius: 4px; }
.form-group-ckechbox { border: 1px solid #EEE; padding: 5px 10px; border-radius: 4px; }

.select2 { border: 1px solid #ced4da; border-radius: .25rem; padding-top: 2rem; }
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple { border-color: transparent !important; }

.body-akredo .sidebar { background: #21584d; }
.body-ofin .sidebar { background: #05c9ca; }