/* ==================================================
   APP STYLE
   ================================================== */

*, *:before, *:after {margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body, .page, input, button, .button, .text-input, .list, .toolbar-button, .page--material, .page--material__content, .page__content h1, .page__content h2, .page__content h3, .page__content h4, .page__content h5, .toolbar--material__center, .toolbar--material__left, .toolbar--material__right, .text-input--material__label, .select-input--material, .select-input--material__label {font-family: 'Open Sans', sans-serif !important;}
.page, .page__background, .page__content {background: #fff;}
a, button, .button, .back-button, .toolbar-button {cursor: pointer !important; transition: all .2s ease-in-out !important;}
.toolbar-button, .back-button {color: #0C99D5; font-size: 15px; text-transform: uppercase; font-weight: 600;}
.center {text-align: center !important;}
.back-button__label {font-size: 15px;}
.back-button__icon {fill: #0C99D5;}
.back-button__icon svg {width: 15px !important;}
.button, button {cursor: pointer; background: #7B98AA;}
.button--material--flat {cursor: pointer; background: #ffffff;}
.toolbar--material__left, .toolbar--material__right, .toolbar--material__left:empty, .toolbar--material__right:empty {min-width: 53px;}
.button--material, :checked+.switch--material__toggle>.switch--material__handle {box-shadow: none;}
.button--material:active {background-color: #053E4C;}
.button--material--flat:active {background-color: rgba(153,153,153,.2);}
.button--material--flat:focus {background-color: transparent;}
.toolbar {background-image: none; box-shadow: none; background-color: #fff; height: 70px; align-items: center; border-bottom: 2px solid #ededed;}
.toolbar .center {font-weight: bold; text-align: center;}
.toolbar .brand-header {vertical-align: middle; width: 100%; max-width: 180px; height: auto;}
.toolbar .exit-btn .ons-icon.fa {margin-left: 5px;}
.text-input--material:focus {background-image: linear-gradient(#0C99D5,#0C99D5),linear-gradient(to top,transparent 1px,#afafaf 1px);}
:checked+.switch__toggle {box-shadow: inset 0 0 0 2px #26a6da; background-color: #26a6da;}
:checked+.checkbox__checkmark:before {background: #0C99D5;}
.range__input {background-image: linear-gradient(#26a6da,#26a6da);}

/* Pages */

.page__content, .page__background {text-align: center; top: 70px !important; background: #f3f3f3;}
.page__content .wrapper-page {max-width: 400px; width: 100%; margin: 25px auto; background: #fff; padding: 25px; display: inline-block; vertical-align: top; text-align: left; box-shadow: 0 10px 10px rgba(0,0,0,.03); border-radius: 15px; border: 2px solid #ededed;}
.page__content .wrapper-page ons-input {margin: 10px 0 !important; width: 100%;}
.page__content .wrapper-page input, .select-input--material {width: 100%; padding: 10px 0; height: auto; border-radius: 10px; border: 2px solid #000; background-image: none !important; padding: 10px 20px;}
.page__content .wrapper-page input.checkbox__input {border: 0;}
ons-range, ons-select {width: 100%;}
ons-select .select-input--material {background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9IjAgMCAxMCA1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+c2VsZWN0LWFsbG93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9InNlbGVjdCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imlvcy1zZWxlY3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTguMDAwMDAwLCAtMTE0LjAwMDAwMCkiIGZpbGw9IiM3NTc1NzUiPgogICAgICAgICAgICA8ZyBpZD0ibWVudS1iYXItKy1vcGVuLW1lbnUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMy4wMDAwMDAsIDEwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJtZW51LWJhciI+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9InNlbGVjdC1hbGxvdyIgcG9pbnRzPSI3NSAxNCA4MCAxOSA4NSAxNCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=),linear-gradient(to top,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 50%) !important; background-position: right 15px bottom 50%; padding: 5px 30px 5px 20px;}
ons-list {border-radius: 10px;}
.list-item--material {padding: 0 0 0 20px;}
.text-input--material__label {left: 23px; top: 12px;}
.text-input--material__label--active {-webkit-transform: translate(0,-93%) scale(.75); transform: translate(0,-93%) scale(.75); background: #fff; padding: 0 10px; border-radius: 10px;}
.button, button {width: 100%; margin-top: 15px; border-radius: 10px; padding: 5px 25px; font-weight: 600; font-size: 1em; background: #0C99D5;}
#registerbtn {margin-top: 0px;}
.subtitle {text-align: left; font-size: .9em;}
.subtitle span {font-weight: bold; display: inline-block; margin-right: 5px;}

/* Face Register */

.card-cam-reg {text-align: center; margin-bottom: 15px;}
.card-cam-reg:last-child {border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 0;}
.card-cam-reg img {border-radius: 5px; width: 100%; max-width: 200px; height: auto; display: block; margin: 0 auto; display: block; margin: 0 auto;}
.card-cam-reg .button {background: #d50c0c; width: auto; margin-top: 10px; border-radius: 5px; font-size: .9em; padding: 0px 15px;}

/* Remove Number Spinners */

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance: textfield;}

/* Input File */

.inputfile {width: 0.1px !important; height: 0.1px !important; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}
.inputfile + label {font-size: 1.25em; font-weight: 700; color: white; background: #fff; border-radius: 10px; transition: all .15s ease; overflow: hidden; display: inline-flex; cursor: pointer; border: 2px solid #000;}
.inputfile + label:hover {background: #0C99D5;}
.inputfile:focus + label {outline: 0px; background: #053E4C;}
#fotocaravacia {width: 100%;}
#foto_cameraregister {width: 100%;}

/* Modal */

.modal-app-cuadrilla {position: fixed;}
.modal-app-cuadrilla .modal__content {padding-top: 70px;}

/* Menu */

.sidenav {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #333; overflow-x: hidden; transition: 0.5s; padding-top: 60px; box-shadow: 0 0 50px rgba(0 ,0,0,.5);}
.sidenav a {padding: 0 20px 15px 20px; text-decoration: none; font-size: 1.2em; color: #9f9f9f; display: block; transition: 0.3s;}
.sidenav a:hover {color: #fff;}
.sidenav .closebtn {position: absolute; top: 0; right: 15px; font-size: 36px; color: #fff; padding: 5px}
.toolbar__left {text-align: center;}
.burguer-menu {font-size: 30px; cursor: pointer;}

/* ==================================================
   RESPONSIVE
   ================================================== */

@media screen and (max-height: 450px) {
.sidenav a {padding: 0 20px 10px 20px; font-size: 1em;}
}

@media (max-width: 400px) {
.page__content .wrapper-page {width: 90%;}
}

@media (max-width: 320px) {
.toolbar--material__left, .toolbar--material__right, .toolbar--material__left:empty, .toolbar--material__right:empty {min-width: auto !important;}
}

/* ==================================================
   FONTS
   ================================================== */

@font-face{font-family:'Open Sans';font-weight:400;font-style:normal;src:url(fonts/Open-Sans-regular/Open-Sans-regular.eot);src:url(fonts/Open-Sans-regular/Open-Sans-regular.eot?#iefix) format("embedded-opentype"),local("Open Sans"),local(Open-Sans-regular),url(fonts/Open-Sans-regular/Open-Sans-regular.woff2) format("woff2"),url(fonts/Open-Sans-regular/Open-Sans-regular.woff) format("woff"),url(fonts/Open-Sans-regular/Open-Sans-regular.ttf) format("truetype"),url(fonts/Open-Sans-regular/Open-Sans-regular.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-weight:600;font-style:normal;src:url(fonts/Open-Sans-600/Open-Sans-600.eot);src:url(fonts/Open-Sans-600/Open-Sans-600.eot?#iefix) format("embedded-opentype"),local("Open Sans Semibold"),local(Open-Sans-600),url(fonts/Open-Sans-600/Open-Sans-600.woff2) format("woff2"),url(fonts/Open-Sans-600/Open-Sans-600.woff) format("woff"),url(fonts/Open-Sans-600/Open-Sans-600.ttf) format("truetype"),url(fonts/Open-Sans-600/Open-Sans-600.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-weight:800;font-style:normal;src:url(fonts/Open-Sans-800/Open-Sans-800.eot);src:url(fonts/Open-Sans-800/Open-Sans-800.eot?#iefix) format("embedded-opentype"),local("Open Sans Extrabold"),local(Open-Sans-800),url(fonts/Open-Sans-800/Open-Sans-800.woff2) format("woff2"),url(fonts/Open-Sans-800/Open-Sans-800.woff) format("woff"),url(fonts/Open-Sans-800/Open-Sans-800.ttf) format("truetype"),url(fonts/Open-Sans-800/Open-Sans-800.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-weight:400;font-style:italic;src:url(fonts/Open-Sans-italic/Open-Sans-italic.eot);src:url(fonts/Open-Sans-italic/Open-Sans-italic.eot?#iefix) format("embedded-opentype"),local("Open Sans Italic"),local(Open-Sans-italic),url(fonts/Open-Sans-italic/Open-Sans-italic.woff2) format("woff2"),url(fonts/Open-Sans-italic/Open-Sans-italic.woff) format("woff"),url(fonts/Open-Sans-italic/Open-Sans-italic.ttf) format("truetype"),url(fonts/Open-Sans-italic/Open-Sans-italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-weight:600;font-style:italic;src:url(fonts/Open-Sans-600italic/Open-Sans-600italic.eot);src:url(fonts/Open-Sans-600italic/Open-Sans-600italic.eot?#iefix) format("embedded-opentype"),local("Open Sans Semibold Italic"),local(Open-Sans-600italic),url(fonts/Open-Sans-600italic/Open-Sans-600italic.woff2) format("woff2"),url(fonts/Open-Sans-600italic/Open-Sans-600italic.woff) format("woff"),url(fonts/Open-Sans-600italic/Open-Sans-600italic.ttf) format("truetype"),url(fonts/Open-Sans-600italic/Open-Sans-600italic.svg#OpenSans) format("svg")}