diff --git a/src/main/webapp/bootcamp.html b/src/main/webapp/bootcamp.html new file mode 100644 index 0000000..c05df6a --- /dev/null +++ b/src/main/webapp/bootcamp.html @@ -0,0 +1,204 @@ + + + + + + Bootcamp + + + + + + + + + + + + + + + + + + +
+

¿QUE ES UN BOOTCAMP?

+
+
ES UN CAMPO DE ENTRENAMIENTO INTENSIVO Y GRATUITO PARA PRINCIPIANTES QUE YA PROGRAMAN Y QUIEREN SER PARTE DE LA EMPRESA
+
+

¿CUANTOS MESES DURA EL ENTRENAMIENTO Y CUAL ES SU HORARIO?

+
+
AL SER INTENSIVO Y TENIENDO EN CUENTA QUE LOS ASPIRANTES DEBEN FINALIZARLO CON UN CONOCIMIENTO APTO PARA REALIZAR UN PROYECTO DEL ÁREA, SE DA COMO LAPSO DE TIEMPO UN MES CON UN HORARIO DE 8:00 A 18:00 HS
+ + +
+ + + + + +
+

REQUISITOS

+
+
+ +
+
+

1. DISPOSICION DE TIEMPO

+
+
+
+ +
+
+

2. DISPONER DE UNA NOTEBOOK

+
+
+
+ +
+
+

3. APROBAR EXAMENES

+
+
+
+ +
+
+

4. FIRMAR CARTA DE COMPROMISO

+
+
+ + + + + + + +
+

EDICIONES DE BOOTCAMP

+ +
+ + + + +
+ + + +
+
+ +
+

BOOTCAMP JAVA

+

Inicio: 18/04/2023

+

Fin: 18/05/2023

+
+ +
+
+
+ +
+
+Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics +
+

BOOTCAMP ANDROID

+

Inicio: 18/06/2023

+

Fin: 18/07/2023

+
+ +
+
+
+ +
+
+ +
+

BOOTCAMP iOS

+

Inicio: 18/08/2023

+

Fin: 18/09/2023

+
+ +
+
+
+
+ + + + + + + + + + + + diff --git a/src/main/webapp/estilos/menu.css b/src/main/webapp/estilos/menu.css new file mode 100644 index 0000000..1796088 --- /dev/null +++ b/src/main/webapp/estilos/menu.css @@ -0,0 +1,54 @@ +* { + box-sizing: border-box; + } + + body { + font-family: 'Concert One', cursive; + font-size: 13px + } + + .header, .footer { + background-color:rgb(18, 18, 98); + color: white; + padding: 60px; + } + + .column { + float: left; + padding: 30px; + } + + .clearfix::after { + content: ""; + clear: both; + display: table; + } + + a{ + color:white; + } + + .menu { + width: 50%; + } + + .content { + width: 50%; + } + + .menu ul { + list-style-type: none; + margin: 0; + padding: 0; + } + + .menu li { + padding: 8px; + margin-bottom: 8px; + background-color: rgb(18, 18, 98); + color: #ffffff; + } + + .menu li:hover { + background-color: rgb(18, 18, 98); + } \ No newline at end of file diff --git a/src/main/webapp/estilos/usrebe.css b/src/main/webapp/estilos/usrebe.css new file mode 100644 index 0000000..6c28fe5 --- /dev/null +++ b/src/main/webapp/estilos/usrebe.css @@ -0,0 +1,400 @@ +@import 'https://fonts.googleapis.com/css?family=Open+Sans|Quicksand:400,700'; + +/*-------------------- +General Style +---------------------*/ +*, +*::before, +*::after { + box-sizing: border-box; +} + +body, +html { + height: 100%; + font-family: 'Quicksand', sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body { + background: rgba(30,29,31,1); +background: -moz-linear-gradient(-45deg, rgba(30,29,31,1) 0%, rgb(13, 16, 73) 100%); +background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(30,29,31,1)), color-stop(100%, rgb(11, 7, 92))); +background: -webkit-linear-gradient(-45deg, rgba(30,29,31,1) 0%, rgb(21, 11, 159) 100%); +background: -o-linear-gradient(-45deg, rgba(30,29,31,1) 0%, rgb(33, 23, 119) 100%); +background: -ms-linear-gradient(-45deg, rgba(30,29,31,1) 0%, rgb(26, 18, 98) 100%); +background: linear-gradient(135deg, rgba(30,29,31,1) 0%, rgb(8, 10, 110) 100%); +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1d1f', endColorstr='#df405a', GradientType=1 ); +} + +/*-------------------- +Text +---------------------*/ + +h2, h3 { + font-size: 16px; + letter-spacing: -1px; + line-height: 20px; +} + +h2 { + color: black; + text-align: center; +} + +h3 { + color: black; + text-align: right; +} + +/*-------------------- +Icons +---------------------*/ +.i { + width: 20px; + height: 20px; +} + +.i-login { + margin: 13px 0px 0px 15px; + position: relative; + float: left; + background-image: url(data:image/png;base64,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); + background-size: 18px 18px; + background-repeat: no-repeat; + background-position: center; +} + +.i-more { + background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0ibW9yZSI+CgkJPGc+CgkJCTxwYXRoIGQ9Ik03Ni41LDIyOS41QzM0LjMsMjI5LjUsMCwyNjMuOCwwLDMwNnMzNC4zLDc2LjUsNzYuNSw3Ni41UzE1MywzNDguMiwxNTMsMzA2UzExOC43LDIyOS41LDc2LjUsMjI5LjV6IE03Ni41LDM0NC4yICAgICBjLTIxLjEsMC0zOC4yLTE3LjEwMS0zOC4yLTM4LjJjMC0yMS4xLDE3LjEtMzguMiwzOC4yLTM4LjJzMzguMiwxNy4xLDM4LjIsMzguMkMxMTQuNywzMjcuMSw5Ny42LDM0NC4yLDc2LjUsMzQ0LjJ6ICAgICAgTTUzNS41LDIyOS41Yy00Mi4yLDAtNzYuNSwzNC4zLTc2LjUsNzYuNXMzNC4zLDc2LjUsNzYuNSw3Ni41UzYxMiwzNDguMiw2MTIsMzA2UzU3Ny43LDIyOS41LDUzNS41LDIyOS41eiBNNTM1LjUsMzQ0LjIgICAgIGMtMjEuMSwwLTM4LjItMTcuMTAxLTM4LjItMzguMmMwLTIxLjEsMTcuMTAxLTM4LjIsMzguMi0zOC4yczM4LjIsMTcuMSwzOC4yLDM4LjJDNTczLjcsMzI3LjEsNTU2LjYsMzQ0LjIsNTM1LjUsMzQ0LjJ6ICAgICAgTTMwNiwyMjkuNWMtNDIuMiwwLTc2LjUsMzQuMy03Ni41LDc2LjVzMzQuMyw3Ni41LDc2LjUsNzYuNXM3Ni41LTM0LjMsNzYuNS03Ni41UzM0OC4yLDIyOS41LDMwNiwyMjkuNXogTTMwNiwzNDQuMiAgICAgYy0yMS4xLDAtMzguMi0xNy4xMDEtMzguMi0zOC4yYzAtMjEuMSwxNy4xLTM4LjIsMzguMi0zOC4yYzIxLjEsMCwzOC4yLDE3LjEsMzguMiwzOC4yQzM0NC4yLDMyNy4xLDMyNy4xLDM0NC4yLDMwNiwzNDQuMnoiIGZpbGw9IiNkZjQwNWEiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); + background-size: 20px 20px; + background-repeat: no-repeat; + background-position: center; +} + +.i-save { + background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0idGljayI+CgkJPGc+CgkJCTxwYXRoIGQ9Ik00MzYuNywxOTYuNzAxTDI1OC4xODgsMzc1LjIxM2wtODIuODY5LTgyLjg4N2MtNy4yODctNy4yODctMTkuMTI1LTcuMjg3LTI2LjQxMiwwcy03LjI4NywxOS4xMjUsMCwyNi40MTIgICAgIGw5My44MDgsOTMuODA4YzAuNjMxLDAuODk5LDEuMDE0LDEuOTMyLDEuODE3LDIuNzM1YzMuNzY4LDMuNzY4LDguNzIxLDUuNTA4LDEzLjY1NSw1LjM3NGM0LjkzNCwwLjExNSw5LjkwNy0xLjYwNiwxMy42NzQtNS4zNzQgICAgIGMwLjgwMy0wLjgwNCwxLjE4Ni0xLjgzNiwxLjgxNy0yLjczNWwxODkuNDM0LTE4OS40MzNjNy4yODYtNy4yODcsNy4yODYtMTkuMTI1LDAtMjYuNDEyICAgICBDNDU1LjgwNiwxODkuNDE0LDQ0My45ODcsMTg5LjQxNCw0MzYuNywxOTYuNzAxeiBNMzA2LDBDMTM2Ljk5MiwwLDAsMTM2Ljk5MiwwLDMwNnMxMzYuOTkyLDMwNiwzMDYsMzA2ICAgICBjMTY4Ljk4OCwwLDMwNi0xMzYuOTkyLDMwNi0zMDZTNDc1LjAwOCwwLDMwNiwweiBNMzA2LDU3My43NUMxNTguMTI1LDU3My43NSwzOC4yNSw0NTMuODc1LDM4LjI1LDMwNiAgICAgQzM4LjI1LDE1OC4xMjUsMTU4LjEyNSwzOC4yNSwzMDYsMzguMjVjMTQ3Ljg3NSwwLDI2Ny43NSwxMTkuODc1LDI2Ny43NSwyNjcuNzVDNTczLjc1LDQ1My44NzUsNDUzLjg3NSw1NzMuNzUsMzA2LDU3My43NXoiIGZpbGw9IiMyMGMxOTgiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); + background-size: 20px 20px; + background-repeat: no-repeat; + background-position: center; +} + +.i-warning { + background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMi44MTYgNjEyLjgxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjEyLjgxNiA2MTIuODE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPHBhdGggZD0iTTMwNi40MDgsMEMxMzcuMzY4LDAsMC4zNzEsMTM2Ljk5NywwLjM3MSwzMDYuMDM3czEzNi45OTcsMzA2Ljc3OSwzMDYuMDM3LDMwNi43NzlzMzA2LjAzNy0xMzcuODEzLDMwNi4wMzctMzA2LjAzNyAgIEM2MTIuNDQ1LDEzNy43MzksNDc1LjQ0OCwwLDMwNi40MDgsMHogTTMwNi40MDgsNTgzLjE0N2MtMTUyLjIwMywwLTI3Ni4zNjgtMTI0LjE2NS0yNzYuMzY4LTI3Ni4zNjggICBTMTU0LjIwNSwyOS41OTUsMzA2LjQwOCwyOS41OTVTNTgyLjc3NiwxNTMuNzYsNTgyLjc3NiwzMDYuNzc5UzQ1OC42MTEsNTgzLjE0NywzMDYuNDA4LDU4My4xNDd6IE0zMjEuNjEzLDQzMS43NiAgIGMwLDguODI3LTcuMTk1LDE2LjAyMS0xNi4wMjEsMTYuMDIxYy04LjgyNywwLTE2LjAyMS03LjE5NS0xNi4wMjEtMTYuMDIxYzAtOC44MjcsNy4xOTUtMTYuMDIxLDE2LjAyMS0xNi4wMjEgICBTMzIxLjYxMyw0MjIuOTM0LDMyMS42MTMsNDMxLjc2eiBNMjkwLjM4NywzNTMuMjExdi0xODAuMjRjMC04LjAxMSw2LjM3OS0xNC4zOSwxNC4zOS0xNC4zOWM4LjAxMSwwLDE0LjM5LDYuMzc5LDE0LjM5LDE0LjM5ICAgdjE4MC4yNGMwLDguMDExLTYuMzc5LDE0LjM5LTE0LjM5LDE0LjM5QzI5Ni43NjYsMzY4LjQ5MSwyOTAuMzg3LDM2MS4yMjIsMjkwLjM4NywzNTMuMjExeiIgZmlsbD0iI2Y1ZDg3OCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); + background-size: 20px 20px; + background-repeat: no-repeat; + background-position: center; +} + +.i-close { + background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMi40NDUgNjEyLjQ0NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjEyLjQ0NSA2MTIuNDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPHBhdGggZD0iTTUyMi42NDIsODkuODA0QzQ2NC45LDMyLjA2MiwzODguMDExLDAsMzA2LjIyMywwUzE0Ny41NDUsMzIuMDYyLDg5LjgwNCw4OS44MDQgICBjLTExOS40MTYsMTE5LjQxNi0xMTkuNDE2LDMxMy40MjIsMCw0MzIuODM4YzU3Ljc0MSw1Ny43NDEsMTM0LjYzMSw4OS44MDQsMjE2LjQxOSw4OS44MDRzMTU4LjY3OC0zMi4wNjIsMjE2LjQxOS04OS44MDQgICBDNjQyLjA1OCw0MDMuMjI1LDY0Mi4wNTgsMjA5LjIyLDUyMi42NDIsODkuODA0eiBNNTAxLjc4Nyw1MDEuNzg3Yy01Mi4xMDEsNTIuMTAxLTEyMS43OTEsODAuOTcyLTE5NS41NjQsODAuOTcyICAgcy0xNDMuNDYzLTI4Ljg3MS0xOTUuNTY0LTgwLjk3MlMyOS42ODcsMzc5Ljk5NSwyOS42ODcsMzA2LjIyM3MyOC44NzEtMTQzLjQ2Myw4MC45NzItMTk1LjU2NHMxMjEuODY2LTgwLjk3MiwxOTUuNTY0LTgwLjk3MiAgIHMxNDMuNDYzLDI4Ljg3MSwxOTUuNTY0LDgwLjk3MnM4MC45NzIsMTIxLjg2Niw4MC45NzIsMTk1LjU2NFM1NTMuODg3LDQ0OS42ODYsNTAxLjc4Nyw1MDEuNzg3eiBNMzk5LjIxOCwyMzQuODk5bC03NC41MTUsNzQuNTE1ICAgbDc0LjUxNSw3NC41MTVjNS42NDEsNS42NDEsNS42NDEsMTUuMjE1LDAsMjAuODU1Yy0zLjE5MSwzLjE5MS02LjM4Myw0LjAwOC0xMC4zOTEsNC4wMDhjLTQuMDA4LDAtNy4xOTktMS42MzMtMTAuMzktNC4wMDggICBsLTc0LjU4OS03NC41MTVsLTc0LjU4OSw3NC41MTVjLTMuMTkxLDMuMTkxLTYuMzgzLDQuMDA4LTEwLjM5LDQuMDA4cy03LjE5OS0xLjYzMy0xMC4zOS00LjAwOCAgIGMtNS42NDEtNS42NDEtNS42NDEtMTUuMjE1LDAtMjAuODU1bDc0LjUxNS03NC41MTVsLTc0LjUxNS03NC41MTVjLTUuNjQxLTUuNjQxLTUuNjQxLTE1LjIxNSwwLTIwLjg1NSAgIGM1LjY0MS01LjY0MSwxNS4yMTUtNS42NDEsMjAuODU1LDBsNzQuNTE1LDc0LjUxNWw3NC41MTUtNzQuNTE1YzUuNjQxLTUuNjQxLDE1LjIxNS01LjY0MSwyMC44NTUsMCAgIEM0MDQuODU4LDIxOS42ODUsNDA0Ljg1OCwyMjguNDQyLDM5OS4yMTgsMjM0Ljg5OXoiIGZpbGw9IiNmNTVhNGUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); + background-size: 20px 20px; + background-repeat: no-repeat; + background-position: center; +} + +.i-left { + background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDQxNC4yOTggNDE0LjI5OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDE0LjI5OCA0MTQuMjk5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMuNjYzLDQxMC42MzdjMi40NDEsMi40NCw1LjY0LDMuNjYxLDguODM5LDMuNjYxYzMuMTk5LDAsNi4zOTgtMS4yMjEsOC44MzktMy42NjFsMTg1LjgwOS0xODUuODFsMTg1LjgxLDE4NS44MTEgICBjMi40NCwyLjQ0LDUuNjQxLDMuNjYxLDguODQsMy42NjFjMy4xOTgsMCw2LjM5Ny0xLjIyMSw4LjgzOS0zLjY2MWM0Ljg4MS00Ljg4MSw0Ljg4MS0xMi43OTYsMC0xNy42NzlsLTE4NS44MTEtMTg1LjgxICAgbDE4NS44MTEtMTg1LjgxYzQuODgxLTQuODgyLDQuODgxLTEyLjc5NiwwLTE3LjY3OGMtNC44ODItNC44ODItMTIuNzk2LTQuODgyLTE3LjY3OSwwbC0xODUuODEsMTg1LjgxTDIxLjM0LDMuNjYzICAgYy00Ljg4Mi00Ljg4Mi0xMi43OTYtNC44ODItMTcuNjc4LDBjLTQuODgyLDQuODgxLTQuODgyLDEyLjc5NiwwLDE3LjY3OGwxODUuODEsMTg1LjgwOUwzLjY2MywzOTIuOTU5ICAgQy0xLjIxOSwzOTcuODQxLTEuMjE5LDQwNS43NTYsMy42NjMsNDEwLjYzN3oiIGZpbGw9IiM4NzMxNGUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); + background-size: 16px 16px; + background-repeat: no-repeat; + background-position: center; +} + +/*-------------------- +Login Box +---------------------*/ + +.box { + width: 330px; + position: absolute; + top: 50%; + left: 50%; + + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +.box-form { + width: 320px; + position: relative; + z-index: 1; +} + +.box-login-tab { + width: 50%; + height: 40px; + background: #fdfdfd; + position: relative; + float: left; + z-index: 1; + + -webkit-border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; + + -webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px); + transform: perspective(5px) rotateX(0.93deg) translateZ(-1px); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + + -webkit-box-shadow: 15px -15px 30px rgba(0,0,0,0.32); + -moz-box-shadow: 15px -15px 30px rgba(0,0,0,0.32); + box-shadow: 15px -15px 30px rgba(0,0,0,0.32); +} + +.box-login-title { + width: 35%; + height: 40px; + position: absolute; + float: left; + z-index: 2; +} + +.box-login { + position: relative; + top: -4px; + width: 320px; + background: #fdfdfd; + text-align: center; + overflow: hidden; + z-index: 2; + + -webkit-border-top-right-radius: 6px; + -webkit-border-bottom-left-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + -moz-border-radius-topright: 6px; + -moz-border-radius-bottomleft: 6px; + -moz-border-radius-bottomright: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + + -webkit-box-shadow: 15px 30px 30px rgba(0,0,0,0.32); + -moz-box-shadow: 15px 30px 30px rgba(0,0,0,0.32); + box-shadow: 15px 30px 30px rgba(0,0,0,0.32); +} + +.box-info { + width: 260px; + top: 60px; + position: absolute; + right: -5px; + padding: 15px 15px 15px 30px; + background-color: rgba(255,255,255,0.6); + border: 1px solid rgba(255,255,255,0.2); + z-index: 0; + + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + + -webkit-box-shadow: 15px 30px 30px rgba(0,0,0,0.32); + -moz-box-shadow: 15px 30px 30px rgba(0,0,0,0.32); + box-shadow: 15px 30px 30px rgba(0,0,0,0.32); +} + +.line-wh { + width: 100%; + height: 1px; + top: 0px; + margin: 12px auto; + position: relative; + border-top: 1px solid rgba(255,255,255,0.3); +} + +/*-------------------- +Form +---------------------*/ + +a { text-decoration: none; } + +button:focus { outline:0; } + +.b { + height: 24px; + line-height: 24px; + background-color: transparent; + border: none; + cursor: pointer; +} + +.b-form { + opacity: 0.5; + margin: 10px 20px; + float: right; +} + +.b-info { + opacity: 0.5; + float: left; +} + +.b-form:hover, +.b-info:hover { + opacity: 1; +} + +.b-support, .b-cta { + width: 100%; + padding: 0px 15px; + font-family: 'Quicksand', sans-serif; + font-weight: 700; + letter-spacing: -1px; + font-size: 16px; + line-height: 32px; + cursor: pointer; + + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + border-radius: 16px; +} + +.b-support { + border: #87314e 1px solid; + background-color: transparent; + color: #87314e; + margin: 6px 0; +} + +.b-cta { + border: #df405a 1px solid; + background-color: #df405a; + color: #fff; +} + +.b-support:hover, .b-cta:hover { + color: #fff; + background-color: blue; + border: blue 1px solid; +} + +.fieldset-body { + display: table; +} + +.fieldset-body p { + width: 100%; + display: inline-table; + padding: 5px 20px; + margin-bottom:2px; +} + +label { + float: left; + width: 100%; + top: 0px; + color: #032942; + font-size: 13px; + font-weight: 700; + text-align: left; + line-height: 1.5; +} + +label.checkbox { + float: left; + padding: 5px 20px; + line-height: 1.7; +} + +input[type=text], +input[type=password] { + width: 100%; + height: 32px; + padding: 0px 10px; + background-color: rgba(0,0,0,0.03); + border: none; + display: inline; + color: #303030; + font-size: 16px; + font-weight: 400; + float: left; + + -webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1); + -moz-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1); + box-shadow: inset 1px 1px 0px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1); +} + +input[type=text]:focus, +input[type=password]:focus { + background-color: cornflowerblue ; + outline: none; +} + +input[type=submit] { + width: 100%; + height: 48px; + margin-top: 24px; + padding: 0px 20px; + font-family: 'Quicksand', sans-serif; + font-weight: 700; + font-size: 18px; + color: #fff; + line-height: 40px; + text-align: center; + background-color: blue; + border: 1px blue solid; + opacity: 1; + cursor: pointer; +} + +input[type=submit]:hover { + background-color: blue; + border: 1px blue solid; +} + +input[type=submit]:focus { + outline: none; +} + +p.field span.i { + width: 24px; + height: 24px; + float: right; + position: relative; + margin-top: -26px; + right: 2px; + z-index: 2; + display: none; + + -webkit-animation: bounceIn 0.6s linear; + -moz-animation: bounceIn 0.6s linear; + -o-animation: bounceIn 0.6s linear; + animation: bounceIn 0.6s linear; +} + +/*-------------------- +Transitions +---------------------*/ + +.box-form, .box-info, .b, .b-support, .b-cta, +input[type=submit], p.field span.i { + + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -ms-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; +} + +/*-------------------- +Credits +---------------------*/ + +.icon-credits { + width: 100%; + position: absolute; + bottom: 4px; + font-family:'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; + font-size: 12px; + color: rgba(255,255,255,0.1); + text-align: center; + z-index: -1; +} + +.icon-credits a { + text-decoration: none; + color: rgba(255,255,255,0.2); +} \ No newline at end of file diff --git a/src/main/webapp/menu.html b/src/main/webapp/menu.html new file mode 100644 index 0000000..f8a55bf --- /dev/null +++ b/src/main/webapp/menu.html @@ -0,0 +1,97 @@ + + + + + + + +
+

MENU TH

+

EN LOS SIGUIENTES LINKS PUEDE MODIFICAR, AGREGAR O ELIMINAR DATOS DE LA BASE DE DATOS DEL BOOTCAMP

+
+ + +
+

PUEDE ACCEDER A LOS SIGUIENTES LINKS:

+
+ +
+
+ +
+ + +
+ + + + + diff --git a/src/main/webapp/usrebe.css b/src/main/webapp/usrebe.css new file mode 100644 index 0000000..6c28fe5 --- /dev/null +++ b/src/main/webapp/usrebe.css @@ -0,0 +1,400 @@ +@import 'https://fonts.googleapis.com/css?family=Open+Sans|Quicksand:400,700'; + +/*-------------------- +General Style +---------------------*/ +*, +*::before, +*::after { + box-sizing: border-box; +} + +body, +html { + height: 100%; + font-family: 'Quicksand', sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body { + background: rgba(30,29,31,1); +background: -moz-linear-gradient(-45deg, rgba(30,29,31,1) 0%, rgb(13, 16, 73) 100%); +background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(30,29,31,1)), color-stop(100%, rgb(11, 7, 92))); +background: -webkit-linear-gradient(-45deg, rgba(30,29,31,1) 0%, rgb(21, 11, 159) 100%); +background: -o-linear-gradient(-45deg, rgba(30,29,31,1) 0%, rgb(33, 23, 119) 100%); +background: -ms-linear-gradient(-45deg, rgba(30,29,31,1) 0%, rgb(26, 18, 98) 100%); +background: linear-gradient(135deg, rgba(30,29,31,1) 0%, rgb(8, 10, 110) 100%); +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1d1f', endColorstr='#df405a', GradientType=1 ); +} + +/*-------------------- +Text +---------------------*/ + +h2, h3 { + font-size: 16px; + letter-spacing: -1px; + line-height: 20px; +} + +h2 { + color: black; + text-align: center; +} + +h3 { + color: black; + text-align: right; +} + +/*-------------------- +Icons +---------------------*/ +.i { + width: 20px; + height: 20px; +} + +.i-login { + margin: 13px 0px 0px 15px; + position: relative; + float: left; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAA3lBMVEUddbz///8ddb3///0ddrv//v////z7///8/v38/vz+/fwKbrb2//8ddroAa7IAbLOUvNPx//9Oh7MVcrwAZ6wAbLcAZ6kAbLIAbbkAZKjn+fkAZaUAZa0AaazR5+wAbrXC3uo9gLPf8vgjcq5kmb6mx9tzo8kqdq2w0eJ5pcbL4u7O5usveLR7qcNwnb681+hVjLdUjsCIs8iLttNLisBmm8dbk7qLs9XU7vmlyuAwdqiWuNISaqOYxN85gbmsydhLha1dk7a709ukxdLM7fWt1+gjb6Ld9vWDqcSvydsrtU6zAAAfvklEQVR4nO09iX/TOLOR5MjyESeuc7ROnMPO3dC0hJYW2JaF772F//8feho5l23JcdIWlu91fixsIbE1mtHcMyqV3uAN3uAN3uAN3uAN3uAN/v+B9rsX8AqAxa8NaP+NKALgwx/500CrxMTCAL95LS8NgFnMi1bPajQ6nXrHsSyL/4z/m1jU6gVBNH5fW97P5/P7Ze39OAoc67+EmBhbncnVtK8jDoQQtAb/2+rmwvIEz/6pqFb4f9irflrN3Rg5QiiJ8Swjxv9kYe2xZf3BApVj2Kj8mHPiEbYl3T5wjO3+sM7JiMV2/FnAGa/nDJ5c3dANWk6htvmZGQYn5KxtxV/4k0jJxSSuXy91REwiJd+aiAiZJkLdYcf73Ss+EioabpwtdWqyHb3UYFJ9+cn63Ws+EnB7ZFNqmAexIzGvUveq86cIVCEXW0OfL7x8mHwxjmUTmWgUyYydf+PR1Epee8QlyHHAqX0ZyR72b4Te4B4Z7FgMTdO+TokbLfXnvwWsa58wejQNDVSrJlDRtAqoEM4S2PMsj1uyQp9ov9kAwrg6tilDORpCDgbtttJL97ye1bz48uF2DHD72G4HYOT9ZtsAEFyL0KOwpPZdqbK/dlyyKoOPo3vftdcS13b95ehu8vsMdmGFcgSJaR5JQW4TEDRqJURp72L4M+T2HmWUMrBoEaXCdnDnq4XjxR/Fv5Zj4RBZ1y45VsZwMMskbO+vFvdWofrjrD8Mfs9pxN7Ep+ywls9iaKJhQo56A9swyyo+Nwjitqz3G3DUmnOO4PEYEhNNnQSPNkZC3xApjiZj/ByE7+q/2lbnpmgN0aPR41BmfpQkSNtVf3htKBF9Pmj9Yl71ru2jTRlYMifULLa7NxSxPud9YU1XYui15i+Vq7jdJQoWJWt+013f9109wX4gmfpB8kmRf3BfiGlwpXR/1vg1KIq9771Tr8fkPn73YXgTNNvt6GbWt5GxJbdh2p8SYkazvuvkoNEOqsOk7rt6YhGvCXjhp8XChp0QY/5o0urFsVLN81rBLERG7Doyit5bidXhgV7A7YIHc12JpsGv0ori7CjEu/s5quIKd4vBKqhAeNhqvndj5980ukFihTjoE6OYzcCISblLgn+FSMVYLv4Mxn2/fpQSCJC6sD5dctryj+iDxD+UuEQ+Avg2hYOe9tpxdG4Nn6+4gZVdgMkNgFWwsbH2A6MV/GWOwL4bJYSFxiVycaNPfJL6Z4LNX4+Q4skRt2YkKzOofVXXtghufudOEGfWoM8/ESb9Xjzxj3YtAcVXP4reEMkx1K8cnIlpC5SxVvoSUnTl7eLB3PeL5uRoo4gh/4P32n6js1S8/XOOwqp4d3rf2f933OwjahYK7ySAhI+vG47UtC+ufOfndfXp8LDm/PUoEFs/Bn/pE5McZRfFu8FIGOFXFajeUCYdmKF/yGEdUBtWzLExi+E21xMnOF8cT8Ltolfl0mAqM7kZmTrFNxb3BqHK7CsCtVc14IKubGWGPjj40q2Yx51bn9DTMST6de/1EMQLXXZ46GWz0LZy3aFZkwduTbOM20sMk9stiOm2LhxGRgiVZQrKjIWxC/YKx5HbhQMkOT6E1A4mI+LlaF5zpnAnTEr08Gn29Wxw9nU2CiEVAq/KmsDMoGA7vJK4saQGDdG/5pNQi+03r9XihjgF/iwnqCP+3x6dXTQ8UeFgnXcGIx8ZSIaiCCm/Dnoc8J0uw9AdaLlMI8zTVuux5nMWYOkHEMGx/UFjHZABwwB71cnIJhALyqDILYXLQP2y54HW+qFL1EUoSUTsf0vDTjT+q4uEtM+AqTPTnXWSNjVXK87XeySXR4Y+fD1xWu9L3th18l+I6zUXUWrGUgqQTEgQRu8fe2l7jxPSa0+lCHIp1K2/LIobBoRAe+RnA6XdjppFNW6COD+4qGRGWSIbCfzqR+n1VrhLwp/pfBZeSfprhOp3L2q8JZZvXSHDSB2OcJEn2bB1q/CTID7BXf9pU7Lc2Eyv15gsu2yipfNSnmJ26Z1Lmj4d7kC9o7iCP7lUnQLnsj+IU03S19eljFo27S8vxqZ8L3sbXw9cfK10ZqdfmKct4vi4PEnF/XYTPQR51MAXlyirg7mM/fhi9QDYCW6DhGct2dbxufr7wVyZnAKlPsqVGRr2zmxTZgv3my+Dntc5G7lomDAEvbPM60bKDcXOVJ19M00yqqu+uX3ASKYzqP8yjmLrum8TSu+TGaB6mip0riIEdlZI5QaC6l4ecIXgXydumob87RSlU+VHwDpMgEuNx2lchYeuEvkf7yq1q8xtyxeqccmrEqOMsyj4egcNzOpI9n328OyD2Au4ml4nebsJKwlXwqQ4pamc2Ra8AdcTCjFqGtwlKbIQfK1nv81Iv/Ec7Lid1RvM40gKJG7ZbP8k4upTMlZt0FXaJok/GIVEHj2GvzYPGHubh5Q6EneEUfeZlUf1mbtHJxruExH3blkKw0tHEj3RLvpQqiHD0DBMGk6KnSSt95R9AKV66zn44c4DdyK27MVFwmw/UIkjO4Eho/YiWzqKnRqRBY/FN0RVTUEiWJLgOEXs5hk09KI+6KodhszkRNyigEvVpP3N0ZilaVgpWUOdu6sKDIn9d+FYhDeWPMFE704SpvG2RHOUimUStD2JkHKuPiRYj2P4rZGufsEL1yzLxQyYMqtqcRLcyDE8WZh60T3ZY9H1osK13BOk4voiBW4zScOKFsyJRAZuIN+USS1IhiFhJ2OIgYLpYi4uUFd7D/RuMudrmHiIpjk1lBNPmwZHxFl6Ei7l7P/+NAwrpU5faoVQP9pLOywyKbafSfXUO7PleQmue4SRVBy0lkzSGKeqfOw8SPeemazW0DbFSbidVlFcnyTyEkGojmlTf+IdEUAutSTaghjo4QSVz1/LBaDJMczqMIO67d0nMxiabN9OBEWhZFHiDo4J6eLShaxsip0maSqYO3NItjhIM3/fbhpupjE00Kha0jatQfjMpnH1RWZhzNSvzjfkxqV1AWKe2PHuMhKrDMs5AUNuBVeXOQWj4MprCgwZCQNNrBZ+q0PWl/MCdx/Wf/Df1j+hWjbHoaXWkYDGSGIXkZMw5PLhSprC3jx15GzWkKWhyaXpWiVq1kz5DBCj3g4Hq2fFPW5ZIm7pDN5TCsMynMPbUzR+EJJMwHYHpv0oRA3WMpIGcoFP1QqYbhD2GNfUAEUja5ppi/Ht7e1ksVhUHMexPG+NmVbZC2z0/tLtTByDy2P9lCybtcrZexA2UyAioPEoKcgQxn4cUupZahCtifH7KgsfHEWE9PCy/zAb37Tb1rmVKg/Gjx8+DIfDKw6r0Wi5nM/n3dB1bf+EkCmOMrVAKQzR9brS4lb278PdwSioDDg7mwYAFaWAth/+HI3PJkDPHd8KbHsW1IA3rAZANYomk8mxCHJd5/2QRUQgrYDKfAF6/9v0XazILJktjJaNIxNCWqlzDwKIHw0QRdAXJqqDu8sfV1G9KhrBRFNqpaSJjYUfOfC/9k7KddfviSSqZRpQShrWBkHgtGJFpjmyKCbxF0fzjXdtmwnhvfGYddudZiLhzwStdEdkRZVlvgT/XcD9w93xb3UlGHIn8mjpJt8rBLqG0n6xvGtxsKYk26AFmkx/+GJBJd6OLxYyx92k/SOy+THgUuSS7NngbFtmFH2LcEV7KSy1khdI5CP3g5k77qRsEOu9NO1l2pOjU7NatYaYQgczkk3ZPAdFuSetU/8sY+H2prKqSYOh1REWdWmdJ+A6ONvVUI6ZwghfspkvVe0Uv5RQ97qXCcFwh02y6wajYaYd5jBYY5WjzGUcdWeB2LWX6J8J0hY8RDrBgk/JZfgp8MtIGkS7PmHLgzlRt5+aaLqAIJjyOB7hhn3NbiVHoy9N7zZkEhCQXp2AIT7TM4bnFhil7irqJXb5xApMb8USyjB+pT3IfpIbZp7UpkHonxMkg4al+7UmIfR1EL8WrfuD4tJV+H3DtsVf2PiW6qHgLMq4NyHfrLqfdSIZN/etkzb3k690aeK2fmQv76KOFTfxlYSRI/5HmVmVAG6GmdQuF/+Djbmf/HDJGmUrCw3jsnM8egDW6kCtqcl03V++H7RaToMbqNxE7VWrLW68HnMM23q23JOrcNln4amDbGENtc9OitFq2Lu4z27vljUEitTk1jmy59+mH29v727Hf02/hatDucck3CAzvWR1KASXgu7emkS22iRPsghaskpGseXeUD9QycdPDEPJln+ij7YJ8gKn0ZtlipUIySk55IyV/DhD7kQt0w+BtEznEBhsWSh7JQBz5zdjWRBX7WTihZ3AkOP7XsmjcdXlRhimnwn/6g3U8fH9w7NPRO5yoXlR4Y1LralEg8uVYbysTj+RGjTX5cmyTntwPT2rcd4QYYpKKSsfKlr1e16IXAqi4XQZFOMbXKpfSp7xXa2/tVLSjDVUaWAgXmPxdfXz6Wk0O4saktISMFm8Ceifo/umy+ipaDCjLvP4cspGtVTfGVXS22teL309lol6OBo4krQhhKLfKcr08tCD3vd3TrEGzCyGJBfDUqn617YanTBip8ui4ndWtNbNZTy2hkHElCK2HKQz4jAfhfsYXYMycbiOAmIXLIrOYAgMU6sqP6+BcNiEBBih3PiRmf+4vkpVUBnUn0kZy7vTCWX7BeDFeJaGikKQFDgyLv2ekyrXcKe/MfPKZrr7tRQXBuOA24JJ4weCPjVJqBNrjVGYqScrgKfBHqR2Sfr5QRbDMpc0am0BanqjLxj6KOUULZiinfgQUp+LkzKFwL7k5FRbj4PV9zlMHoBid67hgbUPIIgMk3E+PUxGCYaI3OfbmUG4fr0ZXsjOuijYkvVIQeFD9vOgKnGvEVw8Xq36XRiwQOM430EIcxp2tk+XyVJm5yYytW2IXJemELD1d5pF1xtiUmW95lp5VoPJdW36j41ogcNICrmlgUQfQr9ZHobQa84M6KyUCmwcdQ1pFsTkKPY78skeWlzIDqFLz2k/3j2I8W8MbUWsLBxA/QLVpq1MTxq3ptmByqpWjRPJoLYkEoxFyF4Jhn4j37w11nHwEmPLaTVval1RJU63C0sDi4mYj6UsKcOZaSL1DzerwQsXUpU1i2uK7Ge4S6TGkEyLCEBRWd7zOo9XSztnyIFJw8PBY+5bZPbGMPk6cKmkquHVcAuCnaG0Axlj7kKKx8hKagxIARTyXkUiCnuN9qzPYAKKrJGGu45jK3+eH9ffH/SMf8jBPsszGDA33SjE8iV95CCHcsWgnE0lm7nuurXqZ33doEZmw8RfHK5UxG1XFioh97kRUHz+EXVFIXqWiq1+/nyXw71SAInHdq5DOa9y8RMd4gjMFySR7AxNm5vXSOsrg/8oanVxcKkqaovhe1X6RFVsSUhr78tUJ/KNO1w/ZH2WNTCbhvEA/TrqDVoo7B7M/bEcDAl0TKS/I1zHlvxlceAbN1dIPv9uflByeWeyjiYCDR/BDonMopSdBAcxVCwp+J/c5K7m1KSJHCIs41xOxVsbLEFDkxmkeyZ8uuNiMAcwROgpKxvATfw7NZkg/REv6MtCj8bhynYsq1NdmxD608RRWVnK58kP9mbnKJEFELhfHdKMq5l8bimSjSqg6LO652MN3kS1nDK3UKfXHcuSm1kK6NVyxn2S7TCe5LPOa9DTlCv5tZ6sYoTSp4MYxrMdMksRv0M0NqxdN2WUVB7EoSwFt6EhQrIqb/y/Nncm9HyGw01JnRuj8wLx4VtdEUKAcv2yiLKM/zewLA3HKYMkpH8GDYsUDizhh1smM1tTGNRC+rmLhcinkfbKGHUPtzbgep/mDVolFEpOuj+vHjutBpT15JpdWqk6IkiVGTSknVme6KwwTFthlm8W+snOOlWmXSCYga+lvei7h5gGpZQw2/9Wu1kEDlQvYWWovlIaqAd5mVlTmbsSTdHtTw06beXKfWeeTQuxQ/16gh7BkphlGaPGO8bKULVP1vK121+Nowvn3FKcRK3UGBGZci6bwslPMalWwdZMnBJus+j5oezGQ7bQzVT5Y0k0B65ZfOAIZ1rbX47GXx87siGOnCYXXanCYIxMW1n9DJpi3YXEarni1HuH0g2NBlGY8imwVuyIuCw39DnTIt3l5KxIrdaBK2V7Ks0VV3e17ySs5FmKcdlIghQGYQUw1DQczPk2FqQitC4zPS5FE3k4jJNeFHfRv7o05ZQxRmmYPDLxD97ARhvTmLLc+An+kEnGcR1zU8zhzDb7FQC+Lr+SLaXBMIg3pBszsiy0jmGg+SS7udw1mu7oTdUdjSoMmX5TBD+oEoZo5fGzY8go2wNTgUEf0YO+Hz5ihrtShbx3q+bbkDctBd9kFLdRLtr7fOrUR25NSt0MXHHOpnGIV+hG9/tCogg5fwX3e4vmAjuvm8IbZqSFSYroQwANX0xJTnO5Chjt16WZCw6taLach7YbzqdXQVCRcTPuvdP3Yr/89WFOFRSXpWmbxqSqPlYJioG6vCUPQ5hVoXgH9hrVaDKpCBtBunIvctNDeYZqIjayfbPMDOvF/DutVBHpFM7oZDO4cq+yTkHbMjINEl4ohVkc5cWizh3LkrbBCO3ngMEKVsWWNO4FzzOxdHbAI0l8v1S6GHH9wl24+C4OMy7EzkFwDatD71ANsBZN9+kl28oqBDxxjbS9S2QetXIZMKrDtv3508+fT09Pfd/Wkaw8Ok1G4k4Uox8OvrLep+laaBP9kIkksR9XKFN+Q44assC5yVq0L5zG+fl5w3Ka7Q+zhy74FqI/WYlj0Th2BrTeUJLCITDZXBKmxCXwgTJ26QGnMv3K0u6yJo3/n+dVg8Gqq1NuoOhKXclM+0wdmcqDTNk4EU+TdrhpeF2Zkhqk5R4xY0H2WL5zvc7gyZWny2LgvlU/d4qHChoriZ9sMlqzZEJJc6YynzMs3qsnr4gRSDYmIxecJzkZTe5dXVVPKItayCYVMibxIUXq/E7qHIxOKovMPj0YiImOqhgT9eMM/XHvihQDeiQenwbRuGToei3fxy+A3roA+p2rqCMsE2RApu3oZyt6LhC0NGaWUV+m3OoYQ/25vRmbZXNjmrsLygIJw3BFxPq4in3vWv408k/awsNevZatoQR43pSMxHI4ku2+6moSjnj/hHEV0BQo67jqtkp7u8XNXi94kOUeDEZm0sEcpyKJm0v51VwAx+mlGKyaNKCTScA1JpfS0gWDuZOXuV9gbXNVcF45aDc4GkX8qEvP9v7IMox70WebmOlRCACMLE+zNQBkZTKciu1LG2Kh3LbgNmuCY01ZuP4Agrh5n7WVysiP1pWplmU1WoOav664TAEIuLtTKIh3YZdMVKiiNSfDj/1L4dqSRGctM/woScQC7S6eNCN+H4e+vcerq8/9UCeKWTdcSXWP75jVSj2HQ6slKuMBMHg9eFvoy19sOa3F48fvc39XLSymy6PRfjlcsfrWR1ciutbztTQY4EANZshvwQCYHX0KKyVrdXnZ708fPs5ms/H49sOHdrvZ5tAUFImv3RSDOC2nvhhePfTn4IIIpiFssHEU11E0FWxNvEpnnl401wmf17q1UYOEgsq7MUwS1o81Fvn6G11I/3KnScgupusugO/fa5lcKdY83GpUgy9fbsarzwC3G6YW0bYzJVyXNgrPy1QXcZzGMbdrpSjM6aHnUjg39KjCscUfajCzXObIsTIz+S6K251qrTWCezXdouRG9EL2wOE6t3o74xSfueCNiLGl619gc8Yn9z87Qz1KV7Izqg82HSONeCSanEdNMj+hb12DdvS1zotjZKJXjRBXGtsWjTobn2u/mAKsSJUNa1D9evewVj9dsUb1T9tmik4oeFQaYgCf7QSjG8u6A/gLpqqaWmkxZQk3ZQXyawzRdFONocUjNZODz4wthjIm3oNihTmZ9X6VP+1OFTGUAq4/qHZeDLzZ54fIT7me+xji1r0SwdMm7mLJbEQOpruQBwMzELcIOvJ+YRQ3+cwSAwqcJTH2d4NLgT37z7rLhmaQyCXbBWeipUGKYdk8Zr+0knXLqOISEpgouE1lC3HDGTEx240wMt5be6crjS4Y9p2VNUgKgJyGBuk7R1TVeGeuaWTCfutHmeEkGV3FUSonxEhtr7rCu83mp8uI6LMjRobtg4YHso2ny1YB1bpWJt4EZlsruJTAxNDkzjvz9F7szwyFgGPyARDJR6uTLG6xQqksJQ+FJ/lxNX2fd/tjtoPA+5FWePd7U/BK3E3eXR21zrrrq6ONmR2WAzerYMuKjkspgs2+fNRN/NR55kBzFZzutnCjPfsJt/r7DwErXJ850hRBoQVqlTB7ATWjlwWtB1wKnpSBR04BdyH5UidMx5uhBWCnE/dLC2EKijusPucGKLBL00tjNFSYNBkMHUk74xaEAMx+x8o06CV1eWdJ1u4vE9NWHk+/BALsrsYymwg2DDTRDrIFHB1rJpu/v4X30j437wal5hDuu30YCrXX936bJtUfjg8lJMF6D/GdVEWHQQpNFMDW3zrNjDXfANlZaylYpAqxDZSYBqA5U4rEvfQGCoed1LVSR4M3lt56dNmR1nTHiMWvq8AVnopkHIGBZpdf5AJQCy6TGJL0jOmBbRo632e9Fr1AaO0CavdTs2oI0m9UJVDxIuOyf1chZOBxRjjxFKe5l85fcNN1GwSBXW1M4X46ezo5YcBIBrBzKRX2/YNNqd4glN55td4lZUOkBnyT2BlmwBRWvP9oHbmjMzFT7Pk4ViUFsPwEsJzBEKKQCw98ogqoGAbTr3rKS7fwJFPqF9YTqFQ/jtuW90JXIeObtKABNqVG3o1SmqYBBVX0g6BILSc5lb2Wj6BxsmKu18Ob9pVnZ5rkvc9cQvYvFCwCcQ1v4MubBcRyTf1bJ48AiZqaGKACLhUWejZmm/VaK+4uyY7i93qmqlBkxisYi6yNAhgXEvN2bu1Z42f6SyaCKsX9CXwveK8c/sLVk4TjDPbU2aSf9yIyotHrzlW3YnMp7x8Y8nCewZCY9gBXXubcZRDUrJF01LFB9WkQ66lkowmuz/S0qbd3lAnyz7z8yukshtxDun/pwXRb4D5iah5eDFAlfD9ICADhZHvtJ65Cs+a6aYhqp3D5bnBIPJxnx+ny54mZoq+CJW6MFLUllNi1yCrtolIa9py7MK5hTpAQjp9Bkf/XgJP9oA7LXK5IhHi6SjvLLwUajhSXHZYZJeGqHYhSdoy9UuPibMlt7QwBofKH6pdXTS7ktUq2Zi/1wgs/WTcUj1CiffXgg2dCxfqBZHwqIgjcgvs2u4ku6s3m412ti0japhTENjhHX3c8dUX/PkA1l2Q/Ty1EKgBaqR2XyMma2kTJrx4C2EzmzgsjlLo/ins51kwmu5FISL4Cm8biceAipqoYZpAepRQMnSx/rrdhPjiikKeeLTmEh4Ch+EoHkUNvBnkLRVkCYeJOZrhTOmvCEnADRkHCcj4gac6YtHnBL1oaexo0p6qBKvnDDspwddiP/aJWzToQAukoigMKh79OAi5P5wpD89A4B2IPE62SvXG+V9cbKkZFrc5fjUUFeNE//HQcO/6HMy5cgaxt3H7RtTUWlpCiS8r7IpvET8rU/fSqTArwyYfphUchSJihz/aZS8NB14xnuu9juB3szT2nS6kghQr5V5QzMVgwpOrY2UbpO23hfk8abu4eSFGF68p2P3u5JSrznWLjEyrljgTsTUJq5rS8ZtErQ/HXfiQQ7s/jKuUyVYiyLmbhb7iE64NkQz3CnLsVXwgqcMU9TKM/ouXL9CcJJbEuoiLsftLLBNo0XBc2rTyTusoNfb0ExLUz0Zzk5VlSYKI7q7J/4qwrPe4sJO6snurk8xqDJ50q5iaSYrdevQSewVQ31RU7SWBo2tmMGAWo4C9xChs6HNDlXXDuieEz8Nyec/bkIrOcZlH4gZBi04NeCMWLjzblyyzSLgTzDRK8KNL5aKtCw8/XnbpjNZxO/brWVUb/uZgpMnfm5VBsnIWs2NSm9MYn2tJEV4Nuh8vv3/uhrTP14FIue/Sh92ITywuAF8mu6ZNg6Lf3v6bhi9CgO9oT0zBj0UxhCF+O/DJIv/4LEcQVzXOuuzANluWZbMzYI6FodGrUsqNRN3+odZABw9K/vLau3wcQjZoX/HDRAfWfqpPRoKfp+I5N6N7QxTjNX4ijUI2NqKYuZBcI0mSLFW5ekpxsqbKgiFszNefXoieWC8nB6EeoU24BJIaxmSY/XjD4C/2zl/TThLl2zFTSLb4mXOFZeaUgWz5oJevi+iEEatF9W9mAwerh9DYp3/Gjqj0jF0yoxPgNyG2XjVuVQW3pu3seHXP9fu0mavUSdWGZvrvCUHhC8CugFx9+bDn1x+Hfq9Fyupx+/jEcPl44Vtwmure0EybLAgEZuo+emaZ/GcCe14hB1DRnD403cXMUggIghbOMvF8vZdKA9/5IBEP3Ev2t5Qmd71zhPknGZvwu0Cp5+a5KH1F5n5ICuIgm1L06bpz8K0P+Tje/w4VlRRmVgERm80H60pB/MWjYmbnKtL4MmD+rH3dZze8FuGVuADXqOffVbehHIW2njyKrdCiD828DXL8KuXWg6OfbgQ6VMoPWn8OgO/C8YOVLy7ST4D8MnnUR9e8BGLeugS07gxIGU/zaEZOInFx8SC9n0euHDV8NNK3S69xNfe7QMxa7l0K8Gkw3IG7g3r+fwKip32iIPhtghnV1cTWFKwR2RgB0E+r+dDbovECr+b8AYDTDRTT+vOx2fWgTC7uX0x/jL0249uJPpt4ORPQQe1ar3losHheLSqfeWg+12/zzHwxaab+SBu4qwR7W8LYI9g9HbwMbkzxuz9RKksbP/xJM3+AN3uAN3uAN3uAN3uANtvB/OF0IauDbVYcAAAAASUVORK5CYII=); + background-size: 18px 18px; + background-repeat: no-repeat; + background-position: center; +} + +.i-more { + background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0ibW9yZSI+CgkJPGc+CgkJCTxwYXRoIGQ9Ik03Ni41LDIyOS41QzM0LjMsMjI5LjUsMCwyNjMuOCwwLDMwNnMzNC4zLDc2LjUsNzYuNSw3Ni41UzE1MywzNDguMiwxNTMsMzA2UzExOC43LDIyOS41LDc2LjUsMjI5LjV6IE03Ni41LDM0NC4yICAgICBjLTIxLjEsMC0zOC4yLTE3LjEwMS0zOC4yLTM4LjJjMC0yMS4xLDE3LjEtMzguMiwzOC4yLTM4LjJzMzguMiwxNy4xLDM4LjIsMzguMkMxMTQuNywzMjcuMSw5Ny42LDM0NC4yLDc2LjUsMzQ0LjJ6ICAgICAgTTUzNS41LDIyOS41Yy00Mi4yLDAtNzYuNSwzNC4zLTc2LjUsNzYuNXMzNC4zLDc2LjUsNzYuNSw3Ni41UzYxMiwzNDguMiw2MTIsMzA2UzU3Ny43LDIyOS41LDUzNS41LDIyOS41eiBNNTM1LjUsMzQ0LjIgICAgIGMtMjEuMSwwLTM4LjItMTcuMTAxLTM4LjItMzguMmMwLTIxLjEsMTcuMTAxLTM4LjIsMzguMi0zOC4yczM4LjIsMTcuMSwzOC4yLDM4LjJDNTczLjcsMzI3LjEsNTU2LjYsMzQ0LjIsNTM1LjUsMzQ0LjJ6ICAgICAgTTMwNiwyMjkuNWMtNDIuMiwwLTc2LjUsMzQuMy03Ni41LDc2LjVzMzQuMyw3Ni41LDc2LjUsNzYuNXM3Ni41LTM0LjMsNzYuNS03Ni41UzM0OC4yLDIyOS41LDMwNiwyMjkuNXogTTMwNiwzNDQuMiAgICAgYy0yMS4xLDAtMzguMi0xNy4xMDEtMzguMi0zOC4yYzAtMjEuMSwxNy4xLTM4LjIsMzguMi0zOC4yYzIxLjEsMCwzOC4yLDE3LjEsMzguMiwzOC4yQzM0NC4yLDMyNy4xLDMyNy4xLDM0NC4yLDMwNiwzNDQuMnoiIGZpbGw9IiNkZjQwNWEiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); + background-size: 20px 20px; + background-repeat: no-repeat; + background-position: center; +} + +.i-save { + background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0idGljayI+CgkJPGc+CgkJCTxwYXRoIGQ9Ik00MzYuNywxOTYuNzAxTDI1OC4xODgsMzc1LjIxM2wtODIuODY5LTgyLjg4N2MtNy4yODctNy4yODctMTkuMTI1LTcuMjg3LTI2LjQxMiwwcy03LjI4NywxOS4xMjUsMCwyNi40MTIgICAgIGw5My44MDgsOTMuODA4YzAuNjMxLDAuODk5LDEuMDE0LDEuOTMyLDEuODE3LDIuNzM1YzMuNzY4LDMuNzY4LDguNzIxLDUuNTA4LDEzLjY1NSw1LjM3NGM0LjkzNCwwLjExNSw5LjkwNy0xLjYwNiwxMy42NzQtNS4zNzQgICAgIGMwLjgwMy0wLjgwNCwxLjE4Ni0xLjgzNiwxLjgxNy0yLjczNWwxODkuNDM0LTE4OS40MzNjNy4yODYtNy4yODcsNy4yODYtMTkuMTI1LDAtMjYuNDEyICAgICBDNDU1LjgwNiwxODkuNDE0LDQ0My45ODcsMTg5LjQxNCw0MzYuNywxOTYuNzAxeiBNMzA2LDBDMTM2Ljk5MiwwLDAsMTM2Ljk5MiwwLDMwNnMxMzYuOTkyLDMwNiwzMDYsMzA2ICAgICBjMTY4Ljk4OCwwLDMwNi0xMzYuOTkyLDMwNi0zMDZTNDc1LjAwOCwwLDMwNiwweiBNMzA2LDU3My43NUMxNTguMTI1LDU3My43NSwzOC4yNSw0NTMuODc1LDM4LjI1LDMwNiAgICAgQzM4LjI1LDE1OC4xMjUsMTU4LjEyNSwzOC4yNSwzMDYsMzguMjVjMTQ3Ljg3NSwwLDI2Ny43NSwxMTkuODc1LDI2Ny43NSwyNjcuNzVDNTczLjc1LDQ1My44NzUsNDUzLjg3NSw1NzMuNzUsMzA2LDU3My43NXoiIGZpbGw9IiMyMGMxOTgiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); + background-size: 20px 20px; + background-repeat: no-repeat; + background-position: center; +} + +.i-warning { + background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMi44MTYgNjEyLjgxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjEyLjgxNiA2MTIuODE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPHBhdGggZD0iTTMwNi40MDgsMEMxMzcuMzY4LDAsMC4zNzEsMTM2Ljk5NywwLjM3MSwzMDYuMDM3czEzNi45OTcsMzA2Ljc3OSwzMDYuMDM3LDMwNi43NzlzMzA2LjAzNy0xMzcuODEzLDMwNi4wMzctMzA2LjAzNyAgIEM2MTIuNDQ1LDEzNy43MzksNDc1LjQ0OCwwLDMwNi40MDgsMHogTTMwNi40MDgsNTgzLjE0N2MtMTUyLjIwMywwLTI3Ni4zNjgtMTI0LjE2NS0yNzYuMzY4LTI3Ni4zNjggICBTMTU0LjIwNSwyOS41OTUsMzA2LjQwOCwyOS41OTVTNTgyLjc3NiwxNTMuNzYsNTgyLjc3NiwzMDYuNzc5UzQ1OC42MTEsNTgzLjE0NywzMDYuNDA4LDU4My4xNDd6IE0zMjEuNjEzLDQzMS43NiAgIGMwLDguODI3LTcuMTk1LDE2LjAyMS0xNi4wMjEsMTYuMDIxYy04LjgyNywwLTE2LjAyMS03LjE5NS0xNi4wMjEtMTYuMDIxYzAtOC44MjcsNy4xOTUtMTYuMDIxLDE2LjAyMS0xNi4wMjEgICBTMzIxLjYxMyw0MjIuOTM0LDMyMS42MTMsNDMxLjc2eiBNMjkwLjM4NywzNTMuMjExdi0xODAuMjRjMC04LjAxMSw2LjM3OS0xNC4zOSwxNC4zOS0xNC4zOWM4LjAxMSwwLDE0LjM5LDYuMzc5LDE0LjM5LDE0LjM5ICAgdjE4MC4yNGMwLDguMDExLTYuMzc5LDE0LjM5LTE0LjM5LDE0LjM5QzI5Ni43NjYsMzY4LjQ5MSwyOTAuMzg3LDM2MS4yMjIsMjkwLjM4NywzNTMuMjExeiIgZmlsbD0iI2Y1ZDg3OCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); + background-size: 20px 20px; + background-repeat: no-repeat; + background-position: center; +} + +.i-close { + background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMi40NDUgNjEyLjQ0NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjEyLjQ0NSA2MTIuNDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPHBhdGggZD0iTTUyMi42NDIsODkuODA0QzQ2NC45LDMyLjA2MiwzODguMDExLDAsMzA2LjIyMywwUzE0Ny41NDUsMzIuMDYyLDg5LjgwNCw4OS44MDQgICBjLTExOS40MTYsMTE5LjQxNi0xMTkuNDE2LDMxMy40MjIsMCw0MzIuODM4YzU3Ljc0MSw1Ny43NDEsMTM0LjYzMSw4OS44MDQsMjE2LjQxOSw4OS44MDRzMTU4LjY3OC0zMi4wNjIsMjE2LjQxOS04OS44MDQgICBDNjQyLjA1OCw0MDMuMjI1LDY0Mi4wNTgsMjA5LjIyLDUyMi42NDIsODkuODA0eiBNNTAxLjc4Nyw1MDEuNzg3Yy01Mi4xMDEsNTIuMTAxLTEyMS43OTEsODAuOTcyLTE5NS41NjQsODAuOTcyICAgcy0xNDMuNDYzLTI4Ljg3MS0xOTUuNTY0LTgwLjk3MlMyOS42ODcsMzc5Ljk5NSwyOS42ODcsMzA2LjIyM3MyOC44NzEtMTQzLjQ2Myw4MC45NzItMTk1LjU2NHMxMjEuODY2LTgwLjk3MiwxOTUuNTY0LTgwLjk3MiAgIHMxNDMuNDYzLDI4Ljg3MSwxOTUuNTY0LDgwLjk3MnM4MC45NzIsMTIxLjg2Niw4MC45NzIsMTk1LjU2NFM1NTMuODg3LDQ0OS42ODYsNTAxLjc4Nyw1MDEuNzg3eiBNMzk5LjIxOCwyMzQuODk5bC03NC41MTUsNzQuNTE1ICAgbDc0LjUxNSw3NC41MTVjNS42NDEsNS42NDEsNS42NDEsMTUuMjE1LDAsMjAuODU1Yy0zLjE5MSwzLjE5MS02LjM4Myw0LjAwOC0xMC4zOTEsNC4wMDhjLTQuMDA4LDAtNy4xOTktMS42MzMtMTAuMzktNC4wMDggICBsLTc0LjU4OS03NC41MTVsLTc0LjU4OSw3NC41MTVjLTMuMTkxLDMuMTkxLTYuMzgzLDQuMDA4LTEwLjM5LDQuMDA4cy03LjE5OS0xLjYzMy0xMC4zOS00LjAwOCAgIGMtNS42NDEtNS42NDEtNS42NDEtMTUuMjE1LDAtMjAuODU1bDc0LjUxNS03NC41MTVsLTc0LjUxNS03NC41MTVjLTUuNjQxLTUuNjQxLTUuNjQxLTE1LjIxNSwwLTIwLjg1NSAgIGM1LjY0MS01LjY0MSwxNS4yMTUtNS42NDEsMjAuODU1LDBsNzQuNTE1LDc0LjUxNWw3NC41MTUtNzQuNTE1YzUuNjQxLTUuNjQxLDE1LjIxNS01LjY0MSwyMC44NTUsMCAgIEM0MDQuODU4LDIxOS42ODUsNDA0Ljg1OCwyMjguNDQyLDM5OS4yMTgsMjM0Ljg5OXoiIGZpbGw9IiNmNTVhNGUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); + background-size: 20px 20px; + background-repeat: no-repeat; + background-position: center; +} + +.i-left { + background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDQxNC4yOTggNDE0LjI5OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDE0LjI5OCA0MTQuMjk5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMuNjYzLDQxMC42MzdjMi40NDEsMi40NCw1LjY0LDMuNjYxLDguODM5LDMuNjYxYzMuMTk5LDAsNi4zOTgtMS4yMjEsOC44MzktMy42NjFsMTg1LjgwOS0xODUuODFsMTg1LjgxLDE4NS44MTEgICBjMi40NCwyLjQ0LDUuNjQxLDMuNjYxLDguODQsMy42NjFjMy4xOTgsMCw2LjM5Ny0xLjIyMSw4LjgzOS0zLjY2MWM0Ljg4MS00Ljg4MSw0Ljg4MS0xMi43OTYsMC0xNy42NzlsLTE4NS44MTEtMTg1LjgxICAgbDE4NS44MTEtMTg1LjgxYzQuODgxLTQuODgyLDQuODgxLTEyLjc5NiwwLTE3LjY3OGMtNC44ODItNC44ODItMTIuNzk2LTQuODgyLTE3LjY3OSwwbC0xODUuODEsMTg1LjgxTDIxLjM0LDMuNjYzICAgYy00Ljg4Mi00Ljg4Mi0xMi43OTYtNC44ODItMTcuNjc4LDBjLTQuODgyLDQuODgxLTQuODgyLDEyLjc5NiwwLDE3LjY3OGwxODUuODEsMTg1LjgwOUwzLjY2MywzOTIuOTU5ICAgQy0xLjIxOSwzOTcuODQxLTEuMjE5LDQwNS43NTYsMy42NjMsNDEwLjYzN3oiIGZpbGw9IiM4NzMxNGUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); + background-size: 16px 16px; + background-repeat: no-repeat; + background-position: center; +} + +/*-------------------- +Login Box +---------------------*/ + +.box { + width: 330px; + position: absolute; + top: 50%; + left: 50%; + + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +.box-form { + width: 320px; + position: relative; + z-index: 1; +} + +.box-login-tab { + width: 50%; + height: 40px; + background: #fdfdfd; + position: relative; + float: left; + z-index: 1; + + -webkit-border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; + + -webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px); + transform: perspective(5px) rotateX(0.93deg) translateZ(-1px); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + + -webkit-box-shadow: 15px -15px 30px rgba(0,0,0,0.32); + -moz-box-shadow: 15px -15px 30px rgba(0,0,0,0.32); + box-shadow: 15px -15px 30px rgba(0,0,0,0.32); +} + +.box-login-title { + width: 35%; + height: 40px; + position: absolute; + float: left; + z-index: 2; +} + +.box-login { + position: relative; + top: -4px; + width: 320px; + background: #fdfdfd; + text-align: center; + overflow: hidden; + z-index: 2; + + -webkit-border-top-right-radius: 6px; + -webkit-border-bottom-left-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + -moz-border-radius-topright: 6px; + -moz-border-radius-bottomleft: 6px; + -moz-border-radius-bottomright: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + + -webkit-box-shadow: 15px 30px 30px rgba(0,0,0,0.32); + -moz-box-shadow: 15px 30px 30px rgba(0,0,0,0.32); + box-shadow: 15px 30px 30px rgba(0,0,0,0.32); +} + +.box-info { + width: 260px; + top: 60px; + position: absolute; + right: -5px; + padding: 15px 15px 15px 30px; + background-color: rgba(255,255,255,0.6); + border: 1px solid rgba(255,255,255,0.2); + z-index: 0; + + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + + -webkit-box-shadow: 15px 30px 30px rgba(0,0,0,0.32); + -moz-box-shadow: 15px 30px 30px rgba(0,0,0,0.32); + box-shadow: 15px 30px 30px rgba(0,0,0,0.32); +} + +.line-wh { + width: 100%; + height: 1px; + top: 0px; + margin: 12px auto; + position: relative; + border-top: 1px solid rgba(255,255,255,0.3); +} + +/*-------------------- +Form +---------------------*/ + +a { text-decoration: none; } + +button:focus { outline:0; } + +.b { + height: 24px; + line-height: 24px; + background-color: transparent; + border: none; + cursor: pointer; +} + +.b-form { + opacity: 0.5; + margin: 10px 20px; + float: right; +} + +.b-info { + opacity: 0.5; + float: left; +} + +.b-form:hover, +.b-info:hover { + opacity: 1; +} + +.b-support, .b-cta { + width: 100%; + padding: 0px 15px; + font-family: 'Quicksand', sans-serif; + font-weight: 700; + letter-spacing: -1px; + font-size: 16px; + line-height: 32px; + cursor: pointer; + + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + border-radius: 16px; +} + +.b-support { + border: #87314e 1px solid; + background-color: transparent; + color: #87314e; + margin: 6px 0; +} + +.b-cta { + border: #df405a 1px solid; + background-color: #df405a; + color: #fff; +} + +.b-support:hover, .b-cta:hover { + color: #fff; + background-color: blue; + border: blue 1px solid; +} + +.fieldset-body { + display: table; +} + +.fieldset-body p { + width: 100%; + display: inline-table; + padding: 5px 20px; + margin-bottom:2px; +} + +label { + float: left; + width: 100%; + top: 0px; + color: #032942; + font-size: 13px; + font-weight: 700; + text-align: left; + line-height: 1.5; +} + +label.checkbox { + float: left; + padding: 5px 20px; + line-height: 1.7; +} + +input[type=text], +input[type=password] { + width: 100%; + height: 32px; + padding: 0px 10px; + background-color: rgba(0,0,0,0.03); + border: none; + display: inline; + color: #303030; + font-size: 16px; + font-weight: 400; + float: left; + + -webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1); + -moz-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1); + box-shadow: inset 1px 1px 0px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1); +} + +input[type=text]:focus, +input[type=password]:focus { + background-color: cornflowerblue ; + outline: none; +} + +input[type=submit] { + width: 100%; + height: 48px; + margin-top: 24px; + padding: 0px 20px; + font-family: 'Quicksand', sans-serif; + font-weight: 700; + font-size: 18px; + color: #fff; + line-height: 40px; + text-align: center; + background-color: blue; + border: 1px blue solid; + opacity: 1; + cursor: pointer; +} + +input[type=submit]:hover { + background-color: blue; + border: 1px blue solid; +} + +input[type=submit]:focus { + outline: none; +} + +p.field span.i { + width: 24px; + height: 24px; + float: right; + position: relative; + margin-top: -26px; + right: 2px; + z-index: 2; + display: none; + + -webkit-animation: bounceIn 0.6s linear; + -moz-animation: bounceIn 0.6s linear; + -o-animation: bounceIn 0.6s linear; + animation: bounceIn 0.6s linear; +} + +/*-------------------- +Transitions +---------------------*/ + +.box-form, .box-info, .b, .b-support, .b-cta, +input[type=submit], p.field span.i { + + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -ms-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; +} + +/*-------------------- +Credits +---------------------*/ + +.icon-credits { + width: 100%; + position: absolute; + bottom: 4px; + font-family:'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; + font-size: 12px; + color: rgba(255,255,255,0.1); + text-align: center; + z-index: -1; +} + +.icon-credits a { + text-decoration: none; + color: rgba(255,255,255,0.2); +} \ No newline at end of file diff --git a/src/main/webapp/usrebe.html b/src/main/webapp/usrebe.html new file mode 100644 index 0000000..797f287 --- /dev/null +++ b/src/main/webapp/usrebe.html @@ -0,0 +1,46 @@ + + +
+
+ + + +
+
+

Need Help?

+

+
+ + +
+ +
+