html, body {
  background: #0a1b2a none repeat scroll 0 0 !important;
  height: 100%;
}
.logotipo {
  max-height: 100px;
  max-width: 200px;
}
h1 {
  line-height: 50px;
  margin: 0 10px;
  text-align: center;
}
.header {
  padding: 5px 0;
}
.header .container {
    background: #286090 none repeat scroll 0 0;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
    border-radius: 4px;
    color: #fff;
}
.principal .container {
    padding-bottom: 5px;
}
.principal .content {
  background: #f2eded none repeat scroll 0 0;
  padding: 15px;
  border-radius: 4px;
}
.principal .container hr {
  border-color: #a1a1a1;
  border-style: solid;
  margin-bottom: 20px;
  margin-top: 20px;
}
.condiciones {
  border-color: #d8d8d8;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  margin: 10px 100px;
  padding: 10px;
}
.principal .botones {
  margin: 10px 100px;
}
.center {
    text-align: center;
}
.v-center {
    display: flex;
    align-items: center;
}
.modal-wide .modal-body {
  overflow-y: auto;
}
.modal.modal-wide .modal-dialog {
  width: 90%;
}
.ui-group-buttons .or::before {
  content: "|" !important;
}
.ui-group-buttons {
    width: 100%;
    margin-left: 5px;
}
.ui-group-buttons .btn {
    width: 49%;
}
.row .denuncia {
    background-color: #f5f5f5;
    border-color: #d8d8d8;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0 20px;
}
label {
    padding: 0px !important;
}
.denuncia h2 {
  border-bottom: 1px solid gray;
  font-size: 18px;
  padding-bottom: 6px;
}

.denuncia hr {
  border-color: gray;
  margin: 5px 0;
}
.denuncia p:first-of-type {
    margin-top: 30px;
}
footer {
  background-color: transparent;
  margin-bottom: 5px;
}
.footer-text {
    background-color: #bdbdbd;
    color: #848484;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 15px;
    border-radius: 4px;
}
.footer-text a {
    color: #424242;
}
.copyright {
  background-color: transparent;
  margin: 0;
  padding: 5px 20px;
}

.upload-preview {
    max-height: 80px;
}

.border-top {
    border-top: 1px solid #ddd;
    margin-top: 5px;
}

.m5px-top {
    margin-top: 5px;
}

.m10px-top {
    margin-top: 10px;
}

.m5px-bottom {
    margin-bottom: 5px !important;
}

.no-margin-bottom {
    margin-bottom: 0px !important;
}
div#informe {
  min-height: 300px;
}
.language-selector {
  margin-bottom: 0;
  margin-top: 12px;
  vertical-align: bottom;
}
.daterange {
	min-width: 200px;
}
body.dev {
	border: 5px red solid;
}
.logo img {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
	border: 1px white solid;
}

.logo-personalizado img {
    max-width: 160px;
    max-height: 100px;
}

.dataTable .eliminada {
	background-color: lightgray !important;
}
.dataTable .eliminacion-alarma {
	background-color: #fc2929 !important;
    color: #592e2e;
}
.dataTable .eliminacion-alerta {
	background-color: orange !important;
}
.dataTable .eliminacion-aviso {
	background-color: yellow !important;
}

.select2-container .select2-selection.select2-selection--multiple
.select2-search.select2-search--inline
.select2-search__field:not([placeholder='']) {
    width: 100% !important; margin-right: 100000px;
}

.alert-denuncia {
    padding-top: 5px;
    border-top:1px solid gray;
}

.bold {
    font-weight: bold;
}

@media screen and (max-width: 992px) {
    .v-center {
        display: block;
    }
    .v-center .title {
        line-height: 40px;
        margin-bottom: 10px;
    }
    .condiciones {
        margin: 0;
    }

    .container {
        padding: 0 5px;
    }
    .principal .botones {
        margin: 0;
    }

    .principal .content {
        padding: 5px;
    }
    .ui-group-buttons {
        margin-left: 0;
    }

    .row .denuncia {
        padding: 0 5px;
    }
}

#grabacion audio {
    clear: both;
    vertical-align: middle;
    width: 100%;
    /*margin: 0 10px;*/
}

a svg {
    width: 14px;
    height: 14px;
}

.w-full {
    width: 100%;
}