our $sitecfg ={
cookiename => 'potlu',
dbtype => 'PgPP',
- dsn => 'DBI:PgPP:dbname=potlu_db;host=localhost',
- #dsn => 'DBI:PgPP:dbname=potlu_db;host=sql629.your-server.de',
+ #dsn => 'DBI:PgPP:dbname=potlu_db;host=localhost',
+ dsn => 'DBI:PgPP:dbname=potlu_db;host=sql629.your-server.de',
dbuser => 'potlu_user',
dbpassword => 'r2btTTRfuJz4whez',
page => 'index.tt',
my $send = system($cmd);
return $send;
unlink($bodyfile);
-}
\ No newline at end of file
+}
+1;
\ No newline at end of file
my $password = shift;
my $pwd = sha256_hex($password);
- my $ret->{messagetype} ='w3-red';
+ my $ret->{messagetype} ='red';
# open FILE,">>tmp/sql.log";
# print FILE "pwd: $password\n";
# print FILE "pwd: $pwd\n";
$login =~ s/\s+$//;
$ret->{message} = "Mot de passe ou Login inconnue!";
- $ret->{messagetype} = "w3-red";
+ $ret->{messagetype} = "red";
$ret->{sid} = undef;
my $siddata = $self->{db}->dbquerysorted("select * from checklogin('".$self->{db}->securetext($login)."','".$pwd."','".$ENV{REMOTE_ADDR}."','".$ENV{HTTP_USER_AGENT}."');");
sub passwordforgotten(){
my $self = shift;
my $email = shift;
- my $ret->{messagetype} ='w3-red';
+ my $ret->{messagetype} ='red';
$ret->{message} = "email inconnue!";
my $sql = "select id,userpassword from users where username='".$self->{db}->securetext($email)."';";
my $ex = $self->{db}->dbquerysorted($sql);
my $eml = sendemail->new();
my $mret = $eml->sendemail('user_forgotpasswd',$ex->{0}->{id},$email,$data,undef);
if ($mret != 0){
- $ret->{messagetype} ='w3-red';
+ $ret->{messagetype} ='red';
$ret->{message} = "Pour le moment il n'y est pas possible de recevoir un nouveau mot de passe, <br/>si besoin contacter le support <a href=\"mailto:support\@dks.lu\">support\@dks.lu</a>!";
return $ret;
}
$ret->{message} = "nous vous avons envoyés unn nouveau mot de passe par via email!";
- $ret->{messagetype} = "w3-green";
+ $ret->{messagetype} = "green";
}
return $ret;
}
sub registeruser(){
my $self = shift;
my $data = shift;
- my $ret->{messagetype} ='w3-red';
+ my $ret->{messagetype} ='red';
$ret->{message} = "Une erreur c'est produite, essayer plus tard!";
$ret->{page} = "message.tt";
my @reqfields = ("companies_company","terms","users_email","members_phone","members_surname","members_prename","members_job");
my $mret = $eml->sendemail('user_verification',$newuserid->{0}->{id},$data->{users_email},$maildata,undef);
if ($mret == 0){
$ret->{message} = "Merci,<br/>nous vous avons envoyé un email,avec un code de vérification!<br/>Entrez ce code ci dessous, pour valider votre compte!<br/>en cas de problèmes envoyer un email à <a href=\"mailto:suppoort\@dks.lu\">info\@solana-architecture.lu</a>";
- $ret->{messagetype} = "w3-green";
+ $ret->{messagetype} = "green";
$ret->{page} = "validationcode.tt";
} else {
$self->{db}->dbexec("UPDATE users set username='".$data->{users_email}."',vcode=null where id=".$newuserid->{0}->{id}." ;");
$ret->{message} = "nous ne pouvons pas envoyer un email à '".$data->{users_email}."' ! Si cette email n'existe pas, régisterez-vous avec un email existant!<br>en cas de problèemes envoyer un email à <a href=\"mailto:info\@solana-architecture.lu\">info\@solana-architecture.lu</a>";
- $ret->{messagetype} = "w3-red";
+ $ret->{messagetype} = "red";
$ret->{page} = "register.tt";
}
#$self->{db}->dbexec("insert into appaccess (id_user) values (".$newuserid->{0}->{id}.");");
- # $ret->{messagetype} = "w3-green";
+ # $ret->{messagetype} = "green";
return $ret;
}
$data->{$d} = $self->{db}->securetext($data->{$d});
}
- my $ret->{messagetype} ='w3-red';
+ my $ret->{messagetype} ='red';
my $vcodedata = $self->{db}->dbquerysorted("select id,vcode,username from users where vcode='".$data->{vcode}."';");
if (keys(%{$vcodedata}) == 0){
$ret->{message} = "code inconnue!";
my $mret = $eml->sendemail('user_registration',$vcodedata->{0}->{id},$vcodedata->{0}->{username},$maildata,undef);
if ($mret == 0){
$ret->{message} = "Merci,<br/>Nous vous avons envoyé un email avec les données nécessaires pour se connecter!";
- $ret->{messagetype} = "w3-green";
+ $ret->{messagetype} = "green";
$ret->{page} = "message.tt";
} else {
$ret->{message} = "NOus n'avons pas pu vous envoyé un email à '".$newuserid->{0}->{username}."'! Si l'addresse email n'existe pas, essayer avec un email existant!";
--- /dev/null
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="pot" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode=" " horiz-adv-x="512" d="" />
+<glyph unicode="" glyph-name="shop" d="M188.588 347.734v-280.78h320.912v280.78zM108.388 788.962h802.215c22.085 0 40.105-18.021 40.105-40.115v-43.691l68.324-195.76c0 0 4.999-41.069-36.35-41.069-17.128 0-26.522 7.093-31.975 15.333v-496.922c0-22.095-18.019-40.116-40.105-40.116h-80.227v401.112h-200.56v-401.112h-521.429c-22.105 0-40.104 18.021-40.104 40.116v496.985c-4.935-8.275-13.188-15.397-27.579-15.397-41.369 0-40.705 41.069-40.705 41.069l68.284 195.74v43.712c0 22.093 17.999 40.115 40.104 40.115zM108.377 949.41h802.23c22.086 0 40.105-18.019 40.105-40.113v-40.115c0-22.084-18.020-40.104-40.105-40.104h-802.23c-22.105 0-40.105 18.021-40.105 40.104v40.115c0 22.094 17.999 40.113 40.105 40.113z" />
+<glyph unicode="" glyph-name="template" d="M502.522 615.239l80.861-74.562-92.996-19.661zM411.045 829.025h192.977l-70.344-75.324h-117.69l-5.087-164.232c0 0-6.541-108.612-126.229-95.489l-102.575 2.793v-466.617c0-10.396 8.467-18.817 18.858-18.817h527.19c10.354 0 18.821 8.421 18.821 18.817v559.653l75.36 75.979v-635.632c0-51.997-42.186-94.113-94.181-94.113h-527.19c-51.996 0-94.145 42.117-94.145 94.113v477.886l37.28 39.323 0.037 1.077 195.375 205.259h-0.546l-52.214-55.075 54.721 57.95h0.763l1.744 1.812h0.145zM707.15 880.343l131.403-121.256-162.198-175.828-2.761 27.837-43.293 14.716-1.217 29.473-43.201 11.446-5.196 33.247-35.771 4.578zM797.329 959.977c5.834-0.231 11.27-2.23 15.501-6.119l93.089-85.922c11.299-10.41 9.845-30.426-3.307-44.623l-17.841-19.376-134.038 123.651 17.859 19.376c8.187 8.874 19.013 13.399 28.736 13.013z" />
+<glyph unicode="" glyph-name="remove" d="M824.447 960l199.553-199.586-312.445-312.431 312.445-312.443-199.552-199.541-312.448 312.437-312.451-312.437-199.533 199.539 312.432 312.443-312.448 312.438 199.552 199.564 312.446-312.444z" />
+<glyph unicode="" glyph-name="access" d="M941.97 557.736l-133.783-128.013h-172.028l-38.165-22.101h-126.982l-354.747-358.103 38.248-36.558 328.823 332.987h114.658l38.165 22.060h191.111l152.906 146.273zM769.981 813.727v-124.175h114.658v124.175zM502.457 960h401.307l114.658-109.715v-409.121l-129.769-139.457h-176.002l-38.245-36.558-38.248 36.558-38.165-36.558h-95.536v-73.157h-76.453v-73.119h-76.41v-73.155h-76.493v-73.119h-38.208v-36.599h-191.069l-38.248 36.599v255.95l349.545 334.517-38.248 36.558 32.719 31.23v182.872z" />
+<glyph unicode="" glyph-name="address" d="M800 832h-480c-0.001 0-0.002 0-0.003 0-70.691 0-127.997-57.306-127.997-127.997 0-0.001 0-0.002 0-0.003v0-512c0-70.692 57.308-128 128-128v0h480c17.673 0 32 14.327 32 32v0 64h-512c-17.673 0-32 14.327-32 32s14.327 32 32 32v0h512v576c0 17.673-14.327 32-32 32v0zM642.012 368.25c0-0.001 0-0.001 0-0.002 0-8.974-7.274-16.248-16.248-16.248-0.001 0-0.003 0-0.004 0h-227.52c-0.001 0-0.003 0-0.004 0-8.974 0-16.248 7.274-16.248 16.248 0 0.001 0 0.001 0 0.002v0 30.918c0.002 11.475 5.947 21.561 14.924 27.348l0.128 0.077 49.947 31.773-4.711 37.672c-11.313 5.176-20.058 14.331-24.579 25.633l-0.113 0.319-3.48 10.437c-0.96 2.477-1.516 5.344-1.516 8.341 0 4.42 1.21 8.558 3.316 12.1l-0.060-0.109v58.58c0 53.105 43.050 96.154 96.154 96.154s96.154-43.050 96.154-96.154v-58.578c2.046-3.433 3.256-7.571 3.256-11.991 0-2.997-0.556-5.864-1.571-8.503l0.055 0.162-3.48-10.437c-4.633-11.621-13.379-20.776-24.396-25.831l-0.295-0.121-4.71-37.672 49.947-31.773c9.106-5.864 15.051-15.95 15.053-27.425v0zM992 320v-96c0-17.673-14.327-32-32-32v0h-64v160h64c17.673 0 32-14.327 32-32v0zM992 544v-96c0-17.673-14.327-32-32-32v0h-64v160h64c17.673 0 32-14.327 32-32v0zM992 768v-96c0-17.673-14.327-32-32-32v0h-64v160h64c17.673 0 32-14.327 32-32v0z" />
+<glyph unicode="" glyph-name="apps" d="M608 256v-128c0-17.673-14.327-32-32-32v0h-128c-17.673 0-32 14.327-32 32v0 128c0 17.673 14.327 32 32 32v0h128c17.673 0 32-14.327 32-32v0zM320 288h-128c-17.673 0-32-14.327-32-32v0-128c0-17.673 14.327-32 32-32v0h128c17.673 0 32 14.327 32 32v0 128c0 17.673-14.327 32-32 32v0zM320 544h-128c-17.673 0-32-14.327-32-32v0-128c0-17.673 14.327-32 32-32v0h128c17.673 0 32 14.327 32 32v0 128c0 17.673-14.327 32-32 32v0zM576 544h-128c-17.673 0-32-14.327-32-32v0-128c0-17.673 14.327-32 32-32v0h128c17.673 0 32 14.327 32 32v0 128c0 17.673-14.327 32-32 32v0zM320 800h-128c-17.673 0-32-14.327-32-32v0-128c0-17.673 14.327-32 32-32v0h128c17.673 0 32 14.327 32 32v0 128c0 17.673-14.327 32-32 32v0zM832 800h-128c-17.673 0-32-14.327-32-32v0-128c0-17.673 14.327-32 32-32v0h128c17.673 0 32 14.327 32 32v0 128c0 17.673-14.327 32-32 32v0zM832 544h-128c-17.673 0-32-14.327-32-32v0-128c0-17.673 14.327-32 32-32v0h128c17.673 0 32 14.327 32 32v0 128c0 17.673-14.327 32-32 32v0zM832 288h-128c-17.673 0-32-14.327-32-32v0-128c0-17.673 14.327-32 32-32v0h128c17.673 0 32 14.327 32 32v0 128c0 17.673-14.327 32-32 32v0zM576 800h-128c-17.673 0-32-14.327-32-32v0-128c0-17.673 14.327-32 32-32v0h128c17.673 0 32 14.327 32 32v0 128c0 17.673-14.327 32-32 32v0z" />
+<glyph unicode="" glyph-name="archive" d="M382.656 229.376v-65.376h258.736v65.376zM25.92 276.432h972.224v-340.432h-972.224zM377.248 654.976v-65.36h258.704v65.36zM25.92 698.56h972.224v-354.064h-85.849l-28.506 178.992-614.892-178.992h-242.976zM230.155 960h544.695l183.054-160.745-0.594-35.335h-890.554l-3.332 36.015z" />
+<glyph unicode="" glyph-name="calendar" d="M559.767 183.959h125.060v-121.123h-125.060zM365.241 183.959h125.012v-121.123h-125.012zM170.715 183.959h125.060v-121.123h-125.060zM744.356 374.453h125.059v-121.075h-125.059zM559.767 374.453h125.060v-121.075h-125.060zM365.241 374.453h125.012v-121.075h-125.012zM170.715 374.453h125.060v-121.075h-125.060zM744.356 568.979h125.059v-121.075h-125.059zM549.83 568.979h125.059v-121.075h-125.059zM355.304 568.979h125.060v-121.075h-125.060zM92.933 696.021v-702.974h838.384v702.974zM35.766 960h952.709v-1024.144h-952.709z" />
+<glyph unicode="" glyph-name="code" d="M684.251 763.073l339.893-251.789v-131.2l-339.893-250.662v136.459l222.52 178.772v2.121l-222.52 178.783zM339.941 763.073v-136.519l-222.478-178.771v-2.063l222.478-178.84v-137.458l-339.941 251.719v131.21zM543.108 906.232l92.079-15.94-155.219-900.571-92.020 15.881z" />
+<glyph unicode="" glyph-name="coin" d="M532.288 652.47c-50.624 0-90.208-20.802-118.912-62.404-17.152-24.802-28.96-53.923-35.264-87.365h-58.432l-11.6-39.364h65.776c-0.528-6.719-0.784-13.6-0.784-20.482 0-7.68 0.256-15.521 0.784-23.041h-54.176l-11.6-39.043h69.504c7.088-48.161 23.488-85.765 48.88-112.486 26.96-28.642 60.24-42.723 99.52-42.723 46.096 0 82.4 17.28 109.344 52.163 22.64 28.963 36 64.645 40.048 107.206h-44.88c-4.768-26.72-11.536-48.003-21.136-64.643-17.616-31.043-43.856-46.563-77.84-46.563-37.024 0-64.752 14.722-83.12 44.163-11.36 17.761-19.152 38.563-23.664 62.565h144.304l11.872 39.362h-160.24c-0.256 4.16-0.256 8.96-0.256 13.761 0 10.401 0.256 20.482 1.024 29.762h147.872l11.6 39.364h-153.92c5.024 24.32 13.088 44.321 24.432 59.844 20.64 28.002 47.856 42.083 81.392 42.083 27.408 0 48.8-7.522 63.968-22.882 15.344-15.040 25.408-36.002 30.432-61.924h45.136c-2.768 34.242-15.856 64.963-39.792 92.166-23.728 26.881-57.2 40.483-100.272 40.483zM512.048 822.4c206.688 0 374.384-167.69 374.384-374.424s-167.696-374.424-374.384-374.424c-206.768 0-374.464 167.69-374.464 374.424s167.392 374.424 374.464 374.424zM512.064 909.28c-254.4 0-461.376-206.88-461.376-461.28s206.976-461.28 461.376-461.28c254.336 0 461.248 206.88 461.248 461.28s-206.912 461.28-461.248 461.28zM512.064 960c282.272 0 511.936-229.6 511.936-512 0-282.24-229.664-512-511.936-512-282.368 0-512.064 229.76-512.064 512 0 282.4 229.696 512 512.064 512z" />
+<glyph unicode="" glyph-name="company" d="M575.675 131.977v-163.575h59.362v163.575zM483.014 131.977v-163.575h59.362v163.575zM391.839 131.977v-163.575h59.345v163.575zM575.675 330.29v-163.575h59.362v163.575zM483.014 330.29v-163.575h59.362v163.575zM391.839 330.29v-163.575h59.345v163.575zM349.372 372.282h328.131v-436.233h-328.131zM345.5 435.484h332.967v-34.738h-332.967zM530.055 549.485v-68.038h57.907v68.038zM438.145 549.485v-68.038h57.907v68.038zM530.79 652.277v-68.038h57.907v68.038zM438.88 652.277v-68.038h57.907v68.038zM403.407 678.682h220.028v-218.574h-220.028zM506.673 960h13.496v-190.111h69.476v-34.754h46.355v-23.153h-244.162v23.153h46.306v34.754h68.528z" />
+<glyph unicode="" glyph-name="cube" d="M160 621.883l320-192.008v-351.992l-304.469 182.68c-9.368 5.696-15.53 15.847-15.531 27.437v0zM528.469 859.437c-4.703 2.857-10.388 4.547-16.469 4.547s-11.766-1.691-16.612-4.628l0.143 0.080-303.527-182.117 319.996-192 319.996 192zM544 429.875v-351.992l304.469 182.68c9.368 5.696 15.53 15.847 15.531 27.437v0 333.883z" />
+<glyph unicode="" glyph-name="cubelight" d="M862.891 648.313c-0.42 1.193-0.819 2.148-1.264 3.077l0.080-0.186c-0.606 1.84-1.273 3.397-2.054 4.885l0.084-0.175c-2.136 2.898-3.775 5.032-5.443 7.141l0.447-0.586c-0.89 0.795-1.858 1.567-2.869 2.283l-0.102 0.069c-0.991 0.903-2.067 1.762-3.198 2.549l-0.103 0.068-320 192c-4.703 2.857-10.388 4.547-16.469 4.547s-11.766-1.691-16.612-4.628l0.143 0.080-320-192c-1.226-0.854-2.295-1.709-3.306-2.626l0.027 0.024c-1.121-0.791-2.097-1.571-3.025-2.402l0.031 0.027c-0.962-1.071-1.874-2.241-2.701-3.472l-0.072-0.114c-0.744-0.875-1.474-1.84-2.148-2.846l-0.072-0.115c-0.675-1.276-1.326-2.795-1.858-4.368l-0.066-0.226c-0.389-1.024-0.947-1.961-1.232-3.016-0.699-2.49-1.103-5.349-1.107-8.302v-352.002c0.001-11.591 6.163-21.742 15.39-27.357l0.141-0.080 320.688-192.406c1.479-0.783 3.216-1.505 5.024-2.066l0.221-0.059c0.76-0.266 1.461-0.704 2.232-0.906 2.489-0.714 5.349-1.125 8.304-1.125s5.815 0.411 8.524 1.178l-0.22-0.053c0.772 0.203 1.472 0.64 2.232 0.906 2.028 0.62 3.765 1.342 5.415 2.207l-0.171-0.082 0.34 0.258 0.348 0.148 320 192c9.368 5.695 15.531 15.847 15.532 27.437v0 352c-0.004 2.958-0.408 5.821-1.163 8.538l0.053-0.225zM480 152.531l-256 153.594v277.344l256-153.594zM512 485.32l-257.807 154.68 257.807 154.688 257.807-154.688zM800 306.125l-256-153.594v277.344l256 153.594z" />
+<glyph unicode="" glyph-name="dashboard" d="M797.156 159.875c-8.529-10.218-21.271-16.672-35.519-16.672-14.515 0-27.465 6.697-35.93 17.171l-0.068 0.087c-3.873 1.648-7.184 3.885-9.987 6.638l-67.901 67.901c-5.79 5.79-9.372 13.789-9.372 22.625 0 17.671 14.325 31.997 31.997 31.997 8.836 0 16.835-3.581 22.625-9.372v0l43.26-43.258c32.994 40.283 55.204 90.578 61.549 145.7l0.122 1.308h-61.932c-17.673 0-32 14.327-32 32s14.327 32 32 32v0h61.98c-0.262 2.437-0.252 4.84-0.574 7.281-7.523 53.851-29.185 101.615-61.077 140.704l0.405-0.512-43.703-43.723c-5.79-5.79-13.789-9.372-22.625-9.372-17.671 0-31.997 14.325-31.997 31.997 0 8.836 3.581 16.835 9.372 22.625l43.729 43.75c-40.045 32.607-89.888 54.662-144.495 61.243l-1.359 0.133c-0.555 0.064-1.102 0.043-1.656 0.101v-62.228c0-17.673-14.327-32-32-32s-32 14.327-32 32v0 62.14c-56.57-6.349-107.037-28.47-148.016-61.804l0.52 0.41 43.746-43.746c5.754-5.74 9.32-13.67 9.342-22.433v-0.004l165.252-120.793c13.687-10.088 22.469-26.147 22.469-44.256 0-30.276-24.544-54.82-54.82-54.82-18.11 0-34.169 8.782-44.151 22.32l-0.106 0.151-120.787 165.242c-8.77 0.028-16.703 3.594-22.449 9.344l-43.724 43.726c-32.699-40.559-54.775-90.956-61.278-146.12l-0.13-1.357h62.133c17.673 0 32-14.327 32-32s-14.327-32-32-32v0h-61.984c6.676-56.414 28.847-106.679 62.085-147.591l-0.416 0.528 43.313 43.312c5.79 5.79 13.789 9.372 22.625 9.372 17.671 0 31.997-14.325 31.997-31.997 0-8.836-3.581-16.835-9.372-22.625v0l-67.905-67.906c-2.759-2.694-6.015-4.893-9.616-6.445l-0.206-0.079c-8.543-10.61-21.531-17.341-36.092-17.341-14.245 0-26.985 6.443-35.465 16.573l-0.059 0.072c-61.126 67.675-98.527 157.799-98.527 256.658 0 211.831 171.723 383.555 383.555 383.555 15.672 0 31.124-0.94 46.303-2.766l-1.83 0.179c192.044-22.638 339.606-184.452 339.606-380.731 0-98.991-37.534-189.216-99.146-257.219l0.29 0.325z" />
+<glyph unicode="" glyph-name="datarefresh" d="M56.046 365.538h300.061c-16.969-43.564-26.759-90.717-26.759-140.317 0-33.611 4.732-66.080 12.89-97.080h-286.192c-26.596 0-48.134 21.537-48.134 48.132v140.97c0 26.758 21.538 48.295 48.134 48.295zM720.679 512.952c3.12 0.082 6.26 0.082 9.442 0h0.489c39.969-0.326 77.818-8.81 112.24-23.984l1.142-0.653c101.636-45.194 172.113-147.492 170.971-265.78-1.631-158.913-131.654-286.501-290.553-284.869-123.987 1.305-228.723 80.925-267.876 191.218l102.942 17.947c28.876-62.978 92.011-107.030 165.914-107.846 101.963-0.979 185.327 80.925 186.306 182.897 1.142 101.809-80.754 185.345-182.717 186.323-8.646 0-17.13-0.653-25.45-1.632l-0.163 0.653c-27.408-3.589-52.857-13.216-75.045-27.736l35.401-33.447c2.121-1.958 2.936-5.058 1.794-7.668-0.979-2.774-3.426-4.568-6.362-4.732l-162.814-8.647c-2.121 0-3.915 0.979-5.384 2.447-1.468 1.632-2.121 3.753-1.631 6.037l12.236 68.036 17.619 96.262c0.489 2.937 2.61 5.221 5.384 5.71 2.936 0.653 5.873-0.489 7.504-2.937l28.223-41.441c39.154 28.226 85.649 46.499 136.059 52.047 0.653 0.163 1.305 0.163 1.958 0.163 4.405 0.489 8.646 0.816 13.051 1.142 3.1 0.245 6.199 0.408 9.319 0.489zM56.036 665.378h674.698c26.59 0 48.285-21.538 48.285-48.294v-13.217c-21.206 3.589-42.903 5.871-65.088 5.871-138.006 0-258.558-72.767-326.42-181.755h-331.476c-26.59 0-48.124 21.538-48.124 48.131v140.97c0 26.756 21.534 48.294 48.124 48.294zM149.834 895.923c-30.179 0-54.811-24.457-54.811-54.62s24.632-54.783 54.811-54.783c30.179 0 54.648 24.62 54.648 54.783s-24.469 54.62-54.648 54.62zM56.035 960h674.699c26.59 0 48.286-21.685 48.286-48.261v-141.034c0-26.576-21.696-48.098-48.286-48.098h-674.699c-26.59 0-48.123 21.522-48.123 48.098v141.034c0 26.576 21.533 48.261 48.123 48.261z" />
+<glyph unicode="" glyph-name="documentsave" d="M345.584 354.72v-202.88h345.36v202.88zM533.952 557.568h56.752v-130.416h-56.752zM286.432 586.544h114.104v-186.55h231.83v186.55h35.629l82.102-82.093v-381.571h-463.664zM194.583 882.635v-869.291h634.898v674.562h-201.145v194.729zM121.52 960h548.147l232.877-227.99v-796.010h-781.024z" />
+<glyph unicode="" glyph-name="documents" d="M301.347 410.718v-155.408h72.277v82.877h267.51v-82.877h72.62v155.408zM74.104 686.18v-82.471h866.943v82.471l30.484-30.67c30.546-30.641 52.389-38.879 40.118-103.597-12.236-64.501-71.375-418.254-80.171-466.116-9.667-52.479-63.044-51.798-63.044-51.798h-721.747c0 0-53.375-0.68-63.009 51.798-8.796 47.863-67.967 401.616-80.204 466.116-12.266 64.717 9.571 72.956 40.115 103.597zM146.677 759.102h721.749v-103.59h-721.749zM249.767 862.691h515.569v-51.795h-515.569z" />
+<glyph unicode="" glyph-name="download" d="M896 224v-128c0-17.673-14.327-32-32-32v0h-704c-17.673 0-32 14.327-32 32v0 128c0 17.673 14.327 32 32 32v0h704c17.673 0 32-14.327 32-32v0zM485.961 340.455c5.876-8.154 15.345-13.4 26.039-13.4s20.163 5.246 25.974 13.305l0.065 0.095 177.818 248.945c3.727 5.164 5.961 11.621 5.961 18.6 0 17.673-14.327 32-32 32h-81.818v192c0 17.673-14.327 32-32 32v0h-128c-17.673 0-32-14.327-32-32v0-192h-81.818c-17.673 0-32-14.327-32-32 0-6.978 2.234-13.435 6.025-18.694l-0.065 0.095z" />
+<glyph unicode="" glyph-name="duplicate" d="M736 464v144l160-160h-144c-8.837 0-16 7.163-16 16v0zM352 640v176c0 8.837-7.163 16-16 16v0h-144c-17.673 0-32-14.327-32-32v0-480c0-17.673 14.327-32 32-32v0h224v288c0.116 11.518 2.262 22.501 6.096 32.655l-0.217-0.655h-37.879c-17.673 0-32 14.327-32 32v0zM672 416v176c0 8.837-7.163 16-16 16v0h-144c-17.673 0-32-14.327-32-32v0-480c0-17.673 14.327-32 32-32v0h352c17.673 0 32 14.327 32 32v0 272c0 8.837-7.163 16-16 16v0h-176c-17.673 0-32 14.327-32 32v0zM416 832v-144c0-8.837 7.163-16 16-16v0h144z" />
+<glyph unicode="" glyph-name="edit" d="M150.64 131.024l196.688-112.934-177.876-82.090zM440.518 757.632l319.786-183.541-245.536-427.755-18.294 54.689-93.831 9.688-15.939 58.789-92.020 3.171-25.749 64.455-73.896-7.251zM594.229 959.985c8.817 0.212 17.429-1.772 25.181-6.213l226.455-129.975c27.498-15.797 33.665-56.711 13.811-91.334l-26.999-47.086-326.116 187.209 26.999 47.086c14.27 24.886 38.139 39.772 60.67 40.314z" />
+<glyph unicode="" glyph-name="excel" d="M789.441 241.11v-102.216h168.092v102.216zM789.441 373.99v-102.216h168.092v102.216zM789.441 506.871v-102.216h168.092v102.216zM345.376 635.776l-51.108-127.204-43.156 115.844h-69.282l70.42-166.952-78.365-165.819h68.144l51.108 118.12 51.108-129.471h74.959l-86.318 182.848 80.635 172.633zM789.441 639.751v-102.216h168.092v102.216zM789.441 772.631v-102.216h168.092v102.216zM608.293 830.554h402.053c7.527 0 13.629-6.102 13.629-13.629v-729.139c0-7.533-6.102-13.625-13.629-13.625h-402.053v64.733h149.918v102.216h-149.918v30.665h149.918v102.216h-149.918v30.665h149.918v102.216h-149.918v30.663h149.918v102.216h-149.918v30.665h149.918v102.216h-149.918zM589.444 943.748v-991.49l-589.444 102.216v787.058z" />
+<glyph unicode="" glyph-name="expand" d="M139.462 308.298h744.932l-372.468-372.442zM511.926 960l372.468-372.442h-744.932z" />
+<glyph unicode="" glyph-name="file" d="M640 608h176c8.837 0 16-7.163 16-16v0-496c0-17.673-14.327-32-32-32v0h-544c-17.673 0-32 14.327-32 32v0 704c0 17.673 14.327 32 32 32v0h336c8.837 0 16-7.163 16-16v0-176c0-17.673 14.327-32 32-32v0zM688 672h144l-160 160v-144c0-8.837 7.163-16 16-16v0z" />
+<glyph unicode="" glyph-name="Floppy" d="M109.804 141.178c-10.916 0-19.935-8.978-19.935-19.968v-65.146c0-10.907 9.020-19.97 19.935-19.97h65.315c10.978 0 19.894 9.062 19.894 19.97v65.146c0 10.99-8.917 19.968-19.894 19.968zM589.312 869.072h146.912v-222.912h-146.912zM213.307 919.544v-250.771c0-43.802 35.811-79.718 79.687-79.718h427.524c43.875 0 79.77 35.917 79.77 79.718v250.771zM138.578 960h733.023l144.751-144.697v-793.092l-21.958-31.824c-23.251-35.272-63.021-54.387-109-54.387h-746.815c-72.023 0-130.898 58.958-130.898 130.898v762.168c0 72.112 58.875 130.935 130.898 130.935z" />
+<glyph unicode="" glyph-name="folder" d="M193.912 591.524l-65.912-263.649v408.125c0.001 35.346 28.654 63.999 64 64h133.49c0 0 0.001 0 0.001 0 17.673 0 33.673-7.164 45.255-18.746l45.254-45.254h416c35.346-0.001 63.999-28.654 64-64v0-32h-640c-0.001 0-0.001 0-0.002 0-29.833 0-54.898-20.413-61.99-48.033l-0.097-0.444zM942.031 576h-636.063c-0.001 0-0.001 0-0.002 0-29.833 0-54.897-20.413-61.989-48.033l-0.097-0.444-115.881-463.524h768l108.119 432.476c1.214 4.66 1.911 10.011 1.911 15.524 0 35.346-28.653 63.999-63.999 64v0z" />
+<glyph unicode="" glyph-name="folder_add" d="M785.553 312.399v-95.808h-95.774v-57.011h95.774v-95.791h57.045v95.791h95.774v57.011h-95.774v95.808zM809.218 404.602c118.6 0 214.747-96.162 214.747-214.765s-96.148-214.765-214.747-214.765c-118.603 0-214.749 96.162-214.749 214.765s96.146 214.765 214.749 214.765zM81.172 920.86h285.817c44.839 0 81.184-36.345 81.184-81.163v-38.919h365.342c44.838 0 81.184-36.366 81.184-81.182v-253.204l-6.333 1.888c-25.165 7.163-51.718 10.999-79.149 10.999-159.599 0-289.459-129.845-289.459-289.441 0-24.937 3.17-49.147 9.129-72.249l1.406-5.182h-449.12c-44.828 0-81.174 36.346-81.174 81.185v526.004c0 1.401 0.035 2.793 0.106 4.176l0.068 0.898-0.068 0.899c-0.070 1.384-0.106 2.777-0.106 4.178v109.951c0 44.817 36.345 81.163 81.172 81.163z" />
+<glyph unicode="" glyph-name="folder_delete" d="M688.355 220.883v-67.036h248.593v67.036zM809.218 404.602c118.6 0 214.747-96.162 214.747-214.765s-96.148-214.765-214.747-214.765c-118.6 0-214.749 96.162-214.749 214.765s96.149 214.765 214.749 214.765zM81.172 920.86h285.819c44.837 0 81.182-36.345 81.182-81.163v-38.919h365.342c44.838 0 81.184-36.366 81.184-81.182v-253.204l-6.333 1.888c-25.165 7.163-51.718 10.999-79.149 10.999-159.599 0-289.459-129.845-289.459-289.441 0-24.937 3.17-49.147 9.129-72.249l1.406-5.182h-449.12c-44.828 0-81.174 36.346-81.174 81.185v526.004c0 1.401 0.035 2.793 0.106 4.176l0.068 0.898-0.068 0.899c-0.070 1.384-0.106 2.777-0.106 4.178v109.951c0 44.817 36.345 81.163 81.172 81.163z" />
+<glyph unicode="" glyph-name="folder_find" d="M494.046 553.696c90.647 0 164.146-73.457 164.146-164.1 0-90.632-73.498-164.108-164.146-164.108-90.646 0-164.126 73.476-164.126 164.108 0 90.643 73.481 164.1 164.126 164.1zM494.046 602.144c-117.376 0-212.542-95.145-212.542-212.548 0-117.391 95.165-212.556 212.542-212.556 34.851 0 67.744 8.387 96.769 23.254l4.077 2.151 54.362-69.117h93.29l-89.772 114.911 2.001 2.255c32.294 37.28 51.834 85.909 51.834 139.102 0 117.403-95.168 212.548-212.562 212.548zM92.896 910.64h327.164c51.312 0 92.916-41.604 92.916-92.904v-44.536h418.106c51.315 0 92.918-41.615 92.918-92.907v-602.031c0-51.325-41.603-92.918-92.918-92.918h-838.185c-51.293 0-92.896 41.594-92.896 92.918v602.031c0 1.603 0.041 3.196 0.121 4.779l0.078 1.030-0.078 1.030c-0.080 1.584-0.121 3.178-0.121 4.782v125.822c0 51.299 41.603 92.904 92.896 92.904z" />
+<glyph unicode="" glyph-name="globe" d="M388.544 743.172c-28.448-28.809-51.452-63.073-67.291-101.070l-0.777-2.102h-63.865c33.945 44.926 78.421 80.17 129.848 102.371l2.085 0.801zM218.906 576h81.85c-6.347-28.27-10.618-61.247-11.874-94.995l-0.030-1.005h-95.229c3.656 35.474 12.605 67.979 26.088 98.006l-0.805-2.006zM218.906 320c-12.678 28.021-21.627 60.526-25.169 94.637l-0.115 1.363h95.228c1.286-34.754 5.557-67.731 12.582-99.676l-0.678 3.676zM256.611 256h63.865c16.616-40.099 39.619-74.362 68.1-103.205l-0.033 0.033c-53.511 23.002-97.988 58.245-131.347 102.364l-0.586 0.808zM480 158.068c-37.056 25.495-67.243 58.29-89.018 96.499l-0.752 1.432h89.77zM480 320h-114.076c-7.272 28.429-12.009 61.37-13.155 95.221l-0.021 0.779h127.252zM480 480h-127.252c1.166 34.63 5.904 67.571 13.864 99.232l-0.688-3.232h114.076zM480 640h-89.77c22.527 39.642 52.714 72.436 88.791 97.294l0.978 0.637zM767.389 640h-63.872c-16.622 40.103-39.631 74.369-68.118 103.214l0.032-0.033c53.521-23.001 98.007-58.249 131.372-102.374l0.586-0.808zM544 737.926c37.050-25.497 67.233-58.289 89.008-96.493l0.752-1.432h-89.76zM544 576h114.072c7.273-28.428 12.012-61.369 13.159-95.221l0.021-0.779h-127.252zM544 416h127.252c-1.168-34.631-5.906-67.572-13.868-99.232l0.688 3.232h-114.072zM544 158.074v97.926h89.76c-22.527-39.637-52.71-72.429-88.782-97.288l-0.978-0.637zM635.432 152.818c28.454 28.812 51.464 63.079 67.309 101.080l0.777 2.101h63.872c-33.951-44.933-78.436-80.181-129.873-102.381l-2.085-0.801zM805.096 320h-81.853c6.349 28.27 10.621 61.246 11.877 94.995l0.030 1.005h95.228c-3.655-35.474-12.603-67.979-26.086-98.006l0.805 2.006zM735.148 480c-1.285 34.754-5.558 67.73-12.585 99.674l0.678-3.674h81.853c12.678-28.021 21.625-60.526 25.165-94.638l0.115-1.362zM896 448c0 212.077-171.923 384-384 384s-384-171.923-384-384c0-212.077 171.923-384 384-384v0c212.077 0 384 171.923 384 384v0z" />
+<glyph unicode="" glyph-name="group" d="M823.502 288h-47.004c-2.992 0.083-5.847 0.358-8.641 0.815l0.368-0.050c-13.662 11.227-29.91 24.652-48.35 39.953l-4.238 3.531c-1.115 3.304-2.023 7.215-2.557 11.244l-0.035 0.326c0.527 2.031 1.156 4.008 1.612 6.070l16.094 73.688c19.613 16.339 34.884 37.23 44.269 61.083l0.356 1.026 8.906 24c5.094 12.059 8.054 26.079 8.054 40.791 0 25.917-9.187 49.689-24.482 68.236l0.147-0.183v48.945c10.060 2.878 21.614 4.533 33.555 4.533 69.839 0 126.455-56.616 126.455-126.455 0-0.547-0.003-1.092-0.010-1.637l0.001 0.083v-69.961c4.573-3.984 7.447-9.817 7.447-16.322 0-2.91-0.575-5.686-1.618-8.22l0.052 0.144-11.762-35.281c-5.295-13.384-16.081-23.612-29.505-28.040l-0.337-0.096-5.269-42.16c-4.084-31.766-30.958-56.062-63.506-56.062 0 0 0 0 0 0v0zM287.012 288.695c15.744 12.945 33.188 27.312 49.082 40.414l4.424 3.641c1.037 3.152 1.89 6.897 2.402 10.751l0.036 0.327c-0.527 2.020-1.162 4-1.612 6.048l-16.094 73.703c-19.595 16.329-34.856 37.204-44.238 61.037l-0.356 1.026-8.969 24.109c-5.079 12.041-8.030 26.039-8.030 40.727 0 25.918 9.19 49.69 24.489 68.235l-0.146-0.183v48.945c-10.060 2.878-21.614 4.533-33.555 4.533-69.839 0-126.455-56.616-126.455-126.455 0-0.547 0.003-1.092 0.010-1.637l-0.001 0.083v-69.961c-4.573-3.984-7.447-9.817-7.447-16.322 0-2.91 0.575-5.686 1.618-8.22l-0.052 0.144 11.762-35.281c5.295-13.384 16.081-23.612 29.505-28.040l0.337-0.096 5.269-42.16c4.084-31.766 30.958-56.062 63.506-56.062 0 0 0 0 0 0h47.004c2.735 0.090 5.326 0.34 7.866 0.742l-0.356-0.046zM1010.352 249.555l-70.819 49.571c-18.173-39.272-54.546-67.41-97.992-73.753l-0.693-0.083c14.011-17.84 22.585-40.532 22.921-65.213l0.001-0.076h144.23c8.837 0 16 7.163 16 16v0 47.34c-0.001 10.801-5.352 20.352-13.548 26.147l-0.1 0.067zM116.467 299.125l-70.819-49.571c-8.296-5.862-13.648-15.413-13.648-26.215v0-47.34c0-8.837 7.163-16 16-16v0h144.824c1.185 24.746 9.937 47.241 23.973 65.456l-0.201-0.272c-44.747 5.947-81.747 34.258-99.8 73.151l-0.329 0.791zM773.455 202.297c-13.924 10.547-58.512 47.348-94.453 77.188-29.443-33.897-72.541-55.268-120.636-55.484h-60.694c-48.237 0.222-91.415 21.695-120.684 55.531l-0.172 0.203c-36.762-30.304-82.34-67.828-94.272-77.437-16.096-10.821-26.545-28.963-26.545-49.546 0-0.114 0-0.228 0.001-0.343v0.018-40.426c0-8.837 7.163-16 16-16v0h512c8.837 0 16 7.163 16 16v0 40.426c0.088 1.147 0.139 2.484 0.139 3.833 0 19.598-10.626 36.714-26.43 45.902l-0.253 0.136zM340.633 507.977c8.558-20.091 23.145-36.239 41.462-46.535l0.481-0.249 21.307-97.656c9.736-43.507 48.024-75.536 93.792-75.536 0 0 0.001 0 0.001 0h60.648c0 0 0 0 0 0 45.768 0 84.055 32.028 93.671 74.895l0.121 0.64 21.307 97.656c18.799 10.544 33.386 26.693 41.706 46.16l0.237 0.624 8.96 24.047c2.746 5.341 4.356 11.654 4.356 18.343 0 16.707-10.042 31.068-24.42 37.377l-0.262 0.102v84.156c0 96-64 160-176 160s-176-64-176-160v-84.156c-14.639-6.411-24.682-20.772-24.682-37.479 0-6.689 1.61-13.001 4.463-18.572l-0.107 0.23z" />
+<glyph unicode="" glyph-name="home" d="M661.333 553.6v129.067h-64v-65.749l-74.304 73.685-0.043 1.024-266.283-264.96h84.629v-234.667h128v128h106.667v-128h128v234.667h85.333z" />
+<glyph unicode="" glyph-name="inbox" d="M816 800h-608c-44.164-0.048-79.952-35.836-80-79.995v-576.005c0.048-44.164 35.836-79.952 79.995-80h608.005c44.164 0.048 79.952 35.836 80 79.995v576.005c-0.048 44.164-35.836 79.952-79.995 80h-0.005zM800 384h-130.883c0 0 0 0-0.001 0-7.725 0-14.172-5.475-15.671-12.756l-0.018-0.103-26.856-134.281c-1.517-7.385-7.964-12.86-15.689-12.86 0 0 0 0-0.001 0h-197.766c0 0 0 0-0.001 0-7.725 0-14.172 5.475-15.671 12.756l-0.018 0.103-26.856 134.281c-1.517 7.385-7.964 12.86-15.689 12.86 0 0 0 0-0.001 0h-130.883v320h576z" />
+<glyph unicode="" glyph-name="library" d="M576 832h-160c-17.673 0-32-14.327-32-32v0-704c0-17.673 14.327-32 32-32v0h160c17.673 0 32 14.327 32 32v0 704c0 17.673-14.327 32-32 32v0zM544 144c0-8.837-7.163-16-16-16v0h-64c-8.837 0-16 7.163-16 16v0 32c0 8.837 7.163 16 16 16v0h64c8.837 0 16-7.163 16-16v0zM544 720c0-8.837-7.163-16-16-16v0h-64c-8.837 0-16 7.163-16 16v0 32c0 8.837 7.163 16 16 16v0h64c8.837 0 16-7.163 16-16v0zM865.174 814.101c-2.739 15.123-15.804 26.443-31.514 26.443-1.964 0-3.886-0.177-5.752-0.516l0.195 0.029-157.568-27.783c-15.123-2.739-26.443-15.804-26.443-31.514 0-1.964 0.177-3.886 0.516-5.752l-0.029 0.195 122.248-693.305c2.737-15.123 15.802-26.444 31.512-26.444 1.964 0 3.888 0.177 5.754 0.516l-0.195-0.029 157.568 27.783c15.123 2.737 26.443 15.802 26.443 31.511 0 1.964-0.177 3.888-0.516 5.754l0.029-0.195zM903.082 138.418l-63.029-11.113c-0.835-0.154-1.795-0.243-2.776-0.243-7.855 0-14.388 5.66-15.745 13.123l-0.015 0.098-5.556 31.514c-0.155 0.835-0.243 1.797-0.243 2.778 0 7.855 5.66 14.387 13.124 15.742l0.098 0.015 63.029 11.115c0.835 0.154 1.795 0.243 2.776 0.243 7.855 0 14.388-5.66 15.745-13.123l0.015-0.098 5.556-31.516c0.154-0.835 0.243-1.795 0.243-2.776 0-7.855-5.66-14.388-13.124-15.744l-0.098-0.015zM288 832h-160c-17.673 0-32-14.327-32-32v0-704c0-17.673 14.327-32 32-32v0h160c17.673 0 32 14.327 32 32v0 704c0 17.673-14.327 32-32 32v0zM256 144c0-8.837-7.163-16-16-16v0h-64c-8.837 0-16 7.163-16 16v0 32c0 8.837 7.163 16 16 16v0h64c8.837 0 16-7.163 16-16v0zM256 720c0-8.837-7.163-16-16-16v0h-64c-8.837 0-16 7.163-16 16v0 32c0 8.837 7.163 16 16 16v0h64c8.837 0 16-7.163 16-16v0z" />
+<glyph unicode="" glyph-name="license" d="M875.125 506.258l-204.547-148.578 77.998-240.192c0.65-1.932 1.025-4.157 1.025-6.47 0-11.561-9.372-20.932-20.932-20.932-0.003 0-0.006 0-0.009 0v0c-4.595 0.025-8.829 1.553-12.24 4.116l0.053-0.038-204.342 148.426-204.344-148.426c-3.358-2.525-7.592-4.053-12.182-4.078h-0.006c-0.002 0-0.004 0-0.006 0-11.562 0-20.934 9.373-20.934 20.934 0 2.312 0.375 4.536 1.067 6.616l-0.043-0.148 77.998 240.192-204.547 148.578c-5.239 3.837-8.603 9.966-8.603 16.88 0 11.522 9.34 20.862 20.862 20.862 0 0 0 0 0 0h252.793l78.1 240.5c2.803 8.438 10.625 14.417 19.843 14.417s17.040-5.978 19.8-14.27l0.042-0.147 78.099-240.5h252.793c11.521-0.003 20.859-9.343 20.859-20.864 0-6.913-3.362-13.041-8.54-16.837l-0.058-0.041z" />
+<glyph unicode="" glyph-name="list" d="M352 512v-128c0-17.673-14.327-32-32-32v0h-128c-17.673 0-32 14.327-32 32v0 128c0 17.673 14.327 32 32 32v0h128c17.673 0 32-14.327 32-32v0zM320 288h-128c-17.673 0-32-14.327-32-32v0-128c0-17.673 14.327-32 32-32v0h128c17.673 0 32 14.327 32 32v0 128c0 17.673-14.327 32-32 32v0zM320 800h-128c-17.673 0-32-14.327-32-32v0-128c0-17.673 14.327-32 32-32v0h128c17.673 0 32 14.327 32 32v0 128c0 17.673-14.327 32-32 32v0zM864 608h-416c-17.673 0-32-14.327-32-32v0-32c0-17.673 14.327-32 32-32v0h416c17.673 0 32 14.327 32 32v0 32c0 17.673-14.327 32-32 32v0zM864 800h-416c-17.673 0-32-14.327-32-32v0-32c0-17.673 14.327-32 32-32v0h416c17.673 0 32 14.327 32 32v0 32c0 17.673-14.327 32-32 32v0zM864 224h-416c-17.673 0-32-14.327-32-32v0-32c0-17.673 14.327-32 32-32v0h416c17.673 0 32 14.327 32 32v0 32c0 17.673-14.327 32-32 32v0zM864 416h-416c-17.673 0-32-14.327-32-32v0-32c0-17.673 14.327-32 32-32v0h416c17.673 0 32 14.327 32 32v0 32c0 17.673-14.327 32-32 32v0z" />
+<glyph unicode="" glyph-name="log" d="M484.605 523.186c-29.216 0-46.245-27.795-46.245-64.947 0-37.435 17.56-63.807 46.528-63.807 29.216 0 45.967 27.778 45.967 64.933 0 34.325-16.468 63.821-46.25 63.821zM264.531 554.432h43.398v-154.911h76.017v-36.306h-119.415zM708.043 556.399c24.685 0 43.682-4.829 53.027-9.343l-9.062-34.624c-10.53 4.514-23.562 8.203-44.529 8.203-36.031 0-63.308-20.39-63.308-61.828 0-39.451 24.721-62.687 60.152-62.687 9.969 0 17.908 1.111 21.279 2.846v40h-29.465v33.734h71.179v-100.705c-13.341-4.546-38.556-10.797-63.804-10.797-34.906 0-60.152 8.813-77.745 25.86-17.593 16.421-27.216 41.407-26.936 69.469 0.281 63.561 46.528 99.872 109.211 99.872zM485.733 557.527c58.746 0 90.774-43.996 90.774-96.728 0-62.681-37.999-100.729-93.901-100.729-56.716 0-89.901 42.842-89.901 97.306 0 57.313 36.562 100.15 93.028 100.15zM192.874 899.427v-898.747h449.428l-0.689 224.562 185.203-0.187v674.372zM132.35 960h759.397v-807.847l-193.105-216.081h-566.292z" />
+<glyph unicode="" glyph-name="logout" d="M802.658 802.445l-320 26.668c-0.736 0.061-1.594 0.096-2.459 0.096-16.632 0-30.273-12.806-31.6-29.096l-0.007-0.113h-0.592v-672h0.592c1.335-16.401 14.974-29.205 31.604-29.205 0.867 0 1.725 0.035 2.575 0.103l-0.112-0.007 320 26.664c16.491 1.418 29.341 15.154 29.342 31.891v0 613.109c0 0 0 0.001 0 0.001 0 16.737-12.85 30.474-29.223 31.881l-0.119 0.008zM544 416c-17.673 0-32 14.327-32 32s14.327 32 32 32c17.673 0 32-14.327 32-32v0c0-17.673-14.327-32-32-32v0zM256 800h128v-64h-128v-544h128v-64h-128c-35.327 0.047-63.953 28.673-64 63.995v544.005c0.047 35.327 28.673 63.953 63.995 64h0.005z" />
+<glyph unicode="" glyph-name="menu" d="M870.4 755.2v-51.2c0-28.277-22.923-51.2-51.2-51.2v0h-614.4c-28.277 0-51.2 22.923-51.2 51.2v0 51.2c0 28.277 22.923 51.2 51.2 51.2v0h614.4c28.277 0 51.2-22.923 51.2-51.2v0zM819.2 550.4h-614.4c-28.277 0-51.2-22.923-51.2-51.2v0-51.2c0-28.277 22.923-51.2 51.2-51.2v0h614.4c28.277 0 51.2 22.923 51.2 51.2v0 51.2c0 28.277-22.923 51.2-51.2 51.2v0zM819.2 294.4h-614.4c-28.277 0-51.2-22.923-51.2-51.2v0-51.2c0-28.277 22.923-51.2 51.2-51.2v0h614.4c28.277 0 51.2 22.923 51.2 51.2v0 51.2c0 28.277-22.923 51.2-51.2 51.2v0z" />
+<glyph unicode="" glyph-name="newspaper" d="M400 512h352c8.837 0 16 7.163 16 16v0 128c0 8.837-7.163 16-16 16v0h-352c-8.837 0-16-7.163-16-16v0-128c0-8.837 7.163-16 16-16v0zM751.998 448h-128c-8.837 0-16-7.163-16-16v0-32c0-8.837 7.163-16 16-16v0h128c8.837 0 16 7.163 16 16v0 32c0 8.837-7.163 16-16 16v0zM751.998 320h-128c-8.837 0-16-7.163-16-16v0-32c0-8.837 7.163-16 16-16v0h128c8.837 0 16 7.163 16 16v0 32c0 8.837-7.163 16-16 16v0zM399.998 256h128c8.837 0 16 7.163 16 16v0 32c0 8.837-7.163 16-16 16v0h-128c-8.837 0-16-7.163-16-16v0-32c0-8.837 7.163-16 16-16v0zM864 800h-576c-0.005 0-0.012 0-0.018 0-17.663 0-31.982-14.319-31.982-31.982 0-0.006 0-0.013 0-0.019v0.001-544c0-17.673-14.327-32-32-32s-32 14.327-32 32v0 544c-35.327-0.047-63.953-28.673-64-63.995v-480.005c0.064-52.972 42.971-95.901 95.928-96h576.071c52.995 0.060 95.94 43.005 96 95.994v544.006c0 0.005 0 0.012 0 0.018 0 17.663-14.319 31.982-31.982 31.982-0.006 0-0.013 0-0.019 0h0.001zM832 224c-0.012-17.668-14.332-31.988-31.999-32h-485.47c3.465 9.51 5.469 20.489 5.469 31.935 0 0.023 0 0.045 0 0.068v-0.004 512h512zM399.998 384h128c8.837 0 16 7.163 16 16v0 32c0 8.837-7.163 16-16 16v0h-128c-8.837 0-16-7.163-16-16v0-32c0-8.837 7.163-16 16-16v0z" />
+<glyph unicode="" glyph-name="numberlist" d="M448 544v32c0 17.673 14.327 32 32 32v0h256c17.673 0 32-14.327 32-32v0-32c0-17.673-14.327-32-32-32v0h-256c-17.673 0-32 14.327-32 32v0zM736 224h-256c-17.673 0-32-14.327-32-32v0-32c0-17.673 14.327-32 32-32v0h256c17.673 0 32 14.327 32 32v0 32c0 17.673-14.327 32-32 32v0zM864 416h-384c-17.673 0-32-14.327-32-32v0-32c0-17.673 14.327-32 32-32v0h384c17.673 0 32 14.327 32 32v0 32c0 17.673-14.327 32-32 32v0zM864 800h-384c-17.673 0-32-14.327-32-32v0-32c0-17.673 14.327-32 32-32v0h384c17.673 0 32 14.327 32 32v0 32c0 17.673-14.327 32-32 32v0zM320 224h-78.375c5.243 9.382 13.594 16.497 23.633 20.032l0.305 0.093c18.844 6.72 76.156 27.094 76.156 85.031-0.068 47.946-38.926 86.794-86.87 86.844h-0.005c-32.111-0.153-60.674-15.208-79.15-38.599l-0.163-0.214c-4.685-5.53-7.533-12.745-7.533-20.626 0-17.674 14.328-32.002 32.002-32.002 9.794 0 18.56 4.399 24.43 11.33l0.039 0.047c6.893 9.542 17.877 15.76 30.328 16.063l0.047 0.001c12.621-0.003 22.854-10.225 22.875-22.842v-0.002c0-3.812 0-12.781-33.625-24.719-43.636-17.22-73.949-59.019-73.949-107.899 0-2.19 0.061-4.366 0.181-6.526l-0.013 0.3c0.935-16.931 14.889-30.307 31.968-30.313h117.719c17.673 0 32 14.327 32 32s-14.327 32-32 32v0zM214.624 681.376l9.376 9.374v-114.75c0-17.673 14.327-32 32-32s32 14.327 32 32v0 192c0 0 0 0 0 0 0 17.672-14.326 31.997-31.997 31.997-8.837 0-16.836-3.582-22.627-9.373l-64-64c-5.668-5.769-9.168-13.685-9.168-22.419 0-17.671 14.325-31.996 31.996-31.996 8.734 0 16.65 3.499 22.424 9.172l-0.005-0.005z" />
+<glyph unicode="" glyph-name="package" d="M734.549 503.648l-380.418 258.141 126.775 76.055 383.994-255.984zM293.65 725.5l-132.754-79.641 384.006-256 129.17 77.5zM128 334.875l384-255.992v255.992l-384 256zM768 449.078v-86.93c0-0.002 0-0.003 0-0.005 0-5.797-3.082-10.875-7.697-13.683l-0.071-0.040-32-19.195c-2.35-1.432-5.192-2.28-8.232-2.28-8.836 0-15.999 7.163-16 15.999v0 67.744l-128-76.804v-255.984l320 191.976v256.007z" />
+<glyph unicode="" glyph-name="pay" d="M290.893 44.681h341.090v-108.598h-341.090zM654.474 488.13c21.302 0.828 42.039-10.909 51.67-31.4l71.345-151.834c10.431-22.197 4.638-47.869-12.567-63.604l-3.157-2.611-124.45-130.921-0.691-1.528c-7.41-15.376-23.143-25.987-41.351-25.987h-261.553c-25.332 0-45.875 20.541-45.875 45.875v160.864l124.446-124.443c15.624-15.621 36.383-24.211 58.458-24.211 22.076 0 42.833 8.591 58.436 24.211l111.965 111.961v-31.040l29.568 27.14-65.221 138.828c-12.864 27.341-1.1 59.903 26.241 72.766l1.639 0.777c6.836 3.21 13.999 4.882 21.1 5.158zM501.391 542.007l-50.752-50.734c19.938-13.614 36.101-14.219 48.485-1.833 10.359 10.358 11.115 27.88 2.267 52.567zM546.232 658.468c-8.654 0.045-16.055-3.021-22.205-9.17-6.496-6.52-10.034-13.596-10.618-21.278s1.511-18.126 6.281-31.311l52.587 52.588c-8.72 6.085-17.414 9.128-26.045 9.17zM620.373 697.396l18.193-18.19-23.198-23.197c20.196-21.254 32.044-38.023 35.541-50.301l-28.204-28.205c-3.732 17.782-14.24 35.865-31.568 54.251l-60.765-60.765c12.732-30.643 18.881-54.186 18.45-70.629-0.454-16.42-5.999-29.95-16.615-40.567-12.926-12.928-28.7-18.754-47.367-17.479-18.664 1.273-38.063 9.581-58.175 24.965l-28.612-28.591-18.19 18.192 27.535 27.534c-21.882 21.902-35.928 43.503-42.078 64.759l29.387 29.39c1.362-10.681 5.611-22.744 12.777-36.21 7.141-13.487 15.19-24.708 24.166-33.684l58.651 58.651c-13.702 32.865-19.938 56.755-18.708 71.685 1.23 14.954 7.358 27.947 18.45 39.015 13.077 13.097 29.626 19.183 49.609 18.255 19.981-0.925 38.993-8.459 57.010-22.592zM548.714 960c11.758 0 23.518-4.488 32.494-13.464l307.536-307.538c17.955-17.954 17.955-47.041 0-64.972l-144.476-144.477-17.35 36.933c-3.986 8.47-9.421 16.004-15.925 22.36l-2.552 2.326 115.333 115.332-275.062 275.064-353.027-353.025 275.062-275.064 124.276 124.275 31.153-66.294-122.952-122.953c-17.931-17.953-47.021-17.953-64.975 0l-307.535 307.539c-17.953 17.951-17.953 47.040 0 64.972l385.521 385.522c8.966 8.976 20.722 13.464 32.479 13.464z" />
+<glyph unicode="" glyph-name="pdf" d="M200.571 163.069c-65.7-20.885-113.75-73.848-130.451-94.215 0.202 3.96-6.842-8.705-6.842-8.705s2.706 3.609 6.842 8.705c-0.062-1.554-1.135-5.38-4.261-13.7-11.29-29.974 23.636-29.205 23.636-29.205 99.024 16.106 111.076 137.121 111.076 137.121zM767.851 265.049c-18.402 0.001-29.754-1.181-29.754-1.181 105.384-92.26 203.398-70.757 203.398-70.757 40.12 5.38-21.102 42.521-21.102 42.521-56.586 25.098-117.411 29.415-152.542 29.417zM407.732 514.149c0 0-38.052-198.070-85.604-256.815l263.733 42.154c0 0-131.431 126.545-178.128 214.661zM413.841 879.988c-0.327 0.031-0.655 0.025-0.984-0.018-2.95-0.391-5.989-3.865-8.935-12.118 0 0-14.213-73.113 21.382-194.629 0 0 30.308 96.404 7.495 170.219 0 0-8.827 35.592-18.958 36.546zM380.637 959.983c28.069 1.161 53.374-56.91 53.374-56.91 78.685-180.728 4.276-296.195 4.276-296.195 77.907-197.402 234.047-302.811 234.047-302.811 151.708 8.755 262.38-32.43 262.38-32.43 87.066-49.221 57.909-95.201 57.909-95.201-91.233-109.402-359.227 61.184-359.227 61.184l-345.434-62.554c-49.916-183.551-216.724-226.674-216.724-226.674-79.509-12.464-68.639 76.672-68.639 76.672 62.061 146.761 218.123 180.527 218.123 180.527 61.47 70.59 161.941 402.39 161.941 402.39-101.512 245.186-30.183 326.754-30.183 326.754 9.136 17.894 18.799 24.862 28.156 25.249z" />
+<glyph unicode="" glyph-name="pdfexport" d="M186.878 198.357c-61.858-18.302-107.102-64.709-122.827-82.566 0.191 3.469-6.445-7.624-6.445-7.624s2.548 3.151 6.445 7.624c-0.066-1.354-1.068-4.711-4.028-12.017-10.629-26.259 22.267-25.589 22.267-25.589 93.244 14.117 104.589 120.172 104.589 120.172zM721.065 287.733c-17.328 0.001-28.016-1.035-28.016-1.035 99.242-80.847 191.531-62.003 191.531-62.003 37.782 4.708-19.861 37.254-19.861 37.254-53.296 21.995-110.573 25.78-143.653 25.783zM381.96 506.055c0 0-35.839-173.585-80.605-225.069l248.329 36.937c0 0-123.752 110.91-167.724 188.132zM845.111 705.497c4.827 0.315 10.331-1.799 16.15-6.633l38.243-31.943c18.558-15.55 48.954-40.949 67.525-56.433l38.272-31.99c18.607-15.533 18.321-40.666-0.508-55.8l-38.832-31.256c-18.859-15.249-49.683-40.059-68.539-55.228l-38.835-31.239c-18.822-15.249-34.021-2.515-33.753 28.201l0.526 59.012h-225.156c-15.85 0-28.705 12.878-28.705 28.729v62.246c0 15.834 12.855 28.694 28.705 28.694h226.241l0.506 59.362c0.198 21.13 7.54 33.585 18.16 34.279zM386.788 826.673c-2.777-0.341-5.637-3.384-8.408-10.615 0 0-13.398-64.091 20.135-170.59 0 0 28.535 84.507 7.050 149.183 0 0-8.859 33.241-18.777 32.022zM356.447 896.795c26.43 1.014 50.261-49.878 50.261-49.878 74.083-158.383 4.029-259.586 4.029-259.586 73.367-173.011 220.388-265.396 220.388-265.396 142.849 7.671 247.075-28.422 247.075-28.422 81.976-43.129 54.534-83.444 54.534-83.444-85.921-95.871-338.276 53.635-338.276 53.635l-325.281-54.828c-46.998-160.866-204.075-198.666-204.075-198.666-74.88-10.915-64.627 67.21-64.627 67.21 58.439 128.623 205.395 158.211 205.395 158.211 57.879 61.876 152.495 352.67 152.495 352.67-95.602 214.882-28.427 286.37-28.427 286.37 8.602 15.68 17.701 21.786 26.511 22.124z" />
+<glyph unicode="" glyph-name="pictures" d="M490.078 477.525c115.421-29.010 218.49-140.465 249.026-175.898v112.194h74.003v-130.009h48.004v-60.007h-440.037v60.007h69.004zM146.397 671.379l-74.038-7.249 70.472-612.97 63.542 6.188zM778.103 777.091c45.819 0 83.007-37.202 83.007-83.032 0-45.824-37.188-83.026-83.007-83.026-45.814 0-83.003 37.202-83.003 83.026 0 45.83 37.188 83.032 83.003 83.032zM270.261 791.335l-68.169-6.625 68.169-698.111v596.849h-0.031c0 25.314 0 47.128 0 64.443h0.031zM336.703 851.095v-725.174h621.029v725.174h-71.381zM270.261 915.353h753.883v-853.631h-102.797l-708.662-69.13-0.089 0.931-129.677-12.684-82.919 740.739 140.175 13.684-10.439 106.832 140.525 13.751z" />
+<glyph unicode="" glyph-name="plus" d="M388.095 960h247.889v-388.114h388.095v-247.869h-388.095v-388.075h-247.889v388.075h-388.095v247.869h388.095z" />
+<glyph unicode="" d="M741.3 471.948c-63.591 0.034-127.198 0.034-190.772-0.084-3.373 0-5.344 1.040-7.615 3.707-3.824 4.496-8.249 8.823-13.293 11.692-4.025 2.315-4.943 4.613-4.943 8.84 0.117 81.708 0.067 163.432 0.067 245.14 0 2.013 0.117 4.043-0.067 6.022-0.618 7.314-6.797 12.078-14.044 10.937-6.463-1.023-10.053-5.938-10.053-13.99-0.033-41.5 0-82.999 0-124.499 0-41.265-0.033-82.58 0.033-123.895 0.050-3.976-0.685-6.24-4.709-8.454-4.943-2.634-9.285-6.827-13.009-11.121-2.455-2.835-4.425-4.479-8.35-4.412-12.675 0.252-25.366 0.067-38.057 0-5.878-0.034-10.454-2.785-13.627-7.632-3.741-5.586-3.908-11.675-0.918-17.63 3.139-6.207 8.633-9.259 15.497-9.327 12.658-0.117 25.383 0.101 38.024-0.185 2.238-0.084 4.676-1.795 6.579-3.305 5.010-4.043 9.552-8.773 14.812-12.447 2.555-1.761 3.841-3.053 3.807-6.257-0.184-11.994-0.117-24.004-0.083-36.015 0-1.979-0.033-4.043 0.451-5.955 1.386-5.687 6.98-9.478 12.708-8.924 6.296 0.621 10.871 5.401 10.971 12.128 0.15 12.916 0.117 25.849 0 38.765 0 3.305 1.319 4.848 4.242 6.626 4.826 2.885 9.552 6.559 13.126 10.903 2.705 3.305 5.127 4.73 9.318 4.73 46.040-0.151 92.063-0.101 138.052-0.101 17.768 0 35.536-0.117 53.27 0.034 11.122 0.101 18.419 7.632 18.102 18.1-0.334 10.216-7.748 16.607-19.521 16.607zM533.212 452.607c0-0.017 0-0.034-0.017-0.067-0.017-0.218-0.033-0.419-0.067-0.637-0.033-0.319-0.083-0.621-0.15-0.939-0.167-0.923-0.401-1.845-0.701-2.734-0.1-0.302-0.2-0.604-0.317-0.889-0.134-0.352-0.267-0.688-0.434-1.040-0.134-0.319-0.267-0.621-0.434-0.906-0.301-0.604-0.635-1.208-1.002-1.761-0.534-0.839-1.136-1.644-1.787-2.416 0-0.017 0-0.017-0.017-0.034-0.451-0.503-0.902-0.973-1.369-1.443-0.25-0.235-0.501-0.47-0.751-0.705 0 0 0-0.017-0.017-0.017-0.334-0.302-0.685-0.587-1.035-0.855-0.267-0.218-0.534-0.419-0.802-0.604-1.57-1.124-3.306-2.046-5.16-2.717-1.303-0.47-2.638-0.822-4.041-1.040-0.701-0.101-1.403-0.185-2.121-0.218-0.351 0-0.701-0.017-1.069-0.017-0.384-0.017-0.751 0-1.136 0.034-0.284 0.017-0.568 0.050-0.868 0.084-0.618 0.067-1.236 0.185-1.837 0.335s-1.202 0.335-1.787 0.537c-2.137 0.788-4.175 1.979-6.012 3.472-0.317 0.252-0.635 0.537-0.935 0.805-0.401 0.369-0.785 0.738-1.152 1.124-0.083 0.084-0.167 0.185-0.25 0.268-0.367 0.403-0.735 0.822-1.069 1.241-0.434 0.52-0.835 1.057-1.202 1.61s-0.718 1.107-1.052 1.694c-0.635 1.174-1.186 2.382-1.586 3.623-0.217 0.621-0.384 1.258-0.534 1.879-0.067 0.319-0.134 0.637-0.184 0.956-0.1 0.486-0.167 0.99-0.184 1.493-0.050 0.503-0.067 1.006-0.067 1.51 0 0.369 0.017 0.738 0.017 1.107 0.033 0.671 0.083 1.325 0.184 1.979 0.033 0.235 0.067 0.486 0.117 0.721 0.017 0.134 0.033 0.252 0.067 0.386 0.033 0.117 0.067 0.252 0.083 0.386 0.050 0.268 0.1 0.52 0.167 0.772 0.1 0.419 0.217 0.839 0.351 1.241 0.267 0.906 0.618 1.795 1.019 2.65 0.134 0.302 0.284 0.604 0.451 0.906 0.2 0.369 0.401 0.738 0.618 1.090s0.434 0.705 0.685 1.057c0.468 0.671 0.985 1.325 1.536 1.946 0.284 0.335 0.601 0.671 0.935 0.973 0.267 0.268 0.534 0.52 0.818 0.772 0.301 0.268 0.618 0.537 0.952 0.788 0.317 0.252 0.651 0.486 1.002 0.721 1.019 0.705 2.121 1.308 3.273 1.812 0.384 0.168 0.768 0.319 1.169 0.47 0.284 0.101 0.568 0.201 0.852 0.285 0.284 0.101 0.568 0.185 0.852 0.252s0.584 0.151 0.885 0.218c0.301 0.050 0.584 0.117 0.885 0.168 0.918 0.151 1.837 0.252 2.789 0.302 0.367 0.017 0.735 0.017 1.102 0.017 0.267 0 0.534 0 0.802-0.017 0.25-0.017 0.518-0.034 0.785-0.050 0.518-0.050 1.035-0.101 1.536-0.185 0.451-0.067 0.902-0.168 1.353-0.268 0.434-0.101 0.885-0.218 1.319-0.352 0.417-0.117 0.852-0.268 1.252-0.419l0.017-0.017c0.401-0.151 0.802-0.302 1.186-0.47 0.067-0.034 0.117-0.050 0.184-0.101 0.367-0.168 0.718-0.335 1.085-0.537 0.367-0.185 0.735-0.403 1.102-0.621 0.017-0.017 0.033-0.017 0.050-0.034 0.367-0.235 0.735-0.486 1.102-0.738 0.351-0.252 0.701-0.52 1.052-0.805 0.167-0.134 0.334-0.268 0.484-0.403 0.334-0.285 0.668-0.604 0.985-0.923 0.301-0.285 0.584-0.587 0.852-0.889 0.451-0.486 0.868-0.99 1.252-1.526 0.184-0.268 0.384-0.537 0.568-0.805 0.367-0.537 0.701-1.107 1.019-1.694 0.417-0.788 0.802-1.61 1.102-2.466 0.134-0.319 0.25-0.637 0.351-0.973 0.685-2.080 1.035-4.311 1.002-6.626 0-0.587-0.033-1.157-0.1-1.728z" />
+<glyph unicode="" d="M522.992 804.030c0-3.992 0.301-8.001-0.083-11.96-0.551-5.804-4.576-9.41-9.969-9.528-5.594-0.134-10.17 3.556-10.487 9.528-0.434 8.136-0.434 16.321 0 24.457 0.301 5.619 4.826 9.226 10.22 9.226 5.411 0 9.702-3.59 10.27-9.226 0.401-4.126 0.083-8.337 0.083-12.514-0.033 0.017-0.033 0.017-0.033 0.017z" />
+<glyph unicode="" d="M523.075 105.11c0-3.808 0.234-7.632-0.050-11.423-0.484-6.307-4.809-10.367-10.487-10.283-5.494 0.084-9.869 3.992-10.153 10.014-0.367 7.783-0.367 15.6-0.033 23.4 0.267 5.988 4.626 9.863 10.17 9.947 5.761 0.067 10.070-3.942 10.52-10.199 0.284-3.791 0.050-7.616 0.050-11.44-0.017-0.017-0.017-0.017-0.017-0.017z" />
+<glyph unicode="" d="M882.242 454.318c-0.167-5.519-4.342-9.662-10.12-10.031-0.351-0.034-0.735-0.017-1.085-0.017h-10.854c0 0.017 0 0.017 0 0.017-3.791 0-7.598-0.168-11.389 0.050-5.494 0.302-9.519 4.479-9.786 9.779-0.267 5.435 3.757 10.551 9.318 10.819 8.116 0.352 16.282 0.335 24.398 0.017 5.644-0.235 9.686-5.15 9.519-10.635z" />
+<glyph unicode="" d="M186.319 454.536c-0.017-5.502-4.191-9.813-9.903-10.249-0.351-0.017-0.735-0.017-1.085-0.017-2.405-0.017-4.809-0.017-7.231-0.017-1.202 0.017-2.421 0.017-3.624 0.017-3.006 0.017-6.028-0.084-9.051-0.034-0.768 0.017-1.553 0.050-2.338 0.084-5.745 0.285-9.919 4.613-10.003 10.132-0.083 5.485 4.008 10.316 9.652 10.518 7.932 0.302 15.914 0.302 23.863 0.017 5.628-0.218 9.752-4.982 9.719-10.45z" />
+<glyph unicode="" d="M492.065 454.234c0-0.503 0.017-1.006 0.067-1.51-0.067 0.503-0.083 1.006-0.083 1.526 0 0.369 0.017 0.721 0.033 1.090 0-0.369-0.017-0.738-0.017-1.107z" />
+<glyph unicode="" d="M497.358 468.476c-0.551-0.621-1.069-1.275-1.536-1.946 0.468 0.671 0.969 1.325 1.536 1.946z" />
+<glyph unicode="" d="M508.981 474.934c0.902 0.168 1.837 0.268 2.789 0.302-0.952-0.050-1.87-0.151-2.789-0.302z" />
+<glyph unicode="" d="M511.92 433.568c0.367 0 0.718 0.017 1.069 0.017-0.367-0.017-0.718-0.034-1.085-0.034-0.384 0-0.751 0.017-1.119 0.050 0.384-0.034 0.751-0.050 1.136-0.034z" />
+<glyph unicode="" d="M512.872 475.269c0.267 0 0.534-0.017 0.802-0.034-0.267 0.017-0.534 0.017-0.802 0.017-0.367 0-0.735 0-1.102-0.017 0.367 0.034 0.735 0.034 1.102 0.034z" />
+<glyph unicode="" d="M526.916 439.741c0.468 0.47 0.918 0.939 1.369 1.443-0.651-0.772-1.353-1.493-2.121-2.147 0.25 0.235 0.501 0.47 0.751 0.705z" />
+<glyph unicode="" d="M528.302 441.217c0.651 0.772 1.252 1.577 1.787 2.416-0.534-0.855-1.119-1.661-1.787-2.416z" />
+<glyph unicode="" d="M458.499-21.888c-57.395 4.965-111.283 21.958-162.466 47.857-82.11 41.567-147.22 102.24-194.462 181.079-42.082 70.251-63.941 147.010-65.728 229.423-0.15 6.458-0.15 12.933 0 19.324 0.15 12.228 0.802 24.306 1.87 36.283 19.889 225.447 189.82 404.698 419.2 432.208 7.197 0.839 14.478 0.99 23.88 1.61v-48.763c-77.434-6.425-148.974-28.533-210.978-73.891-116.844-85.381-180.786-195.035-184.91-329.163-0.334-10.216-0.301-20.532 0.117-30.999 0.701-19.542 2.588-39.554 5.745-60.035 23.546-153.988 112.419-260.623 251.49-324.533 34.484-15.869 74.028-21.22 111.684-29.053 16.933-3.523 26.836-9.813 27.704-27.577 0.701-16.238-5.811-25.279-23.145-23.769z" />
+<glyph unicode="" d="M831.743 103.969c-73.527-71.928-163.752-112.925-266.219-124.885-13.844-1.627-29.073-4.311-32.146 16.053-2.622 17.328 7.181 28.768 26.936 33.264 32.53 7.431 65.594 13.369 97.356 23.484 58.731 18.737 108.612 53.275 150.744 97.61 122.188 128.408 158.358 279.829 98.492 446.147-59.867 166.418-184.81 258.308-359.935 280.299-2.839 0.352-5.694 0.755-11.038 1.459v48.696c18.703-2.114 36.655-2.634 53.955-6.29 187.565-39.235 316.667-149.090 371.591-333.222 54.94-184.4 7.732-348.168-129.736-482.614z" />
+<glyph unicode="" glyph-name="projects" d="M738.064 471.472l-206.048-117.081 0.648-237.415 205.4 118.386zM296.816 471.472v-236.11l205.402-118.386 0.646 237.415zM517.439 619.312l-204.671-118.352 204.671-117.696 205.313 117.696zM92.872 910.64h327.139c51.335 0 92.917-41.604 92.917-92.904v-44.536h418.154c51.314 0 92.918-41.615 92.918-92.907v-602.031c0-51.325-41.605-92.918-92.918-92.918h-838.208c-51.27 0-92.873 41.594-92.873 92.918v602.031c0 1.603 0.041 3.196 0.121 4.779l0.078 1.030-0.078 1.030c-0.080 1.584-0.121 3.178-0.121 4.782v125.822c0 51.299 41.603 92.904 92.872 92.904z" />
+<glyph unicode="" glyph-name="rename" d="M292.64 960h438.752v-27.918h-37c-41.803 0-72.25-12.332-91.376-37-12.592-16.125-18.875-54.875-18.875-116.292v-487.75h90.1v-64h-90.1v-109.79c0-51.834 3.261-86.083 9.813-102.709 5.030-12.584 15.595-23.374 31.709-32.459 21.647-12.082 44.562-18.114 68.73-18.114h37v-27.968h-438.752v27.968h36.249c42.292 0 72.99 12.323 92.126 36.989 12.083 16.125 18.125 54.875 18.125 116.293v109.79h-93.157v64h93.157v487.75c0 51.835-3.282 86.085-9.813 102.667-5.042 12.584-15.365 23.418-30.97 32.5-22.155 12.084-45.302 18.125-69.469 18.125h-36.249z" />
+<glyph unicode="" glyph-name="Save" d="M178.857 170.418v-103.511h664.66v103.511zM270.958 958.932h127.786v-260.744h-127.786zM5.556 960h168.819v-312.888h669.074v312.888h175.017v-1023.936h-1012.91z" />
+<glyph unicode="" glyph-name="squares" d="M928 752v-416c-0.171-56.042-41.533-102.371-95.391-110.309l-0.609-0.074v526.383c-0.114 8.79-7.21 15.886-15.989 16h-526.394c8.012 54.467 54.341 95.829 110.365 96h416.018c61.825-0.077 111.923-50.175 112-111.993v-0.007zM768 592v-416c-0.077-61.825-50.175-111.923-111.993-112h-416.007c-61.825 0.077-111.923 50.175-112 111.993v416.007c0.077 61.825 50.175 111.923 111.993 112h416.007c61.825-0.077 111.923-50.175 112-111.993v-0.007zM672 592c-0.114 8.79-7.21 15.886-15.989 16h-416.011c-8.79-0.114-15.886-7.21-16-15.989v-416.011c0.114-8.79 7.21-15.886 15.989-16h416.011c8.79 0.114 15.886 7.21 16 15.989v0.011z" />
+<glyph unicode="" glyph-name="table" d="M0 147.354h1023.919v-129.997h-1023.919zM0 391.18h1023.919v-130.079h-1023.919zM0 635.007h1023.919v-130.079h-1023.919zM0 878.752h1023.919v-130.079h-1023.919z" />
+<glyph unicode="" glyph-name="upload" d="M511.975 447.953l-242.846-242.843h161.146v-184.088h163.402v184.088h161.146zM646.038 924.618l311.664-313.105h-311.664zM66.25 960h514.016v-388.045h377.436v-636.099h-891.451z" />
+<glyph unicode="" glyph-name="user" d="M784 832h-544c-61.825-0.077-111.923-50.175-112-111.993v-544.007c0.077-61.825 50.175-111.923 111.993-112h544.007c61.825 0.077 111.923 50.175 112 111.993v544.007c-0.077 61.825-50.175 111.923-111.993 112h-0.007zM384 506.039v69.961c0 70.692 57.308 128 128 128s128-57.308 128-128v0-69.961c4.573-3.984 7.447-9.818 7.447-16.322 0-2.91-0.575-5.686-1.618-8.22l0.052 0.144-11.762-35.281c-5.297-13.384-16.083-23.612-29.504-28.044l-0.337-0.096-5.269-42.156c-4.083-31.765-30.956-56.062-63.504-56.062-0.001 0-0.002 0-0.002 0h-47.004c-0.001 0-0.001 0-0.002 0-32.548 0-59.421 24.298-63.47 55.744l-0.034 0.32-5.27 42.156c-13.759 4.528-24.544 14.757-29.729 27.818l-0.113 0.323-11.762 35.281c-0.99 2.39-1.565 5.165-1.565 8.075 0 6.504 2.873 12.338 7.42 16.3l0.026 0.022zM736 176c0-8.837-7.163-16-16-16v0h-416c-8.837 0-16 7.163-16 16v0 62.68c0.001 21.603 10.705 40.706 27.098 52.295l0.201 0.135 57.17 40.016c20.522-44.54 64.704-74.939 116.007-75.125h47.024c51.327 0.185 95.509 30.585 115.704 74.332l0.328 0.793 57.17-40.016c16.594-11.724 27.298-30.827 27.298-52.43v0z" />
+</font></defs></svg>
\ No newline at end of file
--- /dev/null
+@font-face {
+ font-family: 'pot';
+ src:
+ url('fonts/pot.ttf?swvx8n') format('truetype'),
+ url('fonts/pot.woff?swvx8n') format('woff'),
+ url('fonts/pot.svg?swvx8n#pot') format('svg');
+ font-weight: normal;
+ font-style: normal;
+ font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+ /* use !important to prevent issues with browser extensions that change fonts */
+ font-family: 'pot' !important;
+ speak: never;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-shop:before {
+ content: "\e900";
+}
+.icon-template:before {
+ content: "\e901";
+}
+.icon-remove:before {
+ content: "\e902";
+}
+.icon-access:before {
+ content: "\e903";
+}
+.icon-address:before {
+ content: "\e904";
+}
+.icon-apps:before {
+ content: "\e905";
+}
+.icon-archive:before {
+ content: "\e906";
+}
+.icon-calendar:before {
+ content: "\e907";
+}
+.icon-code:before {
+ content: "\e908";
+}
+.icon-coin:before {
+ content: "\e909";
+}
+.icon-company:before {
+ content: "\e90a";
+}
+.icon-cube:before {
+ content: "\e90b";
+}
+.icon-cubelight:before {
+ content: "\e90c";
+}
+.icon-dashboard:before {
+ content: "\e90d";
+}
+.icon-datarefresh:before {
+ content: "\e90e";
+}
+.icon-documentsave:before {
+ content: "\e90f";
+}
+.icon-documents:before {
+ content: "\e910";
+}
+.icon-download:before {
+ content: "\e911";
+}
+.icon-duplicate:before {
+ content: "\e912";
+}
+.icon-edit:before {
+ content: "\e913";
+}
+.icon-excel:before {
+ content: "\e914";
+}
+.icon-expand:before {
+ content: "\e915";
+}
+.icon-file:before {
+ content: "\e916";
+}
+.icon-Floppy:before {
+ content: "\e917";
+}
+.icon-folder:before {
+ content: "\e918";
+}
+.icon-folder_add:before {
+ content: "\e919";
+}
+.icon-folder_delete:before {
+ content: "\e91a";
+}
+.icon-folder_find:before {
+ content: "\e91b";
+}
+.icon-globe:before {
+ content: "\e91c";
+}
+.icon-group:before {
+ content: "\e91d";
+}
+.icon-home:before {
+ content: "\e91e";
+}
+.icon-inbox:before {
+ content: "\e91f";
+}
+.icon-library:before {
+ content: "\e920";
+}
+.icon-license:before {
+ content: "\e921";
+}
+.icon-list:before {
+ content: "\e922";
+}
+.icon-log:before {
+ content: "\e923";
+}
+.icon-logout:before {
+ content: "\e924";
+}
+.icon-menu:before {
+ content: "\e925";
+}
+.icon-newspaper:before {
+ content: "\e926";
+}
+.icon-numberlist:before {
+ content: "\e927";
+}
+.icon-package:before {
+ content: "\e928";
+}
+.icon-pay:before {
+ content: "\e929";
+}
+.icon-pdf:before {
+ content: "\e92a";
+}
+.icon-pdfexport:before {
+ content: "\e92b";
+}
+.icon-pictures:before {
+ content: "\e92c";
+}
+.icon-plus:before {
+ content: "\e92d";
+}
+.icon-poticon .path1:before {
+ content: "\e92e";
+ color: rgb(0, 50, 104);
+}
+.icon-poticon .path2:before {
+ content: "\e92f";
+ margin-left: -1em;
+ color: rgb(0, 50, 104);
+}
+.icon-poticon .path3:before {
+ content: "\e930";
+ margin-left: -1em;
+ color: rgb(0, 50, 104);
+}
+.icon-poticon .path4:before {
+ content: "\e931";
+ margin-left: -1em;
+ color: rgb(0, 50, 104);
+}
+.icon-poticon .path5:before {
+ content: "\e932";
+ margin-left: -1em;
+ color: rgb(0, 50, 104);
+}
+.icon-poticon .path6:before {
+ content: "\e933";
+ margin-left: -1em;
+ color: rgb(255, 255, 255);
+}
+.icon-poticon .path7:before {
+ content: "\e934";
+ margin-left: -1em;
+ color: rgb(255, 255, 255);
+}
+.icon-poticon .path8:before {
+ content: "\e935";
+ margin-left: -1em;
+ color: rgb(255, 255, 255);
+}
+.icon-poticon .path9:before {
+ content: "\e936";
+ margin-left: -1em;
+ color: rgb(255, 255, 255);
+}
+.icon-poticon .path10:before {
+ content: "\e937";
+ margin-left: -1em;
+ color: rgb(255, 255, 255);
+}
+.icon-poticon .path11:before {
+ content: "\e938";
+ margin-left: -1em;
+ color: rgb(255, 255, 255);
+}
+.icon-poticon .path12:before {
+ content: "\e939";
+ margin-left: -1em;
+ color: rgb(255, 255, 255);
+}
+.icon-poticon .path13:before {
+ content: "\e93a";
+ margin-left: -1em;
+ color: rgb(0, 91, 206);
+}
+.icon-poticon .path14:before {
+ content: "\e93b";
+ margin-left: -1em;
+ color: rgb(0, 50, 104);
+}
+.icon-projects:before {
+ content: "\e93c";
+}
+.icon-rename:before {
+ content: "\e93d";
+}
+.icon-Save:before {
+ content: "\e93e";
+}
+.icon-squares:before {
+ content: "\e93f";
+}
+.icon-table:before {
+ content: "\e940";
+}
+.icon-upload:before {
+ content: "\e941";
+}
+.icon-user:before {
+ content: "\e942";
+}
--- /dev/null
+/* W3PRO.CSS 4.13 June 2019 by Jan Egil and Borge Refsnes */
+html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
+/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
+html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
+html,body {-webkit-user-select: none;-ms-user-select: none;user-select: none;-moz-user-select:none;}
+article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
+audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
+audio:not([controls]){display:none;height:0}[hidden],template{display:none}
+a{background-color:transparent}a:active,a:hover{outline-width:0}
+abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
+b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
+small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
+sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
+code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
+button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
+button,input{overflow:visible}button,select{text-transform:none}
+button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
+button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
+button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
+fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
+legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
+[type=checkbox],[type=radio]{padding:0}
+[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
+[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
+[type=search]::-webkit-search-decoration{-webkit-appearance:none}
+::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
+/* End extract */
+/* html,body {
+ background-color: #52638e;
+} */
+html,body{font-family:Verdana,sans-serif;font-size:9pt;line-height:1.5}html{overflow-x:hidden}
+h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.serif{font-family:serif}
+h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin: 0}.wide{letter-spacing:4px}
+hr{border:0;border-top:1px solid #eee;margin:20px 0}
+.img{max-width:100%;height:auto; vertical-align:middle}a{color:inherit}
+.table,.table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.table-all{border:1px solid #ccc}
+.bordered tr,.table-all tr{border-bottom:1px solid #ddd}.striped tbody tr:nth-child(even){background-color:#f1f1f1}
+.table-all tr:nth-child(odd){background-color:#fff}.table-all tr:nth-child(even){background-color:#f1f1f1}
+.hoverable tbody tr:hover,.ul.hoverable li:hover{background-color:#ccc}.centered tr th,.centered tr td{text-align:center}
+.table td,.table th,.table-all td,.table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
+.table th:first-child,.table td:first-child,.table-all th:first-child,.table-all td:first-child{padding-left:16px}
+.btn,.button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap ;border-radius: 3px;}
+.btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
+.btn,.button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+.disabled,.btn:disabled,.button:disabled{cursor:not-allowed;opacity:0.3}.disabled *,:disabled *{pointer-events:none}
+.btn.disabled:hover,.btn:disabled:hover{box-shadow:none}
+.badge,.tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.badge{border-radius:50%}
+.ul{list-style-type:none;padding:0;margin:0}.ul li{padding:8px 16px;border-bottom:1px solid #ddd}.ul li:last-child{border-bottom:none}
+.tooltip,.display-container{position:relative}.tooltip .text{display:none}.tooltip:hover .text{display:inline-block}
+.ripple:active{opacity:0.5}.ripple{transition:opacity 0s}
+.input{padding:2px;display:block;border: 1px solid #ccc;width:100%;background-color: #fff; border-radius: 2px;}/*#e8f0fe*/
+.select{padding:2px 0; display:block;width:100%;border:1px solid #ccc;background-color: #fff;}
+.dropdown-click,.dropdown-hover{position:relative;display:inline-block;cursor:pointer}
+.dropdown-hover:hover .dropdown-content{display:block; }
+.dropdown-hover:first-child,.dropdown-click:hover{background-color:#ccc;color:#000}
+.dropdown-hover:hover > .button:first-child,.dropdown-click:hover > .button:first-child{background-color:#ccc;color:#000}
+.dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
+.check,.radio{width:24px;height:24px;position:relative;top:6px}
+.sidebar{height:100%;width:160px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
+.bar-block .dropdown-hover,.bar-block .dropdown-click{width:100%}
+.bar-block .dropdown-hover .dropdown-content,.bar-block .dropdown-click .dropdown-content{min-width:100%}
+.bar-block .dropdown-hover .button,.bar-block .dropdown-click .button{width:100%;text-align:left;padding:8px 16px}
+.main,#main{transition:margin-left .4s}
+.modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
+.modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
+.bar{width:100%;overflow:hidden}.center .bar{display:inline-block;width:auto}
+.bar .bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
+.bar .dropdown-hover,.bar .dropdown-click{position:static;float:left}
+.bar .button{white-space:normal}
+.bar-block .bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
+.bar-block.center .bar-item{text-align:center}.block{display:block;width:100%}
+.responsive{display:block;overflow-x:auto}
+.container:after,.container:before,.datapanel:after,.datapanel:before,.row:after,.row:before,.row-padding:after,.row-padding:before,
+.cell-row:before,.cell-row:after,.clear:after,.clear:before,.bar:before,.bar:after{content:"";display:table;clear:both}
+.col,.half,.third,.twothird,.threequarter,.quarter,.fifth,.twofifth,.threefifth,.fourfifth{float:left;width:100%}
+.col.s1{width:8.33333%}.col.s2{width:16.66666%}.col.s3{width:24.99999%}.col.s4{width:33.33333%}
+.col.s5{width:41.66666%}.col.s6{width:49.99999%}.col.s7{width:58.33333%}.col.s8{width:66.66666%}
+.col.s9{width:74.99999%}.col.s10{width:83.33333%}.col.s11{width:91.66666%}.col.s12{width:99.99999%}
+@media (min-width:601px){.col.m1{width:8.33333%}.col.m2{width:16.66666%}.col.m3,.quarter{width:24.99999%}.col.m4,.third{width:33.33333%}.fifth{width:20%;min-width:100px}
+.col.m5{width:41.66666%}.col.m6,.half{width:49.99999%}.col.m7{width:58.33333%}.col.m8,.twothird{width:66.66666%}
+.col.m9,.threequarter{width:74.99999%}.col.m10{width:83.33333%}.col.m11{width:91.66666%}.col.m12{width:99.99999%}.twofifth{width:40%}.threefifth{width:60%}.fourfifth{width:80%}}
+@media (min-width:993px){.col.l1{width:8.33333%}.col.l2{width:16.66666%}.col.l3{width:24.99999%}.col.l4{width:33.33333%}
+.col.l5{width:41.66666%}.col.l6{width:49.99999%}.col.l7{width:58.33333%}.col.l8{width:66.66666%}
+.col.l9{width:74.99999%}.col.l10{width:83.33333%}.col.l11{width:91.66666%}.col.l12{width:99.99999%}}
+.rest{overflow:hidden}.stretch{margin-left:-16px;margin-right:-16px}
+.content,.auto{margin-left:auto;margin-right:auto}.content{max-width:980px}.auto{max-width:1140px}
+.cell-row{display:table;width:100%}.cell{display:table-cell}
+.cell-top{vertical-align:top}.cell-middle{vertical-align:middle}.cell-bottom{vertical-align:bottom}
+.hide{display:none!important}.show-block,.show{display:block!important}.show-inline-block{display:inline-block!important}
+@media (max-width:1205px){.auto{max-width:95%}}
+@media (max-width:600px){.modal-content{margin:0 10px;width:auto!important}.modal{padding-top:30px}
+.dropdown-hover.mobile .dropdown-content,.dropdown-click.mobile .dropdown-content{position:relative}
+.hide-small{display:none!important}.mobile{display:block;width:100%!important}.bar-item.mobile,.dropdown-hover.mobile,.dropdown-click.mobile{text-align:center}
+.dropdown-hover.mobile,.dropdown-hover.mobile .btn,.dropdown-hover.mobile .button,.dropdown-click.mobile,.dropdown-click.mobile .btn,.dropdown-click.mobile .button{width:100%}}
+@media (max-width:768px){.modal-content{width:500px}.modal{padding-top:50px}}
+@media (min-width:993px){.modal-content{width:900px}.hide-large{display:none!important}.sidebar.collapse{display:block!important}}
+@media (max-width:992px) and (min-width:601px){.hide-medium{display:none!important}}
+@media (max-width:992px){.sidebar.collapse{display:none}.main{margin-left:0!important;margin-right:0!important}.auto{max-width:100%}}
+.top,.bottom{position:fixed;width:100%;z-index:1}.top{top:0}.bottom{bottom:0}
+.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
+.display-topleft{position:absolute;left:0;top:0}.display-topright{position:absolute;right:0;top:0}
+.display-bottomleft{position:absolute;left:0;bottom:0}.display-bottomright{position:absolute;right:0;bottom:0}
+.display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
+.display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
+.display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
+.display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
+.display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
+.display-container:hover .display-hover{display:block}.display-container:hover span.display-hover{display:inline-block}.display-hover{display:none}
+.display-position{position:absolute}
+.circle{border-radius:50%}
+.round-small{border-radius:2px}.round,.round-medium{border-radius:4px}.round-large{border-radius:8px}.round-xlarge{border-radius:16px}.round-xxlarge{border-radius:32px}
+.row-padding,.row-padding>.half,.row-padding>.third,.row-padding>.twothird,.row-padding>.threequarter,.row-padding>.quarter,.row-padding>.col{padding:0 8px}
+.container,.datapanel{padding:0.01em 8px}.datapanel{margin-top:8px;margin-bottom:8px}
+.code,.codespan{font-family:Consolas,"courier new";font-size:16px}
+.code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
+.codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
+.card,.card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16)}
+.card-4,.hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
+.spin{animation:spin 2s infinite linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
+.animate-fading{animation:fading 2s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
+.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
+.animate-top{position:relative;animation:animatetop 1s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
+.animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
+.animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
+.animate-bottom{position:relative;animation:animatebottom 1s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
+.animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
+.animate-input{transition:width 0.4s ease-in-out}.animate-input:focus{width:100%!important}
+.opacity,.hover-opacity:hover{opacity:0.60}.opacity-off,.hover-opacity-off:hover{opacity:1}
+.opacity-max{opacity:0.25}.opacity-min{opacity:0.75}
+.greyscale-max,.grayscale-max,.hover-greyscale:hover,.hover-grayscale:hover{filter:grayscale(100%)}
+.greyscale,.grayscale{filter:grayscale(75%)}.greyscale-min,.grayscale-min{filter:grayscale(50%)}
+.sepia{filter:sepia(75%)}.sepia-max,.hover-sepia:hover{filter:sepia(100%)}.sepia-min{filter:sepia(50%)}
+.tiny{font-size:10px!important}.small{font-size:12px!important}.medium{font-size:15px!important}.large{font-size:18px!important}
+.xlarge{font-size:24px!important}.xxlarge{font-size:36px!important}.xxxlarge{font-size:48px!important}.jumbo{font-size:64px!important}
+.left-align{text-align:left!important}.right-align{text-align:right!important}.justify{text-align:justify!important}.center{text-align:center!important}
+.border-0{border:0!important}.border{border:1px solid #ccc!important}
+.border-top{border-top:1px solid #ccc!important}.border-bottom{border-bottom:1px solid #ccc!important}
+.border-left{border-left:1px solid #ccc!important}.border-right{border-right:1px solid #ccc!important}
+.topbar{border-top:6px solid #ccc!important}.bottombar{border-bottom:6px solid #ccc!important}
+.leftbar{border-left:6px solid #ccc!important}.rightbar{border-right:6px solid #ccc!important}
+.section,.code{margin-top:16px!important;margin-bottom:16px!important}
+.margin{margin:16px!important}.margin-top{margin-top:16px!important}.margin-bottom{margin-bottom:16px!important}
+.margin-left{margin-left:16px!important}.margin-right{margin-right:16px!important}
+.padding-small{padding:4px 8px!important}.padding{padding:8px 16px!important}.padding-large{padding:12px 24px!important}
+.padding-16{padding-top:16px!important;padding-bottom:16px!important}.padding-24{padding-top:24px!important;padding-bottom:24px!important}
+.padding-32{padding-top:32px!important;padding-bottom:32px!important}.padding-48{padding-top:48px!important;padding-bottom:48px!important}
+.padding-64{padding-top:64px!important;padding-bottom:64px!important}
+.left{float:left!important}.right{float:right!important}
+.button:hover{color:#000!important;background-color:#ccc!important}
+.transparent,.hover-none:hover{background-color:transparent!important}
+.hover-none:hover{box-shadow:none!important}
+/* DEFAULT COLORS */
+.amber,.hover-amber:hover{color:#000!important;background-color:#ffc107!important}
+.aqua,.hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
+.blue,.hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
+.light-blue,.hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
+.brown,.hover-brown:hover{color:#fff!important;background-color:#795548!important}
+.cyan,.hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
+.blue-grey,.hover-blue-grey:hover{color:#fff!important;background-color:#607d8b!important}
+.green,.hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
+.light-green,.hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
+.indigo,.hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
+.khaki,.hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
+.lime,.hover-lime:hover{color:#000!important;background-color:#cddc39!important}
+.orange,.hover-orange:hover{color:#000!important;background-color:#ff9800!important}
+.deep-orange,.hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
+.pink,.hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
+.purple,.hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
+.deep-purple,.hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
+.red,.hover-red:hover{color:#fff!important;background-color:#f44336!important}
+.sand,.hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
+.teal,.hover-teal:hover{color:#fff!important;background-color:#009688!important}
+.yellow,.hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
+.white,.hover-white:hover{color:#000!important;background-color:#fff!important}
+.black,.hover-black:hover{color:#fff!important;background-color:#000!important}
+.grey,.hover-grey:hover{color:#000!important;background-color:#9e9e9e!important}
+.light-grey,.hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
+.dark-grey,.hover-dark-grey:hover{color:#fff!important;background-color:#616161!important}
+.pale-red,.hover-pale-red:hover{color:#000!important;background-color:#ffe7e7!important}.pale-green,.hover-pale-green:hover{color:#000!important;background-color:#e7ffe7!important}
+.pale-yellow,.hover-pale-yellow:hover{color:#000!important;background-color:#ffffd7!important}.pale-blue,.hover-pale-blue:hover{color:#000!important;background-color:#e7ffff!important}
+.text-align-right { text-align: right;}
+.text-amber,.hover-text-amber:hover{color:#ffc107!important}
+.text-aqua,.hover-text-aqua:hover{color:#00ffff!important}
+.text-blue,.hover-text-blue:hover{color:#2196F3!important}
+.text-light-blue,.hover-text-light-blue:hover{color:#87CEEB!important}
+.text-brown,.hover-text-brown:hover{color:#795548!important}
+.text-cyan,.hover-text-cyan:hover{color:#00bcd4!important}
+.text-blue-grey,.hover-text-blue-grey:hover{color:#607d8b!important}
+.text-green,.hover-text-green:hover{color:#4CAF50!important}
+.text-light-green,.hover-text-light-green:hover{color:#8bc34a!important}
+.text-indigo,.hover-text-indigo:hover{color:#3f51b5!important}
+.text-khaki,.hover-text-khaki:hover{color:#b4aa50!important}
+.text-lime,.hover-text-lime:hover{color:#cddc39!important}
+.text-orange,.hover-text-orange:hover{color:#ff9800!important}
+.text-deep-orange,.hover-text-deep-orange:hover{color:#ff5722!important}
+.text-pink,.hover-text-pink:hover{color:#e91e63!important}
+.text-purple,.hover-text-purple:hover{color:#9c27b0!important}
+.text-deep-purple,.hover-text-deep-purple:hover{color:#673ab7!important}
+.text-red,.hover-text-red:hover{color:#f44336!important}
+.text-sand,.hover-text-sand:hover{color:#fdf5e6!important}
+.text-teal,.hover-text-teal:hover{color:#009688!important}
+.text-yellow,.hover-text-yellow:hover{color:#d2be0e!important}
+.text-white,.hover-text-white:hover{color:#fff!important}
+.text-black,.hover-text-black:hover{color:#000!important}
+.text-grey,.hover-text-grey:hover{color:#757575!important}
+.text-light-grey,.hover-text-light-grey:hover{color:#f1f1f1!important}
+.text-dark-grey,.hover-text-dark-grey:hover{color:#3a3a3a!important}
+.border-amber,.hover-border-amber:hover{border-color:#ffc107!important}
+.border-aqua,.hover-border-aqua:hover{border-color:#00ffff!important}
+.border-blue,.hover-border-blue:hover{border-color:#2196F3!important}
+.border-light-blue,.hover-border-light-blue:hover{border-color:#87CEEB!important}
+.border-brown,.hover-border-brown:hover{border-color:#795548!important}
+.border-cyan,.hover-border-cyan:hover{border-color:#00bcd4!important}
+.border-blue-grey,.hover-blue-grey:hover{border-color:#607d8b!important}
+.border-green,.hover-border-green:hover{border-color:#4CAF50!important}
+.border-light-green,.hover-border-light-green:hover{border-color:#8bc34a!important}
+.border-indigo,.hover-border-indigo:hover{border-color:#3f51b5!important}
+.border-khaki,.hover-border-khaki:hover{border-color:#f0e68c!important}
+.border-lime,.hover-border-lime:hover{border-color:#cddc39!important}
+.border-orange,.hover-border-orange:hover{border-color:#ff9800!important}
+.border-deep-orange,.hover-border-deep-orange:hover{border-color:#ff5722!important}
+.border-pink,.hover-border-pink:hover{border-color:#e91e63!important}
+.border-purple,.hover-border-purple:hover{border-color:#9c27b0!important}
+.border-deep-purple,.hover-border-deep-purple:hover{border-color:#673ab7!important}
+.border-red,.hover-border-red:hover{border-color:#f44336!important}
+.border-sand,.hover-border-sand:hover{border-color:#fdf5e6!important}
+.border-teal,.hover-border-teal:hover{border-color:#009688!important}
+.border-yellow,.hover-border-yellow:hover{border-color:#ffeb3b!important}
+.border-white,.hover-border-white:hover{border-color:#fff!important}
+.border-black,.hover-border-black:hover{border-color:#000!important}
+.border-grey,.hover-border-grey:hover{border-color:#9e9e9e!important}
+.border-light-grey,.hover-border-light-grey:hover{border-color:#f1f1f1!important}
+.border-dark-grey,.hover-border-dark-grey:hover{border-color:#616161!important}
+.border-pale-red,.hover-border-pale-red:hover{border-color:#ffe7e7!important}.border-pale-green,.hover-border-pale-green:hover{border-color:#e7ffe7!important}
+.border-pale-yellow,.hover-border-pale-yellow:hover{border-color:#ffffd7!important}.border-pale-blue,.hover-border-pale-blue:hover{border-color:#e7ffff!important}
+/* DEFAULT THEME */
+.theme-l5 {color:#000 !important; background-color:#f6f8fc !important}
+.theme-l4 {color:#000 !important; background-color:#e1e9f6 !important}
+.theme-l3 {color:#000 !important; background-color:#c3d3ed !important}
+.theme-l2 {color:#000 !important; background-color:#a5bee4 !important}
+.theme-l1 {color:#fff !important; background-color:#88a8db !important}
+.theme-d1 {color:#fff !important; background-color:#5180cb !important}
+.theme-d2 {color:#fff !important; background-color:#3a6fc3 !important}
+.theme-d3 {color:#fff !important; background-color:#3361aa !important}
+.theme-d4 {color:#fff !important; background-color:#2c5392 !important}
+.theme-d5 {color:#fff !important; background-color:#24457a !important}
+
+.theme-light {color:#000 !important; background-color:#f6f8fc !important}
+.theme-dark {color:#fff !important; background-color:#24457a !important}
+.theme-action {color:#fff !important; background-color:#24457a !important}
+
+.theme {color:#fff !important; background-color:#6a92d3 !important}
+.text-theme {color:#6a92d3 !important}
+.border-theme {border-color:#6a92d3 !important}
+
+.hover-theme:hover {color:#fff !important; background-color:#6a92d3 !important}
+.hover-text-theme:hover {color:#6a92d3 !important}
+.hover-border-theme:hover {border-color:#6a92d3 !important}
+
+/* .label { color: #000; font-size: 8pt;} */
+/* #main {margin-left: 210px;} */
+/* @media (max-width:768px){
+ #sidebar { display: none;}
+ #main { margin-left: 0px;}
+} */
+
+
+
+.table {
+ table-layout: fixed;
+}
+
+.text-line-through { text-decoration: line-through; }
+
+#snackbar {
+ visibility: hidden;
+ min-width: 250px;
+ margin-left: -125px;
+ background-color: #333;
+ color: #fff;
+ text-align: center;
+
+ padding: 16px;
+ position: fixed;
+ z-index: 1;
+ left: 50%;
+ bottom: 30px;
+ font-size: 17px;
+}
+
+#snackbar.show {
+ visibility: visible;
+ -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
+ animation: fadein 0.5s, fadeout 0.5s 2.5s;
+}
+
+@-webkit-keyframes fadein {
+ from {bottom: 0; opacity: 0;}
+ to {bottom: 30px; opacity: 1;}
+}
+
+@keyframes fadein {
+ from {bottom: 0; opacity: 0;}
+ to {bottom: 30px; opacity: 1;}
+}
+
+@-webkit-keyframes fadeout {
+ from {bottom: 30px; opacity: 1;}
+ to {bottom: 0; opacity: 0;}
+}
+
+@keyframes fadeout {
+ from {bottom: 30px; opacity: 1;}
+ to {bottom: 0; opacity: 0;}
+}
+
+.tabulator-header-filter > input {
+ background-color: #fff;
+ border: 1px solid #ccc;
+ font-weight: normal;
+}
+
+.readonly {
+ pointer-events:none;
+ color: #000!important;
+ background-color: #d3d3d3!important;
+}
+
+
+
+.right-side-bg {
+ background: url("../img/bg1.jpg");
+ background-size: cover;
+ min-height: 100vh;
+}
+
+
+
+
+/* .mceContentBody {
+ background: #fff;
+ color:#000;
+} */
+
+/* .tabulator-row-even {
+ background-color: #757575;
+} */
+
+
+button
+{
+ background-color: #f4f4f4;
+ border: 1pt solid #cccccc;
+ font-size: 10pt;
+ color: #000;
+ line-height: 1line;
+ text-align: center;
+}
+button:hover
+{
+ background-color: #343434;
+}
+button:pressed
+{
+ background-color: #343434;
+}
+button:focus
+{
+ background-color: #343434;
+}
+
+
+
+
+header
+{
+ background-color: #fff;
+ box-sizing: border-box;
+}
+
+
+
+
+::-webkit-input-placeholder
+{
+ color: rgba(60.3922%,60.3922%,60.3922%,1);
+}
+
+
+textarea
+{
+ background-color: #fff;
+ border-top-color: rgba(80%,80%,80%,1);
+ border-right-color: rgba(80%,80%,80%,1);
+ border-bottom-color: rgba(80%,80%,80%,1);
+ border-left-color: rgba(80%,80%,80%,1);
+ border-top-style: solid;
+ border-right-style: solid;
+ border-bottom-style: solid;
+ border-left-style: solid;
+ border-top-width: 1pt;
+ border-right-width: 1pt;
+ border-bottom-width: 1pt;
+ border-left-width: 1pt;
+ font-size: 11pt;
+ color: #000;
+ line-height: 1line;
+ text-align: left;
+ /* margin-top: 0.88em;
+ margin-right: 0.75em;
+ margin-bottom: 0.63em;
+ margin-left: 0.75em;
+ top: 0pt;
+ right: 30pt;
+ bottom: 0pt;
+ left: 0pt;
+ position: absolute;
+ box-sizing: border-box; */
+}
+textarea:focus
+{
+ border-top-color: rgba(0%,43.9216%,81.1765%,1);
+ border-right-color: rgba(0%,43.9216%,81.1765%,1);
+ border-bottom-color: rgba(0%,43.9216%,81.1765%,1);
+ border-left-color: rgba(0%,43.9216%,81.1765%,1);
+}
+textarea:placeholder
+{
+ color: rgba(80%,80%,80%,1);
+}
+/* textarea .text
+{
+
+} */
+textarea .scrollbar_track
+{
+ width: 30pt;
+ top: 0pt;
+ right: 0pt;
+ bottom: 0pt;
+ position: absolute;
+ box-sizing: border-box;
+}
+
+
+footer
+{
+ background-color: #fff;
+ box-sizing: border-box;
+}
+
+
+div.group_container
+{
+ background-color: #e3e3e3;
+ border-top-color: rgba(80%,80%,80%,1);
+ border-right-color: rgba(80%,80%,80%,1);
+ border-bottom-color: rgba(80%,80%,80%,1);
+ border-left-color: rgba(80%,80%,80%,1);
+ border-top-style: solid;
+ border-right-style: solid;
+ border-bottom-style: solid;
+ border-left-style: solid;
+ border-top-width: 1pt;
+ border-right-width: 1pt;
+ border-bottom-width: 1pt;
+ border-left-width: 1pt;
+ padding-top: 4px;
+ padding-bottom: 8px;
+}
+
+/* Custom Styles */
+.ListView_Default
+{
+ background-image: none;
+ background-color: rgba(0%,0%,0%,0);
+ border-top-style: none;
+ border-right-style: none;
+ border-bottom-style: none;
+ border-left-style: none;
+ border-image-source: none;
+ color: #000;
+ text-align: left;
+ margin-top: 2pt;
+ margin-right: 2pt;
+ margin-bottom: 2pt;
+ margin-left: 2pt;
+}
+
+
+button.btnNavigation
+{
+ background-image: none;
+ background-color: rgba(0%,0%,0%,0);
+ border-image-source: none;
+ font-family: -fm-font-family(Arial,Arial-BoldMT);
+ font-weight: bold;
+ font-size: 10pt;
+ color: #fff;
+ padding-top: 0pt;
+ padding-right: 0pt;
+ padding-bottom: 0pt;
+ padding-left: 0pt;
+}
+
+div.PageListHeader
+{
+ border-top-color: rgba(80%,80%,80%,1);
+ border-right-color: rgba(80%,80%,80%,1);
+ border-bottom-color: rgba(80%,80%,80%,1);
+ border-left-color: rgba(80%,80%,80%,1);
+ border-top-style: solid;
+ border-right-style: solid;
+ border-bottom-style: solid;
+ border-left-style: solid;
+ border-top-width: 1pt;
+ border-right-width: 1pt;
+ border-bottom-width: 1pt;
+ border-left-width: 1pt;
+ color: #fff;
+ -fm-text-vertical-align: center;
+}
+div.PageListHeader .inner_border
+{
+ padding-top: 5pt;
+ padding-right: 5pt;
+ padding-bottom: 5pt;
+ padding-left: 5pt;
+}
+
+.moduletoolbar
+{
+ background-color: #293146;
+ color: #fff;
+}
+
+div.BodySectionHeader
+{
+ font-family: -fm-font-family(Arial,Arial-BoldMT);
+ font-weight: bold;
+}
+
+button.Button_ImgPlacer
+{
+ background-image: none;
+ background-color: rgba(0%,0%,0%,0);
+ border-top-style: none;
+ border-right-style: none;
+ border-bottom-style: none;
+ border-left-style: none;
+ border-image-source: none;
+ font-family: -fm-font-family(Arial,Arial-BoldMT);
+ font-weight: bold;
+ font-size: 10pt;
+ color: #fff;
+}
+button.Button_ImgPlacer .inner_border
+{
+ padding-top: 0pt;
+ padding-right: 0pt;
+ padding-bottom: 0pt;
+ padding-left: 0pt;
+}
+
+
+div.PageHeadTitle
+{
+ font-size: 18pt;
+ color: #fff;
+}
+
+div.ListView_SectionHeader
+{
+ background-image: none;
+ background-color: rgba(22.3529%,26.6667%,38.4314%,1);
+ border-image-source: none;
+}
+
+button.toolbarbtn
+{
+ border: 0.5px solid #c6c6c6;
+ background-image: none;
+ background-color: rgba(0%,0%,0%,0);
+ border-image-source: none;
+ color: #fff;
+}
+button.toolbarbtn:hover
+{
+ background-image: none;
+ background-color: rgba(20.3922%,20.3922%,20.3922%,1);
+ border-image-source: none;
+}
+button.toolbarbtn:pressed
+{
+ background-image: none;
+ background-color: rgba(20.3922%,20.3922%,20.3922%,1);
+ border-image-source: none;
+}
+button.toolbarbtn:focus
+{
+ border-top-color: rgba(80%,80%,80%,1);
+ border-right-color: rgba(80%,80%,80%,1);
+ border-bottom-color: rgba(80%,80%,80%,1);
+ border-left-color: rgba(80%,80%,80%,1);
+}
+
+
+a.toolbarbtn
+{
+ border: 0.5px solid #c6c6c6;
+ background-image: none;
+ background-color: rgba(0%,0%,0%,0);
+ border-image-source: none;
+ color: #fff;
+}
+a.toolbarbtn:hover
+{
+ background-image: none;
+ background-color: rgba(20.3922%,20.3922%,20.3922%,1);
+ border-image-source: none;
+}
+a.toolbarbtn:pressed
+{
+ background-image: none;
+ background-color: rgba(20.3922%,20.3922%,20.3922%,1);
+ border-image-source: none;
+}
+butaton.toolbarbtn:focus
+{
+ border-top-color: rgba(80%,80%,80%,1);
+ border-right-color: rgba(80%,80%,80%,1);
+ border-bottom-color: rgba(80%,80%,80%,1);
+ border-left-color: rgba(80%,80%,80%,1);
+}
+
+
+div.ListView_Header
+{
+ border-top-color: rgba(80%,80%,80%,1);
+ border-right-color: rgba(80%,80%,80%,1);
+ border-bottom-color: rgba(80%,80%,80%,1);
+ border-left-color: rgba(80%,80%,80%,1);
+ border-top-style: solid;
+ border-right-style: solid;
+ border-bottom-style: solid;
+ border-left-style: solid;
+ border-top-width: 1pt;
+ border-right-width: 1pt;
+ border-bottom-width: 1pt;
+ border-left-width: 1pt;
+ font-weight: normal;
+ color: #fff;
+ -fm-text-vertical-align: center;
+}
+div.ListView_Header .inner_border
+{
+ padding-top: 2pt;
+ padding-right: 2pt;
+ padding-bottom: 2pt;
+ padding-left: 2pt;
+}
+
+div.toolbar
+{
+ /* background-image: none; */
+ /* background-color: rgba(32.1569%,38.8235%,55.6863%,1); */
+ background-color: #003579;
+ /* border-image-source: none; */
+}
+
+div.FooterLabel
+{
+ color: #fff;
+}
+
+button.Buttom_BodyNav:hover
+{
+ background-image: none;
+ background-color: rgb(141, 141, 141);
+ border-image-source: none;
+ /* color: #fff; */
+}
+
+
+/* div.portalpanel {
+ display: -webkit-box;
+ width: 100%;
+} */
+
+/* .portal{
+ width: 100%;
+ table-layout: fixed;
+ border-collapse: collapse;
+}
+
+.portal tbody{
+display:block;
+width: 100%;
+overflow-y: scroll;
+
+}
+
+.portal thead tr,.portal tfoot tr {
+ display: block;
+ width: 100%;
+
+}
+
+.portal thead,.portal tfoot {
+background: #384462;
+color:#fff;
+}
+
+.portal th, .portal td {
+padding: 5px;
+text-align: left;
+width: 100%;
+ border: 1px solid #c6c6c6;
+
+}
+
+.portal tbody tr:nth-child(even) {
+ background-color: rgb(247, 247, 247);
+}
+
+.portal tbody tr:hover{
+ background-color: #959fb9;
+}
+
+.portal_selected {
+ background-color: #acacac!important;
+} */
+
+
+
+
+::-webkit-scrollbar {
+-webkit-appearance: none;
+width: 10px;
+}
+
+::-webkit-scrollbar-track {
+ background-color: rgba(80%, 80%, 80%, .5);
+}
+
+::-webkit-scrollbar-thumb {
+border-radius: 0px;
+background-color: rgba(0, 0, 0, .5);
+-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
+}
+
+div.portaltextheader {
+ padding: 2px;
+ border: 1px solid white;
+}
+
+
+
+
+
+select {
+ /* -webkit-appearance: none; */
+ display: block;
+ color: #000;
+ line-height: 1line;
+ text-align: left;
+ padding: 3.5px;
+ width: 100%;
+ max-width: 100%;
+ box-sizing: border-box;
+ margin: 0;
+ border: 1px solid #cccccc;
+ /* box-shadow: 0 1px 0 1px rgba(0,0,0,.04); */
+ border-radius: 0px;
+ font-weight: normal;
+ font-size: 11pt;
+ background-color: #fff;
+ /* background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
+ linear-gradient(to bottom, #fff 0%,#fff 100%);
+ background-repeat: no-repeat, repeat;
+ background-position: right .7em top 50%, 0 0;
+ background-size: .65em auto, 100%; */
+}
+
+
+/* option {
+ appearance: none;
+ border: 1px solid 0070cf;
+ padding: 2px;
+} */
+select:focus
+{
+ border: 1px solid #3a6fc3;
+ border-radius: unset;
+}
+
+
+::-webkit-select-placeholder
+{
+ color: #9a9a9a;
+}
+
+div.DataFooter{
+ background: #384462;
+}
+.input-sum{padding:2px;display:block;border: 1px solid #ccc;width:100%;background-color: #4D4D4D; }
+
+
+.currency-sum {padding:2px;display:block;border: 1px solid #ccc;width:100%;background-color: #4D4D4D;}
+
+.currency-sum,.currency-sum:read-only {
+ display: block;
+ color: #fff;
+ padding: 2px;
+ padding-right: 12px;
+ width: 100%;
+ max-width: 100%;
+ box-sizing: border-box;
+ margin: 0;
+ border: 1px solid #ccc;
+ border-radius: unset;
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ background-color: #4D4D4D;
+ background-image: url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22225%22%20height=%22300%22%3E%3Cpath%20fill=%22white%22%20stroke=%22none%22%20d=%22m%20224.99996,16.22698%20-8.11342,36.41161%20q%20-24.14255,-19.78892%20-54.61741,-19.78892%20-41.3588,0%20-65.00658,23.74671%20-23.647774,23.7467%20-28.397115,53.23215%20l%20134.960355,0%20-5.14505,26.71508%20-132.981532,0%20-0.395848,7.71771%200.395848,18.20566%20127.242642,0%20-5.14505,26.71508%20-117.941954,0%20q%207.519719,40.17154%2032.552754,59.06997%2025.03303,18.89844%2056.49745,18.89844%2037.20302,0%2057.98149,-19.59107%20l%200,40.9631%20Q%20192.34828,300%20162.26913,300%2053.034301,300%2030.474864,189.18206%20l%20-30.474864,0%205.738751,-26.71508%2020.580475,0%20q%20-0.395708,-4.74934%20-0.395708,-17.80995%20l%200,-8.11342%20-25.923518,0%205.738751,-26.71508%2023.152999,0%20Q%2039.181988,55.21112%2076.583149,27.60556%20113.98417,0%20163.06069,0%20199.868,0%20224.99996,16.22698%20z%22%20/%3E%3C/svg%3E');
+ background-repeat: no-repeat, repeat;
+ background-position: right 2px top 50%, 0 0;
+ background-size: 9px auto, 100%;
+}
+
+
+
+
+/* input[type=date]::-webkit-inner-spin-button,
+input[type=date]::-webkit-outer-spin-button {
+ display: none;
+} */
+
+:focus {
+ outline: unset;
+}
+
+input
+{
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ font-weight: normal;
+ font-size: 11pt;
+ color: #000000;
+ line-height: 1line;
+ text-align: left;
+ width:100%;
+ padding:2px;
+ display:block;
+ border-radius: 3px;
+}
+/* input:focus
+{
+ border: #0070cf;
+} */
+
+input:focus {
+ border: 1px solid #3a6fc3;
+ border-radius: unset;
+}
+
+input[readonly=true]{
+ color: #000!important;
+ background-color: #d3d3d3!important;
+}
+
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
+/* input[type=checkbox]{
+ appearance: none;
+ display:inline-block;
+ font-size: 24px!important;
+ border: 1px solid green;
+} */
+
+input[class=currency] {
+ padding: 2px;
+ padding-right: 12px;
+ text-align: right;
+ background-image: url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22225%22%20height=%22300%22%3E%3Cpath%20stroke=%22none%22%20d=%22m%20224.99996,16.22698%20-8.11342,36.41161%20q%20-24.14255,-19.78892%20-54.61741,-19.78892%20-41.3588,0%20-65.00658,23.74671%20-23.647774,23.7467%20-28.397115,53.23215%20l%20134.960355,0%20-5.14505,26.71508%20-132.981532,0%20-0.395848,7.71771%200.395848,18.20566%20127.242642,0%20-5.14505,26.71508%20-117.941954,0%20q%207.519719,40.17154%2032.552754,59.06997%2025.03303,18.89844%2056.49745,18.89844%2037.20302,0%2057.98149,-19.59107%20l%200,40.9631%20Q%20192.34828,300%20162.26913,300%2053.034301,300%2030.474864,189.18206%20l%20-30.474864,0%205.738751,-26.71508%2020.580475,0%20q%20-0.395708,-4.74934%20-0.395708,-17.80995%20l%200,-8.11342%20-25.923518,0%205.738751,-26.71508%2023.152999,0%20Q%2039.181988,55.21112%2076.583149,27.60556%20113.98417,0%20163.06069,0%20199.868,0%20224.99996,16.22698%20z%22%20/%3E%0A%3C/svg%3E'),
+ linear-gradient(to bottom, #fff 0%,#fff 100%);
+ background-repeat: no-repeat, repeat;
+ background-position: right 2px top 50%, 0 0;
+ background-size: 9px auto, 100%;
+}
+
+input[class=currency]:read-only {
+ background-image: url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22225%22%20height=%22300%22%3E%3Cpath%20stroke=%22none%22%20d=%22m%20224.99996,16.22698%20-8.11342,36.41161%20q%20-24.14255,-19.78892%20-54.61741,-19.78892%20-41.3588,0%20-65.00658,23.74671%20-23.647774,23.7467%20-28.397115,53.23215%20l%20134.960355,0%20-5.14505,26.71508%20-132.981532,0%20-0.395848,7.71771%200.395848,18.20566%20127.242642,0%20-5.14505,26.71508%20-117.941954,0%20q%207.519719,40.17154%2032.552754,59.06997%2025.03303,18.89844%2056.49745,18.89844%2037.20302,0%2057.98149,-19.59107%20l%200,40.9631%20Q%20192.34828,300%20162.26913,300%2053.034301,300%2030.474864,189.18206%20l%20-30.474864,0%205.738751,-26.71508%2020.580475,0%20q%20-0.395708,-4.74934%20-0.395708,-17.80995%20l%200,-8.11342%20-25.923518,0%205.738751,-26.71508%2023.152999,0%20Q%2039.181988,55.21112%2076.583149,27.60556%20113.98417,0%20163.06069,0%20199.868,0%20224.99996,16.22698%20z%22%20/%3E%0A%3C/svg%3E'),
+ linear-gradient(to bottom, #d3d3d3 0%,#d3d3d3 100%);
+}
+
+input[class=percent] {
+ padding: 2px;
+ padding-right: 12px;
+ text-align: right;
+ background-image: url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22256%22%20height=%22232%22%20version=%221.0%22%3E%3Cg%20transform=%22translate(-112.3674,-128.3649)%22%3E%3Cpath%20style=%22fill:black;fill-opacity:1;stroke:none%22%20d=%22M%20317.1674,257.53698%20C%20308.53463,257.53708%20301.73774,261.20839%20296.77671,268.55094%20C%20291.91449,275.89365%20289.48349,286.1138%20289.48368,299.2114%20C%20289.48349,312.11067%20291.91449,322.2812%20296.77671,329.72303%20C%20301.73774,337.06568%20308.53463,340.737%20317.1674,340.73698%20C%20325.60128,340.737%20332.24934,337.06568%20337.11159,329.72303%20C%20342.07258,322.2812%20344.5532,312.11067%20344.55345,299.2114%20C%20344.5532,286.21302%20342.07258,276.04249%20337.11159,268.69977%20C%20332.24934,261.25801%20325.60128,257.53708%20317.1674,257.53698%20M%20317.1674,238.63466%20C%20332.84469,238.63477%20345.29739,244.09213%20354.52554,255.00675%20C%20363.75318,265.92157%20368.36713,280.65644%20368.3674,299.2114%20C%20368.36713,317.76648%20363.70357,332.50135%20354.37671,343.41605%20C%20345.14855,354.23156%20332.74546,359.6393%20317.1674,359.63931%20C%20301.29123,359.6393%20288.7393,354.23156%20279.51159,343.41605%20C%20270.28351,332.50135%20265.66956,317.76648%20265.66973,299.2114%20C%20265.66956,280.55721%20270.28351,265.82234%20279.51159,255.00675%20C%20288.83853,244.09213%20301.39045,238.63477%20317.1674,238.63466%20M%20163.5674,147.9928%20C%20155.03401,147.993%20148.28673,151.71393%20143.32554,159.15559%20C%20138.46349,166.49841%20136.03248,176.61933%20136.03252,189.51838%20C%20136.03248,202.61621%20138.46349,212.83635%20143.32554,220.17884%20C%20148.18751,227.52161%20154.93479,231.19292%20163.5674,231.1928%20C%20172.19989,231.19292%20178.94717,227.52161%20183.80926,220.17884%20C%20188.77041,212.83635%20191.25103,202.61621%20191.25113,189.51838%20C%20191.25103,176.71856%20188.77041,166.59764%20183.80926,159.15559%20C%20178.84794,151.71393%20172.10066,147.993%20163.5674,147.9928%20M%20297.9674,129.09047%20L%20321.78136,129.09047%20L%20182.7674,359.63931%20L%20158.95345,359.63931%20L%20297.9674,129.09047%20M%20163.5674,129.09047%20C%20179.24484,129.0907%20191.74715,134.54806%20201.07438,145.46256%20C%20210.4014,156.27827%20215.06496,170.96352%20215.06508,189.51838%20C%20215.06496,208.27201%20210.4014,223.05649%20201.07438,233.87187%20C%20191.84638,244.68748%20179.34406,250.09523%20163.5674,250.09512%20C%20147.79061,250.09523%20135.28829,244.68748%20126.06043,233.87187%20C%20116.93172,222.95727%20112.36739,208.17279%20112.3674,189.51838%20C%20112.36739,171.06275%20116.98134,156.37749%20126.20926,145.46256%20C%20135.43713,134.54806%20147.88983,129.0907%20163.5674,129.09047%22%20/%3E%3C/g%3E%3C/svg%3E'),
+ linear-gradient(to bottom, #fff 0%,#fff 100%);
+ background-repeat: no-repeat, repeat;
+ background-position: right 2px top 50%, 0 0;
+ background-size: 9px auto, 100%;
+}
+
+
+label {
+ height: 12.8px!important;
+ color: #000;
+ font-size: 8pt;
+}
+
+
+
+input[type="checkbox"] {
+ display: block;
+ -webkit-appearance:none;/* Hides the default checkbox style */
+ height:29.66px;
+ width:29.66px;
+ cursor:pointer;
+ position:relative;
+ -webkit-transition: .15s;
+ border-radius: unset;
+ border: 1px solid #cccccc;
+ background-color:#fff;
+ }
+
+ input[type="checkbox"]:checked {
+ background-color:green;
+ }
+
+ input[type="checkbox"]:before, input[type="checkbox"]:checked:before {
+ position:absolute;
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ line-height:2em;
+ text-align:center;
+ color:#fff;
+ content: '';
+ }
+
+ input[type="checkbox"]:checked:before {
+ font-size: 11pt;
+ content: '✔';
+ }
+
+ input[type="checkbox"]:hover:before {
+ background:rgba(255,255,255,0.3);
+ }
+
+
+ body.mceContentBody {
+ background:#e8f0fe;
+ color:#000;
+}
+
+/* .mceContentBody {
+ background: #e8f0fe;
+ color:#000;
+} */
+
+/* .tabulator-row-even {
+ background-color: #757575;
+} */
+
+:focus {
+ outline: 1px solid #607d8b;
+}
+
+input:hover {
+ outline: 1px solid #2196F3;
+ outline-offset: -1px;
+ /* Opera/IE 8+ */
+}
+input:focus {
+ outline: 2px solid #2196F3;
+ outline-offset: -1px;
+ /* Opera/IE 8+ */
+}
\ No newline at end of file
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
-h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
-h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin: 0}.w3-wide{letter-spacing:4px}
+h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.serif{font-family:serif}
+h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin: 0}.wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
-.w3-btn-append-right{float:left;margin-right: 0px;}
-.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
-.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
-.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
-.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
-.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
-.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
-.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
-.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
-.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
-.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
-.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
-.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
-.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
-.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
-.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
-.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
-.w3-input{padding:4px;display:block;border:1px solid #ccc;width:100%;background-color: #e8f0fe; }
-.w3-input-append{padding:4px;display:block;border:1px solid #ccc;float:left;background-color: #e8f0fe;}
-.w3-select{padding:4px 0; display:block;width:100%;border:1px solid #ccc;background-color: #e8f0fe;}
-.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
-.w3-dropdown-hover:hover .w3-dropdown-content{display:block; }
-.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
-.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
-.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
-.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
-.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
-.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
-.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
-.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
-.w3-main,#main{transition:margin-left .4s}
-.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
-.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
-.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
-.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
-.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
-.w3-bar .w3-button{white-space:normal}
-.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
-.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
-.w3-responsive{display:block;overflow-x:auto}
-.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
-.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
-.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter,.w3-fifth,.w3-twofifth,.w3-threefifth,.w3-fourfifth{float:left;width:100%}
-.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
-.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
-.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
-@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}.w3-fifth{width:20%;min-width:100px}
-.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
-.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}.w3-twofifth{width:40%}.w3-threefifth{width:60%}.w3-fourfifth{width:80%}}
-@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
-.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
-.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
-.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
-.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
-.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
-.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
-.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
-@media (max-width:1205px){.w3-auto{max-width:95%}}
-@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
-.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}
-.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
-.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
-@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
-@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
-@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
-@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}
-.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
-.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
-.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
-.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
-.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
-.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
-.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
-.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
-.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
-.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
-.w3-display-position{position:absolute}
-.w3-circle{border-radius:50%}
-.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
-.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
-.w3-container,.w3-panel{padding:0.01em 8px}.w3-panel{margin-top:8px;margin-bottom:8px}
-.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
-.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
-.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
-.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16)}
-.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
-.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
-.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
-.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
-.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
-.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
-.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
-.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
-.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
-.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
-.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
-.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
-.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
-.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
-.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
-.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
-.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
-.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
-.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
-.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
-.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
-.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
-.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
-.w3-section,.w3-code{margin-top:2px!important;margin-bottom:16px!important}
-.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
-.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
-.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
-.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
-.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
-.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
-.w3-left{float:left!important}.w3-right{float:right!important}
-.w3-button:hover{color:#000!important;background-color:#ccc!important}
-.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
-.w3-hover-none:hover{box-shadow:none!important}
+.btn-append-right{float:left;margin-right: 0px;}
+.image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
+.table,.table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.table-all{border:1px solid #ccc}
+.bordered tr,.table-all tr{border-bottom:1px solid #ddd}.striped tbody tr:nth-child(even){background-color:#f1f1f1}
+.table-all tr:nth-child(odd){background-color:#fff}.table-all tr:nth-child(even){background-color:#f1f1f1}
+.hoverable tbody tr:hover,.ul.hoverable li:hover{background-color:#ccc}.centered tr th,.centered tr td{text-align:center}
+.table td,.table th,.table-all td,.table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
+.table th:first-child,.table td:first-child,.table-all th:first-child,.table-all td:first-child{padding-left:16px}
+.btn,.button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap; border-radius: 3px;}
+.btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
+.btn,.button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+.disabled,.btn:disabled,.button:disabled{cursor:not-allowed;opacity:0.3}.disabled *,:disabled *{pointer-events:none}
+.btn.disabled:hover,.btn:disabled:hover{box-shadow:none}
+.badge,.tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.badge{border-radius:50%}
+.ul{list-style-type:none;padding:0;margin:0}.ul li{padding:8px 16px;border-bottom:1px solid #ddd}.ul li:last-child{border-bottom:none}
+.tooltip,.display-container{position:relative}.tooltip .text{display:none}.tooltip:hover .text{display:inline-block}
+.ripple:active{opacity:0.5}.ripple{transition:opacity 0s}
+.input{padding:4px;display:block;border:1px solid #ccc;width:100%;background-color: #e8f0fe; border-radius: 3px; }
+.input-append{padding:4px;display:block;border:1px solid #ccc;float:left;background-color: #e8f0fe;}
+.select{padding:4px 0; display:block;width:100%;border:1px solid #ccc;background-color: #e8f0fe;}
+.dropdown-click,.dropdown-hover{position:relative;display:inline-block;cursor:pointer}
+.dropdown-hover:hover .dropdown-content{display:block; }
+.dropdown-hover:first-child,.dropdown-click:hover{background-color:#ccc;color:#000}
+.dropdown-hover:hover > .button:first-child,.dropdown-click:hover > .button:first-child{background-color:#ccc;color:#000}
+.dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
+.check,.radio{width:24px;height:24px;position:relative;top:6px}
+.sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
+.bar-block .dropdown-hover,.bar-block .dropdown-click{width:100%}
+.bar-block .dropdown-hover .dropdown-content,.bar-block .dropdown-click .dropdown-content{min-width:100%}
+.bar-block .dropdown-hover .button,.bar-block .dropdown-click .button{width:100%;text-align:left;padding:8px 16px}
+.main,#main{transition:margin-left .4s}
+.modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
+.modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
+.bar{width:100%;overflow:hidden}.center .bar{display:inline-block;width:auto}
+.bar .bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
+.bar .dropdown-hover,.bar .dropdown-click{position:static;float:left}
+.bar .button{white-space:normal}
+.bar-block .bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
+.bar-block.center .bar-item{text-align:center}.block{display:block;width:100%}
+.responsive{display:block;overflow-x:auto}
+.container:after,.container:before,.panel:after,.panel:before,.row:after,.row:before,.row-padding:after,.row-padding:before,
+.cell-row:before,.cell-row:after,.clear:after,.clear:before,.bar:before,.bar:after{content:"";display:table;clear:both}
+.col,.half,.third,.twothird,.threequarter,.quarter,.fifth,.twofifth,.threefifth,.fourfifth{float:left;width:100%}
+.col.s1{width:8.33333%}.col.s2{width:16.66666%}.col.s3{width:24.99999%}.col.s4{width:33.33333%}
+.col.s5{width:41.66666%}.col.s6{width:49.99999%}.col.s7{width:58.33333%}.col.s8{width:66.66666%}
+.col.s9{width:74.99999%}.col.s10{width:83.33333%}.col.s11{width:91.66666%}.col.s12{width:99.99999%}
+@media (min-width:601px){.col.m1{width:8.33333%}.col.m2{width:16.66666%}.col.m3,.quarter{width:24.99999%}.col.m4,.third{width:33.33333%}.fifth{width:20%;min-width:100px}
+.col.m5{width:41.66666%}.col.m6,.half{width:49.99999%}.col.m7{width:58.33333%}.col.m8,.twothird{width:66.66666%}
+.col.m9,.threequarter{width:74.99999%}.col.m10{width:83.33333%}.col.m11{width:91.66666%}.col.m12{width:99.99999%}.twofifth{width:40%}.threefifth{width:60%}.fourfifth{width:80%}}
+@media (min-width:993px){.col.l1{width:8.33333%}.col.l2{width:16.66666%}.col.l3{width:24.99999%}.col.l4{width:33.33333%}
+.col.l5{width:41.66666%}.col.l6{width:49.99999%}.col.l7{width:58.33333%}.col.l8{width:66.66666%}
+.col.l9{width:74.99999%}.col.l10{width:83.33333%}.col.l11{width:91.66666%}.col.l12{width:99.99999%}}
+.rest{overflow:hidden}.stretch{margin-left:-16px;margin-right:-16px}
+.content,.auto{margin-left:auto;margin-right:auto}.content{max-width:980px}.auto{max-width:1140px}
+.cell-row{display:table;width:100%}.cell{display:table-cell}
+.cell-top{vertical-align:top}.cell-middle{vertical-align:middle}.cell-bottom{vertical-align:bottom}
+.hide{display:none!important}.show-block,.show{display:block!important}.show-inline-block{display:inline-block!important}
+@media (max-width:1205px){.auto{max-width:95%}}
+@media (max-width:600px){.modal-content{margin:0 10px;width:auto!important}.modal{padding-top:30px}
+.dropdown-hover.mobile .dropdown-content,.dropdown-click.mobile .dropdown-content{position:relative}
+.hide-small{display:none!important}.mobile{display:block;width:100%!important}.bar-item.mobile,.dropdown-hover.mobile,.dropdown-click.mobile{text-align:center}
+.dropdown-hover.mobile,.dropdown-hover.mobile .btn,.dropdown-hover.mobile .button,.dropdown-click.mobile,.dropdown-click.mobile .btn,.dropdown-click.mobile .button{width:100%}}
+@media (max-width:768px){.modal-content{width:500px}.modal{padding-top:50px}}
+@media (min-width:993px){.modal-content{width:900px}.hide-large{display:none!important}.sidebar.collapse{display:block!important}}
+@media (max-width:992px) and (min-width:601px){.hide-medium{display:none!important}}
+@media (max-width:992px){.sidebar.collapse{display:none}.main{margin-left:0!important;margin-right:0!important}.auto{max-width:100%}}
+.top,.bottom{position:fixed;width:100%;z-index:1}.top{top:0}.bottom{bottom:0}
+.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
+.display-topleft{position:absolute;left:0;top:0}.display-topright{position:absolute;right:0;top:0}
+.display-bottomleft{position:absolute;left:0;bottom:0}.display-bottomright{position:absolute;right:0;bottom:0}
+.display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
+.display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
+.display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
+.display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
+.display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
+.display-container:hover .display-hover{display:block}.display-container:hover span.display-hover{display:inline-block}.display-hover{display:none}
+.display-position{position:absolute}
+.circle{border-radius:50%}
+.round-small{border-radius:2px}.round,.round-medium{border-radius:4px}.round-large{border-radius:8px}.round-xlarge{border-radius:16px}.round-xxlarge{border-radius:32px}
+.row-padding,.row-padding>.half,.row-padding>.third,.row-padding>.twothird,.row-padding>.threequarter,.row-padding>.quarter,.row-padding>.col{padding:0 8px}
+.container,.panel{padding:0.01em 8px}.panel{margin-top:8px;margin-bottom:8px}
+.code,.codespan{font-family:Consolas,"courier new";font-size:16px}
+.code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
+.codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
+.card,.card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16)}
+.card-4,.hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
+.spin{animation:spin 2s infinite linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
+.animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
+.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
+.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
+.animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
+.animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
+.animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
+.animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
+.animate-input{transition:width 0.4s ease-in-out}.animate-input:focus{width:100%!important}
+.opacity,.hover-opacity:hover{opacity:0.60}.opacity-off,.hover-opacity-off:hover{opacity:1}
+.opacity-max{opacity:0.25}.opacity-min{opacity:0.75}
+.greyscale-max,.grayscale-max,.hover-greyscale:hover,.hover-grayscale:hover{filter:grayscale(100%)}
+.greyscale,.grayscale{filter:grayscale(75%)}.greyscale-min,.grayscale-min{filter:grayscale(50%)}
+.sepia{filter:sepia(75%)}.sepia-max,.hover-sepia:hover{filter:sepia(100%)}.sepia-min{filter:sepia(50%)}
+.tiny{font-size:10px!important}.small{font-size:12px!important}.medium{font-size:15px!important}.large{font-size:18px!important}
+.xlarge{font-size:24px!important}.xxlarge{font-size:36px!important}.xxxlarge{font-size:48px!important}.jumbo{font-size:64px!important}
+.left-align{text-align:left!important}.right-align{text-align:right!important}.justify{text-align:justify!important}.center{text-align:center!important}
+.border-0{border:0!important}.border{border:1px solid #ccc!important}
+.border-top{border-top:1px solid #ccc!important}.border-bottom{border-bottom:1px solid #ccc!important}
+.border-left{border-left:1px solid #ccc!important}.border-right{border-right:1px solid #ccc!important}
+.topbar{border-top:6px solid #ccc!important}.bottombar{border-bottom:6px solid #ccc!important}
+.leftbar{border-left:6px solid #ccc!important}.rightbar{border-right:6px solid #ccc!important}
+.section,.code{margin-top:2px!important;margin-bottom:16px!important}
+.margin{margin:16px!important}.margin-top{margin-top:16px!important}.margin-bottom{margin-bottom:16px!important}
+.margin-left{margin-left:16px!important}.margin-right{margin-right:16px!important}
+.padding-small{padding:4px 8px!important}.padding{padding:8px 16px!important}.padding-large{padding:12px 24px!important}
+.padding-16{padding-top:16px!important;padding-bottom:16px!important}.padding-24{padding-top:24px!important;padding-bottom:24px!important}
+.padding-32{padding-top:32px!important;padding-bottom:32px!important}.padding-48{padding-top:48px!important;padding-bottom:48px!important}
+.padding-64{padding-top:64px!important;padding-bottom:64px!important}
+.left{float:left!important}.right{float:right!important}
+.button:hover{color:#000!important;background-color:#ccc!important}
+.transparent,.hover-none:hover{background-color:transparent!important}
+.hover-none:hover{box-shadow:none!important}
/* DEFAULT COLORS */
-.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
-.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
-.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
-.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
-.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
-.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
-.w3-blue-grey,.w3-hover-blue-grey:hover{color:#fff!important;background-color:#607d8b!important}
-.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
-.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
-.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
-.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
-.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
-.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
-.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
-.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
-.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
-.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
-.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
-.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
-.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
-.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
-.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
-.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
-.w3-grey,.w3-hover-grey:hover{color:#000!important;background-color:#9e9e9e!important}
-.w3-light-grey,.w3-hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
-.w3-dark-grey,.w3-hover-dark-grey:hover{color:#fff!important;background-color:#616161!important}
-.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffe7e7!important}.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#e7ffe7!important}
-.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffd7!important}.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#e7ffff!important}
-.w3-text-align-right { text-align: right;}
-.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
-.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
-.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
-.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
-.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
-.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
-.w3-text-blue-grey,.w3-hover-text-blue-grey:hover{color:#607d8b!important}
-.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
-.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
-.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
-.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
-.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
-.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
-.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
-.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
-.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
-.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
-.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
-.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
-.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
-.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
-.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
-.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
-.w3-text-grey,.w3-hover-text-grey:hover{color:#757575!important}
-.w3-text-light-grey,.w3-hover-text-light-grey:hover{color:#f1f1f1!important}
-.w3-text-dark-grey,.w3-hover-text-dark-grey:hover{color:#3a3a3a!important}
-.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
-.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
-.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
-.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
-.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
-.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
-.w3-border-blue-grey,.w3-hover-blue-grey:hover{border-color:#607d8b!important}
-.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
-.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
-.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
-.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
-.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
-.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
-.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
-.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
-.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
-.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
-.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
-.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
-.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
-.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
-.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
-.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
-.w3-border-grey,.w3-hover-border-grey:hover{border-color:#9e9e9e!important}
-.w3-border-light-grey,.w3-hover-border-light-grey:hover{border-color:#f1f1f1!important}
-.w3-border-dark-grey,.w3-hover-border-dark-grey:hover{border-color:#616161!important}
-.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
-.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffd7!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}
+.amber,.hover-amber:hover{color:#000!important;background-color:#ffc107!important}
+.aqua,.hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
+.blue,.hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
+.light-blue,.hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
+.brown,.hover-brown:hover{color:#fff!important;background-color:#795548!important}
+.cyan,.hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
+.blue-grey,.hover-blue-grey:hover{color:#fff!important;background-color:#607d8b!important}
+.green,.hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
+.light-green,.hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
+.indigo,.hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
+.khaki,.hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
+.lime,.hover-lime:hover{color:#000!important;background-color:#cddc39!important}
+.orange,.hover-orange:hover{color:#000!important;background-color:#ff9800!important}
+.deep-orange,.hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
+.pink,.hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
+.purple,.hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
+.deep-purple,.hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
+.red,.hover-red:hover{color:#fff!important;background-color:#f44336!important}
+.sand,.hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
+.teal,.hover-teal:hover{color:#fff!important;background-color:#009688!important}
+.yellow,.hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
+.white,.hover-white:hover{color:#000!important;background-color:#fff!important}
+.black,.hover-black:hover{color:#fff!important;background-color:#000!important}
+.grey,.hover-grey:hover{color:#000!important;background-color:#9e9e9e!important}
+.light-grey,.hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
+.dark-grey,.hover-dark-grey:hover{color:#fff!important;background-color:#616161!important}
+.pale-red,.hover-pale-red:hover{color:#000!important;background-color:#ffe7e7!important}.pale-green,.hover-pale-green:hover{color:#000!important;background-color:#e7ffe7!important}
+.pale-yellow,.hover-pale-yellow:hover{color:#000!important;background-color:#ffffd7!important}.pale-blue,.hover-pale-blue:hover{color:#000!important;background-color:#e7ffff!important}
+.text-align-right { text-align: right;}
+.text-amber,.hover-text-amber:hover{color:#ffc107!important}
+.text-aqua,.hover-text-aqua:hover{color:#00ffff!important}
+.text-blue,.hover-text-blue:hover{color:#2196F3!important}
+.text-light-blue,.hover-text-light-blue:hover{color:#87CEEB!important}
+.text-brown,.hover-text-brown:hover{color:#795548!important}
+.text-cyan,.hover-text-cyan:hover{color:#00bcd4!important}
+.text-blue-grey,.hover-text-blue-grey:hover{color:#607d8b!important}
+.text-green,.hover-text-green:hover{color:#4CAF50!important}
+.text-light-green,.hover-text-light-green:hover{color:#8bc34a!important}
+.text-indigo,.hover-text-indigo:hover{color:#3f51b5!important}
+.text-khaki,.hover-text-khaki:hover{color:#b4aa50!important}
+.text-lime,.hover-text-lime:hover{color:#cddc39!important}
+.text-orange,.hover-text-orange:hover{color:#ff9800!important}
+.text-deep-orange,.hover-text-deep-orange:hover{color:#ff5722!important}
+.text-pink,.hover-text-pink:hover{color:#e91e63!important}
+.text-purple,.hover-text-purple:hover{color:#9c27b0!important}
+.text-deep-purple,.hover-text-deep-purple:hover{color:#673ab7!important}
+.text-red,.hover-text-red:hover{color:#f44336!important}
+.text-sand,.hover-text-sand:hover{color:#fdf5e6!important}
+.text-teal,.hover-text-teal:hover{color:#009688!important}
+.text-yellow,.hover-text-yellow:hover{color:#d2be0e!important}
+.text-white,.hover-text-white:hover{color:#fff!important}
+.text-black,.hover-text-black:hover{color:#000!important}
+.text-grey,.hover-text-grey:hover{color:#757575!important}
+.text-light-grey,.hover-text-light-grey:hover{color:#f1f1f1!important}
+.text-dark-grey,.hover-text-dark-grey:hover{color:#3a3a3a!important}
+.border-amber,.hover-border-amber:hover{border-color:#ffc107!important}
+.border-aqua,.hover-border-aqua:hover{border-color:#00ffff!important}
+.border-blue,.hover-border-blue:hover{border-color:#2196F3!important}
+.border-light-blue,.hover-border-light-blue:hover{border-color:#87CEEB!important}
+.border-brown,.hover-border-brown:hover{border-color:#795548!important}
+.border-cyan,.hover-border-cyan:hover{border-color:#00bcd4!important}
+.border-blue-grey,.hover-blue-grey:hover{border-color:#607d8b!important}
+.border-green,.hover-border-green:hover{border-color:#4CAF50!important}
+.border-light-green,.hover-border-light-green:hover{border-color:#8bc34a!important}
+.border-indigo,.hover-border-indigo:hover{border-color:#3f51b5!important}
+.border-khaki,.hover-border-khaki:hover{border-color:#f0e68c!important}
+.border-lime,.hover-border-lime:hover{border-color:#cddc39!important}
+.border-orange,.hover-border-orange:hover{border-color:#ff9800!important}
+.border-deep-orange,.hover-border-deep-orange:hover{border-color:#ff5722!important}
+.border-pink,.hover-border-pink:hover{border-color:#e91e63!important}
+.border-purple,.hover-border-purple:hover{border-color:#9c27b0!important}
+.border-deep-purple,.hover-border-deep-purple:hover{border-color:#673ab7!important}
+.border-red,.hover-border-red:hover{border-color:#f44336!important}
+.border-sand,.hover-border-sand:hover{border-color:#fdf5e6!important}
+.border-teal,.hover-border-teal:hover{border-color:#009688!important}
+.border-yellow,.hover-border-yellow:hover{border-color:#ffeb3b!important}
+.border-white,.hover-border-white:hover{border-color:#fff!important}
+.border-black,.hover-border-black:hover{border-color:#000!important}
+.border-grey,.hover-border-grey:hover{border-color:#9e9e9e!important}
+.border-light-grey,.hover-border-light-grey:hover{border-color:#f1f1f1!important}
+.border-dark-grey,.hover-border-dark-grey:hover{border-color:#616161!important}
+.border-pale-red,.hover-border-pale-red:hover{border-color:#ffe7e7!important}.border-pale-green,.hover-border-pale-green:hover{border-color:#e7ffe7!important}
+.border-pale-yellow,.hover-border-pale-yellow:hover{border-color:#ffffd7!important}.border-pale-blue,.hover-border-pale-blue:hover{border-color:#e7ffff!important}
/* DEFAULT THEME */
-.w3-theme-l5 {color:#000 !important; background-color:#f6f8fc !important}
-.w3-theme-l4 {color:#000 !important; background-color:#e1e9f6 !important}
-.w3-theme-l3 {color:#000 !important; background-color:#c3d3ed !important}
-.w3-theme-l2 {color:#000 !important; background-color:#a5bee4 !important}
-.w3-theme-l1 {color:#fff !important; background-color:#88a8db !important}
-.w3-theme-d1 {color:#fff !important; background-color:#5180cb !important}
-.w3-theme-d2 {color:#fff !important; background-color:#3a6fc3 !important}
-.w3-theme-d3 {color:#fff !important; background-color:#3361aa !important}
-.w3-theme-d4 {color:#fff !important; background-color:#2c5392 !important}
-.w3-theme-d5 {color:#fff !important; background-color:#24457a !important}
+.theme-l5 {color:#000 !important; background-color:#f6f8fc !important}
+.theme-l4 {color:#000 !important; background-color:#e1e9f6 !important}
+.theme-l3 {color:#000 !important; background-color:#c3d3ed !important}
+.theme-l2 {color:#000 !important; background-color:#a5bee4 !important}
+.theme-l1 {color:#fff !important; background-color:#88a8db !important}
+.theme-d1 {color:#fff !important; background-color:#5180cb !important}
+.theme-d2 {color:#fff !important; background-color:#3a6fc3 !important}
+.theme-d3 {color:#fff !important; background-color:#3361aa !important}
+.theme-d4 {color:#fff !important; background-color:#2c5392 !important}
+.theme-d5 {color:#fff !important; background-color:#24457a !important}
-.w3-theme-light {color:#000 !important; background-color:#f6f8fc !important}
-.w3-theme-dark {color:#fff !important; background-color:#24457a !important}
-.w3-theme-action {color:#fff !important; background-color:#24457a !important}
+.theme-light {color:#000 !important; background-color:#f6f8fc !important}
+.theme-dark {color:#fff !important; background-color:#24457a !important}
+.theme-action {color:#fff !important; background-color:#24457a !important}
-.w3-theme {color:#fff !important; background-color:#6a92d3 !important}
-.w3-text-theme {color:#6a92d3 !important}
-.w3-border-theme {border-color:#6a92d3 !important}
+.theme {color:#fff !important; background-color:#6a92d3 !important}
+.text-theme {color:#6a92d3 !important}
+.border-theme {border-color:#6a92d3 !important}
-.w3-hover-theme:hover {color:#fff !important; background-color:#6a92d3 !important}
-.w3-hover-text-theme:hover {color:#6a92d3 !important}
-.w3-hover-border-theme:hover {border-color:#6a92d3 !important}
+.hover-theme:hover {color:#fff !important; background-color:#6a92d3 !important}
+.hover-text-theme:hover {color:#6a92d3 !important}
+.hover-border-theme:hover {border-color:#6a92d3 !important}
-.w3-label { color: rgb(153, 150, 150);}
+.label { color: rgb(153, 150, 150);}
/* #main {margin-left: 210px;} */
@media (max-width:768px){
#sidebar { display: none;}
#main { margin-left: 0px;}
}
-.w3-select {
+.select {
display: block;
font-size: 16px;
font-family: sans-serif;
background-position: right .7em top 50%, 0 0;
background-size: .65em auto, 100%;
}
-.w3-select::-ms-expand {
+.select::-ms-expand {
display: none;
}
-.w3-select:hover {
+.select:hover {
border-color: #888;
}
-.w3-select:focus {
+.select:focus {
border-color: #aaa;
box-shadow: 0 0 1px 1px #6a92d3;
box-shadow: 0 0 0 1px -moz-mac-focusring;
}
-.w3-select option {
+.select option {
font-weight:normal;
}
-.w3-table {
+.table {
table-layout: fixed;
}
-.w3-text-line-through { text-decoration: line-through; }
+.text-line-through { text-decoration: line-through; }
#snackbar {
visibility: hidden;
font-weight: normal;
}
-.w3-readonly {
+.readonly {
pointer-events:none;
display:block;border:0px;width:100%;background-color: #fff;
}
min-height: 100vh;
}
+ input:hover {
+ outline: 1px solid #2196F3;
+ outline-offset: -1px;
+ /* Opera/IE 8+ */
+}
+input:focus {
+ outline: 2px solid #2196F3;
+ outline-offset: -1px;
+ /* Opera/IE 8+ */
+}
/* .mceContentBody {
background: #e8f0fe;
color:#000;
-html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}figure{margin:1em 40px}img{border-style:none}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}body,html{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:0}.w3-wide{letter-spacing:4px}hr{border:0;border-top:1px solid #eee;margin:20px 0}.w3-btn-append-right{float:left;margin-right:0}.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr td,.w3-centered tr th{text-align:center}.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}.w3-table td:first-child,.w3-table th:first-child,.w3-table-all td:first-child,.w3-table-all th:first-child{padding-left:16px}.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w3-btn:disabled,.w3-button:disabled,.w3-disabled{cursor:not-allowed;opacity:.3}.w3-disabled *,:disabled *{pointer-events:none}.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}.w3-display-container,.w3-tooltip{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}.w3-ripple:active{opacity:.5}.w3-ripple{transition:opacity 0s}.w3-input{padding:4px;display:block;border:1px solid #ccc;width:100%;background-color:#e8f0fe}.w3-input-append{padding:4px;display:block;border:1px solid #ccc;float:left;background-color:#e8f0fe}.w3-select{padding:4px 0;display:block;width:100%;border:1px solid #ccc;background-color:#e8f0fe}.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}.w3-dropdown-hover:hover .w3-dropdown-content{display:block}.w3-dropdown-click:hover,.w3-dropdown-hover:first-child{background-color:#ccc;color:#000}.w3-dropdown-click:hover>.w3-button:first-child,.w3-dropdown-hover:hover>.w3-button:first-child{background-color:#ccc;color:#000}.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}.w3-bar-block .w3-dropdown-click,.w3-bar-block .w3-dropdown-hover{width:100%}.w3-bar-block .w3-dropdown-click .w3-dropdown-content,.w3-bar-block .w3-dropdown-hover .w3-dropdown-content{min-width:100%}.w3-bar-block .w3-dropdown-click .w3-button,.w3-bar-block .w3-dropdown-hover .w3-button{width:100%;text-align:left;padding:8px 16px}#main,.w3-main{transition:margin-left .4s}.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}.w3-bar .w3-dropdown-click,.w3-bar .w3-dropdown-hover{position:static;float:left}.w3-bar .w3-button{white-space:normal}.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}.w3-responsive{display:block;overflow-x:auto}.w3-bar:after,.w3-bar:before,.w3-cell-row:after,.w3-cell-row:before,.w3-clear:after,.w3-clear:before,.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row-padding:after,.w3-row-padding:before,.w3-row:after,.w3-row:before{content:"";display:table;clear:both}.w3-col,.w3-fifth,.w3-fourfifth,.w3-half,.w3-quarter,.w3-third,.w3-threefifth,.w3-threequarter,.w3-twofifth,.w3-twothird{float:left;width:100%}.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}.w3-fifth{width:20%;min-width:100px}.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}.w3-twofifth{width:40%}.w3-threefifth{width:60%}.w3-fourfifth{width:80%}}@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}.w3-auto,.w3-content{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}.w3-hide{display:none!important}.w3-show,.w3-show-block{display:block!important}.w3-show-inline-block{display:inline-block!important}@media (max-width:1205px){.w3-auto{max-width:95%}}@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}.w3-dropdown-click.w3-mobile .w3-dropdown-content,.w3-dropdown-hover.w3-mobile .w3-dropdown-content{position:relative}.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-click.w3-mobile,.w3-dropdown-hover.w3-mobile{text-align:center}.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button,.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button{width:100%}}@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}.w3-bottom,.w3-top{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2}.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.w3-display-left{position:absolute;top:50%;left:0;transform:translate(0,-50%);-ms-transform:translate(0,-50%)}.w3-display-right{position:absolute;top:50%;right:0;transform:translate(0,-50%);-ms-transform:translate(0,-50%)}.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0);-ms-transform:translate(-50%,0)}.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0);-ms-transform:translate(-50%,0)}.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}.w3-display-position{position:absolute}.w3-circle{border-radius:50%}.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}.w3-row-padding,.w3-row-padding>.w3-col,.w3-row-padding>.w3-half,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-third,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-twothird{padding:0 8px}.w3-container,.w3-panel{padding:.01em 8px}.w3-panel{margin-top:8px;margin-bottom:8px}.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4caf50;word-wrap:break-word}.w3-codespan{color:#dc143c;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,.16)}.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.19)}.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.w3-animate-opacity{animation:opac .8s}@keyframes opac{from{opacity:0}to{opacity:1}}.w3-animate-top{position:relative;animation:animatetop .4s}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.w3-animate-left{position:relative;animation:animateleft .4s}@keyframes animateleft{from{left:-300px;opacity:0}to{left:0;opacity:1}}.w3-animate-right{position:relative;animation:animateright .4s}@keyframes animateright{from{right:-300px;opacity:0}to{right:0;opacity:1}}.w3-animate-bottom{position:relative;animation:animatebottom .4s}@keyframes animatebottom{from{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}.w3-animate-zoom{animation:animatezoom .6s}@keyframes animatezoom{from{transform:scale(0)}to{transform:scale(1)}}.w3-animate-input{transition:width .4s ease-in-out}.w3-animate-input:focus{width:100%!important}.w3-hover-opacity:hover,.w3-opacity{opacity:.6}.w3-hover-opacity-off:hover,.w3-opacity-off{opacity:1}.w3-opacity-max{opacity:.25}.w3-opacity-min{opacity:.75}.w3-grayscale-max,.w3-greyscale-max,.w3-hover-grayscale:hover,.w3-hover-greyscale:hover{filter:grayscale(100%)}.w3-grayscale,.w3-greyscale{filter:grayscale(75%)}.w3-grayscale-min,.w3-greyscale-min{filter:grayscale(50%)}.w3-sepia{filter:sepia(75%)}.w3-hover-sepia:hover,.w3-sepia-max{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}.w3-code,.w3-section{margin-top:2px!important;margin-bottom:16px!important}.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}.w3-left{float:left!important}.w3-right{float:right!important}.w3-button:hover{color:#000!important;background-color:#ccc!important}.w3-hover-none:hover,.w3-transparent{background-color:transparent!important}.w3-hover-none:hover{box-shadow:none!important}.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#0ff!important}.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196f3!important}.w3-hover-light-blue:hover,.w3-light-blue{color:#000!important;background-color:#87ceeb!important}.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}.w3-blue-grey,.w3-hover-blue-grey:hover{color:#fff!important;background-color:#607d8b!important}.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4caf50!important}.w3-hover-light-green:hover,.w3-light-green{color:#000!important;background-color:#8bc34a!important}.w3-hover-indigo:hover,.w3-indigo{color:#fff!important;background-color:#3f51b5!important}.w3-hover-khaki:hover,.w3-khaki{color:#000!important;background-color:khaki!important}.w3-hover-lime:hover,.w3-lime{color:#000!important;background-color:#cddc39!important}.w3-hover-orange:hover,.w3-orange{color:#000!important;background-color:#ff9800!important}.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}.w3-hover-pink:hover,.w3-pink{color:#fff!important;background-color:#e91e63!important}.w3-hover-purple:hover,.w3-purple{color:#fff!important;background-color:#9c27b0!important}.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}.w3-hover-red:hover,.w3-red{color:#fff!important;background-color:#f44336!important}.w3-hover-sand:hover,.w3-sand{color:#000!important;background-color:#fdf5e6!important}.w3-hover-teal:hover,.w3-teal{color:#fff!important;background-color:#009688!important}.w3-hover-yellow:hover,.w3-yellow{color:#000!important;background-color:#ffeb3b!important}.w3-hover-white:hover,.w3-white{color:#000!important;background-color:#fff!important}.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}.w3-grey,.w3-hover-grey:hover{color:#000!important;background-color:#9e9e9e!important}.w3-hover-light-grey:hover,.w3-light-grey{color:#000!important;background-color:#f1f1f1!important}.w3-dark-grey,.w3-hover-dark-grey:hover{color:#fff!important;background-color:#616161!important}.w3-hover-pale-red:hover,.w3-pale-red{color:#000!important;background-color:#ffe7e7!important}.w3-hover-pale-green:hover,.w3-pale-green{color:#000!important;background-color:#e7ffe7!important}.w3-hover-pale-yellow:hover,.w3-pale-yellow{color:#000!important;background-color:#ffffd7!important}.w3-hover-pale-blue:hover,.w3-pale-blue{color:#000!important;background-color:#e7ffff!important}.w3-text-align-right{text-align:right}.w3-hover-text-amber:hover,.w3-text-amber{color:#ffc107!important}.w3-hover-text-aqua:hover,.w3-text-aqua{color:#0ff!important}.w3-hover-text-blue:hover,.w3-text-blue{color:#2196f3!important}.w3-hover-text-light-blue:hover,.w3-text-light-blue{color:#87ceeb!important}.w3-hover-text-brown:hover,.w3-text-brown{color:#795548!important}.w3-hover-text-cyan:hover,.w3-text-cyan{color:#00bcd4!important}.w3-hover-text-blue-grey:hover,.w3-text-blue-grey{color:#607d8b!important}.w3-hover-text-green:hover,.w3-text-green{color:#4caf50!important}.w3-hover-text-light-green:hover,.w3-text-light-green{color:#8bc34a!important}.w3-hover-text-indigo:hover,.w3-text-indigo{color:#3f51b5!important}.w3-hover-text-khaki:hover,.w3-text-khaki{color:#b4aa50!important}.w3-hover-text-lime:hover,.w3-text-lime{color:#cddc39!important}.w3-hover-text-orange:hover,.w3-text-orange{color:#ff9800!important}.w3-hover-text-deep-orange:hover,.w3-text-deep-orange{color:#ff5722!important}.w3-hover-text-pink:hover,.w3-text-pink{color:#e91e63!important}.w3-hover-text-purple:hover,.w3-text-purple{color:#9c27b0!important}.w3-hover-text-deep-purple:hover,.w3-text-deep-purple{color:#673ab7!important}.w3-hover-text-red:hover,.w3-text-red{color:#f44336!important}.w3-hover-text-sand:hover,.w3-text-sand{color:#fdf5e6!important}.w3-hover-text-teal:hover,.w3-text-teal{color:#009688!important}.w3-hover-text-yellow:hover,.w3-text-yellow{color:#d2be0e!important}.w3-hover-text-white:hover,.w3-text-white{color:#fff!important}.w3-hover-text-black:hover,.w3-text-black{color:#000!important}.w3-hover-text-grey:hover,.w3-text-grey{color:#757575!important}.w3-hover-text-light-grey:hover,.w3-text-light-grey{color:#f1f1f1!important}.w3-hover-text-dark-grey:hover,.w3-text-dark-grey{color:#3a3a3a!important}.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#0ff!important}.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196f3!important}.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87ceeb!important}.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}.w3-border-blue-grey,.w3-hover-blue-grey:hover{border-color:#607d8b!important}.w3-border-green,.w3-hover-border-green:hover{border-color:#4caf50!important}.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:khaki!important}.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}.w3-border-grey,.w3-hover-border-grey:hover{border-color:#9e9e9e!important}.w3-border-light-grey,.w3-hover-border-light-grey:hover{border-color:#f1f1f1!important}.w3-border-dark-grey,.w3-hover-border-dark-grey:hover{border-color:#616161!important}.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffd7!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}.w3-theme-l5{color:#000!important;background-color:#f6f8fc!important}.w3-theme-l4{color:#000!important;background-color:#e1e9f6!important}.w3-theme-l3{color:#000!important;background-color:#c3d3ed!important}.w3-theme-l2{color:#000!important;background-color:#a5bee4!important}.w3-theme-l1{color:#fff!important;background-color:#88a8db!important}.w3-theme-d1{color:#fff!important;background-color:#5180cb!important}.w3-theme-d2{color:#fff!important;background-color:#3a6fc3!important}.w3-theme-d3{color:#fff!important;background-color:#3361aa!important}.w3-theme-d4{color:#fff!important;background-color:#2c5392!important}.w3-theme-d5{color:#fff!important;background-color:#24457a!important}.w3-theme-light{color:#000!important;background-color:#f6f8fc!important}.w3-theme-dark{color:#fff!important;background-color:#24457a!important}.w3-theme-action{color:#fff!important;background-color:#24457a!important}.w3-theme{color:#fff!important;background-color:#6a92d3!important}.w3-text-theme{color:#6a92d3!important}.w3-border-theme{border-color:#6a92d3!important}.w3-hover-theme:hover{color:#fff!important;background-color:#6a92d3!important}.w3-hover-text-theme:hover{color:#6a92d3!important}.w3-hover-border-theme:hover{border-color:#6a92d3!important}.w3-label{color:#999696}@media (max-width:768px){#sidebar{display:none}#main{margin-left:0}}.w3-select{display:block;font-size:16px;font-family:sans-serif;font-weight:400;color:#444;line-height:1.3;padding:.6em 1.4em .5em .8em;width:100%;max-width:100%;box-sizing:border-box;margin:0;border-bottom:1px solid #aaa;box-shadow:0 1px 0 1px rgba(0,0,0,.04);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#e8f0fe;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),linear-gradient(to bottom,#e8f0fe 0,#e8f0fe 100%);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}.w3-select::-ms-expand{display:none}.w3-select:hover{border-color:#888}.w3-select:focus{border-color:#aaa;box-shadow:0 0 1px 1px #6a92d3;box-shadow:0 0 0 1px -moz-mac-focusring;color:#222;outline:0}.w3-select option{font-weight:400}.w3-table{table-layout:fixed}.w3-text-line-through{text-decoration:line-through}#snackbar{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;font-size:17px}#snackbar.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.tabulator-header-filter>input{background-color:#e8f0fe;border:1px solid #ccc;font-weight:400}.w3-readonly{pointer-events:none;display:block;border:0;width:100%;background-color:#fff}.right-side-bg{background:url(../img/bg1.jpg);background-size:cover;min-height:100vh}
\ No newline at end of file
+html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}figure{margin:1em 40px}img{border-style:none}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}body,html{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.serif{font-family:serif}h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:0}.wide{letter-spacing:4px}hr{border:0;border-top:1px solid #eee;margin:20px 0}.btn-append-right{float:left;margin-right:0}.image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}.table,.table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.table-all{border:1px solid #ccc}.bordered tr,.table-all tr{border-bottom:1px solid #ddd}.striped tbody tr:nth-child(even){background-color:#f1f1f1}.table-all tr:nth-child(odd){background-color:#fff}.table-all tr:nth-child(even){background-color:#f1f1f1}.hoverable tbody tr:hover,.ul.hoverable li:hover{background-color:#ccc}.centered tr td,.centered tr th{text-align:center}.table td,.table th,.table-all td,.table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}.table td:first-child,.table th:first-child,.table-all td:first-child,.table-all th:first-child{padding-left:16px}.btn,.button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}.btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.btn,.button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:disabled,.button:disabled,.disabled{cursor:not-allowed;opacity:.3}.disabled *,:disabled *{pointer-events:none}.btn.disabled:hover,.btn:disabled:hover{box-shadow:none}.badge,.tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.badge{border-radius:50%}.ul{list-style-type:none;padding:0;margin:0}.ul li{padding:8px 16px;border-bottom:1px solid #ddd}.ul li:last-child{border-bottom:none}.display-container,.tooltip{position:relative}.tooltip .text{display:none}.tooltip:hover .text{display:inline-block}.ripple:active{opacity:.5}.ripple{transition:opacity 0s}.input{padding:4px;display:block;border:1px solid #ccc;width:100%;background-color:#e8f0fe}.input-append{padding:4px;display:block;border:1px solid #ccc;float:left;background-color:#e8f0fe}.select{padding:4px 0;display:block;width:100%;border:1px solid #ccc;background-color:#e8f0fe}.dropdown-click,.dropdown-hover{position:relative;display:inline-block;cursor:pointer}.dropdown-hover:hover .dropdown-content{display:block}.dropdown-click:hover,.dropdown-hover:first-child{background-color:#ccc;color:#000}.dropdown-click:hover>.button:first-child,.dropdown-hover:hover>.button:first-child{background-color:#ccc;color:#000}.dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}.check,.radio{width:24px;height:24px;position:relative;top:6px}.sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}.bar-block .dropdown-click,.bar-block .dropdown-hover{width:100%}.bar-block .dropdown-click .dropdown-content,.bar-block .dropdown-hover .dropdown-content{min-width:100%}.bar-block .dropdown-click .button,.bar-block .dropdown-hover .button{width:100%;text-align:left;padding:8px 16px}#main,.main{transition:margin-left .4s}.modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}.bar{width:100%;overflow:hidden}.center .bar{display:inline-block;width:auto}.bar .bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}.bar .dropdown-click,.bar .dropdown-hover{position:static;float:left}.bar .button{white-space:normal}.bar-block .bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}.bar-block.center .bar-item{text-align:center}.block{display:block;width:100%}.responsive{display:block;overflow-x:auto}.bar:after,.bar:before,.cell-row:after,.cell-row:before,.clear:after,.clear:before,.container:after,.container:before,.panel:after,.panel:before,.row-padding:after,.row-padding:before,.row:after,.row:before{content:"";display:table;clear:both}.col,.fifth,.fourfifth,.half,.quarter,.third,.threefifth,.threequarter,.twofifth,.twothird{float:left;width:100%}.col.s1{width:8.33333%}.col.s2{width:16.66666%}.col.s3{width:24.99999%}.col.s4{width:33.33333%}.col.s5{width:41.66666%}.col.s6{width:49.99999%}.col.s7{width:58.33333%}.col.s8{width:66.66666%}.col.s9{width:74.99999%}.col.s10{width:83.33333%}.col.s11{width:91.66666%}.col.s12{width:99.99999%}@media (min-width:601px){.col.m1{width:8.33333%}.col.m2{width:16.66666%}.col.m3,.quarter{width:24.99999%}.col.m4,.third{width:33.33333%}.fifth{width:20%;min-width:100px}.col.m5{width:41.66666%}.col.m6,.half{width:49.99999%}.col.m7{width:58.33333%}.col.m8,.twothird{width:66.66666%}.col.m9,.threequarter{width:74.99999%}.col.m10{width:83.33333%}.col.m11{width:91.66666%}.col.m12{width:99.99999%}.twofifth{width:40%}.threefifth{width:60%}.fourfifth{width:80%}}@media (min-width:993px){.col.l1{width:8.33333%}.col.l2{width:16.66666%}.col.l3{width:24.99999%}.col.l4{width:33.33333%}.col.l5{width:41.66666%}.col.l6{width:49.99999%}.col.l7{width:58.33333%}.col.l8{width:66.66666%}.col.l9{width:74.99999%}.col.l10{width:83.33333%}.col.l11{width:91.66666%}.col.l12{width:99.99999%}}.rest{overflow:hidden}.stretch{margin-left:-16px;margin-right:-16px}.auto,.content{margin-left:auto;margin-right:auto}.content{max-width:980px}.auto{max-width:1140px}.cell-row{display:table;width:100%}.cell{display:table-cell}.cell-top{vertical-align:top}.cell-middle{vertical-align:middle}.cell-bottom{vertical-align:bottom}.hide{display:none!important}.show,.show-block{display:block!important}.show-inline-block{display:inline-block!important}@media (max-width:1205px){.auto{max-width:95%}}@media (max-width:600px){.modal-content{margin:0 10px;width:auto!important}.modal{padding-top:30px}.dropdown-click.mobile .dropdown-content,.dropdown-hover.mobile .dropdown-content{position:relative}.hide-small{display:none!important}.mobile{display:block;width:100%!important}.bar-item.mobile,.dropdown-click.mobile,.dropdown-hover.mobile{text-align:center}.dropdown-click.mobile,.dropdown-click.mobile .btn,.dropdown-click.mobile .button,.dropdown-hover.mobile,.dropdown-hover.mobile .btn,.dropdown-hover.mobile .button{width:100%}}@media (max-width:768px){.modal-content{width:500px}.modal{padding-top:50px}}@media (min-width:993px){.modal-content{width:900px}.hide-large{display:none!important}.sidebar.collapse{display:block!important}}@media (max-width:992px) and (min-width:601px){.hide-medium{display:none!important}}@media (max-width:992px){.sidebar.collapse{display:none}.main{margin-left:0!important;margin-right:0!important}.auto{max-width:100%}}.bottom,.top{position:fixed;width:100%;z-index:1}.top{top:0}.bottom{bottom:0}.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2}.display-topleft{position:absolute;left:0;top:0}.display-topright{position:absolute;right:0;top:0}.display-bottomleft{position:absolute;left:0;bottom:0}.display-bottomright{position:absolute;right:0;bottom:0}.display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.display-left{position:absolute;top:50%;left:0;transform:translate(0,-50%);-ms-transform:translate(0,-50%)}.display-right{position:absolute;top:50%;right:0;transform:translate(0,-50%);-ms-transform:translate(0,-50%)}.display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0);-ms-transform:translate(-50%,0)}.display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0);-ms-transform:translate(-50%,0)}.display-container:hover .display-hover{display:block}.display-container:hover span.display-hover{display:inline-block}.display-hover{display:none}.display-position{position:absolute}.circle{border-radius:50%}.round-small{border-radius:2px}.round,.round-medium{border-radius:4px}.round-large{border-radius:8px}.round-xlarge{border-radius:16px}.round-xxlarge{border-radius:32px}.row-padding,.row-padding>.col,.row-padding>.half,.row-padding>.quarter,.row-padding>.third,.row-padding>.threequarter,.row-padding>.twothird{padding:0 8px}.container,.panel{padding:.01em 8px}.panel{margin-top:8px;margin-bottom:8px}.code,.codespan{font-family:Consolas,"courier new";font-size:16px}.code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4caf50;word-wrap:break-word}.codespan{color:#dc143c;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}.card,.card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,.16)}.card-4,.hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.19)}.spin{animation:spin 2s infinite linear}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}.animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.animate-opacity{animation:opac .8s}@keyframes opac{from{opacity:0}to{opacity:1}}.animate-top{position:relative;animation:animatetop .4s}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.animate-left{position:relative;animation:animateleft .4s}@keyframes animateleft{from{left:-300px;opacity:0}to{left:0;opacity:1}}.animate-right{position:relative;animation:animateright .4s}@keyframes animateright{from{right:-300px;opacity:0}to{right:0;opacity:1}}.animate-bottom{position:relative;animation:animatebottom .4s}@keyframes animatebottom{from{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}.animate-zoom{animation:animatezoom .6s}@keyframes animatezoom{from{transform:scale(0)}to{transform:scale(1)}}.animate-input{transition:width .4s ease-in-out}.animate-input:focus{width:100%!important}.hover-opacity:hover,.opacity{opacity:.6}.hover-opacity-off:hover,.opacity-off{opacity:1}.opacity-max{opacity:.25}.opacity-min{opacity:.75}.grayscale-max,.greyscale-max,.hover-grayscale:hover,.hover-greyscale:hover{filter:grayscale(100%)}.grayscale,.greyscale{filter:grayscale(75%)}.grayscale-min,.greyscale-min{filter:grayscale(50%)}.sepia{filter:sepia(75%)}.hover-sepia:hover,.sepia-max{filter:sepia(100%)}.sepia-min{filter:sepia(50%)}.tiny{font-size:10px!important}.small{font-size:12px!important}.medium{font-size:15px!important}.large{font-size:18px!important}.xlarge{font-size:24px!important}.xxlarge{font-size:36px!important}.xxxlarge{font-size:48px!important}.jumbo{font-size:64px!important}.left-align{text-align:left!important}.right-align{text-align:right!important}.justify{text-align:justify!important}.center{text-align:center!important}.border-0{border:0!important}.border{border:1px solid #ccc!important}.border-top{border-top:1px solid #ccc!important}.border-bottom{border-bottom:1px solid #ccc!important}.border-left{border-left:1px solid #ccc!important}.border-right{border-right:1px solid #ccc!important}.topbar{border-top:6px solid #ccc!important}.bottombar{border-bottom:6px solid #ccc!important}.leftbar{border-left:6px solid #ccc!important}.rightbar{border-right:6px solid #ccc!important}.code,.section{margin-top:2px!important;margin-bottom:16px!important}.margin{margin:16px!important}.margin-top{margin-top:16px!important}.margin-bottom{margin-bottom:16px!important}.margin-left{margin-left:16px!important}.margin-right{margin-right:16px!important}.padding-small{padding:4px 8px!important}.padding{padding:8px 16px!important}.padding-large{padding:12px 24px!important}.padding-16{padding-top:16px!important;padding-bottom:16px!important}.padding-24{padding-top:24px!important;padding-bottom:24px!important}.padding-32{padding-top:32px!important;padding-bottom:32px!important}.padding-48{padding-top:48px!important;padding-bottom:48px!important}.padding-64{padding-top:64px!important;padding-bottom:64px!important}.left{float:left!important}.right{float:right!important}.button:hover{color:#000!important;background-color:#ccc!important}.hover-none:hover,.transparent{background-color:transparent!important}.hover-none:hover{box-shadow:none!important}.amber,.hover-amber:hover{color:#000!important;background-color:#ffc107!important}.aqua,.hover-aqua:hover{color:#000!important;background-color:#0ff!important}.blue,.hover-blue:hover{color:#fff!important;background-color:#2196f3!important}.hover-light-blue:hover,.light-blue{color:#000!important;background-color:#87ceeb!important}.brown,.hover-brown:hover{color:#fff!important;background-color:#795548!important}.cyan,.hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}.blue-grey,.hover-blue-grey:hover{color:#fff!important;background-color:#607d8b!important}.green,.hover-green:hover{color:#fff!important;background-color:#4caf50!important}.hover-light-green:hover,.light-green{color:#000!important;background-color:#8bc34a!important}.hover-indigo:hover,.indigo{color:#fff!important;background-color:#3f51b5!important}.hover-khaki:hover,.khaki{color:#000!important;background-color:khaki!important}.hover-lime:hover,.lime{color:#000!important;background-color:#cddc39!important}.hover-orange:hover,.orange{color:#000!important;background-color:#ff9800!important}.deep-orange,.hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}.hover-pink:hover,.pink{color:#fff!important;background-color:#e91e63!important}.hover-purple:hover,.purple{color:#fff!important;background-color:#9c27b0!important}.deep-purple,.hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}.hover-red:hover,.red{color:#fff!important;background-color:#f44336!important}.hover-sand:hover,.sand{color:#000!important;background-color:#fdf5e6!important}.hover-teal:hover,.teal{color:#fff!important;background-color:#009688!important}.hover-yellow:hover,.yellow{color:#000!important;background-color:#ffeb3b!important}.hover-white:hover,.white{color:#000!important;background-color:#fff!important}.black,.hover-black:hover{color:#fff!important;background-color:#000!important}.grey,.hover-grey:hover{color:#000!important;background-color:#9e9e9e!important}.hover-light-grey:hover,.light-grey{color:#000!important;background-color:#f1f1f1!important}.dark-grey,.hover-dark-grey:hover{color:#fff!important;background-color:#616161!important}.hover-pale-red:hover,.pale-red{color:#000!important;background-color:#ffe7e7!important}.hover-pale-green:hover,.pale-green{color:#000!important;background-color:#e7ffe7!important}.hover-pale-yellow:hover,.pale-yellow{color:#000!important;background-color:#ffffd7!important}.hover-pale-blue:hover,.pale-blue{color:#000!important;background-color:#e7ffff!important}.text-align-right{text-align:right}.hover-text-amber:hover,.text-amber{color:#ffc107!important}.hover-text-aqua:hover,.text-aqua{color:#0ff!important}.hover-text-blue:hover,.text-blue{color:#2196f3!important}.hover-text-light-blue:hover,.text-light-blue{color:#87ceeb!important}.hover-text-brown:hover,.text-brown{color:#795548!important}.hover-text-cyan:hover,.text-cyan{color:#00bcd4!important}.hover-text-blue-grey:hover,.text-blue-grey{color:#607d8b!important}.hover-text-green:hover,.text-green{color:#4caf50!important}.hover-text-light-green:hover,.text-light-green{color:#8bc34a!important}.hover-text-indigo:hover,.text-indigo{color:#3f51b5!important}.hover-text-khaki:hover,.text-khaki{color:#b4aa50!important}.hover-text-lime:hover,.text-lime{color:#cddc39!important}.hover-text-orange:hover,.text-orange{color:#ff9800!important}.hover-text-deep-orange:hover,.text-deep-orange{color:#ff5722!important}.hover-text-pink:hover,.text-pink{color:#e91e63!important}.hover-text-purple:hover,.text-purple{color:#9c27b0!important}.hover-text-deep-purple:hover,.text-deep-purple{color:#673ab7!important}.hover-text-red:hover,.text-red{color:#f44336!important}.hover-text-sand:hover,.text-sand{color:#fdf5e6!important}.hover-text-teal:hover,.text-teal{color:#009688!important}.hover-text-yellow:hover,.text-yellow{color:#d2be0e!important}.hover-text-white:hover,.text-white{color:#fff!important}.hover-text-black:hover,.text-black{color:#000!important}.hover-text-grey:hover,.text-grey{color:#757575!important}.hover-text-light-grey:hover,.text-light-grey{color:#f1f1f1!important}.hover-text-dark-grey:hover,.text-dark-grey{color:#3a3a3a!important}.border-amber,.hover-border-amber:hover{border-color:#ffc107!important}.border-aqua,.hover-border-aqua:hover{border-color:#0ff!important}.border-blue,.hover-border-blue:hover{border-color:#2196f3!important}.border-light-blue,.hover-border-light-blue:hover{border-color:#87ceeb!important}.border-brown,.hover-border-brown:hover{border-color:#795548!important}.border-cyan,.hover-border-cyan:hover{border-color:#00bcd4!important}.border-blue-grey,.hover-blue-grey:hover{border-color:#607d8b!important}.border-green,.hover-border-green:hover{border-color:#4caf50!important}.border-light-green,.hover-border-light-green:hover{border-color:#8bc34a!important}.border-indigo,.hover-border-indigo:hover{border-color:#3f51b5!important}.border-khaki,.hover-border-khaki:hover{border-color:khaki!important}.border-lime,.hover-border-lime:hover{border-color:#cddc39!important}.border-orange,.hover-border-orange:hover{border-color:#ff9800!important}.border-deep-orange,.hover-border-deep-orange:hover{border-color:#ff5722!important}.border-pink,.hover-border-pink:hover{border-color:#e91e63!important}.border-purple,.hover-border-purple:hover{border-color:#9c27b0!important}.border-deep-purple,.hover-border-deep-purple:hover{border-color:#673ab7!important}.border-red,.hover-border-red:hover{border-color:#f44336!important}.border-sand,.hover-border-sand:hover{border-color:#fdf5e6!important}.border-teal,.hover-border-teal:hover{border-color:#009688!important}.border-yellow,.hover-border-yellow:hover{border-color:#ffeb3b!important}.border-white,.hover-border-white:hover{border-color:#fff!important}.border-black,.hover-border-black:hover{border-color:#000!important}.border-grey,.hover-border-grey:hover{border-color:#9e9e9e!important}.border-light-grey,.hover-border-light-grey:hover{border-color:#f1f1f1!important}.border-dark-grey,.hover-border-dark-grey:hover{border-color:#616161!important}.border-pale-red,.hover-border-pale-red:hover{border-color:#ffe7e7!important}.border-pale-green,.hover-border-pale-green:hover{border-color:#e7ffe7!important}.border-pale-yellow,.hover-border-pale-yellow:hover{border-color:#ffffd7!important}.border-pale-blue,.hover-border-pale-blue:hover{border-color:#e7ffff!important}.theme-l5{color:#000!important;background-color:#f6f8fc!important}.theme-l4{color:#000!important;background-color:#e1e9f6!important}.theme-l3{color:#000!important;background-color:#c3d3ed!important}.theme-l2{color:#000!important;background-color:#a5bee4!important}.theme-l1{color:#fff!important;background-color:#88a8db!important}.theme-d1{color:#fff!important;background-color:#5180cb!important}.theme-d2{color:#fff!important;background-color:#3a6fc3!important}.theme-d3{color:#fff!important;background-color:#3361aa!important}.theme-d4{color:#fff!important;background-color:#2c5392!important}.theme-d5{color:#fff!important;background-color:#24457a!important}.theme-light{color:#000!important;background-color:#f6f8fc!important}.theme-dark{color:#fff!important;background-color:#24457a!important}.theme-action{color:#fff!important;background-color:#24457a!important}.theme{color:#fff!important;background-color:#6a92d3!important}.text-theme{color:#6a92d3!important}.border-theme{border-color:#6a92d3!important}.hover-theme:hover{color:#fff!important;background-color:#6a92d3!important}.hover-text-theme:hover{color:#6a92d3!important}.hover-border-theme:hover{border-color:#6a92d3!important}.label{color:#999696}@media (max-width:768px){#sidebar{display:none}#main{margin-left:0}}.select{display:block;font-size:16px;font-family:sans-serif;font-weight:400;color:#444;line-height:1.3;padding:.6em 1.4em .5em .8em;width:100%;max-width:100%;box-sizing:border-box;margin:0;border-bottom:1px solid #aaa;box-shadow:0 1px 0 1px rgba(0,0,0,.04);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#e8f0fe;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),linear-gradient(to bottom,#e8f0fe 0,#e8f0fe 100%);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}.select::-ms-expand{display:none}.select:hover{border-color:#888}.select:focus{border-color:#aaa;box-shadow:0 0 1px 1px #6a92d3;box-shadow:0 0 0 1px -moz-mac-focusring;color:#222;outline:0}.select option{font-weight:400}.table{table-layout:fixed}.text-line-through{text-decoration:line-through}#snackbar{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;font-size:17px}#snackbar.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.tabulator-header-filter>input{background-color:#e8f0fe;border:1px solid #ccc;font-weight:400}.readonly{pointer-events:none;display:block;border:0;width:100%;background-color:#fff}.right-side-bg{background:url(../img/bg1.jpg);background-size:cover;min-height:100vh}
\ No newline at end of file
+++ /dev/null
-[% quser = dksdb.query("select prename,surname from public.users where id='$userid';") %]
-[% user = quser.get_all() %]
-Bonjour [% user.0.prename %] [% user.0.surname %],<br/>
-<br/>
\ No newline at end of file
+++ /dev/null
-<br/>
-<br/>
-Meilleurs salutations,<br/>
-<br/>
-POT Support Team
\ No newline at end of file
-[% INCLUDE block/greeting.tt %]
+[% quser = dksdb.query("select prename,surname from public.users where id='$userid';") %]
+[% user = quser.get_all() %]
+Bonjour [% user.0.prename %] [% user.0.surname %],<br/>
+<br/>
vous avez demandé un nouveau mot de passe via pot.lu!<br/>
cliquer ci-dessous pour confirmer votre demande.<a>
<a href="[% siteurl %]/accountreset.html">Changer mot de passe</a>
-[% INCLUDE block/signature.tt %]
\ No newline at end of file
+<br/>
+<br/>
+Meilleurs salutations,<br/>
+<br/>
+POT Support Team
\ No newline at end of file
-[% INCLUDE block/greeting.tt %]
+[% quser = dksdb.query("select prename,surname from public.users where id='$userid';") %]
+[% user = quser.get_all() %]
+Bonjour [% user.0.prename %] [% user.0.surname %],<br/>
+<br/>
[% quser = dksdb.query("select username,vcode from public.users where id='$userid';") %]
[% user = quser.get_all() %]
Merci pour votre création de compte sur pot.lu,
<br/><br/>
votre code de validation: <strong style="font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;">[% user.0.vcode %]</strong><br/>
Finissez votre régistration en entrant le votre code de validation ici: <a href="[% siteurl %]/validation.html">[% siteurl %]validation.html</a>
-[% INCLUDE block/signature.tt %]
+<br/>
+<br/>
+Meilleurs salutations,<br/>
+<br/>
+POT Support Team
-<?xml version="1.0" encoding="utf-8"?>
\r<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
\r x="0px" y="0px" width="50px" height="50px" viewBox="0 0 19.84 21.33">
\r<path d="M10.915,16.165001L13.52,16.165001 13.52,18.688 10.915,18.688z M6.8629996,16.165001L9.4669997,16.165001 9.4669997,18.688 6.8629996,18.688z M2.8109998,16.165001L5.4159996,16.165001 5.4159996,18.688 2.8109998,18.688z M14.76,12.197L17.364999,12.197 17.364999,14.719 14.76,14.719z M10.915,12.197L13.52,12.197 13.52,14.719 10.915,14.719z M6.8629996,12.197L9.4669997,12.197 9.4669997,14.719 6.8629996,14.719z M2.8109998,12.197L5.4159996,12.197 5.4159996,14.719 2.8109998,14.719z M14.76,8.1450005L17.364999,8.1450005 17.364999,10.667 14.76,10.667z M10.708,8.1450005L13.312999,8.1450005 13.312999,10.667 10.708,10.667z M6.6559999,8.1450005L9.2609994,8.1450005 9.2609994,10.667 6.6559999,10.667z M1.1907999,5.4987025L1.1907999,20.141716 18.6544,20.141716 18.6544,5.4987025z M0,0L19.844999,0 19.844999,21.333 0,21.333z"/>
\r</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0px" y="0px" width="50px" height="50px" viewBox="0 0 19.84 21.33">
+<path fill="#fff" d="M10.915,16.165001L13.52,16.165001 13.52,18.688 10.915,18.688z M6.8629996,16.165001L9.4669997,16.165001 9.4669997,18.688 6.8629996,18.688z M2.8109998,16.165001L5.4159996,16.165001 5.4159996,18.688 2.8109998,18.688z M14.76,12.197L17.364999,12.197 17.364999,14.719 14.76,14.719z M10.915,12.197L13.52,12.197 13.52,14.719 10.915,14.719z M6.8629996,12.197L9.4669997,12.197 9.4669997,14.719 6.8629996,14.719z M2.8109998,12.197L5.4159996,12.197 5.4159996,14.719 2.8109998,14.719z M14.76,8.1450005L17.364999,8.1450005 17.364999,10.667 14.76,10.667z M10.708,8.1450005L13.312999,8.1450005 13.312999,10.667 10.708,10.667z M6.6559999,8.1450005L9.2609994,8.1450005 9.2609994,10.667 6.6559999,10.667z M1.1907999,5.4987025L1.1907999,20.141716 18.6544,20.141716 18.6544,5.4987025z M0,0L19.844999,0 19.844999,21.333 0,21.333z"/>
+</svg>
\ No newline at end of file
<?xml version="1.0" encoding="utf-8"?> \r
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" \r
x="0px" y="0px" width="50px" height="50px" viewBox="0 0 64 64"> \r
-<path fill="red" d="M51.527958,0L64,12.4741 44.47221,32.001027 64,51.52871 51.528,64.000001 32.000016,44.472668 12.471823,64.000001 0.0010004044,51.528802 19.528015,32.001088 0,12.473726 12.472,0.0010004044 31.999884,19.528773z"/> \r
+<path d="M51.527958,0L64,12.4741 44.47221,32.001027 64,51.52871 51.528,64.000001 32.000016,44.472668 12.471823,64.000001 0.0010004044,51.528802 19.528015,32.001088 0,12.473726 12.472,0.0010004044 31.999884,19.528773z"/> \r
</svg>
\ No newline at end of file
$template->process($skl,$vars) || die "Template process failed: ", $template->error(), "\n";
#print "/*".Dumper($vars)."*/";
-# if ($vars->{page} =~ /\.tt/){
-
# print '<pre >'.Dumper($vars)."<pre>";
-# }
+if ($vars->{page} =~ /\.tt/){
+ print '<pre >'.Dumper($vars)."<pre>";
+}
function formsaved(data){
var sb = document.getElementById("snackbar");
- sb.className="show w3-green";
+ sb.className="show green";
sb.innerHTML = 'Les données ont été sauvegardées!';
- setTimeout(function(){ sb.className = sb.className.replace("show w3-green", ""); }, 3000);
+ setTimeout(function(){ sb.className = sb.className.replace("show green", ""); }, 3000);
return false;
}
-<!-- <button class="w3-bar-item w3-button w3-border w3-right w3-red" onclick="reportperiod.remove();"><img
- src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;" /></button> -->
- <!-- <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="reportperiod.edit();"><img
- src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;" /></button> -->
-<div class="toolbar" id="tbar_tbl_staffworkplan" style="display: none;">
- <!-- <span id="reportperiodtitlexx"></span>
- <button class="w3-bar-item w3-button w3-border w3-right w3-red" onclick="staffworkplan.remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
- <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="staffworkplan.edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>
- <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="staffworkplan.add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button> -->
-</div>
-<div class="toolbar" id="tbar_frm_staffworkplan_edit" style="display: none;">
- <!-- <button class="w3-bar-item w3-button w3-border w3-blue-grey w3-hover-text-white" onclick="module.viewpanel('tbl_staffworkplan');">retour vers POT Semaines</button> -->
-</div>
-<div class="toolbar" id="tbar_frm_staffworkplan_add" style="display: none;">
- <!-- <button class="w3-bar-item w3-button w3-border w3-blue-grey w3-hover-text-white" onclick="module.viewpanel('tbl_staffworkplan');">retour vers POT Semaines</button> -->
-</div>
-<div class="toolbar" id="tbar_tbl_daystaffworkplan" style="display: none;">
- <!-- <span id="reportperiodtitle2"></span>
- <button class="w3-bar-item w3-button w3-border w3-blue-grey w3-hover-text-white" onclick="module.viewpanel('tbl_staffworkplan');">retour vers POT Semaine</button>-->
-
-</div>
-<div class="toolbar" id="tbar_frm_staffworkplan" style="display: none;">
- <!-- <button class="w3-bar-item w3-button w3-border w3-blue-grey w3-hover-text-white" onclick="module.viewpanel('tbl_staffworkplan');">retour vers POT Semaine</button> -->
-</div>
-<!-- <div class="w3-display-container panel" id="pnl_tbl_staffworkplan" style="margin-top: 45px;">
- <div id="tbl_staffworkplan"></div>
- </div> -->
- <!-- <div>
- <div id="tbl_daystaffworkplan"></div>
- </div> -->
-<!-- Add Plan begin -->
- <!-- <div class="w3-display-container w3-padding-24 panel" id="pnl_frm_staffworkplan_add" style=" margin-top: 20px;display: none;">
- <div class="w3-container w3-padding-24 w3-card w3-margin w3-margin-bottom">
- <form id="frm_staffworkplan_add">
- <h3>Plan de travail</h3>
- <div class="w3-row-padding">
- <div class="w3-container">
-
- <div class="w3-container w3-card w3-padding">
- [% fieldmultiselectbox('id_staff_add','staffworkplan_add','Employé(es)','','','') %]
- [% fieldmultidatebox('dates_add','staffworkplan_add','Date(s)','','','') %]
- [% fieldmultidatebox('daterange_add','staffworkplan_add','Période','w3-half','','') %]
- </div>
- [% #fieldmultiselectbox('weekdays','display','Jours','','','') %]
- <div class="w3-container w3-card w3-padding">
- [% fieldselectbox('id_workplan_add','staffworkplan_add','Modèle','w3-third','','','') %]
- </div>
- [% FOREACH tt IN wd %]
- [% wday = tt.wd %]
- [% headday = tt.day %]
- <div class="w3-container w3-card w3-padding">
- <h4>[% headday %]</h4>
- <div class="w3-row">
- <div class="w3-container">
- [% fieldhidden("${wday}_id_add",'staffworkplan_add','')%]
- [% fieldtimebox("${wday}_timestart1_add",'staffworkplan_add','début 1','','','') %]
- [% fieldtimebox("${wday}_timeend1_add",'staffworkplan_add','fin 1','','','') %]
- [% fieldtimebox("${wday}_timepause_add",'staffworkplan_add','pause','','','') %]
- [% fieldtimebox("${wday}_timestart2_add",'staffworkplan_add','début 2','','','') %]
- [% fieldtimebox("${wday}_timeend2_add",'staffworkplan_add','fin 2','','','') %]
- [% fieldtimebox("${wday}_interruption_add",'satffaworkplan_add','coupure','','readonly','') %]
- [% fieldtimebox("${wday}_workhours_add",'staffworkplan_add',"Total",'','readonly','') %]
- </div>
-
- </div>
- </div>
- [% END %]
- </div>
- <div class="w3-container w3-right-align">
- <button class="w3-button w3-blue-grey w3-margin" id="btnsave_staffworkplan_add" onclick="staffworkplan.save();return false;">sauvegarder</button>
- </div>
- </div>
- </form>
- </div>
-
- </div> -->
- <!-- Add plan end-->
- <!-- Edit Plan begin -->
- <!-- <div class="w3-display-container w3-padding-24 panel" id="pnl_frm_staffworkplan_edit" style=" margin-top: 20px;display: none;">
- <div class="w3-container w3-padding-24 w3-card w3-margin w3-margin-bottom">
- <form id="frm_staffworkplan_edit">
- <h3>Plan de travail</h3>
- <div class="w3-row-padding">
- <div class="w3-container">
-
- <div class="w3-container w3-padding">
- [% fieldhidden('id_staff','staffworkplan','') %]
-
- [% fieldeditbox('dspstaffname','staffworkplan','Salarié','w3-half','readonly','') %]
- [% fieldselectbox('id_workplan','staffworkplan','Changer Modèle POT','w3-third','','','') %]
-
- </div>
- <div class="w3-container w3-card w3-padding">
- <h4 id="week_title">Semaine</h4>
- <div class="w3-row">
- <div class="w3-container">
-
- [% fieldtimebox("week_workhours",'display',"Total POT",'w3-fifth','readonly','') %]
- [% fieldtimebox("week_vacancyhours",'display',"Total Congé",'w3-fifth','readonly','') %]
- [% fieldtimebox("week_recuperationhours",'display',"Total Récup",'w3-fifth','readonly','') %]
- [% fieldtimebox("week_hoursdiff",'display',"Nouv. à récup.",'w3-fifth','readonly','') %]
- [% fieldtimebox("week_hoursrestbefore",'display',"à récup. d'avant",'w3-fifth','readonly','') %]
- </div>
- </div>
- </div>
-
- [% FOREACH tt IN wd %]
- [% wday = tt.wd %]
- [% headday = tt.day %]
- <div class="w3-container w3-card w3-padding">
- <h4 id="[% wday%]_title">[% headday %]</h4>
- <div class="w3-row">
- <div class="w3-container w3-third">
- <h5>POT</h5>
- <div class="w3-container">
- [% fieldhidden("${wday}_id",'staffworkplan','') %]
- [% fieldhidden("${wday}_daydate",'staffworkplan','') %]
- [% fieldtimebox("${wday}_timestart1",'staffworkplan','début 1','w3-fifth','','') %]
- [% fieldtimebox("${wday}_timeend1",'staffworkplan','fin 1','w3-fifth','','') %]
- </div>
- <div class="w3-container">
- [% fieldtimebox("${wday}_timestart2",'staffworkplan','début 2','w3-fifth','','') %]
- [% fieldtimebox("${wday}_timeend2",'staffworkplan','fin 2','w3-fifth','','') %]
- [% fieldtimebox("${wday}_timepause",'staffworkplan','pause','w3-fifth','','') %]
- </div>
- <div class="w3-container">
- [% fieldtimebox("${wday}_workhours",'staffworkplan',"Total",'w3-fifth','readonly','') %]
- [% fieldtimebox("${wday}_interruptionhours",'staffworkplan','coupure','','readonly','') %]
- </div>
- </div>
- <div class="w3-container w3-third card_vacancy">
-
- <div class="w3-container">
- <h5>Congé</h5>
- [% fieldselectbox("${wday}_id_vacancytype",'staffworkplan','Type de congé','w3-half','','','dayvacancy') %]
- [% fieldtimebox("${wday}_vacancyhours",'staffworkplan','Heures','w3-half','','','vacdaytotal') %]
- </div>
-
- <div class="w3-container">
- <h5>Repos</h5>
- [% fieldselectbox("${wday}_id_recuperationtype",'staffworkplan','type de repos','w3-half','','','dayrepos') %]
- [% fieldtimebox("${wday}_recuperationhours",'staffworkplan','Heures','w3-half','','','repdaytotal') %]
- </div>
-
- </div>
- <div class="w3-container w3-third card_totals">
- <div class="w3-container">
- <h5>Total Jour</h5>
- [% fieldtimebox("${wday}_dayhours",'staffworkplan','Total Jour','','readonly','','wdaytotal') %]
- </div>
- </div>
-
- </div>
- </div>
- [% END %]
- </div>
- <div class="w3-container w3-right-align">
- <button class="w3-button w3-blue-grey w3-margin" id="btnsave_staffworkplan_edit" onclick="staffworkplan.save_edit();return false;">sauvegarder</button>
- </div>
- </div>
- </form>
- </div>
-
- </div> -->
- <!-- And edit plan -->
-
- <!-- <div id="dlg_reportperiod" class="w3-modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
- <span onclick="document.getElementById('dlg_reportperiod').style.display='none'; return false;" class="w3-button w3-display-topright">×</span>
- <h2 id="dlgdelete_title">editer période</h2>
- </header>
- <div class="w3-container">
- <div id="reportperiod_infomsg"></div>
- <form id="frm_reportperiod">
- [% fieldhidden("id","reportperiod",'ident','') %]
- [% #fieldhidden("enddate","reportperiod",'','') %]
-
- [% #fieldeditbox("periodname","reportperiod","Nom",'','','','') %]
- <
- <div class="w3-cell-row">
- [% #fieldselectbox("id_staffgroup","reportperiod","Département",'w3-half','','','') %]
- </div>
- <div class="w3-cell-row">
- [% #fielddatebox("startdate","reportperiod","début",'w3-fifth','','','') %]
- [% #fieldnumberbox("periodlength","reportperiod","Durée",'w3-fifth','','','',1,'',1) %]
- [% #fieldselectbox("periodtype","reportperiod","Unité",'w3-fifth','','','') %]
- [% #fieldeditbox("dspenddate","display","fin",'w3-fifth','readonly','','') %]
- </div>
- [% IF session.usergroup == "manager" || session.usergroup == "admin" %]
- <div class="w3-cell-row">
- [% fieldcheckbox("isvalidated","reportperiod","Validé",'','','1') %]
- [% fieldhidden("id_validateuser","reportperiod",'','') %]
- </div>
- [% END %]
-
- </form>
- </div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlg_reportperiod').style.display='none'; return false;">Annuler</button>
- <button class="w3-button w3-blue-grey w3-margin-right w3-border" onclick="reportperiod.save();return false;">Sauvegarder</button>
- </footer>
- </div>
- </div> -->
\ No newline at end of file
+<div class="toolbar" id="tbar_tbl_staffworkplan" style="display: none;"></div>
+<div class="toolbar" id="tbar_frm_staffworkplan_edit" style="display: none;"></div>
+<div class="toolbar" id="tbar_frm_staffworkplan_add" style="display: none;"></div>
+<div class="toolbar" id="tbar_tbl_daystaffworkplan" style="display: none;"></div>
+<div class="toolbar" id="tbar_frm_staffworkplan" style="display: none;"></div>
// }
// console.log(flds);
// if (bshowmsg){
- // document.getElementById("reportperiod_infomsg").innerHTML = '<div class="panel w3-red">Tous les champs sont requis!</div>';
+ // document.getElementById("reportperiod_infomsg").innerHTML = '<div class="panel red">Tous les champs sont requis!</div>';
// return false;
// }
}
},
datarefresh: function(){
- showdataloaddlg('','<div class="w3-xxlarge">Attendez s.v.p.!</div>');
+ showdataloaddlg('','<div class="xxlarge">Attendez s.v.p.!</div>');
req.reqdata("POST","db.cgi",{"action":"refreshperiods","schemata":schemata,"params":""},reportperiod.datarefreshdone);
return false;
},
//{ title: "Durée",field: "periodlength",formatter:"number" },
//{ title: "Unité",field: "periodtype",formatter:"plaintext" },
- //{ title: "Validé",field: "isvalidated",formatter:"tickCross",align:"center",formatterParams:{allowEmpty:true,allowTruthy:false,tickElement:'<span class="strong w3-text-green">✔</span>',crossElement:'<span class="strong w3-text-red">☓</span>'}},
+ //{ title: "Validé",field: "isvalidated",formatter:"tickCross",align:"center",formatterParams:{allowEmpty:true,allowTruthy:false,tickElement:'<span class="strong text-green">✔</span>',crossElement:'<span class="strong text-red">☓</span>'}},
//{ title: "Verfifié par",field: "userdisplayname",formatter:"plaintext" },
]
});
var wpdata = getformcontent(staffworkplan.name + "_edit");
var allrows=[];
- showdataloaddlg('','<div class="w3-xxlarge">Attendez s.v.p.!</div>');
+ showdataloaddlg('','<div class="xxlarge">Attendez s.v.p.!</div>');
for (var w in weekdays){
//console.log(w + ' ' + weekdays[i]);
row = {"ident_staffworkplan_id_staff":wpdata["staffworkplan_id_staff"],"ident_staffworkplan_id":wpdata["staffworkplan_"+ weekdays[w] + "_id"]};
datamsg += "pas de heures définie(s)!<br/>"
}
if (datamsg != ""){
- showmessagedlg("Configuration incomplète!",'<div class="w3-panel w3-text-red">'+ datamsg+'</div>');
+ showmessagedlg("Configuration incomplète!",'<div class="panel text-red">'+ datamsg+'</div>');
return false;
}
var allrows=[];
- showdataloaddlg('','<div class="w3-xxlarge">Attendez s.v.p.!</div>');
+ showdataloaddlg('','<div class="xxlarge">Attendez s.v.p.!</div>');
for (var s=0;s<wpdata["staffworkplan_id_staff"].length;s++){
var wpdates = wpdata["staffworkplan_dates"].split(", ");
for (var d=0;d<wpdates.length;d++){
irupt = timecalc.TimeToMinutes(ods2.value)-timecalc.TimeToMinutes(ode1.value);
oirupt.value=timecalc.MinutesToTime(irupt);
if (irupt > daycheck.maxinterruption){
- oirupt.classList.remove("w3-text-black");
- oirupt.classList.add("w3-text-red");
+ oirupt.classList.remove("text-black");
+ oirupt.classList.add("text-red");
}else {
- oirupt.classList.remove("w3-text-red")
- oirupt.classList.add("w3-text-black");
+ oirupt.classList.remove("text-red")
+ oirupt.classList.add("text-black");
}
} else {
- oirupt.classList.remove("w3-text-red");
- oirupt.classList.add("w3-text-black")
+ oirupt.classList.remove("text-red");
+ oirupt.classList.add("text-black")
oirupt.value="00:00";
}
owkh.value= timecalc.MinutesToTime(mt1+mt2-mtp);
if (fulldaytime > 600){
//console.log(document.getElementById(wday + "_dayhours" + strappend).value);
- odyh.classList.remove("w3-text-black");
- odyh.classList.add("w3-text-red");
+ odyh.classList.remove("text-black");
+ odyh.classList.add("text-red");
}else {
- odyh.classList.remove("w3-text-red");
- odyh.classList.add("w3-text-black");
+ odyh.classList.remove("text-red");
+ odyh.classList.add("text-black");
}
staffworkplan.checkweektime();
},
-<!-- <div class="w3-display-container w3-padding-24 panel" id="pnl_frm_staffworkplan_edit" style=" margin-top: 20px;display: none;">
- <div class="w3-container w3-padding-24 w3-card w3-margin w3-margin-bottom">
- <form id="frm_staffworkplan_edit">
- <h3>Plan de travail</h3>
- <div class="w3-row-padding">
- <div class="w3-container">
-
- <div class="w3-container w3-padding">
- [% fieldhidden('id_staff','staffworkplan','') %]
-
- [% fieldeditbox('dspstaffname','staffworkplan','Salarié','w3-half','readonly','') %]
- [% fieldselectbox('id_workplan','staffworkplan','Changer Modèle POT','w3-third','','','') %]
-
- </div>
- <div class="w3-container w3-card w3-padding">
- <h4 id="week_title">Semaine</h4>
- <div class="w3-row">
- <div class="w3-container">
- [% fieldtimebox("week_workhours",'display',"Total POT",'w3-fifth','readonly','') %]
- [% fieldtimebox("week_vacancyhours",'display',"Total Congé",'w3-fifth','readonly','') %]
- [% fieldtimebox("week_recuperationhours",'display',"Total Récup",'w3-fifth','readonly','') %]
- [% fieldtimebox("week_hoursdiff",'display',"Nouv. à récup.",'w3-fifth','readonly','') %]
- [% fieldtimebox("week_hoursrestbefore",'display',"à récup. d'avant",'w3-fifth','readonly','') %]
- </div>
- </div>
- </div>
-
- [% FOREACH tt IN wd %]
- [% wday = tt.wd %]
- [% headday = tt.day %]
- <div class="w3-container w3-card w3-padding">
- <h4 id="[% wday%]_title">[% headday %]</h4>
- <div class="w3-row">
- <div class="w3-container w3-third">
- <h5>POT</h5>
- <div class="w3-container">
- [% fieldhidden("${wday}_id",'staffworkplan','') %]
- [% fieldhidden("${wday}_daydate",'staffworkplan','') %]
- [% fieldtimebox("${wday}_timestart1",'staffworkplan','début 1','w3-fifth','','') %]
- [% fieldtimebox("${wday}_timeend1",'staffworkplan','fin 1','w3-fifth','','') %]
- </div>
- <div class="w3-container">
- [% fieldtimebox("${wday}_timestart2",'staffworkplan','début 2','w3-fifth','','') %]
- [% fieldtimebox("${wday}_timeend2",'staffworkplan','fin 2','w3-fifth','','') %]
- [% fieldtimebox("${wday}_timepause",'staffworkplan','pause','w3-fifth','','') %]
- </div>
- <div class="w3-container">
- [% fieldtimebox("${wday}_workhours",'staffworkplan',"Total",'w3-fifth','readonly','') %]
- [% fieldtimebox("${wday}_interruptionhours",'staffworkplan','coupure','','readonly','') %]
- </div>
- </div>
- <div class="w3-container w3-third card_vacancy">
-
- <div class="w3-container">
- <h5>Congé</h5>
- [% fieldselectbox("${wday}_id_vacancytype",'staffworkplan','Type de congé','w3-half','','','dayvacancy') %]
- [% fieldtimebox("${wday}_vacancyhours",'staffworkplan','Heures','w3-half','','','vacdaytotal') %]
- </div>
-
- <div class="w3-container">
- <h5>Repos</h5>
- [% fieldselectbox("${wday}_id_recuperationtype",'staffworkplan','type de repos','w3-half','','','dayrepos') %]
- [% fieldtimebox("${wday}_recuperationhours",'staffworkplan','Heures','w3-half','','','repdaytotal') %]
- </div>
-
- </div>
- <div class="w3-container w3-third card_totals">
- <div class="w3-container">
- <h5>Total Jour</h5>
- [% fieldtimebox("${wday}_dayhours",'staffworkplan','Total Jour','','readonly','','wdaytotal') %]
- </div>
- </div>
- <!-- <div class="w3-container w3-third card_stamp">
- <h5>Pointages</h5>
- <div id="tbl_[% wday %]_stamp"></div>
- </div> -->
- </div>
- </div>
- [% END %]
- </div>
- <div class="w3-container w3-right-align">
- <button class="w3-button w3-blue-grey w3-margin" id="btnsave_staffworkplan_edit" onclick="staffworkplan.save_edit();return false;">sauvegarder</button>
- </div>
- </div>
- </form>
- </div>
-
- </div> -->
\ No newline at end of file
+[% END %]
+<div class="container right-align">
+ <button class="button blue-grey margin" id="btnsave_staffworkplan_edit" onclick="staffworkplan.save_edit();return false;">sauvegarder</button>
+</div>-->
-<div class="w3-container">
+<div class="container">
<p style="font-weight: bold;">
1 : Objet</p>
<p>
[% PROCESS macro/fields.tt %]
-<div id="dlgaction" class="w3-modal">
+<div id="dlgaction" class="modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
+ <div class="modal-content animate-top card-4">
+ <header class="container">
<span onclick="document.getElementById('dlgaction').style.display='none'; return false;"
- class="w3-button w3-display-topright">×</span>
+ class="button display-topright">×</span>
<h2 id="dlgaction_title"></h2>
</header>
- <div class="w3-container">
+ <div class="container">
<span id="dlgaction_message"></span>
[% fieldhidden("dlgactionschema","action",'','') %]
[% fieldhidden("dlgactionfunction","action",'','') %]
[% fieldhidden("dlgparams","action",'','') %]
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlgaction').style.display='none'; return false;">Annuler</button>
- <button class="w3-button w3-red w3-margin-right w3-border" id="btnaction" onclick="action_confirmed();">Oui</button>
+ <footer class="container right-align padding-16">
+ <button class="button theme-light margin-right border" onclick="document.getElementById('dlgaction').style.display='none'; return false;">Annuler</button>
+ <button class="button red margin-right border" id="btnaction" onclick="action_confirmed();">Oui</button>
</footer>
</div>
</div>
}
document.getElementById('dlgaction').style.display='none';
var sb = document.getElementById("snackbar");
- sb.className="show w3-green";
+ sb.className="show green";
sb.innerHTML = 'Les données ont été sauvegardées!';
- setTimeout(function(){ sb.className = sb.className.replace("show w3-green", ""); }, 3000);
+ setTimeout(function(){ sb.className = sb.className.replace("show green", ""); }, 3000);
afterdeletecallback =null;
return false;
}
-<div id="dlgdataload" class="w3-modal">
+<div id="dlgdataload" class="modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
+ <div class="modal-content animate-top card-4">
+ <header class="container">
<h2 id="dlgdataload_title"></h2>
</header>
- <div class="w3-container">
- <div class="w3-container" id="dlgdataload_text">Attentez s.v.p.!</div>
- <div class="container w3-padding">
- <progress class="w3-progress w3-block" indeterminate></progress>
+ <div class="container">
+ <div class="container" id="dlgdataload_text">Attentez s.v.p.!</div>
+ <div class="container padding">
+ <progress class="progress block" indeterminate></progress>
</div>
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <!--<button class="w3-button w3-blue-grey w3-margin-right w3-border" onclick="document.getElementById('dlgdataload').style.display='none'; return false;">OK</button> -->
+ <footer class="container right-align padding-16">
+ <!--<button class="button blue-grey margin-right border" onclick="document.getElementById('dlgdataload').style.display='none'; return false;">OK</button> -->
</footer>
</div>
</div>
[% PROCESS macro/fields.tt %]
-<div id="dlgdeleterow" class="w3-modal">
+<div id="dlgdeleterow" class="modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
+ <div class="modal-content animate-top card-4">
+ <header class="container">
<span onclick="document.getElementById('dlgdeleterow').style.display='none'; return false;"
- class="w3-button w3-display-topright">×</span>
+ class="button display-topright">×</span>
<h2 id="dlgdelete_title">Supprimer</h2>
</header>
- <div class="w3-container">
+ <div class="container">
<span id="askdelete">êtes vous sûre de vouloir supprimer la rangé sélectionné?</span>
[% fieldhidden("dlgdelschema","delete",'','') %]
[% fieldhidden("dlgdeltable","delete",'','') %]
[% fieldhidden("dlgdelrowid","delete",'','') %]
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlgdeleterow').style.display='none'; return false;">Annuler</button>
- <button class="w3-button w3-red w3-margin-right w3-border" onclick="deleterow_confirmed();">Supprimer</button>
+ <footer class="container right-align padding-16">
+ <button class="button theme-light margin-right border" onclick="document.getElementById('dlgdeleterow').style.display='none'; return false;">Annuler</button>
+ <button class="button red margin-right border" onclick="deleterow_confirmed();">Supprimer</button>
</footer>
</div>
</div>
}
document.getElementById('dlgdeleterow').style.display='none';
var sb = document.getElementById("snackbar");
- sb.className="show w3-green";
+ sb.className="show green";
sb.innerHTML = 'Les données ont été supprimées!';
- setTimeout(function(){ sb.className = sb.className.replace("show w3-green", ""); }, 3000);
+ setTimeout(function(){ sb.className = sb.className.replace("show green", ""); }, 3000);
afterdeletecallback =null;
return false;
}
-<div id="dlgmessage" class="w3-modal">
+<div id="dlgmessage" class="modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
+ <div class="modal-content animate-top card-4">
+ <header class="container">
<span onclick="document.getElementById('dlgmessage').style.display='none'; return false;"
- class="w3-button w3-display-topright">×</span>
+ class="button display-topright">×</span>
<h2 id="dlgmessage_title"></h2>
</header>
- <div class="w3-container">
+ <div class="container">
<div id="dlgmessage_text"></div>
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-blue-grey w3-margin-right w3-border" onclick="document.getElementById('dlgmessage').style.display='none'; return false;">OK</button>
+ <footer class="container right-align padding-16">
+ <button class="button blue-grey margin-right border" onclick="document.getElementById('dlgmessage').style.display='none'; return false;">OK</button>
</footer>
</div>
</div>
-<div id="dlgreport" class="w3-modal">
+<div id="dlgreport" class="modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
+ <div class="modal-content animate-top card-4">
+ <header class="container">
<span onclick="document.getElementById('dlgreport').style.display='none'; return false;"
- class="w3-button w3-display-topright">×</span>
+ class="button display-topright">×</span>
<h2 id="dlgreport_title">Selectionner un modèle</h2>
</header>
- <div class="w3-container">
- <div class="w3-bar-block" id="dlgreport_reportlist">
+ <div class="container">
+ <div class="bar-block" id="dlgreport_reportlist">
</div>
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlgreport').style.display='none'; return false;">Annuler</button>
+ <footer class="container right-align padding-16">
+ <button class="button theme-light margin-right border" onclick="document.getElementById('dlgreport').style.display='none'; return false;">Annuler</button>
</footer>
</div>
if (data && data.reports){
var repdata = '';
for (var r in data.reports){
- repdata += '<a href="javascript:dlgreport.generate(\''+ data.reports[r].name+'\');" class="w3-bar-item w3-button w3-padding w3-border">';
+ repdata += '<a href="javascript:dlgreport.generate(\''+ data.reports[r].name+'\');" class="bar-item button padding border">';
repdata += '<img src="[% abspath %]img/icons/pdf.svg" style="width: 24px;"> ' + data.reports[r].label +'</a>';
}
document.getElementById("dlgreport_reportlist").innerHTML = repdata;
-<div id="dlguploadfile" class="w3-modal">
+<div id="dlguploadfile" class="modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
+ <div class="modal-content animate-top card-4">
+ <header class="container">
<span onclick="document.getElementById('dlguploadfile').style.display='none'; return false;"
- class="w3-button w3-display-topright">×</span>
+ class="button display-topright">×</span>
<h2 id="dlgpublish_title">Fichier eroplueden</h2>
</header>
- <div class="w3-container">
+ <div class="container">
<form id="frm_uploadfile">
[% fieldhidden("table","upload",'','') %]
[% fieldhidden("row_id","upload","ident",'') %]
[% fieldfile("file","upload","Fichier auswielen",'','','') %]
</form>
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlguploadfile').style.display='none'; return false;">Oofbriechen</button>
+ <footer class="container right-align padding-16">
+ <button class="button theme-light margin-right border" onclick="document.getElementById('dlguploadfile').style.display='none'; return false;">Oofbriechen</button>
[% formsavefilebutton('uploadfile','eroplueden','') %]
</footer>
</div>
}
function filesaved(data){
var sb = document.getElementById("snackbar");
- sb.className="show w3-green";
+ sb.className="show green";
sb.innerHTML = 'den Fichier gouf gespaichert!';
- setTimeout(function(){ sb.className = sb.className.replace("show w3-green", ""); }, 3000);
+ setTimeout(function(){ sb.className = sb.className.replace("show green", ""); }, 3000);
return false;
}
function getformdata(frmid){
function multipartformsaved(data){
//console.log(data);
var sb = document.getElementById("snackbar");
- sb.className="show w3-green";
+ sb.className="show green";
sb.innerHTML = 'Den Fichier gouf gespaichert!';
- setTimeout(function(){ sb.className = sb.className.replace("show w3-green", ""); }, 3000);
+ setTimeout(function(){ sb.className = sb.className.replace("show green", ""); }, 3000);
document.getElementById('dlguploadfile').style.display = 'none';
if (afterformsaved.action){
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>[% sitename %] - [% pagename %]</title>
<meta name="language" content="fr">
<meta name="author" content="DKS sarl">
[% MACRO tabletoolbar(ident) BLOCK -%]
- <header class="w3-top w3-bar w3-border-bottom w3-theme-light">
- <button class="w3-bar-item w3-button w3-border " onclick="add_[% ident %]();">Nei</button>
- <button class="w3-bar-item w3-button w3-border " onclick="edit_[% ident %]();">EDIT</button>
- <button class="w3-bar-item w3-button w3-border " onclick="duplicate_[% ident %]();">DUPL</button>
- <button class="w3-bar-item w3-button w3-border " onclick="remove_[% ident %]();">DEL</button>
+ <header class="top bar border-bottom theme-light">
+ <button class="bar-item button border " onclick="add_[% ident %]();">Nei</button>
+ <button class="bar-item button border " onclick="edit_[% ident %]();">EDIT</button>
+ <button class="bar-item button border " onclick="duplicate_[% ident %]();">DUPL</button>
+ <button class="bar-item button border " onclick="remove_[% ident %]();">DEL</button>
</header>
[% END -%]
\ No newline at end of file
<input type="hidden" class="data_[% table %]" id="[% column %]" name="[% IF ident %]ident_[% END %][% table %]_[% column %]" value="[% value %]">\r
[% END -%]\r
[% MACRO fieldeditbox(column,table,title,size,state,value,plhold) BLOCK -%]\r
- <div class="w3-container [% IF size %][% size %][% END %]" >\r
- <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>\r
- <input type="text" class="w3-input w3-border data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" [% IF plhold %]placeholder="[% plhold %]" [% END %] [% IF state.length > 0 %][% state %][% END %]/>\r
+ <div class="container [% IF size %][% size %][% END %]" >\r
+ <label for="[% table %]_[% column %]" class="label">[% title %]</label>\r
+ <input type="text" class="input border data_[% table %] [% IF state.length > 0 %][% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" [% IF plhold %]placeholder="[% plhold %]" [% END %] [% IF state.length > 0 %][% state %][% END %]/>\r
\r
</div>\r
[% END -%]\r
[% MACRO fieldfile(column,table,title,size,state,value) BLOCK -%]\r
- <div class="w3-container [% IF size %][% size %][% END %]" >\r
- <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>\r
- <input type="file" class="w3-input w3-border data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" [% IF state.length > 0 %][% state %][% END %]/>\r
+ <div class="container [% IF size %][% size %][% END %]" >\r
+ <label for="[% table %]_[% column %]" class="label">[% title %]</label>\r
+ <input type="file" class="input border data_[% table %] [% IF state.length > 0 %][% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" [% IF state.length > 0 %][% state %][% END %]/>\r
\r
</div>\r
[% END -%]\r
[% MACRO fieldpasswordbox(column,table,title,size,state,value) BLOCK -%]\r
- <div class="w3-container [% IF size %][% size %][% END %]" >\r
- <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>\r
- <input type="password" class="w3-input w3-border data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="" [% IF state.length > 0 %][% state %][% END %]/>\r
+ <div class="container [% IF size %][% size %][% END %]" >\r
+ <label for="[% table %]_[% column %]" class="label">[% title %]</label>\r
+ <input type="password" class="input border data_[% table %] [% IF state.length > 0 %][% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="" [% IF state.length > 0 %][% state %][% END %]/>\r
\r
</div>\r
[% END -%]\r
[% MACRO fieldmoneybox(column,table,title,size,state,value,plhold) BLOCK -%]\r
- <div class="w3-container [% IF size %][% size %][% END %]" >\r
- <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>\r
+ <div class="container [% IF size %][% size %][% END %]" >\r
+ <label for="[% table %]_[% column %]" class="label">[% title %]</label>\r
\r
- <input type="text" class="w3-input w3-text-align-right w3-border w3-right data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" [% IF plhold %]placeholder="[% plhold %]" [% END %] [% IF state.length > 0 %][% state %][% END %]/>\r
+ <input type="text" class="input text-align-right border right data_[% table %] [% IF state.length > 0 %][% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" [% IF plhold %]placeholder="[% plhold %]" [% END %] [% IF state.length > 0 %][% state %][% END %]/>\r
\r
</div>\r
[% END -%]\r
[% MACRO fieldnumberbox(column,table,title,size,state,value,plhold,minval,maxval,step) BLOCK -%]\r
- <div class="w3-container [% IF size %][% size %][% END %]" >\r
- <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>\r
- <input type="number" class="w3-input w3-text-align-right w3-border w3-right data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %] " id="[% column %]" pattern="" name="[% table %]_[% column %]" value="[% value %]" [% IF minval %]min="[% minval %]"[% END %] [% IF maxval %]max="[% maxval %]"[% END %] [% IF step %]step="[% step %]"[% END %] [% IF plhold %]placeholder="[% plhold %]" [% END %] [% IF state.length > 0 %][% state %][% END %]/>\r
+ <div class="container [% IF size %][% size %][% END %]" >\r
+ <label for="[% table %]_[% column %]" class="label">[% title %]</label>\r
+ <input type="number" class="input text-align-right border right data_[% table %] [% IF state.length > 0 %][% state %][% END %] " id="[% column %]" pattern="" name="[% table %]_[% column %]" value="[% value %]" [% IF minval %]min="[% minval %]"[% END %] [% IF maxval %]max="[% maxval %]"[% END %] [% IF step %]step="[% step %]"[% END %] [% IF plhold %]placeholder="[% plhold %]" [% END %] [% IF state.length > 0 %][% state %][% END %]/>\r
</div>\r
[% END -%]\r
[% MACRO fieldtagbox(column,table,title,size,state,value) BLOCK -%]\r
- <div class="w3-container [% IF size %][% size %][% END %]" >\r
- <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>\r
- <input type="text" class="w3-input tagedit w3-border data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="" [% IF state.length > 0 %][% state %][% END %]/>\r
+ <div class="container [% IF size %][% size %][% END %]" >\r
+ <label for="[% table %]_[% column %]" class="label">[% title %]</label>\r
+ <input type="text" class="input tagedit border data_[% table %] [% IF state.length > 0 %][% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="" [% IF state.length > 0 %][% state %][% END %]/>\r
\r
</div>\r
[% END -%]\r
[% MACRO fieldcheckbox(column,table,title,size,state,value) BLOCK -%]\r
- <div class="w3-container [% IF size %][% size %][% END %]">\r
+ <div class="container [% IF size %][% size %][% END %]">\r
<br/>\r
- <input class="w3-check data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %]" id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" type="checkbox" [% IF state.length > 0 %][% state %][% END %]>\r
+ <input class="check data_[% table %] [% IF state.length > 0 %][% state %][% END %]" id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" type="checkbox" [% IF state.length > 0 %][% state %][% END %]>\r
<label>[% title %]</label>\r
</div>\r
[% END -%]\r
\r
[% MACRO fieldemailbox(column,table,title,size,state,value) BLOCK -%]\r
- <div class="w3-container [% IF size %][% size %][% END %]" >\r
- <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>\r
- <input type="email" class="w3-input w3-border data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="" [% IF state.length > 0 %][% state %][% END %]/>\r
+ <div class="container [% IF size %][% size %][% END %]" >\r
+ <label for="[% table %]_[% column %]" class="label">[% title %]</label>\r
+ <input type="email" class="input border data_[% table %] [% IF state.length > 0 %][% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="" [% IF state.length > 0 %][% state %][% END %]/>\r
</div>\r
[% END -%]\r
\r
[% IF state.length > 0 %]\r
[% fieldeditbox(column,table,title,size,state,value) %]\r
[% ELSE %]\r
- <div class="w3-container [% IF size %][% size %][% END %]">\r
- <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>\r
- <select class="w3-select w3-border data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %][% IF extraclass.length > 0 %][% extraclass %][% END%]" id="[% column %]" data-selected="" value="" name="[% table %]_[% column %]" [% IF state.length > 0 %][% state %][% END %]>\r
+ <div class="container [% IF size %][% size %][% END %]">\r
+ <label for="[% table %]_[% column %]" class="label">[% title %]</label>\r
+ <select class="select border data_[% table %] [% IF state.length > 0 %][% state %][% END %][% IF extraclass.length > 0 %][% extraclass %][% END%]" id="[% column %]" data-selected="" value="" name="[% table %]_[% column %]" [% IF state.length > 0 %][% state %][% END %]>\r
\r
</select>\r
\r
[% IF state.length > 0 %]\r
[% fieldeditbox(column,table,title,size,state,value) %]\r
[% ELSE %]\r
- <div class="w3-container [% IF size %][% size %][% END %]">\r
- <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>\r
- <select class="w3-select w3-border data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %]" id="[% column %]" data-selected="" multiple value="" name="[% table %]_[% column %]" [% IF state.length > 0 %][% state %][% END %]>\r
+ <div class="container [% IF size %][% size %][% END %]">\r
+ <label for="[% table %]_[% column %]" class="label">[% title %]</label>\r
+ <select class="select border data_[% table %] [% IF state.length > 0 %][% state %][% END %]" id="[% column %]" data-selected="" multiple value="" name="[% table %]_[% column %]" [% IF state.length > 0 %][% state %][% END %]>\r
\r
</select>\r
\r
[% END %]\r
[% END -%]\r
[% MACRO fielddatetimebox(column,table,title,size,state,value) BLOCK -%]\r
- <div class="w3-container [% IF size %][% size %][% END %]">\r
- <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>\r
- <input type="date" class="w3-input w3-border data_[% table %] datetimefield [% IF state.length > 0 %]w3-[% state %][% END %]" id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" [% IF state.length > 0 %][% state %][% END %]]/>\r
+ <div class="container [% IF size %][% size %][% END %]">\r
+ <label for="[% table %]_[% column %]" class="label">[% title %]</label>\r
+ <input type="date" class="input border data_[% table %] datetimefield [% IF state.length > 0 %][% state %][% END %]" id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" [% IF state.length > 0 %][% state %][% END %]]/>\r
\r
</div>\r
[% END -%]\r
[% MACRO fieldmultidatebox(column,table,title,size,state,value) BLOCK -%]\r
- <div class="w3-container [% IF size %][% size %][% END %]">\r
- <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>\r
- <input type="date" class="w3-input w3-border data_[% table %] datefield [% IF state.length > 0 %]w3-[% state %][% END %]" id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" [% IF state.length > 0 %][% state %][% END %]]/>\r
+ <div class="container [% IF size %][% size %][% END %]">\r
+ <label for="[% table %]_[% column %]" class="label">[% title %]</label>\r
+ <input type="date" class="input border data_[% table %] datefield [% IF state.length > 0 %][% state %][% END %]" id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" [% IF state.length > 0 %][% state %][% END %]]/>\r
\r
</div>\r
[% END -%]\r
[% MACRO fielddatebox(column,table,title,size,state,value) BLOCK -%]\r
- <div class="w3-container w3-cell [% IF size %][% size %][% END %]">\r
- <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>\r
- <div class="w3-row w3-section">\r
+ <div class="container cell [% IF size %][% size %][% END %]">\r
+ <label for="[% table %]_[% column %]" class="label">[% title %]</label>\r
+ <div class="row section">\r
[% IF state == "disabled" || state == "readonly" %]\r
- <input type="text" class="w3-input w3-border data_[% table %] w3-white w3-text-black" style="max-width: 80px; width: 80px;" id="[% column %]" name="[% table %]_[% column %]" maxlength="10" value="[% value %]" readonly/>\r
+ <input type="text" class="input border data_[% table %] white text-black" style="max-width: 80px; width: 80px;" id="[% column %]" name="[% table %]_[% column %]" maxlength="10" value="[% value %]" readonly/>\r
[% ELSE %]\r
- <div class="w3-col" style="width: 110px;">\r
- <input type="date" class="w3-input w3-border data_[% table %] datefield" id="[% column %]" name="[% table %]_[% column %]" maxlength="10" placeholder="DD.MM.YYYY" value="[% value %]"/>\r
+ <div class="col" style="width: 110px;">\r
+ <input type="date" class="input border data_[% table %] datefield" id="[% column %]" name="[% table %]_[% column %]" maxlength="10" placeholder="DD.MM.YYYY" value="[% value %]"/>\r
</div>\r
- <div class="w3-rest"> \r
- <button class="w3-btn w3-text-red w3-border" style="padding: 4px 8px;" onclick="document.getElementById('[% column %]').value='';document.getElementById('[% column %]')._flatpickr.clear();return false;">x</button>\r
+ <div class="rest"> \r
+ <button class="btn text-red border" style="padding: 4px 8px;" onclick="document.getElementById('[% column %]').value='';document.getElementById('[% column %]')._flatpickr.clear();return false;">x</button>\r
</div> \r
[% END %]\r
</div>\r
</div>\r
[% END -%]\r
[% MACRO fieldtimebox(column,table,title,size,state,value,class) BLOCK -%]\r
- <div class="w3-container w3-col" style="width: 120px;">\r
- <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>\r
- <div class="w3-container">\r
+ <div class="container col" style="width: 120px;">\r
+ <label for="[% table %]_[% column %]" class="label">[% title %]</label>\r
+ <div class="container">\r
[% IF state == "disabled" || state == "readonly" %]\r
- <input type="text" class="w3-input w3-border data_[% table %] w3-white w3-text-black [% IF class %][% class %][% END %]" style="max-width: 60px; width: 60px;" id="[% column %]" name="[% table %]_[% column %]" maxlength="5" value="[% value %]" readonly/>\r
+ <input type="text" class="input border data_[% table %] white text-black [% IF class %][% class %][% END %]" style="max-width: 60px; width: 60px;" id="[% column %]" name="[% table %]_[% column %]" maxlength="5" value="[% value %]" readonly/>\r
[% ELSE %]\r
- <input type="text" class="w3-input-append w3-border data_[% table %] timefield [% IF class %][% class %][% END %]" style="max-width: 60px; width: 60px;" id="[% column %]" name="[% table %]_[% column %]" maxlength="5" placeholder="00:00" value="[% value %]"/>\r
- <a class="w3-btn w3-text-red w3-border" style="padding: 4px 8px;" onclick="document.getElementById('[% column %]').value='';document.getElementById('[% column %]')._flatpickr.clear();return false;">x</a>\r
+ <input type="text" class="input-append border data_[% table %] timefield [% IF class %][% class %][% END %]" style="max-width: 60px; width: 60px;" id="[% column %]" name="[% table %]_[% column %]" maxlength="5" placeholder="00:00" value="[% value %]"/>\r
+ <a class="btn text-red border" style="padding: 4px 8px;" onclick="document.getElementById('[% column %]').value='';document.getElementById('[% column %]')._flatpickr.clear();return false;">x</a>\r
\r
[% END %]\r
</div>\r
</div>\r
[% END -%]\r
[% MACRO fieldintervalbox(column,table,title,size,state,value,class) BLOCK -%]\r
- <div class="w3-container w3-col [% IF size %][% size %][% END %]">\r
- <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>\r
- <div class="w3-container">\r
+ <div class="container col [% IF size %][% size %][% END %]">\r
+ <label for="[% table %]_[% column %]" class="label">[% title %]</label>\r
+ <div class="container">\r
[% IF state == "disabled" || state == "readonly" %]\r
- <input type="text" class="w3-input w3-border data_[% table %] w3-white w3-text-black [% IF class %][% class %][% END %]" style="max-width: 60px; width: 60px;" id="[% column %]" name="[% table %]_[% column %]" maxlength="5" value="[% value %]" readonly/>\r
+ <input type="text" class="input border data_[% table %] white text-black [% IF class %][% class %][% END %]" style="max-width: 60px; width: 60px;" id="[% column %]" name="[% table %]_[% column %]" maxlength="5" value="[% value %]" readonly/>\r
[% ELSE %]\r
- <input type="text" class="w3-input-append w3-border data_[% table %] intervalfield [% IF class %][% class %][% END %]" style="max-width: 60px; width: 60px;" id="[% column %]" name="[% table %]_[% column %]" maxlength="5" placeholder="00:00" value="[% value %]" onchange="timecalc.validateInterval(this);return false;"/>\r
+ <input type="text" class="input-append border data_[% table %] intervalfield [% IF class %][% class %][% END %]" style="max-width: 60px; width: 60px;" id="[% column %]" name="[% table %]_[% column %]" maxlength="5" placeholder="00:00" value="[% value %]" onchange="timecalc.validateInterval(this);return false;"/>\r
\r
\r
[% END %]\r
</div>\r
[% END -%]\r
[% MACRO fieldtextarea(column,table,title,size,state,height,value) BLOCK -%]\r
- <div class="w3-container [% IF size %][% size %][% END %]" >\r
- <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>\r
- <textarea class="w3-input w3-border data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %]" style="height: [% height %];" id="[% column %]" name="[% table %]_[% column %]" \r
+ <div class="container [% IF size %][% size %][% END %]" >\r
+ <label for="[% table %]_[% column %]" class="label">[% title %]</label>\r
+ <textarea class="input border data_[% table %] [% IF state.length > 0 %][% state %][% END %]" style="height: [% height %];" id="[% column %]" name="[% table %]_[% column %]" \r
[% IF state.length > 0 %][% state %][% END %] >[% value %]</textarea>\r
</div>\r
[% END -%]\r
[% MACRO fieldrichtextarea(column,table,title,size,state,height,value) BLOCK -%]\r
- <div class="w3-container [% IF size %][% size %][% END %]" >\r
- <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>\r
- <textarea class="w3-input w3-border data_[% table %] richeditarea [% IF state.length > 0 %]w3-[% state %][% END %]" style="height: [% height %];" id="[% column %]" name="[% table %]_[% column %]" \r
+ <div class="container [% IF size %][% size %][% END %]" >\r
+ <label for="[% table %]_[% column %]" class="label">[% title %]</label>\r
+ <textarea class="input border data_[% table %] richeditarea [% IF state.length > 0 %][% state %][% END %]" style="height: [% height %];" id="[% column %]" name="[% table %]_[% column %]" \r
[% IF state.length > 0 %][% state %][% END %] >[% value %]</textarea>\r
</div>\r
[% END -%]\r
\r
[% MACRO formsavebutton(formname,btnname) BLOCK -%]\r
- <div class="w3-container w3-right-align">\r
- <button class="w3-button w3-blue-grey w3-margin" id="btnsave_[%formname%]" onclick="saveform('[% formname %]');return false;">[% btnname %]</button>\r
+ <div class="container right-align">\r
+ <button class="button blue-grey margin" id="btnsave_[%formname%]" onclick="saveform('[% formname %]');return false;">[% btnname %]</button>\r
</div>\r
[% END -%]\r
[% MACRO formsavetextfilebutton(formname,btnname) BLOCK -%]\r
- <div class="w3-container w3-right-align">\r
- <button class="w3-button w3-blue-grey w3-margin" onclick="savetextfile('[% formname %]');return false;">[% btnname %]</button>\r
+ <div class="container right-align">\r
+ <button class="button blue-grey margin" onclick="savetextfile('[% formname %]');return false;">[% btnname %]</button>\r
</div>\r
[% END -%]\r
[% MACRO formdlgsavebutton(formname,btnname,clbk) BLOCK -%]\r
- <button class="w3-button w3-blue-grey w3-margin w3-right-align" onclick="saveform('[% formname %]'[% IF clbk.length > 0 %],[% clbk %] [% END %]);return false;">[% btnname %]</button>\r
+ <button class="button blue-grey margin right-align" onclick="saveform('[% formname %]'[% IF clbk.length > 0 %],[% clbk %] [% END %]);return false;">[% btnname %]</button>\r
[% END -%]\r
[% MACRO formsavefilebutton(formname,btnname,container) BLOCK -%]\r
[% IF container.length > 0 %]\r
- <div class="w3-container w3-right-align">\r
+ <div class="container right-align">\r
[% END %]\r
- <button class="w3-button w3-blue-grey w3-margin" onclick="savefileform('[% formname %]');return false;">[% btnname %]</button>\r
+ <button class="button blue-grey margin" onclick="savefileform('[% formname %]');return false;">[% btnname %]</button>\r
[% IF container.length > 0 %]\r
</div>\r
[% END %]\r
save: function(){
var company = document.getElementById("company").value;
if (company == ''){
- showmessagedlg("Erreur",'<div class="panel w3-red">Le Champ "Entreprise" ne doit pas être vide!</div>');
+ showmessagedlg("Erreur",'<div class="panel red">Le Champ "Entreprise" ne doit pas être vide!</div>');
return false;
}
if (company.length < 3){
- showmessagedlg("Erreur",'<div class="panel w3-red">Le Champ "Entreprise" contenir au moins 3 lettres!');
+ showmessagedlg("Erreur",'<div class="panel red">Le Champ "Entreprise" contenir au moins 3 lettres!');
return false;
}
saveform(companies.name,schemata,null);
[% PROCESS macro/fields.tt %]
-<div class="w3-display-container">
- <div class="w3-top w3-theme-light w3-border-bottom">
- <div class="w3-bar">
- <button class="
w3-bar-item w3-button w3-border w3-hover-text-white" onclick="companies.gettbldata();module.viewpanel('tbl_companies');"><img src="[% abspath%]img/icons/table.svg" style="height: 24px;"/> Entreprises</button>
+<div class="display-container">
+ <div class="top theme-light border-bottom">
+ <div class="bar">
+ <button class="
bar-item button border hover-text-white" onclick="companies.gettbldata();module.viewpanel('tbl_companies');"><img src="[% abspath%]img/icons/table.svg" style="height: 24px;"/> Entreprises</button>
<div class="toolbar" id="tbar_tbl_companies" style="display: none;">
- <button class="
w3-bar-item w3-button w3-border w3-right " onclick="companies.remove();"><img src="[% abspath%]img/icons/remove.svg" style="height: 24px;"/></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="companies.edit();"><img src="[% abspath%]img/icons/edit.svg" style="height: 24px;"/></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="companies.add();"><img src="[% abspath%]img/icons/plus.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right " onclick="companies.remove();"><img src="[% abspath%]img/icons/remove.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" onclick="companies.edit();"><img src="[% abspath%]img/icons/edit.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" onclick="companies.add();"><img src="[% abspath%]img/icons/plus.svg" style="height: 24px;"/></button>
</div>
<div class="toolbar" id="tbar_frm_companies" style="display: none;">
</div>
</div>
</div>
- <div class="w3-display-container panel" id="pnl_tbl_companies" style="margin-top: 45px;">
+ <div class="display-container panel" id="pnl_tbl_companies" style="margin-top: 45px;">
<div id="tbl_companies"></div>
</div>
- <div class="w3-display-container w3-padding-24 panel" id="pnl_frm_companies" style=" margin-top: 20px;display: none;" >
- <div class="w3-row">
- <div class="w3-display-container w3-threequarter">
- <div class="w3-container w3-padding-24 w3-card w3-margin w3-margin-bottom">
+ <div class="display-container padding-24 panel" id="pnl_frm_companies" style=" margin-top: 20px;display: none;" >
+ <div class="row">
+ <div class="display-container threequarter">
+ <div class="container padding-24 card margin margin-bottom">
<form id="frm_companies">
- <div class="w3-container">
+ <div class="container">
<h3>Données de l'entreprise</h3>
</div>
- <div class="w3-row-padding">
- <div class="w3-container">
+ <div class="row-padding">
+ <div class="container">
[% fieldhidden('id','companies','ident') %]
- <div class="w3-container">
- [% fieldeditbox('company','companies','Entreprise','w3-half','','','') %]
- [% fieldeditbox('socialtype','companies','dénom. Sociale','w3-quarter','','','s.à r.l.') %]
+ <div class="container">
+ [% fieldeditbox('company','companies','Entreprise','half','','','') %]
+ [% fieldeditbox('socialtype','companies','dénom. Sociale','quarter','','','s.à r.l.') %]
[% fieldeditbox('address','companies','Adresse','','','','') %]
- [% fieldeditbox('zip','companies','CP','w3-fifth','','','') %]
- [% fieldeditbox('city','companies','Ville','w3-half','','','') %]
- [% fieldeditbox('country','companies','Pays','w3-quarter','','','Luxembourg') %]
- <div class="w3-container">
- [% fieldeditbox('comregister','companies','No. Registre de Commerce','w3-third','','','B123456') %]
- [% fieldeditbox('vatnumber','companies','No TVA Internationale','w3-third','','','LU12345678') %]
+ [% fieldeditbox('zip','companies','CP','fifth','','','') %]
+ [% fieldeditbox('city','companies','Ville','half','','','') %]
+ [% fieldeditbox('country','companies','Pays','quarter','','','Luxembourg') %]
+ <div class="container">
+ [% fieldeditbox('comregister','companies','No. Registre de Commerce','third','','','B123456') %]
+ [% fieldeditbox('vatnumber','companies','No TVA Internationale','third','','','LU12345678') %]
</div>
- [% fieldeditbox('email','companies','E-Mail','w3-half','','','') %]
+ [% fieldeditbox('email','companies','E-Mail','half','','','') %]
[% rdonly = 'readonly' %]
[% IF (session.usergroup == 'admin') %]
- [% fieldeditbox('schemata','companies','Database-Schema','w3-half','readonly','','') %]
+ [% fieldeditbox('schemata','companies','Database-Schema','half','readonly','','') %]
[% rdonly = '' %]
[% END %]
</div>
- <div class="w3-container">
+ <div class="container">
<h3>Configuration Périodes</h3>
- [% fielddatebox("reportperiodstart","companies","début",'w3-fifth','','',rdonly) %]
- [% fieldnumberbox("reportperiodlength","companies","Durée",'w3-fifth','','',rdonly,1,'',1) %]
- [% fieldselectbox("reportperiodunit","companies","Unité",'w3-fifth','','',rdonly) %]
+ [% fielddatebox("reportperiodstart","companies","début",'fifth','','',rdonly) %]
+ [% fieldnumberbox("reportperiodlength","companies","Durée",'fifth','','',rdonly,1,'',1) %]
+ [% fieldselectbox("reportperiodunit","companies","Unité",'fifth','','',rdonly) %]
</div>
</div>
- <div class="w3-container w3-right-align">
- <button class="w3-button w3-margin" id="btnsave_companies" onclick="companies.save();return false;">sauvegarder</button>
+ <div class="container right-align">
+ <button class="button margin" id="btnsave_companies" onclick="companies.save();return false;">sauvegarder</button>
</div>
</div>
</form>
</div>
</div>
- <div class="w3-display-container w3-quarter">
- <div class="w3-container w3-padding-24 w3-card w3-margin w3-margin-bottom">
- <div class="w3-container">
+ <div class="display-container quarter">
+ <div class="container padding-24 card margin margin-bottom">
+ <div class="container">
<h3>Départements</h3>
</div>
- <div class="w3-bar">
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="staffgroups.remove();"><img src="[% abspath%]img/icons/remove.svg" style="height: 24px;"/></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="staffgroups.edit();"><img src="[% abspath%]img/icons/edit.svg" style="height: 24px;"/></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="staffgroups.add();"><img src="[% abspath%]img/icons/plus.svg" style="height: 24px;"/></button>
+ <div class="bar">
+ <button class="
bar-item button border right" onclick="staffgroups.remove();"><img src="[% abspath%]img/icons/remove.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" onclick="staffgroups.edit();"><img src="[% abspath%]img/icons/edit.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" onclick="staffgroups.add();"><img src="[% abspath%]img/icons/plus.svg" style="height: 24px;"/></button>
</div>
<div id="tbl_staffgroups"></div>
</div>
</div>
- <div class="w3-display-container">
- <div class="w3-container w3-padding-24 w3-card w3-margin w3-margin-bottom">
- <div class="w3-container">
+ <div class="display-container">
+ <div class="container padding-24 card margin margin-bottom">
+ <div class="container">
<h3>Configuration sectoriel POT</h3>
</div>
- <div class="w3-bar">
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="worktimes.remove();"><img src="[% abspath%]img/icons/remove.svg" style="height: 24px;"/></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="worktimes.edit();"><img src="[% abspath%]img/icons/edit.svg" style="height: 24px;"/></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="worktimes.add();"><img src="[% abspath%]img/icons/plus.svg" style="height: 24px;"/></button>
+ <div class="bar">
+ <button class="
bar-item button border right" onclick="worktimes.remove();"><img src="[% abspath%]img/icons/remove.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" onclick="worktimes.edit();"><img src="[% abspath%]img/icons/edit.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" onclick="worktimes.add();"><img src="[% abspath%]img/icons/plus.svg" style="height: 24px;"/></button>
</div>
<div id="tbl_worktimes"></div>
</div>
</div>
</div>
-<div id="dlg_staffgroups" class="w3-modal">
+<div id="dlg_staffgroups" class="modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
+ <div class="modal-content animate-top card-4">
+ <header class="container">
<span onclick="document.getElementById('dlg_staffgroups').style.display='none'; return false;"
- class="w3-button w3-display-topright">×</span>
+ class="button display-topright">×</span>
<h2 id="">Département</h2>
</header>
- <div class="w3-container">
+ <div class="container">
<form id="frm_staffgroups">
[% fieldhidden("id_staffgroups","staffgroups",'ident','') %]
- [% fieldeditbox("groupname","staffgroups","Nom du Département",'w3-third','','','') %]
+ [% fieldeditbox("groupname","staffgroups","Nom du Département",'third','','','') %]
</form>
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-margin-right w3-border" onclick="document.getElementById('dlg_staffgroups').style.display='none'; return false;">Annuler</button>
- <button class="w3-button w3-margin-right w3-border" onclick="staffgroups.save();">Sauvegarder</button>
+ <footer class="container right-align padding-16">
+ <button class="button margin-right border" onclick="document.getElementById('dlg_staffgroups').style.display='none'; return false;">Annuler</button>
+ <button class="button margin-right border" onclick="staffgroups.save();">Sauvegarder</button>
</footer>
</div>
</div>
-<div id="dlg_worktimes" class="w3-modal">
+<div id="dlg_worktimes" class="modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
+ <div class="modal-content animate-top card-4">
+ <header class="container">
<span onclick="document.getElementById('dlg_worktimes').style.display='none'; return false;"
- class="w3-button w3-display-topright">×</span>
+ class="button display-topright">×</span>
<h2 id="">Configuration Heures Sectoriel</h2>
</header>
- <div class="w3-container">
+ <div class="container">
<form id="frm_worktimes">
[% fieldhidden("id_worktimes","worktimes",'ident','') %]
- <div class="w3-container" id="worktimedates">
- [% fielddatebox('startdate','worktimes',"date Début",'w3-fifth','','') %]
- [% fielddatebox('enddate','worktimes',"date Fin",'w3-fifth','','') %]
+ <div class="container" id="worktimedates">
+ [% fielddatebox('startdate','worktimes',"date Début",'fifth','','') %]
+ [% fielddatebox('enddate','worktimes',"date Fin",'fifth','','') %]
</div>
- <div class="w3-container">
- [% fieldintervalbox("defaultdayhours",'worktimes','Heures/Jours','w3-third','','') %]
- [% fieldintervalbox("maxdayhours",'worktimes','Max Heures/jour','w3-third','','') %]
+ <div class="container">
+ [% fieldintervalbox("defaultdayhours",'worktimes','Heures/Jours','third','','') %]
+ [% fieldintervalbox("maxdayhours",'worktimes','Max Heures/jour','third','','') %]
</div>
- <div class="w3-container">
- [% fieldintervalbox("defaultweekhours",'worktimes','Heures/Semaine','w3-third','','') %]
- [% fieldintervalbox("maxweekhours",'worktimes','Max Heures/Semaine','w3-third','','') %]
+ <div class="container">
+ [% fieldintervalbox("defaultweekhours",'worktimes','Heures/Semaine','third','','') %]
+ [% fieldintervalbox("maxweekhours",'worktimes','Max Heures/Semaine','third','','') %]
</div>
- <div class="w3-container">
- [% fieldintervalbox("maxinterruptionhours",'worktimes','Max Coupure','w3-third','','') %]
+ <div class="container">
+ [% fieldintervalbox("maxinterruptionhours",'worktimes','Max Coupure','third','','') %]
</div>
</form>
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-margin-right w3-border" onclick="document.getElementById('dlg_worktimes').style.display='none'; return false;">Annuler</button>
- <button class="w3-button w3-margin-right w3-border" onclick="worktimes.save();">Sauvegarder</button>
+ <footer class="container right-align padding-16">
+ <button class="button margin-right border" onclick="document.getElementById('dlg_worktimes').style.display='none'; return false;">Annuler</button>
+ <button class="button margin-right border" onclick="worktimes.save();">Sauvegarder</button>
</footer>
</div>
</div>
group by ap.id,ap.icon,ap.name,ap.app,ap.sort
order by ap.sort; ") %]
-<div class="w3-display-container">
- <div class="w3-container">
- <div class="w3-panel" id="msg"></div>
+<div class="display-container">
+ <div class="container">
+ <div class="panel" id="msg"></div>
</div>
- <div class="w3-container">
- <div class="w3-row">
+ <div class="container">
+ <div class="row">
[% FOREACH ap = appaccess.execute(session.id) %]
- <div class="w3-col s3 m2 l2 w3-margin" style="margin: 5px;">
- <button onclick="parent.admin.loadpage('module/[% ap.app %]/index.html','[% ap.name %]');" class="w3-block w3-button w3-blue-grey w3-margin w3-padding-24" style="overflow: hidden;" >
+ <div class="col s3 m2 l2 margin" style="margin: 5px;">
+ <button onclick="parent.admin.loadpage('module/[% ap.app %]/index.html','[% ap.name %]');" class="block button blue-grey margin padding-24" style="overflow: hidden;" >
<img src="[% abspath %]img/icons/[% ap.icon %]" style="width: 64px;"><br/>[% ap.name %]
</button>
</div>
[% PROCESS macro/fields.tt %]
[% #wd = [ {'wd' => 'mon' ,'day' => 'Lundi'}, {'wd' => 'tue','day' => 'Mardi'}, {'wd' => 'wed','day' => 'Mercredi'}, {'wd' => 'thu','day' => 'Jeudi'}, {'wd' => 'fri','day' => 'Vendredi'}, {'wd' => 'sat' ,'day' => 'Samedi'},{'wd' => 'sun','day' =>'Dimanche'} ] %]
-<div class="w3-display-container">
- <div class="w3-top w3-theme-light w3-border-bottom">
- <div class="w3-bar">
- <button class="
w3-bar-item w3-button w3-border" onclick="reportperiod.reloadview();"><img src="[% abspath%]img/icons/table.svg" style="height: 24px;"/> Périodes de référence</button>
+<div class="display-container">
+ <div class="top theme-light border-bottom">
+ <div class="bar">
+ <button class="
bar-item button border" onclick="reportperiod.reloadview();"><img src="[% abspath%]img/icons/table.svg" style="height: 24px;"/> Périodes de référence</button>
<div class="toolbar" id="tbar_tbl_reportperiod" style="display: none;">
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="reportperiod.add();"><img
+ <button class="
bar-item button border right" onclick="reportperiod.add();"><img
src="[% abspath%]img/icons/plus.svg" style="height: 24px;" /></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="staffperiodweeks.loadplan();"><img
+ <button class="
bar-item button border right" onclick="staffperiodweeks.loadplan();"><img
src="[% abspath%]img/icons/edit.svg" style="height: 24px;" /></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="reportperiod.generatereport();"><img
+ <button class="
bar-item button border right" onclick="reportperiod.generatereport();"><img
src="[% abspath%]img/icons/pdf.svg" style="height: 24px;" /></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="reportperiod.datarefresh();"><img
+ <button class="
bar-item button border right" onclick="reportperiod.datarefresh();"><img
src="[% abspath%]img/icons/data_refresh.svg" style="height: 24px;" /></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="reportperiod.showdlgpayedhours();"><img
+ <button class="
bar-item button border right" onclick="reportperiod.showdlgpayedhours();"><img
src="[% abspath%]img/icons/pay.svg" style="height: 24px;" /></button>
- <!--<button class="
w3-bar-item w3-button w3-border w3-right" onclick="reportperiod.togglegroups();"><img
+ <!--<button class="
bar-item button border right" onclick="reportperiod.togglegroups();"><img
rc="[% abspath%]img/icons/expand.svg" style="height: 24px;" /></button>-->
</div>
<div class="toolbar" id="tbar_tbl_staffreportperiodweeks" style="display: none;">
<span id="reportperiodtitle"></span>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="staffperiodweeks.edit();"><img src="[% abspath%]img/icons/edit.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" onclick="staffperiodweeks.edit();"><img src="[% abspath%]img/icons/edit.svg" style="height: 24px;"/></button>
</div>
</div>
</div>
- <div class="w3-display-container panel" id="pnl_tbl_reportperiod" style="margin-top: 45px;">
+ <div class="display-container panel" id="pnl_tbl_reportperiod" style="margin-top: 45px;">
<div id="tbl_reportperiod"></div>
</div>
- <div class="w3-display-container panel" id="pnl_tbl_staffreportperiodweeks" style="margin-top: 45px;">
+ <div class="display-container panel" id="pnl_tbl_staffreportperiodweeks" style="margin-top: 45px;">
<div id="tbl_staffreportperiodweeks"></div>
</div>
<!-- DLG BEGIN reportperiod setpayed -->
- <div id="dlg_rppayedhours" class="w3-modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
- <span onclick="document.getElementById('dlg_rppayedhours').style.display='none'; return false;" class="w3-button w3-display-topright">×</span>
+ <div id="dlg_rppayedhours" class="modal">
+ <div class="modal-content animate-top card-4">
+ <header class="container">
+ <span onclick="document.getElementById('dlg_rppayedhours').style.display='none'; return false;" class="button display-topright">×</span>
<h2 id="dlg_rppayedhours">Heures Payés</h2>
</header>
- <div class="w3-container">
+ <div class="container">
<div id="rppayedhours_infomsg"></div>
<form id="frm_rppayedhours">
- <div class="w3-container w3-padding">
+ <div class="container padding">
<h4 id="title_rppayedhours">Periode du .. au ..</h4>
- <div class="w3-container">
+ <div class="container">
[% fieldhidden("id_staffreportperiod",'staffreportperiod','ident') %]
[% fieldintervalbox("payedhours",'staffreportperiod','Heures Payés','','','') %]
</div>
</div>
</form>
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlg_rppayedhours').style.display='none'; return false;">Annuler</button>
- <button class="w3-button w3-blue-grey w3-margin-right w3-border" id="btn_savepayedhours" onclick="reportperiod.savepayedhours();return false;">Sauvegarder</button>
+ <footer class="container right-align padding-16">
+ <button class="button theme-light margin-right border" onclick="document.getElementById('dlg_rppayedhours').style.display='none'; return false;">Annuler</button>
+ <button class="button blue-grey margin-right border" id="btn_savepayedhours" onclick="reportperiod.savepayedhours();return false;">Sauvegarder</button>
</footer>
</div>
</div>
<!-- DLG END report period setpayed -->
<!-- DLG BEGIN staffreportperioddays -->
- <div id="dlg_staffreportperioddays" class="w3-modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
- <span onclick="document.getElementById('dlg_staffreportperioddays').style.display='none'; return false;" class="w3-button w3-display-topright">×</span>
+ <div id="dlg_staffreportperioddays" class="modal">
+ <div class="modal-content animate-top card-4">
+ <header class="container">
+ <span onclick="document.getElementById('dlg_staffreportperioddays').style.display='none'; return false;" class="button display-topright">×</span>
<h2 id="dlg_staffreportperioddays_title">Editer Jour</h2>
</header>
- <div class="w3-container">
+ <div class="container">
<div id="staffreportperioddays_infomsg"></div>
<form id="frm_staffreportperioddays">
- <div class="w3-container w3-padding">
+ <div class="container padding">
<h4 id="display_date">dd, DD.MM.YYYY</h4>
- <div class="w3-row">
- <div class="w3-container w3-half">
+ <div class="row">
+ <div class="container half">
<h5>Heures de travail</h5>
- <div class="w3-container">
+ <div class="container">
[% fieldhidden("id",'staffreportperioddays','ident') %]
[% #fieldhidden("daydate",'staffreportperioddays','') %]
- [% fieldtimebox("timestart1",'staffreportperioddays','début 1','w3-fifth','','') %]
- [% fieldtimebox("timeend1",'staffreportperioddays','fin 1','w3-fifth','','') %]
+ [% fieldtimebox("timestart1",'staffreportperioddays','début 1','fifth','','') %]
+ [% fieldtimebox("timeend1",'staffreportperioddays','fin 1','fifth','','') %]
</div>
- <div class="w3-container">
- [% fieldtimebox("timestart2",'staffreportperioddays','début 2','w3-fifth','','') %]
- [% fieldtimebox("timeend2",'staffreportperioddays','fin 2','w3-fifth','','') %]
- [% fieldtimebox("timepause",'staffreportperioddays','pause','w3-fifth','','') %]
+ <div class="container">
+ [% fieldtimebox("timestart2",'staffreportperioddays','début 2','fifth','','') %]
+ [% fieldtimebox("timeend2",'staffreportperioddays','fin 2','fifth','','') %]
+ [% fieldtimebox("timepause",'staffreportperioddays','pause','fifth','','') %]
</div>
- <div class="w3-container">
- [% fieldtimebox("workhours",'staffreportperioddays',"Total",'w3-fifth','readonly','') %]
+ <div class="container">
+ [% fieldtimebox("workhours",'staffreportperioddays',"Total",'fifth','readonly','') %]
[% fieldtimebox("interruptionhours",'staffreportperioddays','coupure','','readonly','') %]
</div>
</div>
- <div class="w3-container w3-half card_vacancy">
- <div class="w3-container">
+ <div class="container half card_vacancy">
+ <div class="container">
<h5>Congé</h5>
- [% fieldselectbox("id_vacancytype",'staffreportperioddays','Type de congé','w3-half','','','dayvacancy') %]
- [% fieldtimebox("vacancyhours",'staffreportperioddays','Heures','w3-half','','','vacdaytotal') %]
+ [% fieldselectbox("id_vacancytype",'staffreportperioddays','Type de congé','half','','','dayvacancy') %]
+ [% fieldtimebox("vacancyhours",'staffreportperioddays','Heures','half','','','vacdaytotal') %]
</div>
- <div class="w3-container">
+ <div class="container">
<h5>Récup</h5>
- [% fieldselectbox("id_recuperationtype",'staffreportperioddays','type de repos','w3-half','','','dayrepos') %]
- [% fieldtimebox("recuperationhours",'staffreportperioddays','Heures','w3-half','','','repdaytotal') %]
+ [% fieldselectbox("id_recuperationtype",'staffreportperioddays','type de repos','half','','','dayrepos') %]
+ [% fieldtimebox("recuperationhours",'staffreportperioddays','Heures','half','','','repdaytotal') %]
</div>
- <div class="w3-container">
+ <div class="container">
<h5>Total Jour</h5>
[% fieldtimebox("dayhours",'staffreportperioddays','Total Jour','','readonly','','wdaytotal') %]
</div>
</div>
</form>
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlg_staffreportperioddays').style.display='none'; return false;">Annuler</button>
- <button class="w3-button w3-blue-grey w3-margin-right w3-border" id="btn_saveday" onclick="staffperiodweeks.save();return false;">Sauvegarder</button>
+ <footer class="container right-align padding-16">
+ <button class="button theme-light margin-right border" onclick="document.getElementById('dlg_staffreportperioddays').style.display='none'; return false;">Annuler</button>
+ <button class="button blue-grey margin-right border" id="btn_saveday" onclick="staffperiodweeks.save();return false;">Sauvegarder</button>
</footer>
</div>
</div>
}
},
datarefresh: function(){
- showdataloaddlg('','<div class="w3-xxlarge">Attendez s.v.p.!</div>');
+ showdataloaddlg('','<div class="xxlarge">Attendez s.v.p.!</div>');
req.reqdata("POST","db.cgi",{"action":"refresh_periods","schemata":schemata,"params":""},reportperiod.datarefreshdone);
return false;
},
delete wpdata.staffreportperioddays_dayhours;
wpdata["fn"] ="saveform";
wpdata["schemata"] = schemata;
- showdataloaddlg('','<div class="w3-xxlarge">Attendez s.v.p.!</div>');
+ showdataloaddlg('','<div class="xxlarge">Attendez s.v.p.!</div>');
req.reqdata("POST","index.cgi",wpdata,staffperiodweeks.afterdatasaved);
return false;
},
irupt = timecalc.TimeToMinutes(ods2.value)-timecalc.TimeToMinutes(ode1.value);
oirupt.value=timecalc.MinutesToTime(irupt);
if (irupt > daycheck.maxinterruption){
- oirupt.classList.remove("w3-text-black");
- oirupt.classList.add("w3-text-red");
+ oirupt.classList.remove("text-black");
+ oirupt.classList.add("text-red");
}else {
- oirupt.classList.remove("w3-text-red")
- oirupt.classList.add("w3-text-black");
+ oirupt.classList.remove("text-red")
+ oirupt.classList.add("text-black");
}
} else {
- oirupt.classList.remove("w3-text-red");
- oirupt.classList.add("w3-text-black");
+ oirupt.classList.remove("text-red");
+ oirupt.classList.add("text-black");
oirupt.value="00:00";
}
owkh.value= timecalc.MinutesToTime(mt1+mt2-mtp);
var fulldaytime = wktime+vactime+reptime;
odyh.value= timecalc.MinutesToTime(fulldaytime);
if (fulldaytime > 600){
- odyh.classList.remove("w3-text-black");
- odyh.classList.add("w3-text-red");
+ odyh.classList.remove("text-black");
+ odyh.classList.add("text-red");
document.getElementById("btn_saveday").disabled=true;
}else {
- odyh.classList.remove("w3-text-red");
- odyh.classList.add("w3-text-black");
- if(oirupt.classList.contains("w3-text-black")){
+ odyh.classList.remove("text-red");
+ odyh.classList.add("text-black");
+ if(oirupt.classList.contains("text-black")){
document.getElementById("btn_saveday").disabled=false;
}
-<div id="dlgpassword" class="w3-modal">
+<div id="dlgpassword" class="modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
+ <div class="modal-content animate-top card-4">
+ <header class="container">
<span onclick="document.getElementById('dlgpassword').style.display='none'; return false;"
- class="w3-button w3-display-topright">×</span>
+ class="button display-topright">×</span>
<h2>changement mot de passe</h2>
</header>
- <div class="w3-container">
+ <div class="container">
<div id="msg">
- <div class="panel w3-blue-grey w3-padding">
+ <div class="panel blue-grey padding">
Votre mot de passe doit avoir:
<ul>
<li>au moins 10 charatères</li>
</ul>
</div>
</div>
- <div class="w3-container">
- <label for="userpassword" class="w3-label">Nouveau mot de passe</label>
- <input class="w3-input w3-border" type="password" id="userpassword" name="userpassword" value="" />
+ <div class="container">
+ <label for="userpassword" class="label">Nouveau mot de passe</label>
+ <input class="input border" type="password" id="userpassword" name="userpassword" value="" />
</div>
- <div class="w3-container">
- <label for="userpassword" class="w3-label">retaper le nouveau mot de passe</label>
- <input class="w3-input w3-border" type="password" id="userpasswordcheck" name="userpasswordcheck" value="" />
+ <div class="container">
+ <label for="userpassword" class="label">retaper le nouveau mot de passe</label>
+ <input class="input border" type="password" id="userpasswordcheck" name="userpasswordcheck" value="" />
</div>
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlgpassword').style.display='none'; return false;">annuler</button>
- <button class="w3-button w3-theme-l2 w3-margin-right w3-border" onclick="savepassword();return false;">changer mot de passe</button>
+ <footer class="container right-align padding-16">
+ <button class="button theme-light margin-right border" onclick="document.getElementById('dlgpassword').style.display='none'; return false;">annuler</button>
+ <button class="button theme-l2 margin-right border" onclick="savepassword();return false;">changer mot de passe</button>
</footer>
</div>
</div>
if (errmsg == ""){
req.reqdata('POST','index.cgi',{"fn":"savepassword","pwd":pwd1},pwdsaved);
}else {
- document.getElementById("msg").innerHTML='<div class="panel w3-red">'+ errmsg+'</div>';
+ document.getElementById("msg").innerHTML='<div class="panel red">'+ errmsg+'</div>';
}
return false;
}
-<div id="dlgusername" class="w3-modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
+<div id="dlgusername" class="modal">
+ <div class="modal-content animate-top card-4">
+ <header class="container">
<span onclick="document.getElementById('dlgusername').style.display='none'; return false;"
- class="w3-button w3-display-topright">×</span>
+ class="button display-topright">×</span>
<h2>Changement de l'email resp. login</h2>
</header>
- <div class="w3-container">
+ <div class="container">
<div id="nunmsg" ></div>
- <div class="w3-container" id="newmail">
+ <div class="container" id="newmail">
[% fieldeditbox('newuseremail','onlydisplay','nouveau E-mail','','','') %]
</div>
- <div class="w3-container" style="display:none;" id="vcode">
+ <div class="container" style="display:none;" id="vcode">
[% fieldeditbox('verificationcode','users','Code de Validation','','','') %]
- <button class="w3-button w3-theme-l2 w3-border" id="btnvalidateresend" onclick="resendemail();return false;">Renvoyer le code</button>
+ <button class="button theme-l2 border" id="btnvalidateresend" onclick="resendemail();return false;">Renvoyer le code</button>
</div>
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlgusername').style.display='none'; return false;">annuler</button>
- <button class="w3-button w3-theme-l2 w3-margin-right w3-border" id="btncheck" onclick="checkemail();return false;">envoyer</button>
- <button class="w3-button w3-theme-l2 w3-align-right w3-border" id="btnvalidate" style="display:none;" onclick="saveemail();return false;">valider</button>
+ <footer class="container right-align padding-16">
+ <button class="button theme-light margin-right border" onclick="document.getElementById('dlgusername').style.display='none'; return false;">annuler</button>
+ <button class="button theme-l2 margin-right border" id="btncheck" onclick="checkemail();return false;">envoyer</button>
+ <button class="button theme-l2 align-right border" id="btnvalidate" style="display:none;" onclick="saveemail();return false;">valider</button>
</footer>
</div>
</div>
if (validateEmail(newusername)){
req.reqdata("POST","db.cgi",{"get":"usersdata","filter":"username='"+ newusername+ "'"},checkmailreturn);
}else {
- document.getElementById("nunmsg").innerHTML= '<div class="panel w3-red">entrez une addresse email valide s.v.p.!</div>';
+ document.getElementById("nunmsg").innerHTML= '<div class="panel red">entrez une addresse email valide s.v.p.!</div>';
}
return false;
}
function checkmailreturn(data){
console.log(data);
if (data && data.sqldata.length > 0){
- document.getElementById("nunmsg").innerHTML= '<div class="panel w3-red">Il y existe déjà un compte avec cette e-mail!</div>';
+ document.getElementById("nunmsg").innerHTML= '<div class="panel red">Il y existe déjà un compte avec cette e-mail!</div>';
} else {
resendcode();
}
}
function mailsended(data){
- document.getElementById("nunmsg").innerHTML= '<div class="panel w3-green">Nous vous avons envoyé un email à '+ newusername +'!</div>';
+ document.getElementById("nunmsg").innerHTML= '<div class="panel green">Nous vous avons envoyé un email à '+ newusername +'!</div>';
document.getElementById('newmail').style.display='none';
document.getElementById('vcode').style.display='block';
document.getElementById('btncheck').style.display='none';
\r
[% PROCESS macro/fields.tt %]\r
-<div class="w3-display-container w3-margin">\r
- <div class="w3-container w3-padding-24 w3-card w3-margin-bottom">\r
+<div class="display-container margin">\r
+ <div class="container padding-24 card margin-bottom">\r
<form id="frm_account">\r
<h3>données d'accès</h3>\r
- <div class="w3-row-padding">\r
- <div class="w3-container w3-half">\r
+ <div class="row-padding">\r
+ <div class="container half">\r
[% #fieldhidden('users','id','ident') %]\r
[% fieldeditbox('username','users','E-Mail (Login)','','readonly','') %]\r
- <div class="w3-container">\r
- <button class="w3-button w3-blue-grey w3-margin" onclick="opendlgusername();return false;">Changer E-Mail (Login)</button>\r
+ <div class="container">\r
+ <button class="button blue-grey margin" onclick="opendlgusername();return false;">Changer E-Mail (Login)</button>\r
</div> \r
</div>\r
- <div class="container w3-half w3-margin-top w3-padding">\r
+ <div class="container half margin-top padding">\r
\r
- <button class="w3-button w3-blue-grey" onclick="opendlgpassword();return false;">Changer mot de passe</button>\r
+ <button class="button blue-grey" onclick="opendlgpassword();return false;">Changer mot de passe</button>\r
</div>\r
</div>\r
</form>\r
</div>\r
\r
- <div class="w3-container w3-padding-24 w3-card w3-margin-bottom">\r
+ <div class="container padding-24 card margin-bottom">\r
<form id="frm_users">\r
<h3>données personelles</h3>\r
- <div class="w3-row-padding"> \r
- <div class="w3-container">\r
+ <div class="row-padding"> \r
+ <div class="container">\r
[% fieldhidden('id','users','ident') %]\r
- [% fieldeditbox('surname','users','Nom','w3-half','') %]\r
- [% fieldeditbox('prename','users','Prénom','w3-half','') %]\r
- [% fieldeditbox('job','users','Position','w3-half','') %]\r
- [% fieldeditbox('phone','users','Téléphone','w3-half','') %]\r
+ [% fieldeditbox('surname','users','Nom','half','') %]\r
+ [% fieldeditbox('prename','users','Prénom','half','') %]\r
+ [% fieldeditbox('job','users','Position','half','') %]\r
+ [% fieldeditbox('phone','users','Téléphone','half','') %]\r
</div>\r
[% formsavebutton('users','sauvegarder') %]\r
</div>\r
[% PROCESS macro/fields.tt %]
-<div class="w3-display-container">
- <div class="w3-top w3-theme-light w3-border-bottom">
- <div class="w3-bar">
- <button class="w3-bar-item w3-button w3-border w3-hover-text-white" onclick="staff.viewtable();"><img src="[% abspath%]img/icons/table.svg" style="height: 24px;"/> Salariés</button>
+<div class="display-container">
+ <div class="bar moduletoolbar">
+ <button class="bar-item toolbarbtn" onclick="staff.viewtable();"><span class="icon-table" style="font-size: 16px;"></span><br/>Tableau</button>
+ <div class="bar-item PageHeadTitle">Salariés</div>
<div class="toolbar" id="tbar_tbl_staff" style="display: none;">
- <button class="w3-bar-item w3-button w3-border w3-right" onclick="staff.remove();"><img src="[% abspath%]img/icons/remove.svg" style="height: 24px;"/></button>
- <button class="w3-bar-item w3-button w3-border w3-right" onclick="staff.edit();"><img src="[% abspath%]img/icons/edit.svg" style="height: 24px;"/></button>
- <button class="w3-bar-item w3-button w3-border w3-right" onclick="staff.add();"><img src="[% abspath%]img/icons/plus.svg" style="height: 24px;"/></button>
+ <button class="bar-item toolbarbtn right" onclick="staff.remove();"><span class="icon-remove text-red" style="font-size: 16px;"></span><br/>supprimer</button>
+ <button class="bar-item toolbarbtn right" onclick="staff.edit();"><span class="icon-edit" style="font-size: 16px;"><br/>éditer</button>
+ <button class="bar-item toolbarbtn right" onclick="staff.add();"><span class="icon-plus" style="font-size: 16px;"><br/>ajouter</button>
</div>
<div class="toolbar" id="tbar_frm_staff" style="display: none;">
</div>
</div>
- </div>
- <div class="w3-display-container panel" id="pnl_tbl_staff" style="margin-top: 45px;">
+
+ <div class="display-container panel" id="pnl_tbl_staff">
<div id="tbl_staff"></div>
</div>
- <div class="w3-display-container w3-padding-24 panel" id="pnl_frm_staff" style="display: none; margin-top: 20px;" >
- <div class="w3-container w3-padding-24 w3-card w3-margin w3-margin-bottom">
+ <div class="display-container padding-24 panel" id="pnl_frm_staff" style="display: none; margin-top: 20px;" >
+ <div class="container padding-24 card margin margin-bottom">
<form id="frm_staff">
<h3>Données de base du salarié</h3>
- <div class="w3-row-padding">
- <div class="w3-container">
+ <div class="row-padding">
+ <div class="container">
[% fieldhidden('id','staff','ident') %]
- <div class="w3-container">
- [% fieldeditbox('staffnumber','staff','No.','w3-half','','','') %]
- [% fieldeditbox('matricule','staff','Matricule','w3-half','','','') %]
- [% fieldeditbox('surname','staff','Nom','w3-half','','','') %]
- [% fieldeditbox('prename','staff','Prénom','w3-half','','','') %]
+ <div class="container">
+ [% fieldeditbox('staffnumber','staff','No.','half','','','') %]
+ [% fieldeditbox('matricule','staff','Matricule','half','','','') %]
+ [% fieldeditbox('surname','staff','Nom','half','','','') %]
+ [% fieldeditbox('prename','staff','Prénom','half','','','') %]
[% fieldeditbox('address','staff','adresse','','','','') %]
- [% fieldeditbox('zip','staff','cp','w3-fifth','','','') %]
- [% fieldeditbox('city','staff','ville','w3-twofifth','','','') %]
- [% fieldeditbox('country','staff','pays','w3-twofifth','','','') %]
- [% fieldeditbox('job','staff','Job / Position','w3-third','','','') %]
- [% fieldeditbox('phone','staff','Téléphone','w3-third','','','') %]
- [% fieldeditbox('email','staff','email','w3-third','','','') %]
- <div class="w3-container">
- [% fieldselectbox('id_staffgroup','staff','Département','w3-third','','','') %]
- [% fielddatebox('birthdate','staff',"date de naissance",'w3-third','','') %]
+ [% fieldeditbox('zip','staff','cp','fifth','','','') %]
+ [% fieldeditbox('city','staff','ville','twofifth','','','') %]
+ [% fieldeditbox('country','staff','pays','twofifth','','','') %]
+ [% fieldeditbox('job','staff','Job / Position','third','','','') %]
+ [% fieldeditbox('phone','staff','Téléphone','third','','','') %]
+ [% fieldeditbox('email','staff','email','third','','','') %]
+ <div class="container">
+ [% fieldselectbox('id_staffgroup','staff','Département','third','','','') %]
+ [% fielddatebox('birthdate','staff',"date de naissance",'third','','') %]
</div>
</div>
</div>
- <div class="w3-container w3-right-align">
- <button class="w3-button w3-margin" id="btnsave_staff" onclick="staff.save();return false;">sauvegarder</button>
+ <div class="container right-align">
+ <button class="button margin" id="btnsave_staff" onclick="staff.save();return false;">sauvegarder</button>
</div>
</div>
</form>
</div>
- <div class="w3-container w3-padding-24 w3-card w3-margin w3-margin-bottom" id="section_staffcontract">
+ <div class="container padding-24 card margin margin-bottom" id="section_staffcontract">
<h3>Données contractuelles</h3>
<div class="subtoolbar" >
-<div class="w3-bar">
+<div class="bar">
- <button class="
w3-bar-item w3-button w3-border w3-right" id="btn_delete_staffcontract" onclick="staffcontract.remove();"><img src="[% abspath%]img/icons/remove.svg" style="height: 24px;"/></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="staffcontract.edit();"><img src="[% abspath%]img/icons/edit.svg" style="height: 24px;"/></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="staffcontract.add();"><img src="[% abspath%]img/icons/plus.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" id="btn_delete_staffcontract" onclick="staffcontract.remove();"><img src="[% abspath%]img/icons/remove.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" onclick="staffcontract.edit();"><img src="[% abspath%]img/icons/edit.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" onclick="staffcontract.add();"><img src="[% abspath%]img/icons/plus.svg" style="height: 24px;"/></button>
</div>
</div>
<div id="tbl_staffcontract" >
</div>
</div>
</div>
-<div id="dlg_staffcontract" class="w3-modal">
+<div id="dlg_staffcontract" class="modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
+ <div class="modal-content animate-top card-4">
+ <header class="container">
<span onclick="document.getElementById('dlg_staffcontract').style.display='none'; return false;"
- class="w3-button w3-display-topright">×</span>
+ class="button display-topright">×</span>
<h3 id="dlgstaffcontract_title">Données contractuelles</h3>
</header>
- <div class="w3-container">
+ <div class="container">
<div id="contractmsg"></div>
<form id="frm_staffcontract">
[% fieldhidden("id_staffcontract","staffcontract",'ident','') %]
[% fieldhidden("id_staff","staffcontract",'','') %]
- <div class="w3-container">
- [% fielddatebox("startdate","staffcontract","date début",'w3-quarter','','') %]
- [% fielddatebox("enddate","staffcontract","date fin",'w3-quarter','','') %]
+ <div class="container">
+ [% fielddatebox("startdate","staffcontract","date début",'quarter','','') %]
+ [% fielddatebox("enddate","staffcontract","date fin",'quarter','','') %]
</div>
- <div class="w3-container">
- [% fieldintervalbox("weekhours","staffcontract","heures par semaine","w3-third","","","") %]
- [% fieldselectbox("weekdays","staffcontract","jours de travail par semaine","w3-third","","","") %]
- <div class="w3-container">
+ <div class="container">
+ [% fieldintervalbox("weekhours","staffcontract","heures par semaine","third","","","") %]
+ [% fieldselectbox("weekdays","staffcontract","jours de travail par semaine","third","","","") %]
+ <div class="container">
[% fieldmultiselectbox("defaultfreedays","staffcontract","Jours de semaines libre ","","","","") %]
</div>
- [% fieldselectbox('id_workplan','staffcontract','POT (Modèle)','w3-third','','','') %]
+ [% fieldselectbox('id_workplan','staffcontract','POT (Modèle)','third','','','') %]
</div>
</form>
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlg_staffcontract').style.display='none'; return false;">Annuler</button>
- <button class="w3-button w3-margin-right w3-border" onclick="staffcontract.save();">sauvegarder</button>
+ <footer class="container right-align padding-16">
+ <button class="button theme-light margin-right border" onclick="document.getElementById('dlg_staffcontract').style.display='none'; return false;">Annuler</button>
+ <button class="button margin-right border" onclick="staffcontract.save();">sauvegarder</button>
</footer>
</div>
</div>
}
}
if (parseInt(flds["staffcontract_weekdays"]) + flds["staffcontract_defaultfreedays"].length != 7){
- document.getElementById("contractmsg").innerHTML= '<div class="w3-panel w3-red">jours de semaine libre incomplet!</div>';
+ document.getElementById("contractmsg").innerHTML= '<div class="panel red">jours de semaine libre incomplet!</div>';
return false;
}
if (bok == false){
- document.getElementById("contractmsg").innerHTML= '<div class="w3-panel w3-red">Tous les champs sauf "date fin" sans requis!</div>';
+ document.getElementById("contractmsg").innerHTML= '<div class="panel red">Tous les champs sauf "date fin" sans requis!</div>';
return false;
}
flds["fn"] ="saveform";
-<div class="w3-top w3-border-bottom w3-white">
-<div class="w3-bar">
- <!--<button class="
w3-bar-item w3-button w3-border w3-blue-grey" onclick="viewtable();"><img src="[% abspath%]img/icons/company_white.svg" style="height: 24px;"/>Entreprises</button>-->
- <!--<button class="
w3-bar-item w3-button w3-border w3-right w3-orange" onclick="xlsxexport(); return false;"><img src="[% abspath%]img/icons/excel_white.svg" style="height: 24px;"/></button>
- <button class="
w3-bar-item w3-button w3-border w3-right w3-orange" onclick="pdfexport(); return false;"><img src="[% abspath%]img/icons/pdf_white.svg" style="height: 24px;"/></button>-->
+<div class="top border-bottom white">
+<div class="bar">
+ <!--<button class="
bar-item button border blue-grey" onclick="viewtable();"><img src="[% abspath%]img/icons/company_white.svg" style="height: 24px;"/>Entreprises</button>-->
+ <!--<button class="
bar-item button border right orange" onclick="xlsxexport(); return false;"><img src="[% abspath%]img/icons/excel_white.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right orange" onclick="pdfexport(); return false;"><img src="[% abspath%]img/icons/pdf_white.svg" style="height: 24px;"/></button>-->
- <!--<button class="
w3-bar-item w3-button w3-border w3-right w3-red" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
- <button class="
w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>
- <button class="
w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button> -->
+ <!--<button class="
bar-item button border right red" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right blue-grey" onclick="edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right blue-grey" onclick="add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button> -->
</div>
</div>
-<div id="pnl_table" class="w3-display-container" style="margin-top: 50px;">
+<div id="pnl_table" class="display-container" style="margin-top: 50px;">
<div id="tbl_planning"></div>
</div>
\ No newline at end of file
[% PROCESS macro/fields.tt %]
-<div class="w3-display-container">
- <div class="w3-top w3-theme-light w3-border-bottom">
- <div class="w3-bar">
- <button class="
w3-bar-item w3-button w3-border w3-hover-text-white" onclick="module.viewpanel('tbl_users');"><img src="[% abspath%]img/icons/table.svg" style="height: 24px;"/> Utilisateurs</button>
+<div class="display-container">
+ <div class="top theme-light border-bottom">
+ <div class="bar">
+ <button class="
bar-item button border hover-text-white" onclick="module.viewpanel('tbl_users');"><img src="[% abspath%]img/icons/table.svg" style="height: 24px;"/> Utilisateurs</button>
<div class="toolbar" id="tbar_tbl_users" style="display: none;">
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="users.remove();"><img src="[% abspath%]img/icons/remove.svg" style="height: 24px;"/></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="users.edit();"><img src="[% abspath%]img/icons/edit.svg" style="height: 24px;"/></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="users.add();"><img src="[% abspath%]img/icons/plus.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" onclick="users.remove();"><img src="[% abspath%]img/icons/remove.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" onclick="users.edit();"><img src="[% abspath%]img/icons/edit.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" onclick="users.add();"><img src="[% abspath%]img/icons/plus.svg" style="height: 24px;"/></button>
</div>
</div>
</div>
- <div class="w3-display-container panel" id="pnl_tbl_users" style="margin-top: 45px;">
+ <div class="display-container panel" id="pnl_tbl_users" style="margin-top: 45px;">
<div id="tbl_users"></div>
</div>
</div>
[% INCLUDE block/dlgdeleterow.tt %]
[% INCLUDE block/dlgmessage.tt %]
-<div id="dlg_users" class="w3-modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
+<div id="dlg_users" class="modal">
+ <div class="modal-content animate-top card-4">
+ <header class="container">
<span onclick="document.getElementById('dlg_users').style.display='none'; return false;"
- class="w3-button w3-display-topright">×</span>
+ class="button display-topright">×</span>
<h2>Données de base du utilisateur</h2>
</header>
- <div class="w3-container">
+ <div class="container">
<div id="usermsg" ></div>
<form id="frm_users">
[% ro = 'readonly' %]
[% ro = '' %]
[% END %]
[% fieldhidden('id','users','ident') %]
- [% fieldeditbox("username","users","Login / E-Mail",'w3-twothird','','') %]
+ [% fieldeditbox("username","users","Login / E-Mail",'twothird','','') %]
- [% fieldcheckbox("blocked","users","compte blocké",'w3-third',ro,'1') %]
+ [% fieldcheckbox("blocked","users","compte blocké",'third',ro,'1') %]
- [% fieldeditbox('surname','users','Nom','w3-half','') %]
- [% fieldeditbox('prename','users','Prénom','w3-half','') %]
- [% fieldeditbox('job','users','Position','w3-half','') %]
- [% fieldeditbox('phone','users','Téléphone','w3-half','') %]
+ [% fieldeditbox('surname','users','Nom','half','') %]
+ [% fieldeditbox('prename','users','Prénom','half','') %]
+ [% fieldeditbox('job','users','Position','half','') %]
+ [% fieldeditbox('phone','users','Téléphone','half','') %]
[% fieldselectbox('id_company','users','Entreprise','',ro,'','') %]
[% fieldselectbox("id_usergroup","users","Accès Groupe",'',ro,'') %]
</form>
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-orange w3-border" id="btnnewpasswd" onclick="users.sendnewpassword(); return false;">Envoyer mot de passe</button>
- <button class="w3-button w3-theme-light w3-border" onclick="document.getElementById('dlg_users').style.display='none'; return false;">annuler</button>
- <button class="w3-button w3-margin w3-right-align" onclick="users.validateform();">sauvegarder</button>
+ <footer class="container right-align padding-16">
+ <button class="button orange border" id="btnnewpasswd" onclick="users.sendnewpassword(); return false;">Envoyer mot de passe</button>
+ <button class="button theme-light border" onclick="document.getElementById('dlg_users').style.display='none'; return false;">annuler</button>
+ <button class="button margin right-align" onclick="users.validateform();">sauvegarder</button>
</footer>
</div>
</div>
validateform: function(){
var idcompany = document.getElementById("id_company").value;
if (idcompany == ''){
- document.getElementById("usermsg").innerHTML= '<div class="panel w3-red">Entreprise ne doit pas être vide!</div>';
+ document.getElementById("usermsg").innerHTML= '<div class="panel red">Entreprise ne doit pas être vide!</div>';
return false;
}
var usergroups = document.getElementById("id_usergroup").selectedOptions;
if (usergroups.length == 0){
- document.getElementById("usermsg").innerHTML= '<div class="panel w3-red">Accès Groupe ne doit pas être vide!</div>';
+ document.getElementById("usermsg").innerHTML= '<div class="panel red">Accès Groupe ne doit pas être vide!</div>';
return false;
}
var schemaaccess = document.getElementById("schemaaccess").selectedOptions;
if (schemaaccess.length == 0){
- document.getElementById("usermsg").innerHTML= '<div class="panel w3-red">Accès Entreprise ne doit pas être vide!</div>';
+ document.getElementById("usermsg").innerHTML= '<div class="panel red">Accès Entreprise ne doit pas être vide!</div>';
return false;
}
users.checkemail();
}
req.reqdata("POST","db.cgi",{"get":"usersdata","filter":filter},users.checkmailreturn);
}else {
- document.getElementById("usermsg").innerHTML= '<div class="panel w3-red">inserez un email valide s.v.p.!</div>';
+ document.getElementById("usermsg").innerHTML= '<div class="panel red">inserez un email valide s.v.p.!</div>';
}
return false;
},
checkmailreturn:function (data){
if (data && data.sqldata.length > 0){
- document.getElementById("usermsg").innerHTML= '<div class="panel w3-red">Il existe déjà uncompte avec cette addresse E-Mail!</div>';
+ document.getElementById("usermsg").innerHTML= '<div class="panel red">Il existe déjà uncompte avec cette addresse E-Mail!</div>';
} else {
users.save();
}
{'wd' => 'mon' ,'day' => 'Lundi'}, {'wd' => 'tue','day' => 'Mardi'}, {'wd' => 'wed','day' => 'Mercredi'}, {'wd' => 'thu','day' => 'Jeudi'}, {'wd' => 'fri','day' => 'Vendredi'}, {'wd' => 'sat' ,'day' => 'Samedi'}, {'wd' => 'sun','day' =>'Dimanche'}
]
%]
-<div class="w3-display-container">
- <div class="w3-top w3-theme-light w3-border-bottom">
- <div class="w3-bar">
- <button class="
w3-bar-item w3-button w3-border w3-hover-text-white" onclick="module.viewpanel('tbl_workplans');"><img src="[% abspath%]img/icons/table.svg" style="height: 24px;"/> Plans de travail</button>
+<div class="display-container">
+ <div class="top theme-light border-bottom">
+ <div class="bar">
+ <button class="
bar-item button border hover-text-white" onclick="module.viewpanel('tbl_workplans');"><img src="[% abspath%]img/icons/table.svg" style="height: 24px;"/> Plans de travail</button>
<div class="toolbar" id="tbar_tbl_workplans">
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="workplans.remove();"><img src="[% abspath%]img/icons/remove.svg" style="height: 24px;"/></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="workplans.edit();"><img src="[% abspath%]img/icons/edit.svg" style="height: 24px;"/></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="workplans.add();"><img src="[% abspath%]img/icons/plus.svg" style="height: 24px;"/></button>
- <button class="
w3-bar-item w3-button w3-border w3-right" onclick="workplans.rename();"><img src="[% abspath%]img/icons/rename.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" onclick="workplans.remove();"><img src="[% abspath%]img/icons/remove.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" onclick="workplans.edit();"><img src="[% abspath%]img/icons/edit.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" onclick="workplans.add();"><img src="[% abspath%]img/icons/plus.svg" style="height: 24px;"/></button>
+ <button class="
bar-item button border right" onclick="workplans.rename();"><img src="[% abspath%]img/icons/rename.svg" style="height: 24px;"/></button>
</div>
<div class="toolbar" id="tbar_frm_workplans" style="display: none;">
</div>
</div>
</div>
- <div class="w3-display-container panel" id="pnl_tbl_workplans" style="margin-top: 45px;">
+ <div class="display-container panel" id="pnl_tbl_workplans" style="margin-top: 45px;">
<div id="tbl_workplans"></div>
</div>
<!-- DLG BEGIN workplanday -->
- <div id="dlg_workplanday" class="w3-modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
- <span onclick="document.getElementById('dlg_workplanday').style.display='none'; return false;" class="w3-button w3-display-topright">×</span>
+ <div id="dlg_workplanday" class="modal">
+ <div class="modal-content animate-top card-4">
+ <header class="container">
+ <span onclick="document.getElementById('dlg_workplanday').style.display='none'; return false;" class="button display-topright">×</span>
<h2 id="dlg_workplanday_title">Editer Jour</h2>
</header>
- <div class="w3-container">
+ <div class="container">
<div id="workplanday_infomsg"></div>
<form id="frm_workplandays">
- <div class="w3-container w3-padding">
+ <div class="container padding">
<h4 id="display_date">weekday</h4>
- <div class="w3-row">
- <div class="w3-container w3-half">
+ <div class="row">
+ <div class="container half">
<h5>Heures de travail</h5>
- <div class="w3-container">
+ <div class="container">
[% fieldhidden("id",'workplandays','ident') %]
[% #fieldhidden("daydate",'workplanday','') %]
- [% fieldtimebox("start1",'workplandays','début 1','w3-fifth','','') %]
- [% fieldtimebox("end1",'workplandays','fin 1','w3-fifth','','') %]
+ [% fieldtimebox("start1",'workplandays','début 1','fifth','','') %]
+ [% fieldtimebox("end1",'workplandays','fin 1','fifth','','') %]
</div>
- <div class="w3-container">
- [% fieldtimebox("start2",'workplandays','début 2','w3-fifth','','') %]
- [% fieldtimebox("end2",'workplandays','fin 2','w3-fifth','','') %]
- [% fieldtimebox("pause",'workplandays','pause','w3-fifth','','') %]
+ <div class="container">
+ [% fieldtimebox("start2",'workplandays','début 2','fifth','','') %]
+ [% fieldtimebox("end2",'workplandays','fin 2','fifth','','') %]
+ [% fieldtimebox("pause",'workplandays','pause','fifth','','') %]
</div>
- <div class="w3-container">
- [% fieldtimebox("dayhours",'workplandays',"Total",'w3-fifth','readonly','') %]
+ <div class="container">
+ [% fieldtimebox("dayhours",'workplandays',"Total",'fifth','readonly','') %]
[% fieldtimebox("interruptionhours",'workplandays','coupure','','readonly','') %]
</div>
</div>
</div>
</form>
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlg_workplanday').style.display='none'; return false;">Annuler</button>
- <button class="w3-button w3-blue-grey w3-margin-right w3-border" id="btn_saveday" onclick="workplans.save();return false;">Sauvegarder</button>
+ <footer class="container right-align padding-16">
+ <button class="button theme-light margin-right border" onclick="document.getElementById('dlg_workplanday').style.display='none'; return false;">Annuler</button>
+ <button class="button blue-grey margin-right border" id="btn_saveday" onclick="workplans.save();return false;">Sauvegarder</button>
</footer>
</div>
</div>
<!-- DLG END workplanday -->
<!-- DLG BEGIN workplan -->
- <div id="dlg_workplan" class="w3-modal">
- <div class="w3-modal-content w3-animate-top w3-card-4">
- <header class="w3-container">
- <span onclick="document.getElementById('dlg_workplan').style.display='none'; return false;" class="w3-button w3-display-topright">×</span>
+ <div id="dlg_workplan" class="modal">
+ <div class="modal-content animate-top card-4">
+ <header class="container">
+ <span onclick="document.getElementById('dlg_workplan').style.display='none'; return false;" class="button display-topright">×</span>
<h2 id="dlg_workplan_title">Modèle</h2>
</header>
- <div class="w3-container">
+ <div class="container">
<div id="workplan_infomsg"></div>
<form id="frm_workplans">
- <div class="w3-container w3-padding">
- <div class="w3-row">
- <div class="w3-container">
- <div class="w3-container">
+ <div class="container padding">
+ <div class="row">
+ <div class="container">
+ <div class="container">
[% fieldhidden("id_workplan",'workplans','ident') %]
[% #fieldhidden("daydate",'workplan','') %]
[% fieldeditbox("workplan",'workplans','Nom','','','') %]
</div>
</form>
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlg_workplan').style.display='none'; return false;">Annuler</button>
- <button class="w3-button w3-blue-grey w3-margin-right w3-border" id="btn_saveworkplan" onclick="workplans.saveworkplan();return false;">Sauvegarder</button>
+ <footer class="container right-align padding-16">
+ <button class="button theme-light margin-right border" onclick="document.getElementById('dlg_workplan').style.display='none'; return false;">Annuler</button>
+ <button class="button blue-grey margin-right border" id="btn_saveworkplan" onclick="workplans.saveworkplan();return false;">Sauvegarder</button>
</footer>
</div>
</div>
[% PROCESS macro/fields.tt %]
-[% USE dksdb = DBI(dsn, dbuser, dbpassword) %]
-[% appgaccess = dksdb.prepare("select ap.icon,ap.app,ap.name,string_agg(ug.usergroup,',') as usergroup
-from (SELECT users.id,json_array_elements_text(users.id_usergroups)::INT4 AS id_usergroup FROM users) uig
-join (SELECT apps.id,apps.icon,apps.app,apps.name,apps.sort,json_array_elements_text(apps.id_usergroups)::INT4 as id_usergroup FROM apps) ap on (uig.id_usergroup=ap.id_usergroup)
-join usergroups ug on (uig.id_usergroup=ug.id) where uig.id=?
-group by ap.id,ap.icon,ap.name,ap.app,ap.sort
-order by ap.sort;") %]
+[% USE dksdb = DBI(dsn, dbuser, dbpassword) %]
+[% USE date %]
+[% vstamp=date.format(date.now, '%d%m%Y%H%M%S') %]
+
<!DOCTYPE html>
-<html lang="en">
+<html lang="fr">
<head>
-[% INCLUDE block/head.tt %]
- <link rel="stylesheet" href="[% abspath %]vendors/choices/choices.css">
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+ <title>[% sitename %] - [% pagename %]</title>
+ <meta name="language" content="fr">
+ <meta name="author" content="DKS sarl">
+ <meta name="publisher" content="DKS sarl">
+ <meta name="copyright" content="DKS sarl">
+ <meta name="robots" content="noindex,nofollow">
+ <!-- <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+ <meta http-equiv="Pragma" content="no-cache" />
+ <meta http-equiv="Expires" content="0" /> -->
+ <link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="76x76" href="img/favicon/apple-icon-76x76.png">
+<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="144x144" href="img/favicon/apple-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-icon-152x152.png">
+<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-icon-180x180.png">
+<link rel="icon" type="image/png" sizes="192x192" href="img/favicon/android-icon-192x192.png">
+<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="96x96" href="img/favicon/favicon-96x96.png">
+<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
+
+<!-- <link rel="stylesheet" href="[% abspath %]css/w3pro.css?v=[% vstamp %]"> -->
+<link rel="stylesheet" href="[% abspath %]css/theme.css?v=[% vstamp %]">
+<link rel="stylesheet" href="[% abspath %]css/icons.css?v=[% vstamp %]">
+ <link rel="stylesheet" href="[% abspath %]vendors/choices/choices.css?v=[% vstamp %]">
</head>
<body>
<!-- NEW -->
- <div class="w3-top">
- <div class="w3-bar w3-theme-light w3-large" style="z-index:4;">
- <button class="w3-bar-item w3-button w3-hide-large w3-hover-none w3-hover-text-light-grey" onclick="w3_open();" id="btnsidemenu"><img src="[% abspath %][% staticpath %]img/icons/menu.svg" style="height: 24px;"/></button>
- <span class="w3-bar-item w3-hide-large"><img src="[% abspath %][% staticpath %]img/pottop.png" alt="POT" style="width: 60px;"/></span>
- <!--<div class="w3-third">
-
- <div>-->
- <!--<div class="w3-dropdown-hover w3-right">
- <button class="w3-button w3-border w3-light-grey"><img src="[% abspath %]img/icons/user.svg" style="width: 24px;"> Profile</button>
- <div class="w3-dropdown-content w3-bar-block" style="right: 0px;">-->
- [% #FOREACH ap = appgaccess.execute(session.id) %]
- <!--<a href="javascript:admin.loadpage('module/[% ap.app %]/index.html','[% ap.name %]');" class="w3-bar-item w3-button w3-border">
- <img src="[% abspath %]img/icons/[% ap.icon %]" style="width: 24px;"> [% ap.name %]
- </a>-->
- [% #END %]
-
-
- <!--</div>
- </div>-->
- <span class="w3-bar-item w3-right" id="modulename"></span>
- </div>
- </div>
- <nav class="w3-sidebar w3-collapse w3-theme-light w3-animate-left" id="mySidebar" style="z-index:3;width:200px;margin-top: -10px;">
- <div class="w3-bar-block">
- <div class="w3-bar-item w3-large"><img src="[% abspath %][% staticpath %]img/pottop.png" alt="POT" style="width: 60px;"/></div>
- <a class="w3-bar-item w3-button w3-padding-16 w3-hide-large w3-dark-grey w3-hover-black" href="javascript:w3_close();" title="close menu">Fermer Menu</a>
+ <div class="display-container" >
+ <div class="bar border-bottom toolbar" id="toolbar" style="z-index: 4;">
+ <button onclick="admin.loadpage('module/dashboard/index.html','Dashboard');" class="bar-item toolbarbtn">
+ <img src="[% abspath %]img/poticon512.png" style="width: 40px;">
+ </button>
- <!--TODO admin selector -->
+ <button onclick="admin.loadpage('module/staff/index.html','');" class="bar-item toolbarbtn">
+ <span class="icon-group" style="font-size: 22px;"></span>
+ <br/>Salariés
+ </button>
+ <button onclick="admin.loadpage('module/periods/index.html','');" class="bar-item toolbarbtn">
+ <span class="icon-calendar" style="font-size: 22px;"></span>
+ <br/>Périodes
+ </button>
+ <button onclick="admin.loadpage('module/workplans/index.html','');" class="bar-item toolbarbtn">
+ <span class="icon-template" style="font-size: 22px;"></span>
+ <br/>Modèles
+ </button>
+ <button onclick="admin.loadpage('module/companies/index.html','');" class="bar-item toolbarbtn">
+ <span class="icon-shop" style="font-size: 22px;"></span>
+ <br/>Entreprise
+ </button>
+ <button onclick="admin.loadpage('module/users/index.html','');" class="bar-item toolbarbtn">
+ <span class="icon-user" style="font-size: 22px;"></span>
+ <br/>Utilisateurs
+ </button>
- <a href="javascript:admin.loadpage('module/dashboard/index.html','Dashboard');" class="w3-bar-item w3-button w3-padding w3-border">
- <img src="[% abspath %]img/icons/dashboard.svg" style="width: 24px;"> Dashboard
- </a>
- [% fieldselectbox('schemata','company','','w3-block','','','') %]
- [% FOREACH ap = appgaccess.execute(session.id) %]
- <a href="javascript:admin.loadpage('module/[% ap.app %]/index.html','[% ap.name %]');" class="w3-bar-item w3-button w3-padding w3-border">
- <img src="[% abspath %]img/icons/[% ap.icon %]" style="width: 24px;"> [% ap.name %]
- </a>
- [% END %]
- <a href="javascript:admin.logout();" class="w3-bar-item w3-button w3-dark-grey w3-hover-black"><img src="[% abspath %]img/icons/logout_white.svg" style="width: 24px;"> Logout</a>
+
+ <button onclick="admin.loadpage('module/profile/index.html','');" class="bar-item toolbarbtn right">
+ <span class="icon-user" style="font-size: 22px;"></span>
+ <br/>Profile
+ </button>
+ <button onclick="admin.logout();" class="bar-item toolbarbtn right"><span class="icon-logout" style="font-size: 22px;"></span><br/>Logout</button>
+ <!-- <div class="right dropdown-hover">
+ <button class="toolbarbtn">Hover Over Me!</button>
+ <div class="dropdown-content bar-block border">
+ <a href="#" class="bar-item button">Link 1</a>
+ <a href="#" class="bar-item button">Link 2</a>
+ <a href="#" class="bar-item button">Link 3</a>
+ </div>
+ </div> -->
+ [% fieldselectbox('schemata','company','','block bar-item right','','','') %]
+ <span class="bar-item right" id="modulename" style="display: none;"></span>
</div>
- </nav>
- <div class="w3-overlay w3-hide-large w3-animate-opacity" id="myOverlay" onclick="w3_close()" style="cursor:pointer" title="close side menu"></div>
</div>
- <div class="w3-display-container w3-main" style="margin-left:200px;margin-top:13px;">
- <div class="w3-display-container" id="main">
- <iframe id="moduleframe" sandbox="allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups allow-popups-to-escape-sandbox" src="module/dashboard/index.html" style="margin-top: 30px; bottom: 0px;border: 0px;height: 92vh;width: 100%; overflow-y: scroll;"></iframe>
+<div class="display-container main" style="z-index: 2;">
+ <div class="display-container" id="main">
+ <iframe id="moduleframe" sandbox="allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups allow-popups-to-escape-sandbox" src="module/dashboard/index.html" style="bottom: 0px;border: 0px;height: calc(100vh - 70px);width: 100%; overflow-y: scroll;"></iframe>
</div>
</div>
<!-- END NEW -->
- <script type="text/javascript" src="js/request.js"></script>
- <script type="text/javascript" src="js/admin.js"></script>
- <script type="text/javascript" src="vendors/choices/choices.js"></script>
+ <script type="text/javascript" src="js/request.js?v=[% vstamp %]"></script>
+ <script type="text/javascript" src="js/admin.js?v=[% vstamp %]"></script>
+ <script type="text/javascript" src="vendors/choices/choices.js?v=[% vstamp %]"></script>
</body>
</html>
\ No newline at end of file
+[% USE date %]
+[% vstamp=date.format(date.now, '%d%m%Y%H%M%S') %]
<!DOCTYPE html>
-<html lang="en">
+<html lang="fr">
<head>
-[% INCLUDE block/head.tt %]
+
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+ <title>[% sitename %] - [% pagename %]</title>
+ <meta name="language" content="fr">
+ <meta name="author" content="DKS sarl">
+ <meta name="publisher" content="DKS sarl">
+ <meta name="copyright" content="DKS sarl">
+ <meta name="robots" content="noindex,nofollow">
+ <!-- <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+ <meta http-equiv="Pragma" content="no-cache" />
+ <meta http-equiv="Expires" content="0" /> -->
+ <link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="76x76" href="img/favicon/apple-icon-76x76.png">
+<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="144x144" href="img/favicon/apple-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-icon-152x152.png">
+<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-icon-180x180.png">
+<link rel="icon" type="image/png" sizes="192x192" href="img/favicon/android-icon-192x192.png">
+<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="96x96" href="img/favicon/favicon-96x96.png">
+<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
+<link rel="stylesheet" href="[% abspath %]css/w3pro.css?v=[% vstamp %]">
+<style>
+body, html {height: 100%}
+.bgimg {
+ background-image: url('[% abspath %][% staticpath %]img/potbg.jpg');
+ min-height: 100%;
+ background-position: center;
+ background-size: cover;
+}
+</style>
</head>
<body>
- <div class="w3-display-container">
- <div class="w3-row" >
- <div class="w3-col l6 w3-padding-24">
- <div class="w3-container w3-center w3-padding-24">
- <img src="[% abspath %]img/toplogo.png" style="width: 150px;" alt="logo">
- </div>
+ <div class="display-container DKS bgimg" style="padding-top: 100px; ">
+
+ <div class="row" >
+ <div class="col l4 m2 hide-small">
+ </div>
+ <div class="col l4 m8 s12 border round">
+ <div class="container center white padding">
+ <img src="[% abspath %][% staticpath %]img/toplogo.png" style="height: 60px;" alt="logo">
+ </div>
+ <div class="container white" >
[% IF pagename == 'register' && registration_enabled == '1' %]
[% INCLUDE skeleton/login/register.tt %]
[% ELSIF pagename == 'forgotpassword' %]
[% INCLUDE skeleton/login/login.tt %]
[% END %]
</div>
- <div class="w3-col l6 right-side-bg w3-center w3-padding-64" >
- <img src="[% abspath %]img/logo_512.png" style="width: 200px;" alt="logo">
- </div>
+ </div>
+ <div class="col l4 m2 hide-small">
+ </div>
</div>
</div>
</body>
[% END %]
[% IF quser.size > 0 %]
[% user = quser.get_all() %]
- <div class="w3-container">
+ <div class="container">
<h4>Demande de changement de mot de passe</h4>
- <h6 class="w3-text-blue">Entrez votre nouveau mot de passe ci-dessous!</h6>
+ <h6 class="text-blue">Entrez votre nouveau mot de passe ci-dessous!</h6>
</div>
<form name="frmlogin" method="POST" id="frmaccountreset">
<input type="hidden" id="regcode" value="[% reset %]" />
- <div class="w3-container">
- <label for="username" class="w3-label">Login</label>
- <input class="w3-input w3-border" type="text" id="login" name="login" readonly>
+ <div class="container">
+ <label for="username" class="label">Login</label>
+ <input class="input border" type="text" id="login" name="login" readonly>
</div>
- <div class="w3-container">
- <label for="password" class="w3-label">Mot de passe</label>
- <input class="w3-input w3-border" type="password" id="password" name="password">
+ <div class="container">
+ <label for="password" class="label">Mot de passe</label>
+ <input class="input border" type="password" id="password" name="password">
</div>
- <div class="w3-container">
- <label for="password" class="w3-label">Répéter Mot de passe</label>
- <input class="w3-input w3-border" type="password" id="password2" name="password2">
+ <div class="container">
+ <label for="password" class="label">Répéter Mot de passe</label>
+ <input class="input border" type="password" id="password2" name="password2">
</div>
- <div class="w3-container w3-padding-16">
- <button type="submit" name="btnaccountreset" class="w3-theme-dark w3-button" >envoyer</button>
+ <div class="container padding-16">
+ <button type="submit" name="btnaccountreset" class="theme-dark button" >envoyer</button>
</div>
- <div class="w3-container w3-padding-24">
+ <div class="container padding-24">
<a href="[% basepath %]/login.html" class="text-primary">se Connecter</a>
</div>
</form>
-<div class="w3-container">
+<div class="container">
<h4>Mot de passe oublié?</h4>
<h6 >Demander un nouveau mot de passe</h6>
</div>
<form method="POST">
- <div class="w3-container">
- <label for="email" class="w3-label">E-mail</label>
+ <div class="container">
+ <label for="email" class="label">E-mail</label>
- <input type="text" class="w3-input w3-border" id="email" name="email" required>
+ <input type="text" class="input border" id="email" name="email" required>
</div>
- <div class="w3-container w3-padding-16">
- <button type="submit" name="btnforgotpassword" class="w3-button w3-theme" >Envoyer</button>
+ <div class="container padding-16">
+ <button type="submit" name="btnforgotpassword" class="button theme" >Envoyer</button>
</div>
- <div class="w3-container w3-padding-24">
+ <div class="container padding-24">
<a href="[% basepath %]/login.html" class="text-primary">se Connecter</a>
</div>
-<div class="w3-container">
+<div class="container">
<h4>Accès Client</h4>
- <h6 class="w3-text-blue">Bienvenue de retour</h6>
</div>
<form name="frmlogin" method="POST" id="frmlogin">
- <div class="w3-container">
- <label for="username" class="w3-label">Login</label>
- <input class="w3-input w3-border" type="text" id="login" name="login">
+ <div class="container">
+ <label for="username" class="label">Login</label>
+ <input class="input border" type="text" id="login" name="login">
</div>
- <div class="w3-container">
- <label for="password" class="w3-label">Mot de passe</label>
- <input class="w3-input w3-border" type="password" id="password" name="password">
+ <div class="container">
+ <label for="password" class="label">Mot de passe</label>
+ <input class="input border" type="password" id="password" name="password">
</div>
- <div class="w3-container w3-padding-16">
- <button type="submit" name="btnlogin" class="w3-theme-dark w3-button" >Connecter</button>
+ <div class="container padding-16">
+ <button type="submit" name="btnlogin" class="theme-dark button" >Connecter</button>
</div>
- <div class="w3-container w3-padding-16">
+ <div class="container padding-16">
<a href="[% abspath %]forgotpassword.html">mot de passe oublié?</a>
</div>
[% IF registration_enabled == '1' %]
- <div class="w3-container w3-padding-16">
+ <div class="container padding-16">
Vous n'avez pas encore de compte?<br/><a href="[% basepath %]/register.html" class="text-primary">se régistrer</a>
</div>
[% END %]
-<div class="w3-panel [% messagetype %]">[% message %]</div>
- <div class="w3-container">
+<div class="panel [% messagetype %]">[% message %]</div>
+ <div class="container">
<a href="[% basepath %]/login.html" class="text-primary">Se connecter</a>
</div>
[% IF registration_enabled == '1' %]
- <div class="w3-container">
+ <div class="container">
<a href="[% basepath %]/register.html" class="text-primary">Registrez vous!</a>
</div>
[% END %]
- <div class="w3-container">
+ <div class="container">
<a href="[% basepath %]/forgotpassword.html" class="text-primary">Mot de passe oublié?</a>
</div>
\ No newline at end of file
[% PROCESS macro/fields.tt %]
-<div class="w3-container">
+<div class="container">
<h4>Vous n'avez pas un compte?</h4>
<h6 class="font-weight-light">régistrez-vous maintenant! </h6>
</div>
<form method="POST" >
- <div class="w3-container">
- [% fieldeditbox('company','companies','Entreprise','w3-half','','','') %]
+ <div class="container">
+ [% fieldeditbox('company','companies','Entreprise','half','','','') %]
</div>
- <div class="w3-container">
- [% fieldeditbox('surname','members','Nom','w3-third','','','') %]
- [% fieldeditbox('prename','members','Prénom','w3-third','','','') %]
- [% fieldeditbox('job','members','Position','w3-quarter','','','gérant') %]
+ <div class="container">
+ [% fieldeditbox('surname','members','Nom','third','','','') %]
+ [% fieldeditbox('prename','members','Prénom','third','','','') %]
+ [% fieldeditbox('job','members','Position','quarter','','','gérant') %]
</div>
- <div class="w3-container">
- [% fieldeditbox('email','users','E-Mail','w3-half','','','') %]
- [% fieldeditbox('phone','members','Téléphone','w3-half','','','') %]
+ <div class="container">
+ [% fieldeditbox('email','users','E-Mail','half','','','') %]
+ [% fieldeditbox('phone','members','Téléphone','half','','','') %]
</div>
- <div class="w3-container">
- <input class="w3-check" id="terms" name="terms" value="1" type="checkbox" required>
- <label>j'accepte les <button class="w3-button w3-text-blue-grey" style="padding: 0px;" onclick="document.getElementById('dlgcgu').style.display='block';">Conditions générales d'utilisation</button></label>
+ <div class="container">
+ <input class="check" id="terms" name="terms" value="1" type="checkbox" required>
+ <label>j'accepte les <button class="button text-blue-grey" style="padding: 0px;" onclick="document.getElementById('dlgcgu').style.display='block';">Conditions générales d'utilisation</button></label>
</div>
- <div class="w3-container w3-padding-16">
- <button type="submit" name="btnregister" class="w3-button w3-theme">Envoyer</button>
+ <div class="container padding-16">
+ <button type="submit" name="btnregister" class="button theme">Envoyer</button>
</div>
- <div class="w3-container w3-padding-24">
+ <div class="container padding-24">
vous avez déjà un compte? <a href="[% abspath %]login.html" class="text-primary">Se Connecter</a>
</div>
</form>
-<div id="dlgcgu" class="w3-modal"> <div class="w3-modal-content w3-animate-top w3-card-4">
+<div id="dlgcgu" class="modal"> <div class="modal-content animate-top card-4">
- <header class="w3-container">
+ <header class="container">
<span onclick="document.getElementById('dlgcgu').style.display='none'; return false;"
- class="w3-button w3-display-topright">×</span>
+ class="button display-topright">×</span>
<h2 id="dlgpublish_title">Conditions générales d'utilisation du site solana-architecture.lu</h2>
</header>
- <div class="w3-container">
+ <div class="container">
[% INCLUDE block/cgu.tt %]
</div>
- <footer class="w3-container w3-right-align w3-padding-16">
- <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlgcgu').style.display='none'; return false;">OK</button>
+ <footer class="container right-align padding-16">
+ <button class="button theme-light margin-right border" onclick="document.getElementById('dlgcgu').style.display='none'; return false;">OK</button>
</footer>
</div>
-<div class="w3-container">
+<div class="container">
<h4>Validation de votre compte</h4>
<h6 > </h6>
</div>
- <div class="w3-panel [% messagetype %]">[% message %]</div>
+ <div class="panel [% messagetype %]">[% message %]</div>
<form method="POST">
- <div class="w3-container">
- <label for="text" class="w3-label">Code de validation</label>
+ <div class="container">
+ <label for="text" class="label">Code de validation</label>
- <input type="text" class="w3-input w3-border" id="vcode" name="vcode" required>
+ <input type="text" class="input border" id="vcode" name="vcode" required>
</div>
- <div class="w3-container w3-padding-16">
- <button type="submit" name="btnvalidateemail" class="w3-button w3-theme" >valider</button>
+ <div class="container padding-16">
+ <button type="submit" name="btnvalidateemail" class="button theme" >valider</button>
</div>
</form>
- <div class="w3-container w3-padding-24">
+ <div class="container padding-24">
<a href="[% basepath %]/login.html" class="text-primary">se Connecter</a>
</div>
[% USE dksdb = DBI(dsn, dbuser, dbpassword) %]\r
-\r
+[% USE date %]\r
+[% vstamp=date.format(date.now, '%d%m%Y%H%M%S') %]\r
<!DOCTYPE html>\r
<html lang="fr">\r
\r
<head>\r
<!-- Required meta tags -->\r
- <meta charset="utf-8">\r
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">\r
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\r
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">\r
<meta http-equiv="X-UA-Compatible" content="IE=edge" />\r
<title>[% adminname %] - [% module %] - [% pagename %]</title>\r
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />\r
<meta http-equiv="Pragma" content="no-cache" />\r
<meta http-equiv="Expires" content="0" />\r
- <link rel="stylesheet" href="[% abspath %]css/w3pro.min.css">\r
+ <link rel="stylesheet" href="[% abspath %]css/icons.css?v=[% vstamp %]">\r
+ <link rel="stylesheet" href="[% abspath %]css/theme.css?v=[% vstamp %]">\r
<!-- <link rel="stylesheet" href="[% abspath %]vendors/glyphicons/css/glyphicons.css">-->\r
- <link rel="stylesheet" href="[% abspath %]vendors/tabulator/css/tabulator.min.css">\r
- <link rel="stylesheet" href="[% abspath %]vendors/choices/choices.min.css">\r
- <link rel="stylesheet" href="[% abspath %]vendors/flatpickr/flatpickr.min.css">\r
- <link rel="stylesheet" href="[% abspath %]vendors/flatpickr/themes/airbnb.min.css">\r
+ <link rel="stylesheet" href="[% abspath %]vendors/tabulator/css/tabulator.min.css?v=[% vstamp %]">\r
+ <link rel="stylesheet" href="[% abspath %]vendors/choices/choices.min.css?v=[% vstamp %]">\r
+ <link rel="stylesheet" href="[% abspath %]vendors/flatpickr/flatpickr.min.css?v=[% vstamp %]">\r
+ <link rel="stylesheet" href="[% abspath %]vendors/flatpickr/themes/airbnb.min.css?v=[% vstamp %]">\r
\r
<!--<link rel="stylesheet" href="[% abspath %]css/module.css">-->\r
\r
[% INCLUDE $page %]\r
</div>\r
\r
- <script type="text/javascript" src="[% abspath %]js/request.js"></script>\r
- <script type="text/javascript" src="[% abspath %]js/module_global.js"></script>\r
- <script type="text/javascript" src="[% abspath %]js/formsave.js"></script>\r
- <script type="text/javascript" src="[% abspath %]vendors/tabulator/js/tabulator.min.js"></script>\r
- <script type="text/javascript" src="[% abspath %]vendors/moment/moment-with-locales.min.js"></script>\r
- <script type="text/javascript" src="[% abspath %]vendors/tinymce/js/tinymce/tinymce.min.js"></script>\r
- <script type="text/javascript" src="[% abspath %]vendors/choices/choices.js"></script>\r
- <script type="text/javascript" src="[% abspath %]vendors/flatpickr/flatpickr.min.js"></script>\r
- <script type="text/javascript" src="[% abspath %]vendors/flatpickr/l10n/fr.js"></script>\r
- <script type="text/javascript" src="[% abspath %]vendors/flatpickr/plugins/weekSelect/weekSelect.js"></script>\r
+ <script type="text/javascript" src="[% abspath %]js/request.js?v=[% vstamp %]"></script>\r
+ <script type="text/javascript" src="[% abspath %]js/module_global.js?v=[% vstamp %]"></script>\r
+ <script type="text/javascript" src="[% abspath %]js/formsave.js?v=[% vstamp %]"></script>\r
+ <script type="text/javascript" src="[% abspath %]vendors/tabulator/js/tabulator.min.js?v=[% vstamp %]"></script>\r
+ <script type="text/javascript" src="[% abspath %]vendors/moment/moment-with-locales.min.js?v=[% vstamp %]"></script>\r
+ <script type="text/javascript" src="[% abspath %]vendors/tinymce/js/tinymce/tinymce.min.js?v=[% vstamp %]"></script>\r
+ <script type="text/javascript" src="[% abspath %]vendors/choices/choices.js?v=[% vstamp %]"></script>\r
+ <script type="text/javascript" src="[% abspath %]vendors/flatpickr/flatpickr.min.js?v=[% vstamp %]"></script>\r
+ <script type="text/javascript" src="[% abspath %]vendors/flatpickr/l10n/fr.js?v=[% vstamp %]"></script>\r
+ <script type="text/javascript" src="[% abspath %]vendors/flatpickr/plugins/weekSelect/weekSelect.js?v=[% vstamp %]"></script>\r
\r
\r
- <script type="text/javascript" src="[% pagename %].js"></script>\r
+ <script type="text/javascript" src="[% pagename %].js?v=[% vstamp %]"></script>\r
[% ELSE %]\r
<div class="alert alert-danger">\r
- <h1> Du hues keen Accès op dëss Sait!</h1>\r
+ <h1> Vous n'avez pas le droit d'accèder cette page!</h1>\r
</div>\r
</div>\r
[% END %]\r
projects / pot_lu.git / commitdiff
