html {
  width: 100%;
  height: 100%; }

body {
    width: 100%;
    height: 100%;
    margin: 0;
}

form {
  height: 100%;
  width: 100%; }

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

::before, ::after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

/* #region Rows */
.container {
  height: 100%;
  width: 100%; }

[class^=row]:before, [class^=row]:after {
  display: table;
  content: " "; }

[class^=row]:after {
  clear: both; }

[class^=row] {
  width: 100%;
  margin-left: 0;
  margin-right: 0; }

.row {
  height: auto; }

.row-1 {
  height: 0.83333%;
  max-height: 0.83333%;
  min-height: 0.83333%; }

.row-2 {
  height: 1.66667%;
  max-height: 1.66667%;
  min-height: 1.66667%; }

.row-3 {
  height: 2.5%;
  max-height: 2.5%;
  min-height: 2.5%; }

.row-4 {
  height: 3.33333%;
  max-height: 3.33333%;
  min-height: 3.33333%; }

.row-5 {
  height: 4.16667%;
  max-height: 4.16667%;
  min-height: 4.16667%; }

.row-6 {
  height: 5%;
  max-height: 5%;
  min-height: 5%; }

.row-7 {
  height: 5.83333%;
  max-height: 5.83333%;
  min-height: 5.83333%; }

.row-8 {
  height: 6.66667%;
  max-height: 6.66667%;
  min-height: 6.66667%; }

.row-9 {
  height: 7.5%;
  max-height: 7.5%;
  min-height: 7.5%; }

.row-10 {
  height: 8.33333%;
  max-height: 8.33333%;
  min-height: 8.33333%; }

.row-11 {
  height: 9.16667%;
  max-height: 9.16667%;
  min-height: 9.16667%; }

.row-12 {
  height: 10%;
  max-height: 10%;
  min-height: 10%; }

.row-13 {
  height: 10.83333%;
  max-height: 10.83333%;
  min-height: 10.83333%; }

.row-14 {
  height: 11.66667%;
  max-height: 11.66667%;
  min-height: 11.66667%; }

.row-15 {
  height: 12.5%;
  max-height: 12.5%;
  min-height: 12.5%; }

.row-16 {
  height: 13.33333%;
  max-height: 13.33333%;
  min-height: 13.33333%; }

.row-17 {
  height: 14.16667%;
  max-height: 14.16667%;
  min-height: 14.16667%; }

.row-18 {
  height: 15%;
  max-height: 15%;
  min-height: 15%; }

.row-19 {
  height: 15.83333%;
  max-height: 15.83333%;
  min-height: 15.83333%; }

.row-20 {
  height: 16.66667%;
  max-height: 16.66667%;
  min-height: 16.66667%; }

.row-21 {
  height: 17.5%;
  max-height: 17.5%;
  min-height: 17.5%; }

.row-22 {
  height: 18.33333%;
  max-height: 18.33333%;
  min-height: 18.33333%; }

.row-23 {
  height: 19.16667%;
  max-height: 19.16667%;
  min-height: 19.16667%; }

.row-24 {
  height: 20%;
  max-height: 20%;
  min-height: 20%; }

.row-25 {
  height: 20.83333%;
  max-height: 20.83333%;
  min-height: 20.83333%; }

.row-26 {
  height: 21.66667%;
  max-height: 21.66667%;
  min-height: 21.66667%; }

.row-27 {
  height: 22.5%;
  max-height: 22.5%;
  min-height: 22.5%; }

.row-28 {
  height: 23.33333%;
  max-height: 23.33333%;
  min-height: 23.33333%; }

.row-29 {
  height: 24.16667%;
  max-height: 24.16667%;
  min-height: 24.16667%; }

.row-30 {
  height: 25%;
  max-height: 25%;
  min-height: 25%; }

.row-31 {
  height: 25.83333%;
  max-height: 25.83333%;
  min-height: 25.83333%; }

.row-32 {
  height: 26.66667%;
  max-height: 26.66667%;
  min-height: 26.66667%; }

.row-33 {
  height: 27.5%;
  max-height: 27.5%;
  min-height: 27.5%; }

.row-34 {
  height: 28.33333%;
  max-height: 28.33333%;
  min-height: 28.33333%; }

.row-35 {
  height: 29.16667%;
  max-height: 29.16667%;
  min-height: 29.16667%; }

.row-36 {
  height: 30%;
  max-height: 30%;
  min-height: 30%; }

.row-37 {
  height: 30.83333%;
  max-height: 30.83333%;
  min-height: 30.83333%; }

.row-38 {
  height: 31.66667%;
  max-height: 31.66667%;
  min-height: 31.66667%; }

.row-39 {
  height: 32.5%;
  max-height: 32.5%;
  min-height: 32.5%; }

.row-40 {
  height: 33.33333%;
  max-height: 33.33333%;
  min-height: 33.33333%; }

.row-41 {
  height: 34.16667%;
  max-height: 34.16667%;
  min-height: 34.16667%; }

.row-42 {
  height: 35%;
  max-height: 35%;
  min-height: 35%; }

.row-43 {
  height: 35.83333%;
  max-height: 35.83333%;
  min-height: 35.83333%; }

.row-44 {
  height: 36.66667%;
  max-height: 36.66667%;
  min-height: 36.66667%; }

.row-45 {
  height: 37.5%;
  max-height: 37.5%;
  min-height: 37.5%; }

.row-46 {
  height: 38.33333%;
  max-height: 38.33333%;
  min-height: 38.33333%; }

.row-47 {
  height: 39.16667%;
  max-height: 39.16667%;
  min-height: 39.16667%; }

.row-48 {
  height: 40%;
  max-height: 40%;
  min-height: 40%; }

.row-49 {
  height: 40.83333%;
  max-height: 40.83333%;
  min-height: 40.83333%; }

.row-50 {
  height: 41.66667%;
  max-height: 41.66667%;
  min-height: 41.66667%; }

.row-51 {
  height: 42.5%;
  max-height: 42.5%;
  min-height: 42.5%; }

.row-52 {
  height: 43.33333%;
  max-height: 43.33333%;
  min-height: 43.33333%; }

.row-53 {
  height: 44.16667%;
  max-height: 44.16667%;
  min-height: 44.16667%; }

.row-54 {
  height: 45%;
  max-height: 45%;
  min-height: 45%; }

.row-55 {
  height: 45.83333%;
  max-height: 45.83333%;
  min-height: 45.83333%; }

.row-56 {
  height: 46.66667%;
  max-height: 46.66667%;
  min-height: 46.66667%; }

.row-57 {
  height: 47.5%;
  max-height: 47.5%;
  min-height: 47.5%; }

.row-58 {
  height: 48.33333%;
  max-height: 48.33333%;
  min-height: 48.33333%; }

.row-59 {
  height: 49.16667%;
  max-height: 49.16667%;
  min-height: 49.16667%; }

.row-60 {
  height: 50%;
  max-height: 50%;
  min-height: 50%; }

.row-61 {
  height: 50.83333%;
  max-height: 50.83333%;
  min-height: 50.83333%; }

.row-62 {
  height: 51.66667%;
  max-height: 51.66667%;
  min-height: 51.66667%; }

.row-63 {
  height: 52.5%;
  max-height: 52.5%;
  min-height: 52.5%; }

.row-64 {
  height: 53.33333%;
  max-height: 53.33333%;
  min-height: 53.33333%; }

.row-65 {
  height: 54.16667%;
  max-height: 54.16667%;
  min-height: 54.16667%; }

.row-66 {
  height: 55%;
  max-height: 55%;
  min-height: 55%; }

.row-67 {
  height: 55.83333%;
  max-height: 55.83333%;
  min-height: 55.83333%; }

.row-68 {
  height: 56.66667%;
  max-height: 56.66667%;
  min-height: 56.66667%; }

.row-69 {
  height: 57.5%;
  max-height: 57.5%;
  min-height: 57.5%; }

.row-70 {
  height: 58.33333%;
  max-height: 58.33333%;
  min-height: 58.33333%; }

.row-71 {
  height: 59.16667%;
  max-height: 59.16667%;
  min-height: 59.16667%; }

.row-72 {
  height: 60%;
  max-height: 60%;
  min-height: 60%; }

.row-73 {
  height: 60.83333%;
  max-height: 60.83333%;
  min-height: 60.83333%; }

.row-74 {
  height: 61.66667%;
  max-height: 61.66667%;
  min-height: 61.66667%; }

.row-75 {
  height: 62.5%;
  max-height: 62.5%;
  min-height: 62.5%; }

.row-76 {
  height: 63.33333%;
  max-height: 63.33333%;
  min-height: 63.33333%; }

.row-77 {
  height: 64.16667%;
  max-height: 64.16667%;
  min-height: 64.16667%; }

.row-78 {
  height: 65%;
  max-height: 65%;
  min-height: 65%; }

.row-79 {
  height: 65.83333%;
  max-height: 65.83333%;
  min-height: 65.83333%; }

.row-80 {
  height: 66.66667%;
  max-height: 66.66667%;
  min-height: 66.66667%; }

.row-81 {
  height: 67.5%;
  max-height: 67.5%;
  min-height: 67.5%; }

.row-82 {
  height: 68.33333%;
  max-height: 68.33333%;
  min-height: 68.33333%; }

.row-83 {
  height: 69.16667%;
  max-height: 69.16667%;
  min-height: 69.16667%; }

.row-84 {
  height: 70%;
  max-height: 70%;
  min-height: 70%; }

.row-85 {
  height: 70.83333%;
  max-height: 70.83333%;
  min-height: 70.83333%; }

.row-86 {
  height: 71.66667%;
  max-height: 71.66667%;
  min-height: 71.66667%; }

.row-87 {
  height: 72.5%;
  max-height: 72.5%;
  min-height: 72.5%; }

.row-88 {
  height: 73.33333%;
  max-height: 73.33333%;
  min-height: 73.33333%; }

.row-89 {
  height: 74.16667%;
  max-height: 74.16667%;
  min-height: 74.16667%; }

.row-90 {
  height: 75%;
  max-height: 75%;
  min-height: 75%; }

.row-91 {
  height: 75.83333%;
  max-height: 75.83333%;
  min-height: 75.83333%; }

.row-92 {
  height: 76.66667%;
  max-height: 76.66667%;
  min-height: 76.66667%; }

.row-93 {
  height: 77.5%;
  max-height: 77.5%;
  min-height: 77.5%; }

.row-94 {
  height: 78.33333%;
  max-height: 78.33333%;
  min-height: 78.33333%; }

.row-95 {
  height: 79.16667%;
  max-height: 79.16667%;
  min-height: 79.16667%; }

.row-96 {
  height: 80%;
  max-height: 80%;
  min-height: 80%; }

.row-97 {
  height: 80.83333%;
  max-height: 80.83333%;
  min-height: 80.83333%; }

.row-98 {
  height: 81.66667%;
  max-height: 81.66667%;
  min-height: 81.66667%; }

.row-99 {
  height: 82.5%;
  max-height: 82.5%;
  min-height: 82.5%; }

.row-100 {
  height: 83.33333%;
  max-height: 83.33333%;
  min-height: 83.33333%; }

.row-101 {
  height: 84.16667%;
  max-height: 84.16667%;
  min-height: 84.16667%; }

.row-102 {
  height: 85%;
  max-height: 85%;
  min-height: 85%; }

.row-103 {
  height: 85.83333%;
  max-height: 85.83333%;
  min-height: 85.83333%; }

.row-104 {
  height: 86.66667%;
  max-height: 86.66667%;
  min-height: 86.66667%; }

.row-105 {
  height: 87.5%;
  max-height: 87.5%;
  min-height: 87.5%; }

.row-106 {
  height: 88.33333%;
  max-height: 88.33333%;
  min-height: 88.33333%; }

.row-107 {
  height: 89.16667%;
  max-height: 89.16667%;
  min-height: 89.16667%; }

.row-108 {
  height: 90%;
  max-height: 90%;
  min-height: 90%; }

.row-109 {
  height: 90.83333%;
  max-height: 90.83333%;
  min-height: 90.83333%; }

.row-110 {
  height: 91.66667%;
  max-height: 91.66667%;
  min-height: 91.66667%; }

.row-111 {
  height: 92.5%;
  max-height: 92.5%;
  min-height: 92.5%; }

.row-112 {
  height: 93.33333%;
  max-height: 93.33333%;
  min-height: 93.33333%; }

.row-113 {
  height: 94.16667%;
  max-height: 94.16667%;
  min-height: 94.16667%; }

.row-114 {
  height: 95%;
  max-height: 95%;
  min-height: 95%; }

.row-115 {
  height: 95.83333%;
  max-height: 95.83333%;
  min-height: 95.83333%; }

.row-116 {
  height: 96.66667%;
  max-height: 96.66667%;
  min-height: 96.66667%; }

.row-117 {
  height: 97.5%;
  max-height: 97.5%;
  min-height: 97.5%; }

.row-118 {
  height: 98.33333%;
  max-height: 98.33333%;
  min-height: 98.33333%; }

.row-119 {
  height: 99.16667%;
  max-height: 99.16667%;
  min-height: 99.16667%; }

.row-120 {
  height: 100%;
  max-height: 100%;
  min-height: 100%; }

/* #endregion Rows */
/* #region Columns */
[class^=col] {
  height: 100%;
  float: left;
  /*position: relative;*/
  padding-left: 0;
  padding-right: 0; }

.col {
  width: auto; }

.col-1 {
  width: 0.83333%;
  min-width: 0.83333%;
  max-width: 0.83333%; }

.col-2 {
  width: 1.66667%;
  min-width: 1.66667%;
  max-width: 1.66667%; }

.col-3 {
  width: 2.5%;
  min-width: 2.5%;
  max-width: 2.5%; }

.col-4 {
  width: 3.33333%;
  min-width: 3.33333%;
  max-width: 3.33333%; }

.col-5 {
  width: 4.16667%;
  min-width: 4.16667%;
  max-width: 4.16667%; }

.col-6 {
  width: 5%;
  min-width: 5%;
  max-width: 5%; }

.col-7 {
  width: 5.83333%;
  min-width: 5.83333%;
  max-width: 5.83333%; }

.col-8 {
  width: 6.66667%;
  min-width: 6.66667%;
  max-width: 6.66667%; }




.col-11 {
  width: 9.16667%;
  min-width: 9.16667%;
  max-width: 9.16667%; }

.col-12 {
  width: 10%;
  min-width: 10%;
  max-width: 10%; }

.col-13 {
  width: 10.83333%;
  min-width: 10.83333%;
  max-width: 10.83333%; }

.col-14 {
  width: 11.66667%;
  min-width: 11.66667%;
  max-width: 11.66667%; }

.col-15 {
  width: 12.5%;
  min-width: 12.5%;
  max-width: 12.5%; }

.col-16 {
  width: 13.33333%;
  min-width: 13.33333%;
  max-width: 13.33333%; }

.col-17 {
  width: 14.16667%;
  min-width: 14.16667%;
  max-width: 14.16667%; }

.col-18 {
  width: 15%;
  min-width: 15%;
  max-width: 15%; }

.col-19 {
  width: 15.83333%;
  min-width: 15.83333%;
  max-width: 15.83333%; }

.col-20 {
  width: 16.66667%;
  min-width: 16.66667%;
  max-width: 16.66667%; }

.col-20-5 {
    width: 16.9%;
    min-width: 16.9%;
    max-width: 16.9%;
}

.col-21 {
  width: 17.5%;
  min-width: 17.5%;
  max-width: 17.5%; }

.col-22 {
  width: 18.33333%;
  min-width: 18.33333%;
  max-width: 18.33333%; }

.col-23 {
  width: 19.16667%;
  min-width: 19.16667%;
  max-width: 19.16667%; }

.col-24 {
  width: 20%;
  min-width: 20%;
  max-width: 20%; }




.col-27 {
  width: 22.5%;
  min-width: 22.5%;
  max-width: 22.5%; }

.col-28 {
  width: 23.33333%;
  min-width: 23.33333%;
  max-width: 23.33333%; }


.col-31 {
  width: 25.83333%;
  min-width: 25.83333%;
  max-width: 25.83333%; }

.col-32 {
  width: 26.66667%;
  min-width: 26.66667%;
  max-width: 26.66667%; }

.col-33 {
  width: 27.5%;
  min-width: 27.5%;
  max-width: 27.5%; }

.col-34 {
  width: 28.33333%;
  min-width: 28.33333%;
  max-width: 28.33333%; }


.col-35-5 {
    width: 29.66667%;
    min-width: 29.66667%;
    max-width: 29.66667%;
}

.col-36 {
  width: 30%;
  min-width: 30%;
  max-width: 30%; }

.col-37 {
  width: 30.83333%;
  min-width: 30.83333%;
  max-width: 30.83333%; }

.col-38 {
  width: 31.66667%;
  min-width: 31.66667%;
  max-width: 31.66667%; }

.col-39 {
  width: 32.5%;
  min-width: 32.5%;
  max-width: 32.5%; }



.col-40-5 {
    width: 33.800015%;
    min-width: 33.800015%;
    max-width: 33.800015%;
}

.col-41 {
  width: 34.16667%;
  min-width: 34.16667%;
  max-width: 34.16667%; }

.col-42 {
  width: 35%;
  min-width: 35%;
  max-width: 35%; }

.col-43 {
  width: 35.83333%;
  min-width: 35.83333%;
  max-width: 35.83333%; }

.col-44 {
  width: 36.66667%;
  min-width: 36.66667%;
  max-width: 36.66667%; }

.col-45 {
  width: 37.5%;
  min-width: 37.5%;
  max-width: 37.5%; }

.col-46 {
  width: 38.33333%;
  min-width: 38.33333%;
  max-width: 38.33333%; }

.col-47 {
  width: 39.16667%;
  min-width: 39.16667%;
  max-width: 39.16667%; }

.col-48 {
  width: 40%;
  min-width: 40%;
  max-width: 40%; }

.col-49 {
  width: 40.83333%;
  min-width: 40.83333%;
  max-width: 40.83333%; }

.col-50 {
  width: 41.66667%;
  min-width: 41.66667%;
  max-width: 41.66667%; }



.col-52 {
  width: 43.33333%;
  min-width: 43.33333%;
  max-width: 43.33333%; }

.col-53 {
  width: 44.16667%;
  min-width: 44.16667%;
  max-width: 44.16667%; }

.col-54 {
  width: 45%;
  min-width: 45%;
  max-width: 45%; }

.col-55 {
  width: 45.83333%;
  min-width: 45.83333%;
  max-width: 45.83333%; }

.col-56 {
  width: 46.66667%;
  min-width: 46.66667%;
  max-width: 46.66667%; }

.col-57 {
  width: 47.5%;
  min-width: 47.5%;
  max-width: 47.5%; }

.col-58 {
  width: 48.33333%;
  min-width: 48.33333%;
  max-width: 48.33333%; }

.col-59 {
  width: 49.16667%;
  min-width: 49.16667%;
  max-width: 49.16667%; }

.col-60 {
  width: 50%;
  min-width: 50%;
  max-width: 50%; }

.col-61 {
  width: 50.83333%;
  min-width: 50.83333%;
  max-width: 50.83333%; }

.col-62 {
  width: 51.66667%;
  min-width: 51.66667%;
  max-width: 51.66667%; }

.col-63 {
  width: 52.5%;
  min-width: 52.5%;
  max-width: 52.5%; }

.col-64 {
  width: 53.33333%;
  min-width: 53.33333%;
  max-width: 53.33333%; }



.col-66 {
  width: 55%;
  min-width: 55%;
  max-width: 55%; }

.col-67 {
  width: 55.83333%;
  min-width: 55.83333%;
  max-width: 55.83333%; }

.col-68 {
  width: 56.66667%;
  min-width: 56.66667%;
  max-width: 56.66667%; }

.col-69 {
  width: 57.5%;
  min-width: 57.5%;
  max-width: 57.5%; }

.col-70 {
  width: 58.33333%;
  min-width: 58.33333%;
  max-width: 58.33333%; }

.col-71 {
  width: 59.16667%;
  min-width: 59.16667%;
  max-width: 59.16667%; }

.col-72 {
  width: 60%;
  min-width: 60%;
  max-width: 60%; }

.col-73 {
  width: 60.83333%;
  min-width: 60.83333%;
  max-width: 60.83333%; }

.col-74 {
  width: 61.66667%;
  min-width: 61.66667%;
  max-width: 61.66667%; }

.col-75 {
  width: 62.5%;
  min-width: 62.5%;
  max-width: 62.5%; }

.col-76 {
  width: 63.33333%;
  min-width: 63.33333%;
  max-width: 63.33333%; }

.col-77 {
  width: 64.16667%;
  min-width: 64.16667%;
  max-width: 64.16667%; }

.col-78 {
  width: 65%;
  min-width: 65%;
  max-width: 65%; }

.col-79 {
  width: 65.83333%;
  min-width: 65.83333%;
  max-width: 65.83333%; }

.col-80 {
  width: 66.66667%;
  min-width: 66.66667%;
  max-width: 66.66667%; }

.col-81 {
  width: 67.5%;
  min-width: 67.5%;
  max-width: 67.5%; }

.col-82 {
  width: 68.33333%;
  min-width: 68.33333%;
  max-width: 68.33333%; }

.col-83 {
  width: 69.16667%;
  min-width: 69.16667%;
  max-width: 69.16667%; }

.col-84 {
  width: 70%;
  min-width: 70%;
  max-width: 70%; }

.col-85 {
  width: 70.83333%;
  min-width: 70.83333%;
  max-width: 70.83333%; }

.col-86 {
  width: 71.66667%;
  min-width: 71.66667%;
  max-width: 71.66667%; }

.col-87 {
  width: 72.5%;
  min-width: 72.5%;
  max-width: 72.5%; }

.col-88 {
  width: 73.33333%;
  min-width: 73.33333%;
  max-width: 73.33333%; }

.col-89 {
  width: 74.16667%;
  min-width: 74.16667%;
  max-width: 74.16667%; }

.col-90 {
  width: 75%;
  min-width: 75%;
  max-width: 75%; }

.col-91 {
  width: 75.83333%;
  min-width: 75.83333%;
  max-width: 75.83333%; }

.col-92 {
  width: 76.66667%;
  min-width: 76.66667%;
  max-width: 76.66667%; }

.col-93 {
  width: 77.5%;
  min-width: 77.5%;
  max-width: 77.5%; }

.col-94 {
  width: 78.33333%;
  min-width: 78.33333%;
  max-width: 78.33333%; }

.col-95 {
  width: 79.16667%;
  min-width: 79.16667%;
  max-width: 79.16667%; }

.col-96 {
  width: 80%;
  min-width: 80%;
  max-width: 80%; }

.col-97 {
  width: 80.83333%;
  min-width: 80.83333%;
  max-width: 80.83333%; }

.col-98 {
  width: 81.66667%;
  min-width: 81.66667%;
  max-width: 81.66667%; }

.col-99 {
  width: 82.5%;
  min-width: 82.5%;
  max-width: 82.5%; }

.col-100 {
  width: 83.33333%;
  min-width: 83.33333%;
  max-width: 83.33333%; }

.col-101 {
  width: 84.16667%;
  min-width: 84.16667%;
  max-width: 84.16667%; }

.col-102 {
  width: 85%;
  min-width: 85%;
  max-width: 85%; }

.col-103 {
  width: 85.83333%;
  min-width: 85.83333%;
  max-width: 85.83333%; }

.col-104 {
  width: 86.66667%;
  min-width: 86.66667%;
  max-width: 86.66667%; }

.col-105 {
  width: 87.5%;
  min-width: 87.5%;
  max-width: 87.5%; }

.col-106 {
  width: 88.33333%;
  min-width: 88.33333%;
  max-width: 88.33333%; }

.col-107 {
  width: 89.16667%;
  min-width: 89.16667%;
  max-width: 89.16667%; }

.col-108 {
  width: 90%;
  min-width: 90%;
  max-width: 90%; }

.col-109 {
  width: 90.83333%;
  min-width: 90.83333%;
  max-width: 90.83333%; }

.col-110 {
  width: 91.66667%;
  min-width: 91.66667%;
  max-width: 91.66667%; }

.col-111 {
  width: 92.5%;
  min-width: 92.5%;
  max-width: 92.5%; }

.col-112 {
  width: 93.33333%;
  min-width: 93.33333%;
  max-width: 93.33333%; }

.col-113 {
  width: 94.16667%;
  min-width: 94.16667%;
  max-width: 94.16667%; }

.col-114 {
  width: 95%;
  min-width: 95%;
  max-width: 95%; }

.col-115 {
  width: 95.83333%;
  min-width: 95.83333%;
  max-width: 95.83333%; }

.col-116 {
  width: 96.66667%;
  min-width: 96.66667%;
  max-width: 96.66667%; }

.col-117 {
  width: 97.5%;
  min-width: 97.5%;
  max-width: 97.5%; }

.col-118 {
  width: 98.33333%;
  min-width: 98.33333%;
  max-width: 98.33333%; }

.col-119 {
  width: 99.16667%;
  min-width: 99.16667%;
  max-width: 99.16667%; }

.col-120 {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

/* #endregion Columns */
/* #region Margins & Padding*/

.m0 {
  margin: 0%; }

.mt0 {
  margin-top: 0%; }

.ml0 {
  margin-left: 0%; }

.mr0 {
  margin-right: 0%; }

.mb0 {
  margin-bottom: 0%; }

.m1 {
  margin: 0.83333%; }

.mt1 {
    margin-top: 0.83333%;
}


.mr1 {
  margin-right: 0.83333%; }

.mb1 {
  margin-bottom: 0.83333%; }

.m2 {
  margin: 1.66667%; }

.mt2 {
  margin-top: 1.66667%; }

.ml2 {
  margin-left: 1.66667%; }

.mr2 {
  margin-right: 1.66667%; }

.mb2 {
  margin-bottom: 1.66667%; }

.m3 {
  margin: 2.5%; }



.ml3 {
  margin-left: 2.5%; }

.mr3 {
  margin-right: 2.5%; }

.mb3 {
  margin-bottom: 2.5%; }

.m4 {
  margin: 3.33333%; }



.ml4 {
  margin-left: 3.33333%; }

.mr4 {
  margin-right: 3.33333%; }

.mb4 {
  margin-bottom: 3.33333%; }

.m5 {
  margin: 4.16667%; }

.mt5 {
  margin-top: 4.16667%; }

.ml5 {
  margin-left: 4.16667%; }

.mr5 {
  margin-right: 4.16667%; }

.mb5 {
  margin-bottom: 4.16667%; }

.m6 {
  margin: 5%; }

.mt6 {
  margin-top: 5%; }

.ml6 {
  margin-left: 5%; }

.mr6 {
  margin-right: 5%; }

.mb6 {
  margin-bottom: 5%; }

.m7 {
  margin: 5.83333%; }

.mt7 {
  margin-top: 5.83333%; }

.ml7 {
  margin-left: 5.83333%; }

.mr7 {
  margin-right: 5.83333%; }

.mb7 {
  margin-bottom: 5.83333%; }

.m8 {
  margin: 6.66667%; }

.mt8 {
  margin-top: 6.66667%; }

.ml8 {
  margin-left: 6.66667%; }

.mr8 {
  margin-right: 6.66667%; }

.mb8 {
  margin-bottom: 6.66667%; }

.m9 {
  margin: 7.5%; }

.mt9 {
  margin-top: 7.5%; }

.ml9 {
  margin-left: 7.5%; }

.mr9 {
  margin-right: 7.5%; }

.mb9 {
  margin-bottom: 7.5%; }

.m10 {
  margin: 8.33333%; }

.mt10 {
  margin-top: 8.33333%; }

.ml10 {
  margin-left: 8.33333%; }

.mr10 {
  margin-right: 8.33333%; }

.mb10 {
  margin-bottom: 8.33333%; }

.m11 {
  margin: 9.16667%; }

.mt11 {
  margin-top: 9.16667%; }

.ml11 {
  margin-left: 9.16667%; }

.mr11 {
  margin-right: 9.16667%; }

.mb11 {
  margin-bottom: 9.16667%; }

.m12 {
  margin: 10%; }

.mt12 {
  margin-top: 10%; }

.ml12 {
  margin-left: 10%; }

.mr12 {
  margin-right: 10%; }

.mb12 {
  margin-bottom: 10%; }

.m13 {
  margin: 10.83333%; }

.mt13 {
  margin-top: 10.83333%; }

.ml13 {
  margin-left: 10.83333%; }

.mr13 {
  margin-right: 10.83333%; }

.mb13 {
  margin-bottom: 10.83333%; }

.m14 {
  margin: 11.66667%; }

.mt14 {
  margin-top: 11.66667%; }

.ml14 {
  margin-left: 11.66667%; }

.mr14 {
  margin-right: 11.66667%; }

.mb14 {
  margin-bottom: 11.66667%; }

.m15 {
  margin: 12.5%; }

.mt15 {
  margin-top: 12.5%; }

.ml15 {
  margin-left: 12.5%; }

.mr15 {
  margin-right: 12.5%; }

.mb15 {
  margin-bottom: 12.5%; }

.m16 {
  margin: 13.33333%; }

.mt16 {
  margin-top: 13.33333%; }

.ml16 {
  margin-left: 13.33333%; }

.mr16 {
  margin-right: 13.33333%; }

.mb16 {
  margin-bottom: 13.33333%; }

.m17 {
  margin: 14.16667%; }

.mt17 {
  margin-top: 14.16667%; }

.ml17 {
  margin-left: 14.16667%; }

.mr17 {
  margin-right: 14.16667%; }

.mb17 {
  margin-bottom: 14.16667%; }

.m18 {
  margin: 15%; }

.mt18 {
  margin-top: 15%; }

.ml18 {
  margin-left: 15%; }

.mr18 {
  margin-right: 15%; }

.mb18 {
  margin-bottom: 15%; }

.m19 {
  margin: 15.83333%; }

.mt19 {
  margin-top: 15.83333%; }

.ml19 {
  margin-left: 15.83333%; }

.mr19 {
  margin-right: 15.83333%; }

.mb19 {
  margin-bottom: 15.83333%; }

.m20 {
  margin: 16.66667%; }

.mt20 {
  margin-top: 16.66667%; }

.ml20 {
  margin-left: 16.66667%; }

.mr20 {
  margin-right: 16.66667%; }

.mb20 {
  margin-bottom: 16.66667%; }

.p0 {
  padding: 0%; }

.pt0 {
  padding-top: 0%; }

.pl0 {
  padding-left: 0%; }

.pr0 {
  padding-right: 0%; }

.pb0 {
  padding-bottom: 0%; }
.p05 {
    padding: 0.4%;
}
.p1 {
  padding: 0.83333%; }

.pt1 {
  padding-top: 0.83333%; }

.pl1 {
  padding-left: 0.83333%; }

.pr1 {
  padding-right: 0.83333%; }

.pb1 {
  padding-bottom: 0.83333%; }

.p2 {
  padding: 1.66667%; }

.pt2 {
  padding-top: 1.66667%; }

.pl2 {
  padding-left: 1.66667%; }

.pr2 {
  padding-right: 1.66667%; }

.pb2 {
  padding-bottom: 1.66667%; }

.p3 {
  padding: 2.5%; }

.pt3 {
  padding-top: 2.5%; }

.pl3 {
  padding-left: 2.5%; }

.pr3 {
  padding-right: 2.5%; }

.pb3 {
  padding-bottom: 2.5%; }

.p4 {
  padding: 3.33333%; }

.pt4 {
  padding-top: 3.33333%; }

.pl4 {
  padding-left: 3.33333%; }

.pr4 {
  padding-right: 3.33333%; }

.pb4 {
  padding-bottom: 3.33333%; }

.p5 {
  padding: 4.16667%; }

.pt5 {
  padding-top: 4.16667%; }

.pl5 {
  padding-left: 4.16667%; }

.pr5 {
  padding-right: 4.16667%; }

.pb5 {
  padding-bottom: 4.16667%; }

.p6 {
  padding: 5%; }

.pt6 {
  padding-top: 5%; }

.pl6 {
  padding-left: 5%; }

.pr6 {
  padding-right: 5%; }

.pb6 {
  padding-bottom: 5%; }

.p7 {
  padding: 5.83333%; }

.pt7 {
  padding-top: 5.83333%; }

.pl7 {
  padding-left: 5.83333%; }

.pr7 {
  padding-right: 5.83333%; }

.pb7 {
  padding-bottom: 5.83333%; }

.p8 {
  padding: 6.66667%; }

.pt8 {
  padding-top: 6.66667%; }

.pl8 {
  padding-left: 6.66667%; }

.pr8 {
  padding-right: 6.66667%; }

.pb8 {
  padding-bottom: 6.66667%; }

.p9 {
  padding: 7.5%; }

.pt9 {
  padding-top: 7.5%; }

.pl9 {
  padding-left: 7.5%; }

.pr9 {
  padding-right: 7.5%; }

.pb9 {
  padding-bottom: 7.5%; }

.p10 {
  padding: 8.33333%; }

.pt10 {
  padding-top: 8.33333%; }

.pl10 {
  padding-left: 8.33333%; }

.pr10 {
  padding-right: 8.33333%; }

.pb10 {
  padding-bottom: 8.33333%; }

.p11 {
  padding: 9.16667%; }

.pt11 {
  padding-top: 9.16667%; }

.pl11 {
  padding-left: 9.16667%; }

.pr11 {
  padding-right: 9.16667%; }

.pb11 {
  padding-bottom: 9.16667%; }

.p12 {
  padding: 10%; }

.pt12 {
  padding-top: 10%; }

.pl12 {
  padding-left: 10%; }

.pr12 {
  padding-right: 10%; }

.pb12 {
  padding-bottom: 10%; }

.p13 {
  padding: 10.83333%; }

.pt13 {
  padding-top: 10.83333%; }

.pl13 {
  padding-left: 10.83333%; }

.pr13 {
  padding-right: 10.83333%; }

.pb13 {
  padding-bottom: 10.83333%; }

.p14 {
  padding: 11.66667%; }

.pt14 {
  padding-top: 11.66667%; }

.pl14 {
  padding-left: 11.66667%; }

.pr14 {
  padding-right: 11.66667%; }

.pb14 {
  padding-bottom: 11.66667%; }

.p15 {
  padding: 12.5%; }

.pt15 {
  padding-top: 12.5%; }

.pl15 {
  padding-left: 12.5%; }

.pr15 {
  padding-right: 12.5%; }

.pb15 {
  padding-bottom: 12.5%; }

.p16 {
  padding: 13.33333%; }

.pt16 {
  padding-top: 13.33333%; }

.pl16 {
  padding-left: 13.33333%; }

.pr16 {
  padding-right: 13.33333%; }

.pb16 {
  padding-bottom: 13.33333%; }

.p17 {
  padding: 14.16667%; }

.pt17 {
  padding-top: 14.16667%; }

.pl17 {
  padding-left: 14.16667%; }

.pr17 {
  padding-right: 14.16667%; }

.pb17 {
  padding-bottom: 14.16667%; }

.p18 {
  padding: 15%; }

.pt18 {
  padding-top: 15%; }

.pl18 {
  padding-left: 15%; }

.pr18 {
  padding-right: 15%; }

.pb18 {
  padding-bottom: 15%; }

.p19 {
  padding: 15.83333%; }

.pt19 {
  padding-top: 15.83333%; }

.pl19 {
  padding-left: 15.83333%; }

.pr19 {
  padding-right: 15.83333%; }

.pb19 {
  padding-bottom: 15.83333%; }

.p20 {
  padding: 16.66667%; }

.pt20 {
  padding-top: 16.66667%; }

.pl20 {
  padding-left: 16.66667%; }

.pr20 {
  padding-right: 16.66667%; }

.pb20 {
  padding-bottom: 16.66667%; }

/* #endregion Margins & Padding*/
.pull-left {
  float: left; }

.pull-right {
  float: right; }

nav {
  border-bottom: 1px solid #bfbfbf;
  background-color: #f2f2f2; }

.nav-btn {
  border-left: 0px;
  border-right: 1px solid #bfbfbf;
  display: table;
  width: 100%;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
  min-width: 60px;
  text-align: center; }

.nav-btn.active {
  background: #d9d9d9; }

.nav-btn a, nav-btn input {
  vertical-align: middle;
  display: table-cell;
  text-decoration: none;
  color: inherit; }

.nav-btn:hover {
  background-color: #bfbfbf; }

.pull-right .col-60 .nav-btn {
  border-right: 0px;
  border-left: 1px solid #bfbfbf; }

.form {
  display: flex;
  align-items: center; }

.form-top {
  display: flex;
  align-items: flex-start; }

.form-bottom {
  display: flex;
  align-items: flex-end; }

.form-center {
  display: flex;
  align-items: center;
  justify-content: center; }

.form [class*=col] {
  display: flex;
  align-items: center; }

.form-vertical {
  display: flex;
  flex-direction: column !important; }

.form-v-left {
  align-items: start !important; }

.form-v-right {
  align-items: end !important; }

.form-h-right {
  justify-content: right !important; }

.form-h-left {
  justify-content: left !important; }

.form-h-center {
  justify-content: center !important; }

.text-center {
  text-align: center;
  justify-content: center; }

.text-vcenter {
  vertical-align: middle; }

.text-left {
  text-align: left;
  justify-content: left; }

.text-right {
  text-align: right;
  justify-content: right; }

.scroll-y {
  overflow-x: hidden;
  overflow-y: auto; }

.sticky {
  position: sticky;
  top: 0px;
  z-index: 500; }

.hidden {
  display: none; }

.invis {
  /*border: none !important;*/
  visibility: hidden; }

.center {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }

.danger {
  color: red; }

.goodaccent {
  color: green; }

.border-left {
  border-left: 2px solid #bfbfbf; }

.border-top {
  border-top: 2px solid #bfbfbf; }

.align-left {
  margin-right: auto; }

.align-right {
  margin-left: auto; }

.align-hcenter {
  margin-left: auto;
  margin-right: auto; }

.align-vcenter {
  margin-top: auto;
  margin-bottom: auto; }

.bold {
  font-weight: bold; }

.semibold {
  font-weight: 600; }

@media screen and (min-width: 0px) and (max-width: 800px) {
    .col-9 {
        width: 27.5%;
        min-width: 27.5%;
        max-width: 27.5%;
    }
    .col-10 {
        width: 36.667%;
        min-width: 36.667%;
        max-width: 36.667%;
    }
    .col-25 {
        width: 46%;
        min-width: 46%;
        max-width: 46%;
    }
    .col-26 {
        width: 36.667%;
        min-width: 36.667%;
        max-width: 36.667%;
    }
    .col-29 {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .col-30 {
        width: 15%;
        min-width: 15%;
        max-width: 15%;
    }
    .col-30-5 {
        width: 25%;
        min-width: 25%;
        max-width: 25%;
    }
    .col-35 {
        width: 80%;
        min-width: 80%;
        max-width: 80%;
    }
    .col-40 {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .col-51 {
        width: 76.5%;
        min-width: 76.5%;
        max-width: 76.5%;
    }
    .col-55 {
        width: 76.833%;
        min-width: 76.833%;
        max-width: 76.833%;
    }

    .col-56 {
        width: 80.667%;
        min-width: 80.667%;
        max-width: 80.667%;
    }
    .col-65 {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .marginBottom {
        margin-bottom:10px;
    }

    .mt06 {
        margin-top: 2.0%;
    }
    .mt3 {
        margin-top: 8.5%;
    }
    .mt4 {
        margin-top: 7.33333%;
    }
    .mobielShow {
        display: flex;
    }
    .mobielHide {
        display:none;
    }
    .informatieScherm {
        height: 98%;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin-top:20px;
    }
    .buttonWidth {
        width: 150px;
    }
    .stapButton {
        padding: 5px 5px;
    }

    .buttonAnnulerenDip {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin-top:10px;
        padding: 0;
    }
    .minEctsDiv {
        width: 80%;
        min-width: 80%;
        max-width: 80%;
    }

}

@media screen and (min-width: 801px) {
    .col-9 {
        width: 7.5%;
        min-width: 7.5%;
        max-width: 7.5%;
    }
    .col-10 {
        width: 8.33333%;
        min-width: 8.33333%;
        max-width: 8.33333%;
    }
    .col-25 {
        width: 20.83333%;
        min-width: 20.83333%;
        max-width: 20.83333%;
    }
    .col-26 {
        width: 21.66667%;
        min-width: 21.66667%;
        max-width: 21.66667%;
    }
    .col-29 {
        width: 24.16667%;
        min-width: 24.16667%;
        max-width: 24.16667%;
    }
    .col-30 {
        width: 25%;
        min-width: 25%;
        max-width: 25%;
    }
    .col-30-5 {
        width: 25%;
        min-width: 25%;
        max-width: 25%;
    }
    .col-35 {
        width: 29.16667%;
        min-width: 29.16667%;
        max-width: 29.16667%;
    }
    .col-40 {
        width: 33.33333%;
        min-width: 33.33333%;
        max-width: 33.33333%;
    }
    .col-51 {
        width: 42.5%;
        min-width: 42.5%;
        max-width: 42.5%;
    }
    .col-55 {
        width: 45.83333%;
        min-width: 45.83333%;
        max-width: 45.83333%;
    }
    .col-56 {
        width: 46.66667%;
        min-width: 46.66667%;
        max-width: 46.66667%;
    }
    .col-65 {
        width: 54.16667%;
        min-width: 54.16667%;
        max-width: 54.16667%;
    }
    .ml1 {
        margin-left: 0.83333%;
    }
    .mt06 {
        margin-top: 0.2%;
    }
    .mt3 {
        margin-top: 2.5%;
    }
    .mt4 {
        margin-top: 3.33333%;
    }
    .layoutNaamDisplay {
        margin-right: 7px;
        width: 100%;
        display: block;
        text-align: right;
    }
    .mobielShow {
        display:none;
    }
    .mobielHide {
        display: flex;
    }
    .informatieScherm {
        height: 98%;
        overflow-y: scroll;
        margin-left: 61px;
        width: 67.5%;
        min-width: 67.5%;
        max-width: 67.5%;
    }
    .buttonWidth {
        width: 210px;
    }
    .stapButton {
        padding: 5px 25px;
    }
    .buttonAnnulerenDip {
        width: 50%;
        min-width: 50%;
        max-width: 50%;
    }
    .minEctsDiv {
        width: 16.66667%;
        min-width: 16.66667%;
        max-width: 16.66667%;
    }
}