diff --git a/src/main/resources/static/css/animate.css b/src/main/resources/static/css/animate.css
deleted file mode 100755
index d18405406..000000000
--- a/src/main/resources/static/css/animate.css
+++ /dev/null
@@ -1,2373 +0,0 @@
-/*------------------------------------------------------------------
-    File Name: animate.css  
--------------------------------------------------------------------*/
-
-@charset "UTF-8";
-.animated {
-    -webkit-animation-duration: 1s;
-    animation-duration: 1s;
-    -webkit-animation-fill-mode: both;
-    animation-fill-mode: both;
-}
-.animated.hinge {
-    -webkit-animation-duration: 2s;
-    animation-duration: 2s;
-}
-@-webkit-keyframes bounce {
-    0%, 20%, 50%, 80%, 100% {
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-    40% {
-        -webkit-transform: translateY(-30px);
-        transform: translateY(-30px);
-    }
-    60% {
-        -webkit-transform: translateY(-15px);
-        transform: translateY(-15px);
-    }
-}
-@keyframes bounce {
-    0%, 20%, 50%, 80%, 100% {
-        -webkit-transform: translateY(0);
-        -ms-transform: translateY(0);
-        transform: translateY(0);
-    }
-    40% {
-        -webkit-transform: translateY(-30px);
-        -ms-transform: translateY(-30px);
-        transform: translateY(-30px);
-    }
-    60% {
-        -webkit-transform: translateY(-15px);
-        -ms-transform: translateY(-15px);
-        transform: translateY(-15px);
-    }
-}
-.bounce {
-    -webkit-animation-name: bounce;
-    animation-name: bounce;
-}
-@-webkit-keyframes flash {
-    0%, 50%, 100% {
-        opacity: 1;
-    }
-    25%,
-    75% {
-        opacity: 0;
-    }
-}
-@keyframes flash {
-    0%, 50%, 100% {
-        opacity: 1;
-    }
-    25%,
-    75% {
-        opacity: 0;
-    }
-}
-.flash {
-    -webkit-animation-name: flash;
-    animation-name: flash;
-}
-/*== originally authored by Nick Pettit - https://github.com/nickpettit/glide ==*/
-
-@-webkit-keyframes pulse {
-    0% {
-        -webkit-transform: scale(1);
-        transform: scale(1);
-    }
-    50% {
-        -webkit-transform: scale(1.1);
-        transform: scale(1.1);
-    }
-    100% {
-        -webkit-transform: scale(1);
-        transform: scale(1);
-    }
-}
-@keyframes pulse {
-    0% {
-        -webkit-transform: scale(1);
-        -ms-transform: scale(1);
-        transform: scale(1);
-    }
-    50% {
-        -webkit-transform: scale(1.1);
-        -ms-transform: scale(1.1);
-        transform: scale(1.1);
-    }
-    100% {
-        -webkit-transform: scale(1);
-        -ms-transform: scale(1);
-        transform: scale(1);
-    }
-}
-.pulse {
-    -webkit-animation-name: pulse;
-    animation-name: pulse;
-}
-@-webkit-keyframes shake {
-    0%, 100% {
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-    10%,
-    30%,
-    50%,
-    70%,
-    90% {
-        -webkit-transform: translateX(-10px);
-        transform: translateX(-10px);
-    }
-    20%,
-    40%,
-    60%,
-    80% {
-        -webkit-transform: translateX(10px);
-        transform: translateX(10px);
-    }
-}
-@keyframes shake {
-    0%, 100% {
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-    10%,
-    30%,
-    50%,
-    70%,
-    90% {
-        -webkit-transform: translateX(-10px);
-        -ms-transform: translateX(-10px);
-        transform: translateX(-10px);
-    }
-    20%,
-    40%,
-    60%,
-    80% {
-        -webkit-transform: translateX(10px);
-        -ms-transform: translateX(10px);
-        transform: translateX(10px);
-    }
-}
-.shake {
-    -webkit-animation-name: shake;
-    animation-name: shake;
-}
-@-webkit-keyframes swing {
-    20% {
-        -webkit-transform: rotate(15deg);
-        transform: rotate(15deg);
-    }
-    40% {
-        -webkit-transform: rotate(-10deg);
-        transform: rotate(-10deg);
-    }
-    60% {
-        -webkit-transform: rotate(5deg);
-        transform: rotate(5deg);
-    }
-    80% {
-        -webkit-transform: rotate(-5deg);
-        transform: rotate(-5deg);
-    }
-    100% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-}
-@keyframes swing {
-    20% {
-        -webkit-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-        transform: rotate(15deg);
-    }
-    40% {
-        -webkit-transform: rotate(-10deg);
-        -ms-transform: rotate(-10deg);
-        transform: rotate(-10deg);
-    }
-    60% {
-        -webkit-transform: rotate(5deg);
-        -ms-transform: rotate(5deg);
-        transform: rotate(5deg);
-    }
-    80% {
-        -webkit-transform: rotate(-5deg);
-        -ms-transform: rotate(-5deg);
-        transform: rotate(-5deg);
-    }
-    100% {
-        -webkit-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-}
-.swing {
-    -webkit-transform-origin: top center;
-    -ms-transform-origin: top center;
-    transform-origin: top center;
-    -webkit-animation-name: swing;
-    animation-name: swing;
-}
-@-webkit-keyframes tada {
-    0% {
-        -webkit-transform: scale(1);
-        transform: scale(1);
-    }
-    10%,
-    20% {
-        -webkit-transform: scale(0.9) rotate(-3deg);
-        transform: scale(0.9) rotate(-3deg);
-    }
-    30%,
-    50%,
-    70%,
-    90% {
-        -webkit-transform: scale(1.1) rotate(3deg);
-        transform: scale(1.1) rotate(3deg);
-    }
-    40%,
-    60%,
-    80% {
-        -webkit-transform: scale(1.1) rotate(-3deg);
-        transform: scale(1.1) rotate(-3deg);
-    }
-    100% {
-        -webkit-transform: scale(1) rotate(0);
-        transform: scale(1) rotate(0);
-    }
-}
-@keyframes tada {
-    0% {
-        -webkit-transform: scale(1);
-        -ms-transform: scale(1);
-        transform: scale(1);
-    }
-    10%,
-    20% {
-        -webkit-transform: scale(0.9) rotate(-3deg);
-        -ms-transform: scale(0.9) rotate(-3deg);
-        transform: scale(0.9) rotate(-3deg);
-    }
-    30%,
-    50%,
-    70%,
-    90% {
-        -webkit-transform: scale(1.1) rotate(3deg);
-        -ms-transform: scale(1.1) rotate(3deg);
-        transform: scale(1.1) rotate(3deg);
-    }
-    40%,
-    60%,
-    80% {
-        -webkit-transform: scale(1.1) rotate(-3deg);
-        -ms-transform: scale(1.1) rotate(-3deg);
-        transform: scale(1.1) rotate(-3deg);
-    }
-    100% {
-        -webkit-transform: scale(1) rotate(0);
-        -ms-transform: scale(1) rotate(0);
-        transform: scale(1) rotate(0);
-    }
-}
-.tada {
-    -webkit-animation-name: tada;
-    animation-name: tada;
-}
-/*== originally authored by Nick Pettit - https://github.com/nickpettit/glide ==*/
-
-@-webkit-keyframes wobble {
-    0% {
-        -webkit-transform: translateX(0%);
-        transform: translateX(0%);
-    }
-    15% {
-        -webkit-transform: translateX(-25%) rotate(-5deg);
-        transform: translateX(-25%) rotate(-5deg);
-    }
-    30% {
-        -webkit-transform: translateX(20%) rotate(3deg);
-        transform: translateX(20%) rotate(3deg);
-    }
-    45% {
-        -webkit-transform: translateX(-15%) rotate(-3deg);
-        transform: translateX(-15%) rotate(-3deg);
-    }
-    60% {
-        -webkit-transform: translateX(10%) rotate(2deg);
-        transform: translateX(10%) rotate(2deg);
-    }
-    75% {
-        -webkit-transform: translateX(-5%) rotate(-1deg);
-        transform: translateX(-5%) rotate(-1deg);
-    }
-    100% {
-        -webkit-transform: translateX(0%);
-        transform: translateX(0%);
-    }
-}
-@keyframes wobble {
-    0% {
-        -webkit-transform: translateX(0%);
-        -ms-transform: translateX(0%);
-        transform: translateX(0%);
-    }
-    15% {
-        -webkit-transform: translateX(-25%) rotate(-5deg);
-        -ms-transform: translateX(-25%) rotate(-5deg);
-        transform: translateX(-25%) rotate(-5deg);
-    }
-    30% {
-        -webkit-transform: translateX(20%) rotate(3deg);
-        -ms-transform: translateX(20%) rotate(3deg);
-        transform: translateX(20%) rotate(3deg);
-    }
-    45% {
-        -webkit-transform: translateX(-15%) rotate(-3deg);
-        -ms-transform: translateX(-15%) rotate(-3deg);
-        transform: translateX(-15%) rotate(-3deg);
-    }
-    60% {
-        -webkit-transform: translateX(10%) rotate(2deg);
-        -ms-transform: translateX(10%) rotate(2deg);
-        transform: translateX(10%) rotate(2deg);
-    }
-    75% {
-        -webkit-transform: translateX(-5%) rotate(-1deg);
-        -ms-transform: translateX(-5%) rotate(-1deg);
-        transform: translateX(-5%) rotate(-1deg);
-    }
-    100% {
-        -webkit-transform: translateX(0%);
-        -ms-transform: translateX(0%);
-        transform: translateX(0%);
-    }
-}
-.wobble {
-    -webkit-animation-name: wobble;
-    animation-name: wobble;
-}
-@-webkit-keyframes bounceIn {
-    0% {
-        opacity: 0;
-        -webkit-transform: scale(.3);
-        transform: scale(.3);
-    }
-    50% {
-        opacity: 1;
-        -webkit-transform: scale(1.05);
-        transform: scale(1.05);
-    }
-    70% {
-        -webkit-transform: scale(.9);
-        transform: scale(.9);
-    }
-    100% {
-        -webkit-transform: scale(1);
-        transform: scale(1);
-    }
-}
-@keyframes bounceIn {
-    0% {
-        opacity: 0;
-        -webkit-transform: scale(.3);
-        -ms-transform: scale(.3);
-        transform: scale(.3);
-    }
-    50% {
-        opacity: 1;
-        -webkit-transform: scale(1.05);
-        -ms-transform: scale(1.05);
-        transform: scale(1.05);
-    }
-    70% {
-        -webkit-transform: scale(.9);
-        -ms-transform: scale(.9);
-        transform: scale(.9);
-    }
-    100% {
-        -webkit-transform: scale(1);
-        -ms-transform: scale(1);
-        transform: scale(1);
-    }
-}
-.bounceIn {
-    -webkit-animation-name: bounceIn;
-    animation-name: bounceIn;
-}
-@-webkit-keyframes bounceInDown {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateY(-2000px);
-        transform: translateY(-2000px);
-    }
-    60% {
-        opacity: 1;
-        -webkit-transform: translateY(30px);
-        transform: translateY(30px);
-    }
-    80% {
-        -webkit-transform: translateY(-10px);
-        transform: translateY(-10px);
-    }
-    100% {
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-}
-@keyframes bounceInDown {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateY(-2000px);
-        -ms-transform: translateY(-2000px);
-        transform: translateY(-2000px);
-    }
-    60% {
-        opacity: 1;
-        -webkit-transform: translateY(30px);
-        -ms-transform: translateY(30px);
-        transform: translateY(30px);
-    }
-    80% {
-        -webkit-transform: translateY(-10px);
-        -ms-transform: translateY(-10px);
-        transform: translateY(-10px);
-    }
-    100% {
-        -webkit-transform: translateY(0);
-        -ms-transform: translateY(0);
-        transform: translateY(0);
-    }
-}
-.bounceInDown {
-    -webkit-animation-name: bounceInDown;
-    animation-name: bounceInDown;
-}
-@-webkit-keyframes bounceInLeft {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(-2000px);
-        transform: translateX(-2000px);
-    }
-    60% {
-        opacity: 1;
-        -webkit-transform: translateX(30px);
-        transform: translateX(30px);
-    }
-    80% {
-        -webkit-transform: translateX(-10px);
-        transform: translateX(-10px);
-    }
-    100% {
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-}
-@keyframes bounceInLeft {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(-2000px);
-        -ms-transform: translateX(-2000px);
-        transform: translateX(-2000px);
-    }
-    60% {
-        opacity: 1;
-        -webkit-transform: translateX(30px);
-        -ms-transform: translateX(30px);
-        transform: translateX(30px);
-    }
-    80% {
-        -webkit-transform: translateX(-10px);
-        -ms-transform: translateX(-10px);
-        transform: translateX(-10px);
-    }
-    100% {
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-}
-.bounceInLeft {
-    -webkit-animation-name: bounceInLeft;
-    animation-name: bounceInLeft;
-}
-@-webkit-keyframes bounceInRight {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(2000px);
-        transform: translateX(2000px);
-    }
-    60% {
-        opacity: 1;
-        -webkit-transform: translateX(-30px);
-        transform: translateX(-30px);
-    }
-    80% {
-        -webkit-transform: translateX(10px);
-        transform: translateX(10px);
-    }
-    100% {
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-}
-@keyframes bounceInRight {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(2000px);
-        -ms-transform: translateX(2000px);
-        transform: translateX(2000px);
-    }
-    60% {
-        opacity: 1;
-        -webkit-transform: translateX(-30px);
-        -ms-transform: translateX(-30px);
-        transform: translateX(-30px);
-    }
-    80% {
-        -webkit-transform: translateX(10px);
-        -ms-transform: translateX(10px);
-        transform: translateX(10px);
-    }
-    100% {
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-}
-.bounceInRight {
-    -webkit-animation-name: bounceInRight;
-    animation-name: bounceInRight;
-}
-@-webkit-keyframes bounceInUp {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateY(2000px);
-        transform: translateY(2000px);
-    }
-    60% {
-        opacity: 1;
-        -webkit-transform: translateY(-30px);
-        transform: translateY(-30px);
-    }
-    80% {
-        -webkit-transform: translateY(10px);
-        transform: translateY(10px);
-    }
-    100% {
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-}
-@keyframes bounceInUp {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateY(2000px);
-        -ms-transform: translateY(2000px);
-        transform: translateY(2000px);
-    }
-    60% {
-        opacity: 1;
-        -webkit-transform: translateY(-30px);
-        -ms-transform: translateY(-30px);
-        transform: translateY(-30px);
-    }
-    80% {
-        -webkit-transform: translateY(10px);
-        -ms-transform: translateY(10px);
-        transform: translateY(10px);
-    }
-    100% {
-        -webkit-transform: translateY(0);
-        -ms-transform: translateY(0);
-        transform: translateY(0);
-    }
-}
-.bounceInUp {
-    -webkit-animation-name: bounceInUp;
-    animation-name: bounceInUp;
-}
-@-webkit-keyframes bounceOut {
-    0% {
-        -webkit-transform: scale(1);
-        transform: scale(1);
-    }
-    25% {
-        -webkit-transform: scale(.95);
-        transform: scale(.95);
-    }
-    50% {
-        opacity: 1;
-        -webkit-transform: scale(1.1);
-        transform: scale(1.1);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: scale(.3);
-        transform: scale(.3);
-    }
-}
-@keyframes bounceOut {
-    0% {
-        -webkit-transform: scale(1);
-        -ms-transform: scale(1);
-        transform: scale(1);
-    }
-    25% {
-        -webkit-transform: scale(.95);
-        -ms-transform: scale(.95);
-        transform: scale(.95);
-    }
-    50% {
-        opacity: 1;
-        -webkit-transform: scale(1.1);
-        -ms-transform: scale(1.1);
-        transform: scale(1.1);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: scale(.3);
-        -ms-transform: scale(.3);
-        transform: scale(.3);
-    }
-}
-.bounceOut {
-    -webkit-animation-name: bounceOut;
-    animation-name: bounceOut;
-}
-@-webkit-keyframes bounceOutDown {
-    0% {
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-    20% {
-        opacity: 1;
-        -webkit-transform: translateY(-20px);
-        transform: translateY(-20px);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateY(2000px);
-        transform: translateY(2000px);
-    }
-}
-@keyframes bounceOutDown {
-    0% {
-        -webkit-transform: translateY(0);
-        -ms-transform: translateY(0);
-        transform: translateY(0);
-    }
-    20% {
-        opacity: 1;
-        -webkit-transform: translateY(-20px);
-        -ms-transform: translateY(-20px);
-        transform: translateY(-20px);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateY(2000px);
-        -ms-transform: translateY(2000px);
-        transform: translateY(2000px);
-    }
-}
-.bounceOutDown {
-    -webkit-animation-name: bounceOutDown;
-    animation-name: bounceOutDown;
-}
-@-webkit-keyframes bounceOutLeft {
-    0% {
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-    20% {
-        opacity: 1;
-        -webkit-transform: translateX(20px);
-        transform: translateX(20px);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(-2000px);
-        transform: translateX(-2000px);
-    }
-}
-@keyframes bounceOutLeft {
-    0% {
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-    20% {
-        opacity: 1;
-        -webkit-transform: translateX(20px);
-        -ms-transform: translateX(20px);
-        transform: translateX(20px);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(-2000px);
-        -ms-transform: translateX(-2000px);
-        transform: translateX(-2000px);
-    }
-}
-.bounceOutLeft {
-    -webkit-animation-name: bounceOutLeft;
-    animation-name: bounceOutLeft;
-}
-@-webkit-keyframes bounceOutRight {
-    0% {
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-    20% {
-        opacity: 1;
-        -webkit-transform: translateX(-20px);
-        transform: translateX(-20px);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(2000px);
-        transform: translateX(2000px);
-    }
-}
-@keyframes bounceOutRight {
-    0% {
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-    20% {
-        opacity: 1;
-        -webkit-transform: translateX(-20px);
-        -ms-transform: translateX(-20px);
-        transform: translateX(-20px);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(2000px);
-        -ms-transform: translateX(2000px);
-        transform: translateX(2000px);
-    }
-}
-.bounceOutRight {
-    -webkit-animation-name: bounceOutRight;
-    animation-name: bounceOutRight;
-}
-@-webkit-keyframes bounceOutUp {
-    0% {
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-    20% {
-        opacity: 1;
-        -webkit-transform: translateY(20px);
-        transform: translateY(20px);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateY(-2000px);
-        transform: translateY(-2000px);
-    }
-}
-@keyframes bounceOutUp {
-    0% {
-        -webkit-transform: translateY(0);
-        -ms-transform: translateY(0);
-        transform: translateY(0);
-    }
-    20% {
-        opacity: 1;
-        -webkit-transform: translateY(20px);
-        -ms-transform: translateY(20px);
-        transform: translateY(20px);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateY(-2000px);
-        -ms-transform: translateY(-2000px);
-        transform: translateY(-2000px);
-    }
-}
-.bounceOutUp {
-    -webkit-animation-name: bounceOutUp;
-    animation-name: bounceOutUp;
-}
-@-webkit-keyframes fadeIn {
-    0% {
-        opacity: 0;
-    }
-    100% {
-        opacity: 1;
-    }
-}
-@keyframes fadeIn {
-    0% {
-        opacity: 0;
-    }
-    100% {
-        opacity: 1;
-    }
-}
-.fadeIn {
-    -webkit-animation-name: fadeIn;
-    animation-name: fadeIn;
-}
-@-webkit-keyframes fadeInDown {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateY(-20px);
-        transform: translateY(-20px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-}
-@keyframes fadeInDown {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateY(-20px);
-        -ms-transform: translateY(-20px);
-        transform: translateY(-20px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        -ms-transform: translateY(0);
-        transform: translateY(0);
-    }
-}
-.fadeInDown {
-    -webkit-animation-name: fadeInDown;
-    animation-name: fadeInDown;
-}
-@-webkit-keyframes fadeInDownBig {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateY(-2000px);
-        transform: translateY(-2000px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-}
-@keyframes fadeInDownBig {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateY(-2000px);
-        -ms-transform: translateY(-2000px);
-        transform: translateY(-2000px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        -ms-transform: translateY(0);
-        transform: translateY(0);
-    }
-}
-.fadeInDownBig {
-    -webkit-animation-name: fadeInDownBig;
-    animation-name: fadeInDownBig;
-}
-@-webkit-keyframes fadeInLeft {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(-20px);
-        transform: translateX(-20px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-}
-@keyframes fadeInLeft {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(-20px);
-        -ms-transform: translateX(-20px);
-        transform: translateX(-20px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-}
-.fadeInLeft {
-    -webkit-animation-name: fadeInLeft;
-    animation-name: fadeInLeft;
-}
-@-webkit-keyframes fadeInLeftBig {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(-2000px);
-        transform: translateX(-2000px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-}
-@keyframes fadeInLeftBig {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(-2000px);
-        -ms-transform: translateX(-2000px);
-        transform: translateX(-2000px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-}
-.fadeInLeftBig {
-    -webkit-animation-name: fadeInLeftBig;
-    animation-name: fadeInLeftBig;
-}
-@-webkit-keyframes fadeInRight {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(20px);
-        transform: translateX(20px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-}
-@keyframes fadeInRight {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(20px);
-        -ms-transform: translateX(20px);
-        transform: translateX(20px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-}
-.fadeInRight {
-    -webkit-animation-name: fadeInRight;
-    animation-name: fadeInRight;
-}
-@-webkit-keyframes fadeInRightBig {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(2000px);
-        transform: translateX(2000px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-}
-@keyframes fadeInRightBig {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(2000px);
-        -ms-transform: translateX(2000px);
-        transform: translateX(2000px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-}
-.fadeInRightBig {
-    -webkit-animation-name: fadeInRightBig;
-    animation-name: fadeInRightBig;
-}
-@-webkit-keyframes fadeInUp {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateY(20px);
-        transform: translateY(20px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-}
-@keyframes fadeInUp {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateY(20px);
-        -ms-transform: translateY(20px);
-        transform: translateY(20px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        -ms-transform: translateY(0);
-        transform: translateY(0);
-    }
-}
-.fadeInUp {
-    -webkit-animation-name: fadeInUp;
-    animation-name: fadeInUp;
-}
-@-webkit-keyframes fadeInUpBig {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateY(2000px);
-        transform: translateY(2000px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-}
-@keyframes fadeInUpBig {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateY(2000px);
-        -ms-transform: translateY(2000px);
-        transform: translateY(2000px);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        -ms-transform: translateY(0);
-        transform: translateY(0);
-    }
-}
-.fadeInUpBig {
-    -webkit-animation-name: fadeInUpBig;
-    animation-name: fadeInUpBig;
-}
-@-webkit-keyframes fadeOut {
-    0% {
-        opacity: 1;
-    }
-    100% {
-        opacity: 0;
-    }
-}
-@keyframes fadeOut {
-    0% {
-        opacity: 1;
-    }
-    100% {
-        opacity: 0;
-    }
-}
-.fadeOut {
-    -webkit-animation-name: fadeOut;
-    animation-name: fadeOut;
-}
-@-webkit-keyframes fadeOutDown {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateY(20px);
-        transform: translateY(20px);
-    }
-}
-@keyframes fadeOutDown {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        -ms-transform: translateY(0);
-        transform: translateY(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateY(20px);
-        -ms-transform: translateY(20px);
-        transform: translateY(20px);
-    }
-}
-.fadeOutDown {
-    -webkit-animation-name: fadeOutDown;
-    animation-name: fadeOutDown;
-}
-@-webkit-keyframes fadeOutDownBig {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateY(2000px);
-        transform: translateY(2000px);
-    }
-}
-@keyframes fadeOutDownBig {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        -ms-transform: translateY(0);
-        transform: translateY(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateY(2000px);
-        -ms-transform: translateY(2000px);
-        transform: translateY(2000px);
-    }
-}
-.fadeOutDownBig {
-    -webkit-animation-name: fadeOutDownBig;
-    animation-name: fadeOutDownBig;
-}
-@-webkit-keyframes fadeOutLeft {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(-20px);
-        transform: translateX(-20px);
-    }
-}
-@keyframes fadeOutLeft {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(-20px);
-        -ms-transform: translateX(-20px);
-        transform: translateX(-20px);
-    }
-}
-.fadeOutLeft {
-    -webkit-animation-name: fadeOutLeft;
-    animation-name: fadeOutLeft;
-}
-@-webkit-keyframes fadeOutLeftBig {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(-2000px);
-        transform: translateX(-2000px);
-    }
-}
-@keyframes fadeOutLeftBig {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(-2000px);
-        -ms-transform: translateX(-2000px);
-        transform: translateX(-2000px);
-    }
-}
-.fadeOutLeftBig {
-    -webkit-animation-name: fadeOutLeftBig;
-    animation-name: fadeOutLeftBig;
-}
-@-webkit-keyframes fadeOutRight {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(20px);
-        transform: translateX(20px);
-    }
-}
-@keyframes fadeOutRight {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(20px);
-        -ms-transform: translateX(20px);
-        transform: translateX(20px);
-    }
-}
-.fadeOutRight {
-    -webkit-animation-name: fadeOutRight;
-    animation-name: fadeOutRight;
-}
-@-webkit-keyframes fadeOutRightBig {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(2000px);
-        transform: translateX(2000px);
-    }
-}
-@keyframes fadeOutRightBig {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(2000px);
-        -ms-transform: translateX(2000px);
-        transform: translateX(2000px);
-    }
-}
-.fadeOutRightBig {
-    -webkit-animation-name: fadeOutRightBig;
-    animation-name: fadeOutRightBig;
-}
-@-webkit-keyframes fadeOutUp {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateY(-20px);
-        transform: translateY(-20px);
-    }
-}
-@keyframes fadeOutUp {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        -ms-transform: translateY(0);
-        transform: translateY(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateY(-20px);
-        -ms-transform: translateY(-20px);
-        transform: translateY(-20px);
-    }
-}
-.fadeOutUp {
-    -webkit-animation-name: fadeOutUp;
-    animation-name: fadeOutUp;
-}
-@-webkit-keyframes fadeOutUpBig {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateY(-2000px);
-        transform: translateY(-2000px);
-    }
-}
-@keyframes fadeOutUpBig {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        -ms-transform: translateY(0);
-        transform: translateY(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateY(-2000px);
-        -ms-transform: translateY(-2000px);
-        transform: translateY(-2000px);
-    }
-}
-.fadeOutUpBig {
-    -webkit-animation-name: fadeOutUpBig;
-    animation-name: fadeOutUpBig;
-}
-@-webkit-keyframes flip {
-    0% {
-        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-        -webkit-animation-timing-function: ease-out;
-        animation-timing-function: ease-out;
-    }
-    40% {
-        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-        -webkit-animation-timing-function: ease-out;
-        animation-timing-function: ease-out;
-    }
-    50% {
-        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-        -webkit-animation-timing-function: ease-in;
-        animation-timing-function: ease-in;
-    }
-    80% {
-        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-        -webkit-animation-timing-function: ease-in;
-        animation-timing-function: ease-in;
-    }
-    100% {
-        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-        -webkit-animation-timing-function: ease-in;
-        animation-timing-function: ease-in;
-    }
-}
-@keyframes flip {
-    0% {
-        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-        -webkit-animation-timing-function: ease-out;
-        animation-timing-function: ease-out;
-    }
-    40% {
-        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-        -webkit-animation-timing-function: ease-out;
-        animation-timing-function: ease-out;
-    }
-    50% {
-        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-        -webkit-animation-timing-function: ease-in;
-        animation-timing-function: ease-in;
-    }
-    80% {
-        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-        -webkit-animation-timing-function: ease-in;
-        animation-timing-function: ease-in;
-    }
-    100% {
-        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-        -webkit-animation-timing-function: ease-in;
-        animation-timing-function: ease-in;
-    }
-}
-.animated.flip {
-    -webkit-backface-visibility: visible;
-    -ms-backface-visibility: visible;
-    backface-visibility: visible;
-    -webkit-animation-name: flip;
-    animation-name: flip;
-}
-@-webkit-keyframes flipInX {
-    0% {
-        -webkit-transform: perspective(400px) rotateX(90deg);
-        transform: perspective(400px) rotateX(90deg);
-        opacity: 0;
-    }
-    40% {
-        -webkit-transform: perspective(400px) rotateX(-10deg);
-        transform: perspective(400px) rotateX(-10deg);
-    }
-    70% {
-        -webkit-transform: perspective(400px) rotateX(10deg);
-        transform: perspective(400px) rotateX(10deg);
-    }
-    100% {
-        -webkit-transform: perspective(400px) rotateX(0deg);
-        transform: perspective(400px) rotateX(0deg);
-        opacity: 1;
-    }
-}
-@keyframes flipInX {
-    0% {
-        -webkit-transform: perspective(400px) rotateX(90deg);
-        -ms-transform: perspective(400px) rotateX(90deg);
-        transform: perspective(400px) rotateX(90deg);
-        opacity: 0;
-    }
-    40% {
-        -webkit-transform: perspective(400px) rotateX(-10deg);
-        -ms-transform: perspective(400px) rotateX(-10deg);
-        transform: perspective(400px) rotateX(-10deg);
-    }
-    70% {
-        -webkit-transform: perspective(400px) rotateX(10deg);
-        -ms-transform: perspective(400px) rotateX(10deg);
-        transform: perspective(400px) rotateX(10deg);
-    }
-    100% {
-        -webkit-transform: perspective(400px) rotateX(0deg);
-        -ms-transform: perspective(400px) rotateX(0deg);
-        transform: perspective(400px) rotateX(0deg);
-        opacity: 1;
-    }
-}
-.flipInX {
-    -webkit-backface-visibility: visible !important;
-    -ms-backface-visibility: visible !important;
-    backface-visibility: visible !important;
-    -webkit-animation-name: flipInX;
-    animation-name: flipInX;
-}
-@-webkit-keyframes flipInY {
-    0% {
-        -webkit-transform: perspective(400px) rotateY(90deg);
-        transform: perspective(400px) rotateY(90deg);
-        opacity: 0;
-    }
-    40% {
-        -webkit-transform: perspective(400px) rotateY(-10deg);
-        transform: perspective(400px) rotateY(-10deg);
-    }
-    70% {
-        -webkit-transform: perspective(400px) rotateY(10deg);
-        transform: perspective(400px) rotateY(10deg);
-    }
-    100% {
-        -webkit-transform: perspective(400px) rotateY(0deg);
-        transform: perspective(400px) rotateY(0deg);
-        opacity: 1;
-    }
-}
-@keyframes flipInY {
-    0% {
-        -webkit-transform: perspective(400px) rotateY(90deg);
-        -ms-transform: perspective(400px) rotateY(90deg);
-        transform: perspective(400px) rotateY(90deg);
-        opacity: 0;
-    }
-    40% {
-        -webkit-transform: perspective(400px) rotateY(-10deg);
-        -ms-transform: perspective(400px) rotateY(-10deg);
-        transform: perspective(400px) rotateY(-10deg);
-    }
-    70% {
-        -webkit-transform: perspective(400px) rotateY(10deg);
-        -ms-transform: perspective(400px) rotateY(10deg);
-        transform: perspective(400px) rotateY(10deg);
-    }
-    100% {
-        -webkit-transform: perspective(400px) rotateY(0deg);
-        -ms-transform: perspective(400px) rotateY(0deg);
-        transform: perspective(400px) rotateY(0deg);
-        opacity: 1;
-    }
-}
-.flipInY {
-    -webkit-backface-visibility: visible !important;
-    -ms-backface-visibility: visible !important;
-    backface-visibility: visible !important;
-    -webkit-animation-name: flipInY;
-    animation-name: flipInY;
-}
-@-webkit-keyframes flipOutX {
-    0% {
-        -webkit-transform: perspective(400px) rotateX(0deg);
-        transform: perspective(400px) rotateX(0deg);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform: perspective(400px) rotateX(90deg);
-        transform: perspective(400px) rotateX(90deg);
-        opacity: 0;
-    }
-}
-@keyframes flipOutX {
-    0% {
-        -webkit-transform: perspective(400px) rotateX(0deg);
-        -ms-transform: perspective(400px) rotateX(0deg);
-        transform: perspective(400px) rotateX(0deg);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform: perspective(400px) rotateX(90deg);
-        -ms-transform: perspective(400px) rotateX(90deg);
-        transform: perspective(400px) rotateX(90deg);
-        opacity: 0;
-    }
-}
-.flipOutX {
-    -webkit-animation-name: flipOutX;
-    animation-name: flipOutX;
-    -webkit-backface-visibility: visible !important;
-    -ms-backface-visibility: visible !important;
-    backface-visibility: visible !important;
-}
-@-webkit-keyframes flipOutY {
-    0% {
-        -webkit-transform: perspective(400px) rotateY(0deg);
-        transform: perspective(400px) rotateY(0deg);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform: perspective(400px) rotateY(90deg);
-        transform: perspective(400px) rotateY(90deg);
-        opacity: 0;
-    }
-}
-@keyframes flipOutY {
-    0% {
-        -webkit-transform: perspective(400px) rotateY(0deg);
-        -ms-transform: perspective(400px) rotateY(0deg);
-        transform: perspective(400px) rotateY(0deg);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform: perspective(400px) rotateY(90deg);
-        -ms-transform: perspective(400px) rotateY(90deg);
-        transform: perspective(400px) rotateY(90deg);
-        opacity: 0;
-    }
-}
-.flipOutY {
-    -webkit-backface-visibility: visible !important;
-    -ms-backface-visibility: visible !important;
-    backface-visibility: visible !important;
-    -webkit-animation-name: flipOutY;
-    animation-name: flipOutY;
-}
-@-webkit-keyframes lightSpeedIn {
-    0% {
-        -webkit-transform: translateX(100%) skewX(-30deg);
-        transform: translateX(100%) skewX(-30deg);
-        opacity: 0;
-    }
-    60% {
-        -webkit-transform: translateX(-20%) skewX(30deg);
-        transform: translateX(-20%) skewX(30deg);
-        opacity: 1;
-    }
-    80% {
-        -webkit-transform: translateX(0%) skewX(-15deg);
-        transform: translateX(0%) skewX(-15deg);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform: translateX(0%) skewX(0deg);
-        transform: translateX(0%) skewX(0deg);
-        opacity: 1;
-    }
-}
-@keyframes lightSpeedIn {
-    0% {
-        -webkit-transform: translateX(100%) skewX(-30deg);
-        -ms-transform: translateX(100%) skewX(-30deg);
-        transform: translateX(100%) skewX(-30deg);
-        opacity: 0;
-    }
-    60% {
-        -webkit-transform: translateX(-20%) skewX(30deg);
-        -ms-transform: translateX(-20%) skewX(30deg);
-        transform: translateX(-20%) skewX(30deg);
-        opacity: 1;
-    }
-    80% {
-        -webkit-transform: translateX(0%) skewX(-15deg);
-        -ms-transform: translateX(0%) skewX(-15deg);
-        transform: translateX(0%) skewX(-15deg);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform: translateX(0%) skewX(0deg);
-        -ms-transform: translateX(0%) skewX(0deg);
-        transform: translateX(0%) skewX(0deg);
-        opacity: 1;
-    }
-}
-.lightSpeedIn {
-    -webkit-animation-name: lightSpeedIn;
-    animation-name: lightSpeedIn;
-    -webkit-animation-timing-function: ease-out;
-    animation-timing-function: ease-out;
-}
-@-webkit-keyframes lightSpeedOut {
-    0% {
-        -webkit-transform: translateX(0%) skewX(0deg);
-        transform: translateX(0%) skewX(0deg);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform: translateX(100%) skewX(-30deg);
-        transform: translateX(100%) skewX(-30deg);
-        opacity: 0;
-    }
-}
-@keyframes lightSpeedOut {
-    0% {
-        -webkit-transform: translateX(0%) skewX(0deg);
-        -ms-transform: translateX(0%) skewX(0deg);
-        transform: translateX(0%) skewX(0deg);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform: translateX(100%) skewX(-30deg);
-        -ms-transform: translateX(100%) skewX(-30deg);
-        transform: translateX(100%) skewX(-30deg);
-        opacity: 0;
-    }
-}
-.lightSpeedOut {
-    -webkit-animation-name: lightSpeedOut;
-    animation-name: lightSpeedOut;
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-}
-@-webkit-keyframes rotateIn {
-    0% {
-        -webkit-transform-origin: center center;
-        transform-origin: center center;
-        -webkit-transform: rotate(-200deg);
-        transform: rotate(-200deg);
-        opacity: 0;
-    }
-    100% {
-        -webkit-transform-origin: center center;
-        transform-origin: center center;
-        -webkit-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-}
-@keyframes rotateIn {
-    0% {
-        -webkit-transform-origin: center center;
-        -ms-transform-origin: center center;
-        transform-origin: center center;
-        -webkit-transform: rotate(-200deg);
-        -ms-transform: rotate(-200deg);
-        transform: rotate(-200deg);
-        opacity: 0;
-    }
-    100% {
-        -webkit-transform-origin: center center;
-        -ms-transform-origin: center center;
-        transform-origin: center center;
-        -webkit-transform: rotate(0);
-        -ms-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-}
-.rotateIn {
-    -webkit-animation-name: rotateIn;
-    animation-name: rotateIn;
-}
-@-webkit-keyframes rotateInDownLeft {
-    0% {
-        -webkit-transform-origin: left bottom;
-        transform-origin: left bottom;
-        -webkit-transform: rotate(-90deg);
-        transform: rotate(-90deg);
-        opacity: 0;
-    }
-    100% {
-        -webkit-transform-origin: left bottom;
-        transform-origin: left bottom;
-        -webkit-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-}
-@keyframes rotateInDownLeft {
-    0% {
-        -webkit-transform-origin: left bottom;
-        -ms-transform-origin: left bottom;
-        transform-origin: left bottom;
-        -webkit-transform: rotate(-90deg);
-        -ms-transform: rotate(-90deg);
-        transform: rotate(-90deg);
-        opacity: 0;
-    }
-    100% {
-        -webkit-transform-origin: left bottom;
-        -ms-transform-origin: left bottom;
-        transform-origin: left bottom;
-        -webkit-transform: rotate(0);
-        -ms-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-}
-.rotateInDownLeft {
-    -webkit-animation-name: rotateInDownLeft;
-    animation-name: rotateInDownLeft;
-}
-@-webkit-keyframes rotateInDownRight {
-    0% {
-        -webkit-transform-origin: right bottom;
-        transform-origin: right bottom;
-        -webkit-transform: rotate(90deg);
-        transform: rotate(90deg);
-        opacity: 0;
-    }
-    100% {
-        -webkit-transform-origin: right bottom;
-        transform-origin: right bottom;
-        -webkit-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-}
-@keyframes rotateInDownRight {
-    0% {
-        -webkit-transform-origin: right bottom;
-        -ms-transform-origin: right bottom;
-        transform-origin: right bottom;
-        -webkit-transform: rotate(90deg);
-        -ms-transform: rotate(90deg);
-        transform: rotate(90deg);
-        opacity: 0;
-    }
-    100% {
-        -webkit-transform-origin: right bottom;
-        -ms-transform-origin: right bottom;
-        transform-origin: right bottom;
-        -webkit-transform: rotate(0);
-        -ms-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-}
-.rotateInDownRight {
-    -webkit-animation-name: rotateInDownRight;
-    animation-name: rotateInDownRight;
-}
-@-webkit-keyframes rotateInUpLeft {
-    0% {
-        -webkit-transform-origin: left bottom;
-        transform-origin: left bottom;
-        -webkit-transform: rotate(90deg);
-        transform: rotate(90deg);
-        opacity: 0;
-    }
-    100% {
-        -webkit-transform-origin: left bottom;
-        transform-origin: left bottom;
-        -webkit-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-}
-@keyframes rotateInUpLeft {
-    0% {
-        -webkit-transform-origin: left bottom;
-        -ms-transform-origin: left bottom;
-        transform-origin: left bottom;
-        -webkit-transform: rotate(90deg);
-        -ms-transform: rotate(90deg);
-        transform: rotate(90deg);
-        opacity: 0;
-    }
-    100% {
-        -webkit-transform-origin: left bottom;
-        -ms-transform-origin: left bottom;
-        transform-origin: left bottom;
-        -webkit-transform: rotate(0);
-        -ms-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-}
-.rotateInUpLeft {
-    -webkit-animation-name: rotateInUpLeft;
-    animation-name: rotateInUpLeft;
-}
-@-webkit-keyframes rotateInUpRight {
-    0% {
-        -webkit-transform-origin: right bottom;
-        transform-origin: right bottom;
-        -webkit-transform: rotate(-90deg);
-        transform: rotate(-90deg);
-        opacity: 0;
-    }
-    100% {
-        -webkit-transform-origin: right bottom;
-        transform-origin: right bottom;
-        -webkit-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-}
-@keyframes rotateInUpRight {
-    0% {
-        -webkit-transform-origin: right bottom;
-        -ms-transform-origin: right bottom;
-        transform-origin: right bottom;
-        -webkit-transform: rotate(-90deg);
-        -ms-transform: rotate(-90deg);
-        transform: rotate(-90deg);
-        opacity: 0;
-    }
-    100% {
-        -webkit-transform-origin: right bottom;
-        -ms-transform-origin: right bottom;
-        transform-origin: right bottom;
-        -webkit-transform: rotate(0);
-        -ms-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-}
-.rotateInUpRight {
-    -webkit-animation-name: rotateInUpRight;
-    animation-name: rotateInUpRight;
-}
-@-webkit-keyframes rotateOut {
-    0% {
-        -webkit-transform-origin: center center;
-        transform-origin: center center;
-        -webkit-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform-origin: center center;
-        transform-origin: center center;
-        -webkit-transform: rotate(200deg);
-        transform: rotate(200deg);
-        opacity: 0;
-    }
-}
-@keyframes rotateOut {
-    0% {
-        -webkit-transform-origin: center center;
-        -ms-transform-origin: center center;
-        transform-origin: center center;
-        -webkit-transform: rotate(0);
-        -ms-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform-origin: center center;
-        -ms-transform-origin: center center;
-        transform-origin: center center;
-        -webkit-transform: rotate(200deg);
-        -ms-transform: rotate(200deg);
-        transform: rotate(200deg);
-        opacity: 0;
-    }
-}
-.rotateOut {
-    -webkit-animation-name: rotateOut;
-    animation-name: rotateOut;
-}
-@-webkit-keyframes rotateOutDownLeft {
-    0% {
-        -webkit-transform-origin: left bottom;
-        transform-origin: left bottom;
-        -webkit-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform-origin: left bottom;
-        transform-origin: left bottom;
-        -webkit-transform: rotate(90deg);
-        transform: rotate(90deg);
-        opacity: 0;
-    }
-}
-@keyframes rotateOutDownLeft {
-    0% {
-        -webkit-transform-origin: left bottom;
-        -ms-transform-origin: left bottom;
-        transform-origin: left bottom;
-        -webkit-transform: rotate(0);
-        -ms-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform-origin: left bottom;
-        -ms-transform-origin: left bottom;
-        transform-origin: left bottom;
-        -webkit-transform: rotate(90deg);
-        -ms-transform: rotate(90deg);
-        transform: rotate(90deg);
-        opacity: 0;
-    }
-}
-.rotateOutDownLeft {
-    -webkit-animation-name: rotateOutDownLeft;
-    animation-name: rotateOutDownLeft;
-}
-@-webkit-keyframes rotateOutDownRight {
-    0% {
-        -webkit-transform-origin: right bottom;
-        transform-origin: right bottom;
-        -webkit-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform-origin: right bottom;
-        transform-origin: right bottom;
-        -webkit-transform: rotate(-90deg);
-        transform: rotate(-90deg);
-        opacity: 0;
-    }
-}
-@keyframes rotateOutDownRight {
-    0% {
-        -webkit-transform-origin: right bottom;
-        -ms-transform-origin: right bottom;
-        transform-origin: right bottom;
-        -webkit-transform: rotate(0);
-        -ms-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform-origin: right bottom;
-        -ms-transform-origin: right bottom;
-        transform-origin: right bottom;
-        -webkit-transform: rotate(-90deg);
-        -ms-transform: rotate(-90deg);
-        transform: rotate(-90deg);
-        opacity: 0;
-    }
-}
-.rotateOutDownRight {
-    -webkit-animation-name: rotateOutDownRight;
-    animation-name: rotateOutDownRight;
-}
-@-webkit-keyframes rotateOutUpLeft {
-    0% {
-        -webkit-transform-origin: left bottom;
-        transform-origin: left bottom;
-        -webkit-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform-origin: left bottom;
-        transform-origin: left bottom;
-        -webkit-transform: rotate(-90deg);
-        transform: rotate(-90deg);
-        opacity: 0;
-    }
-}
-@keyframes rotateOutUpLeft {
-    0% {
-        -webkit-transform-origin: left bottom;
-        -ms-transform-origin: left bottom;
-        transform-origin: left bottom;
-        -webkit-transform: rotate(0);
-        -ms-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform-origin: left bottom;
-        -ms-transform-origin: left bottom;
-        transform-origin: left bottom;
-        -webkit-transform: rotate(-90deg);
-        -ms-transform: rotate(-90deg);
-        transform: rotate(-90deg);
-        opacity: 0;
-    }
-}
-.rotateOutUpLeft {
-    -webkit-animation-name: rotateOutUpLeft;
-    animation-name: rotateOutUpLeft;
-}
-@-webkit-keyframes rotateOutUpRight {
-    0% {
-        -webkit-transform-origin: right bottom;
-        transform-origin: right bottom;
-        -webkit-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform-origin: right bottom;
-        transform-origin: right bottom;
-        -webkit-transform: rotate(90deg);
-        transform: rotate(90deg);
-        opacity: 0;
-    }
-}
-@keyframes rotateOutUpRight {
-    0% {
-        -webkit-transform-origin: right bottom;
-        -ms-transform-origin: right bottom;
-        transform-origin: right bottom;
-        -webkit-transform: rotate(0);
-        -ms-transform: rotate(0);
-        transform: rotate(0);
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform-origin: right bottom;
-        -ms-transform-origin: right bottom;
-        transform-origin: right bottom;
-        -webkit-transform: rotate(90deg);
-        -ms-transform: rotate(90deg);
-        transform: rotate(90deg);
-        opacity: 0;
-    }
-}
-.rotateOutUpRight {
-    -webkit-animation-name: rotateOutUpRight;
-    animation-name: rotateOutUpRight;
-}
-@-webkit-keyframes slideInDown {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateY(-2000px);
-        transform: translateY(-2000px);
-    }
-    100% {
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-}
-@keyframes slideInDown {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateY(-2000px);
-        -ms-transform: translateY(-2000px);
-        transform: translateY(-2000px);
-    }
-    100% {
-        -webkit-transform: translateY(0);
-        -ms-transform: translateY(0);
-        transform: translateY(0);
-    }
-}
-.slideInDown {
-    -webkit-animation-name: slideInDown;
-    animation-name: slideInDown;
-}
-@-webkit-keyframes slideInLeft {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(-2000px);
-        transform: translateX(-2000px);
-    }
-    100% {
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-}
-@keyframes slideInLeft {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(-2000px);
-        -ms-transform: translateX(-2000px);
-        transform: translateX(-2000px);
-    }
-    100% {
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-}
-.slideInLeft {
-    -webkit-animation-name: slideInLeft;
-    animation-name: slideInLeft;
-}
-@-webkit-keyframes slideInRight {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(2000px);
-        transform: translateX(2000px);
-    }
-    100% {
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-}
-@keyframes slideInRight {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(2000px);
-        -ms-transform: translateX(2000px);
-        transform: translateX(2000px);
-    }
-    100% {
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-}
-.slideInRight {
-    -webkit-animation-name: slideInRight;
-    animation-name: slideInRight;
-}
-@-webkit-keyframes slideOutLeft {
-    0% {
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(-2000px);
-        transform: translateX(-2000px);
-    }
-}
-@keyframes slideOutLeft {
-    0% {
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(-2000px);
-        -ms-transform: translateX(-2000px);
-        transform: translateX(-2000px);
-    }
-}
-.slideOutLeft {
-    -webkit-animation-name: slideOutLeft;
-    animation-name: slideOutLeft;
-}
-@-webkit-keyframes slideOutRight {
-    0% {
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(2000px);
-        transform: translateX(2000px);
-    }
-}
-@keyframes slideOutRight {
-    0% {
-        -webkit-transform: translateX(0);
-        -ms-transform: translateX(0);
-        transform: translateX(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(2000px);
-        -ms-transform: translateX(2000px);
-        transform: translateX(2000px);
-    }
-}
-.slideOutRight {
-    -webkit-animation-name: slideOutRight;
-    animation-name: slideOutRight;
-}
-@-webkit-keyframes slideOutUp {
-    0% {
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateY(-2000px);
-        transform: translateY(-2000px);
-    }
-}
-@keyframes slideOutUp {
-    0% {
-        -webkit-transform: translateY(0);
-        -ms-transform: translateY(0);
-        transform: translateY(0);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateY(-2000px);
-        -ms-transform: translateY(-2000px);
-        transform: translateY(-2000px);
-    }
-}
-.slideOutUp {
-    -webkit-animation-name: slideOutUp;
-    animation-name: slideOutUp;
-}
-@-webkit-keyframes hinge {
-    0% {
-        -webkit-transform: rotate(0);
-        transform: rotate(0);
-        -webkit-transform-origin: top left;
-        transform-origin: top left;
-        -webkit-animation-timing-function: ease-in-out;
-        animation-timing-function: ease-in-out;
-    }
-    20%,
-    60% {
-        -webkit-transform: rotate(80deg);
-        transform: rotate(80deg);
-        -webkit-transform-origin: top left;
-        transform-origin: top left;
-        -webkit-animation-timing-function: ease-in-out;
-        animation-timing-function: ease-in-out;
-    }
-    40% {
-        -webkit-transform: rotate(60deg);
-        transform: rotate(60deg);
-        -webkit-transform-origin: top left;
-        transform-origin: top left;
-        -webkit-animation-timing-function: ease-in-out;
-        animation-timing-function: ease-in-out;
-    }
-    80% {
-        -webkit-transform: rotate(60deg) translateY(0);
-        transform: rotate(60deg) translateY(0);
-        opacity: 1;
-        -webkit-transform-origin: top left;
-        transform-origin: top left;
-        -webkit-animation-timing-function: ease-in-out;
-        animation-timing-function: ease-in-out;
-    }
-    100% {
-        -webkit-transform: translateY(700px);
-        transform: translateY(700px);
-        opacity: 0;
-    }
-}
-@keyframes hinge {
-    0% {
-        -webkit-transform: rotate(0);
-        -ms-transform: rotate(0);
-        transform: rotate(0);
-        -webkit-transform-origin: top left;
-        -ms-transform-origin: top left;
-        transform-origin: top left;
-        -webkit-animation-timing-function: ease-in-out;
-        animation-timing-function: ease-in-out;
-    }
-    20%,
-    60% {
-        -webkit-transform: rotate(80deg);
-        -ms-transform: rotate(80deg);
-        transform: rotate(80deg);
-        -webkit-transform-origin: top left;
-        -ms-transform-origin: top left;
-        transform-origin: top left;
-        -webkit-animation-timing-function: ease-in-out;
-        animation-timing-function: ease-in-out;
-    }
-    40% {
-        -webkit-transform: rotate(60deg);
-        -ms-transform: rotate(60deg);
-        transform: rotate(60deg);
-        -webkit-transform-origin: top left;
-        -ms-transform-origin: top left;
-        transform-origin: top left;
-        -webkit-animation-timing-function: ease-in-out;
-        animation-timing-function: ease-in-out;
-    }
-    80% {
-        -webkit-transform: rotate(60deg) translateY(0);
-        -ms-transform: rotate(60deg) translateY(0);
-        transform: rotate(60deg) translateY(0);
-        opacity: 1;
-        -webkit-transform-origin: top left;
-        -ms-transform-origin: top left;
-        transform-origin: top left;
-        -webkit-animation-timing-function: ease-in-out;
-        animation-timing-function: ease-in-out;
-    }
-    100% {
-        -webkit-transform: translateY(700px);
-        -ms-transform: translateY(700px);
-        transform: translateY(700px);
-        opacity: 0;
-    }
-}
-.hinge {
-    -webkit-animation-name: hinge;
-    animation-name: hinge;
-}
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-
-@-webkit-keyframes rollIn {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(-100%) rotate(-120deg);
-        transform: translateX(-100%) rotate(-120deg);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateX(0px) rotate(0deg);
-        transform: translateX(0px) rotate(0deg);
-    }
-}
-@keyframes rollIn {
-    0% {
-        opacity: 0;
-        -webkit-transform: translateX(-100%) rotate(-120deg);
-        -ms-transform: translateX(-100%) rotate(-120deg);
-        transform: translateX(-100%) rotate(-120deg);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translateX(0px) rotate(0deg);
-        -ms-transform: translateX(0px) rotate(0deg);
-        transform: translateX(0px) rotate(0deg);
-    }
-}
-.rollIn {
-    -webkit-animation-name: rollIn;
-    animation-name: rollIn;
-}
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-
-@-webkit-keyframes rollOut {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateX(0px) rotate(0deg);
-        transform: translateX(0px) rotate(0deg);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(100%) rotate(120deg);
-        transform: translateX(100%) rotate(120deg);
-    }
-}
-@keyframes rollOut {
-    0% {
-        opacity: 1;
-        -webkit-transform: translateX(0px) rotate(0deg);
-        -ms-transform: translateX(0px) rotate(0deg);
-        transform: translateX(0px) rotate(0deg);
-    }
-    100% {
-        opacity: 0;
-        -webkit-transform: translateX(100%) rotate(120deg);
-        -ms-transform: translateX(100%) rotate(120deg);
-        transform: translateX(100%) rotate(120deg);
-    }
-}
-.rollOut {
-    -webkit-animation-name: rollOut;
-    animation-name: rollOut;
-}
\ No newline at end of file
diff --git a/src/main/resources/static/css/color_2.css b/src/main/resources/static/css/color_2.css
deleted file mode 100755
index 633c96895..000000000
--- a/src/main/resources/static/css/color_2.css
+++ /dev/null
@@ -1,89 +0,0 @@
-/*------------------------------------------------------------------
-    File Name: color_2.css
--------------------------------------------------------------------*/
-
-.topbar .navbar {
-    background: #fff;
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
-}
-
-.sidebar_user_info {
-    background: #fff;
-}
-
-.sidebar_toggle {
-    background: #0971b8;
-}
-
-.icon_info ul.user_profile_dd > li {
-    background: #0971b8;
-}
-
-.icon_info span.badge {
-    background: #0971b8;
-}
-
-.icon_info ul li a {
-    color: #333;
-}
-
-.user_info h6 {
-    color: #222;
-}
-
-.counter_section .counter_no p.total_no {
-    color: #fff;
-}
-
-.counter_section .counter_no p.head_couter {
-    color: rgba(255,255,255,.7);
-}
-
-#sidebar h4 {
-    background: #f3f3f3;
-    color: #222;
-    border-bottom: none;
-}
-
-#sidebar {
-    background-color: #fff;
-}
-
-#sidebar ul.components ul {
-    background: #fff;
-    padding: 0;
-}
-
-#sidebar ul.components li ul li a {
-    border-top: solid #ddd 1px;
-    padding-top: 12px;
-    padding-bottom: 12px;
-}
- 
-#sidebar ul li a {
-	color: #222;
-}
-
-#sidebar ul.components ul li a {
-    color: #333;
-}
-
-#sidebar ul.components ul li a:hover {
-    color: #0971b8;
-}
-
-#sidebar ul li a:hover, #sidebar ul li a:focus {
-    color: #222;
-}
-
-.dark_bg {
-    background: #0971b8;
-}
-
-.progress.skill-bar .progress-bar {
-    background-color: #0971b8;
-}
-
-.dash_head {
-    background-color: #0971b8;
-}
\ No newline at end of file
diff --git a/src/main/resources/static/css/github-markdown.css b/src/main/resources/static/css/github-markdown.css
deleted file mode 100644
index 6085db2c5..000000000
--- a/src/main/resources/static/css/github-markdown.css
+++ /dev/null
@@ -1,957 +0,0 @@
-@font-face {
-  font-family: octicons-link;
-  src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==) format('woff');
-}
-
-.markdown-body .octicon {
-  display: inline-block;
-  fill: currentColor;
-  vertical-align: text-bottom;
-}
-
-.markdown-body .anchor {
-  float: left;
-  line-height: 1;
-  margin-left: -20px;
-  padding-right: 4px;
-}
-
-.markdown-body .anchor:focus {
-  outline: none;
-}
-
-.markdown-body h1 .octicon-link,
-.markdown-body h2 .octicon-link,
-.markdown-body h3 .octicon-link,
-.markdown-body h4 .octicon-link,
-.markdown-body h5 .octicon-link,
-.markdown-body h6 .octicon-link {
-  color: #1b1f23;
-  vertical-align: middle;
-  visibility: hidden;
-}
-
-.markdown-body h1:hover .anchor,
-.markdown-body h2:hover .anchor,
-.markdown-body h3:hover .anchor,
-.markdown-body h4:hover .anchor,
-.markdown-body h5:hover .anchor,
-.markdown-body h6:hover .anchor {
-  text-decoration: none;
-}
-
-.markdown-body h1:hover .anchor .octicon-link,
-.markdown-body h2:hover .anchor .octicon-link,
-.markdown-body h3:hover .anchor .octicon-link,
-.markdown-body h4:hover .anchor .octicon-link,
-.markdown-body h5:hover .anchor .octicon-link,
-.markdown-body h6:hover .anchor .octicon-link {
-  visibility: visible;
-}
-
-.markdown-body {
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
-  color: #24292e;
-  line-height: 1.5;
-  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
-  font-size: 16px;
-  line-height: 1.5;
-  word-wrap: break-word;
-}
-
-.markdown-body .pl-c {
-  color: #6a737d;
-}
-
-.markdown-body .pl-c1,
-.markdown-body .pl-s .pl-v {
-  color: #005cc5;
-}
-
-.markdown-body .pl-e,
-.markdown-body .pl-en {
-  color: #6f42c1;
-}
-
-.markdown-body .pl-s .pl-s1,
-.markdown-body .pl-smi {
-  color: #24292e;
-}
-
-.markdown-body .pl-ent {
-  color: #22863a;
-}
-
-.markdown-body .pl-k {
-  color: #d73a49;
-}
-
-.markdown-body .pl-pds,
-.markdown-body .pl-s,
-.markdown-body .pl-s .pl-pse .pl-s1,
-.markdown-body .pl-sr,
-.markdown-body .pl-sr .pl-cce,
-.markdown-body .pl-sr .pl-sra,
-.markdown-body .pl-sr .pl-sre {
-  color: #032f62;
-}
-
-.markdown-body .pl-smw,
-.markdown-body .pl-v {
-  color: #e36209;
-}
-
-.markdown-body .pl-bu {
-  color: #b31d28;
-}
-
-.markdown-body .pl-ii {
-  background-color: #b31d28;
-  color: #fafbfc;
-}
-
-.markdown-body .pl-c2 {
-  background-color: #d73a49;
-  color: #fafbfc;
-}
-
-.markdown-body .pl-c2:before {
-  content: "^M";
-}
-
-.markdown-body .pl-sr .pl-cce {
-  color: #22863a;
-  font-weight: 700;
-}
-
-.markdown-body .pl-ml {
-  color: #735c0f;
-}
-
-.markdown-body .pl-mh,
-.markdown-body .pl-mh .pl-en,
-.markdown-body .pl-ms {
-  color: #005cc5;
-  font-weight: 700;
-}
-
-.markdown-body .pl-mi {
-  color: #24292e;
-  font-style: italic;
-}
-
-.markdown-body .pl-mb {
-  color: #24292e;
-  font-weight: 700;
-}
-
-.markdown-body .pl-md {
-  background-color: #ffeef0;
-  color: #b31d28;
-}
-
-.markdown-body .pl-mi1 {
-  background-color: #f0fff4;
-  color: #22863a;
-}
-
-.markdown-body .pl-mc {
-  background-color: #ffebda;
-  color: #e36209;
-}
-
-.markdown-body .pl-mi2 {
-  background-color: #005cc5;
-  color: #f6f8fa;
-}
-
-.markdown-body .pl-mdr {
-  color: #6f42c1;
-  font-weight: 700;
-}
-
-.markdown-body .pl-ba {
-  color: #586069;
-}
-
-.markdown-body .pl-sg {
-  color: #959da5;
-}
-
-.markdown-body .pl-corl {
-  color: #032f62;
-  text-decoration: underline;
-}
-
-.markdown-body details {
-  display: block;
-}
-
-.markdown-body summary {
-  display: list-item;
-}
-
-.markdown-body a {
-  background-color: transparent;
-}
-
-.markdown-body a:active,
-.markdown-body a:hover {
-  outline-width: 0;
-}
-
-.markdown-body strong {
-  font-weight: inherit;
-  font-weight: bolder;
-}
-
-.markdown-body h1 {
-  font-size: 2em;
-  margin: .67em 0;
-}
-
-.markdown-body img {
-  border-style: none;
-}
-
-.markdown-body code,
-.markdown-body kbd,
-.markdown-body pre {
-  font-family: monospace,monospace;
-  font-size: 1em;
-}
-
-.markdown-body hr {
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-}
-
-.markdown-body input {
-  font: inherit;
-  margin: 0;
-}
-
-.markdown-body input {
-  overflow: visible;
-}
-
-.markdown-body [type=checkbox] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.markdown-body * {
-  box-sizing: border-box;
-}
-
-.markdown-body input {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-}
-
-.markdown-body a {
-  color: #0366d6;
-  text-decoration: none;
-}
-
-.markdown-body a:hover {
-  text-decoration: underline;
-}
-
-.markdown-body strong {
-  font-weight: 600;
-}
-
-.markdown-body hr {
-  background: transparent;
-  border: 0;
-  border-bottom: 1px solid #dfe2e5;
-  height: 0;
-  margin: 15px 0;
-  overflow: hidden;
-}
-
-.markdown-body hr:before {
-  content: "";
-  display: table;
-}
-
-.markdown-body hr:after {
-  clear: both;
-  content: "";
-  display: table;
-}
-
-.markdown-body table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-.markdown-body td,
-.markdown-body th {
-  padding: 0;
-}
-
-.markdown-body details summary {
-  cursor: pointer;
-}
-
-.markdown-body h1,
-.markdown-body h2,
-.markdown-body h3,
-.markdown-body h4,
-.markdown-body h5,
-.markdown-body h6 {
-  margin-bottom: 0;
-  margin-top: 0;
-}
-
-.markdown-body h1 {
-  font-size: 32px;
-}
-
-.markdown-body h1,
-.markdown-body h2 {
-  font-weight: 600;
-}
-
-.markdown-body h2 {
-  font-size: 24px;
-}
-
-.markdown-body h3 {
-  font-size: 20px;
-}
-
-.markdown-body h3,
-.markdown-body h4 {
-  font-weight: 600;
-}
-
-.markdown-body h4 {
-  font-size: 16px;
-}
-
-.markdown-body h5 {
-  font-size: 14px;
-}
-
-.markdown-body h5,
-.markdown-body h6 {
-  font-weight: 600;
-}
-
-.markdown-body h6 {
-  font-size: 12px;
-}
-
-.markdown-body p {
-  margin-bottom: 10px;
-  margin-top: 0;
-}
-
-.markdown-body blockquote {
-  margin: 0;
-}
-
-.markdown-body ol,
-.markdown-body ul {
-  margin-bottom: 0;
-  margin-top: 0;
-  padding-left: 0;
-}
-
-.markdown-body ol ol,
-.markdown-body ul ol {
-  list-style-type: lower-roman;
-}
-
-.markdown-body ol ol ol,
-.markdown-body ol ul ol,
-.markdown-body ul ol ol,
-.markdown-body ul ul ol {
-  list-style-type: lower-alpha;
-}
-
-.markdown-body dd {
-  margin-left: 0;
-}
-
-.markdown-body code,
-.markdown-body pre {
-  font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
-  font-size: 12px;
-}
-
-.markdown-body pre {
-  margin-bottom: 0;
-  margin-top: 0;
-}
-
-.markdown-body input::-webkit-inner-spin-button,
-.markdown-body input::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-  appearance: none;
-  margin: 0;
-}
-
-.markdown-body .border {
-  border: 1px solid #e1e4e8!important;
-}
-
-.markdown-body .border-0 {
-  border: 0!important;
-}
-
-.markdown-body .border-bottom {
-  border-bottom: 1px solid #e1e4e8!important;
-}
-
-.markdown-body .rounded-1 {
-  border-radius: 3px!important;
-}
-
-.markdown-body .bg-white {
-  background-color: #fff!important;
-}
-
-.markdown-body .bg-gray-light {
-  background-color: #fafbfc!important;
-}
-
-.markdown-body .text-gray-light {
-  color: #6a737d!important;
-}
-
-.markdown-body .mb-0 {
-  margin-bottom: 0!important;
-}
-
-.markdown-body .my-2 {
-  margin-bottom: 8px!important;
-  margin-top: 8px!important;
-}
-
-.markdown-body .pl-0 {
-  padding-left: 0!important;
-}
-
-.markdown-body .py-0 {
-  padding-bottom: 0!important;
-  padding-top: 0!important;
-}
-
-.markdown-body .pl-1 {
-  padding-left: 4px!important;
-}
-
-.markdown-body .pl-2 {
-  padding-left: 8px!important;
-}
-
-.markdown-body .py-2 {
-  padding-bottom: 8px!important;
-  padding-top: 8px!important;
-}
-
-.markdown-body .pl-3,
-.markdown-body .px-3 {
-  padding-left: 16px!important;
-}
-
-.markdown-body .px-3 {
-  padding-right: 16px!important;
-}
-
-.markdown-body .pl-4 {
-  padding-left: 24px!important;
-}
-
-.markdown-body .pl-5 {
-  padding-left: 32px!important;
-}
-
-.markdown-body .pl-6 {
-  padding-left: 40px!important;
-}
-
-.markdown-body .f6 {
-  font-size: 12px!important;
-}
-
-.markdown-body .lh-condensed {
-  line-height: 1.25!important;
-}
-
-.markdown-body .text-bold {
-  font-weight: 600!important;
-}
-
-.markdown-body:before {
-  content: "";
-  display: table;
-}
-
-.markdown-body:after {
-  clear: both;
-  content: "";
-  display: table;
-}
-
-.markdown-body>:first-child {
-  margin-top: 0!important;
-}
-
-.markdown-body>:last-child {
-  margin-bottom: 0!important;
-}
-
-.markdown-body a:not([href]) {
-  color: inherit;
-  text-decoration: none;
-}
-
-.markdown-body blockquote,
-.markdown-body dl,
-.markdown-body ol,
-.markdown-body p,
-.markdown-body pre,
-.markdown-body table,
-.markdown-body ul {
-  margin-bottom: 16px;
-  margin-top: 0;
-}
-
-.markdown-body hr {
-  background-color: #e1e4e8;
-  border: 0;
-  height: .25em;
-  margin: 24px 0;
-  padding: 0;
-}
-
-.markdown-body blockquote {
-  border-left: .25em solid #dfe2e5;
-  color: #6a737d;
-  padding: 0 1em;
-}
-
-.markdown-body blockquote>:first-child {
-  margin-top: 0;
-}
-
-.markdown-body blockquote>:last-child {
-  margin-bottom: 0;
-}
-
-.markdown-body kbd {
-  background-color: #fafbfc;
-  border: 1px solid #c6cbd1;
-  border-bottom-color: #959da5;
-  border-radius: 3px;
-  box-shadow: inset 0 -1px 0 #959da5;
-  color: #444d56;
-  display: inline-block;
-  font-size: 11px;
-  line-height: 10px;
-  padding: 3px 5px;
-  vertical-align: middle;
-}
-
-.markdown-body h1,
-.markdown-body h2,
-.markdown-body h3,
-.markdown-body h4,
-.markdown-body h5,
-.markdown-body h6 {
-  font-weight: 600;
-  line-height: 1.25;
-  margin-bottom: 16px;
-  margin-top: 24px;
-}
-
-.markdown-body h1 {
-  font-size: 2em;
-}
-
-.markdown-body h1,
-.markdown-body h2 {
-  border-bottom: 1px solid #eaecef;
-  padding-bottom: .3em;
-}
-
-.markdown-body h2 {
-  font-size: 1.5em;
-}
-
-.markdown-body h3 {
-  font-size: 1.25em;
-}
-
-.markdown-body h4 {
-  font-size: 1em;
-}
-
-.markdown-body h5 {
-  font-size: .875em;
-}
-
-.markdown-body h6 {
-  color: #6a737d;
-  font-size: .85em;
-}
-
-.markdown-body ol,
-.markdown-body ul {
-  padding-left: 2em;
-}
-
-.markdown-body ol ol,
-.markdown-body ol ul,
-.markdown-body ul ol,
-.markdown-body ul ul {
-  margin-bottom: 0;
-  margin-top: 0;
-}
-
-.markdown-body li {
-  word-wrap: break-all;
-}
-
-.markdown-body li>p {
-  margin-top: 16px;
-}
-
-.markdown-body li+li {
-  margin-top: .25em;
-}
-
-.markdown-body dl {
-  padding: 0;
-}
-
-.markdown-body dl dt {
-  font-size: 1em;
-  font-style: italic;
-  font-weight: 600;
-  margin-top: 16px;
-  padding: 0;
-}
-
-.markdown-body dl dd {
-  margin-bottom: 16px;
-  padding: 0 16px;
-}
-
-.markdown-body table {
-  display: block;
-  overflow: auto;
-  width: 100%;
-}
-
-.markdown-body table th {
-  font-weight: 600;
-}
-
-.markdown-body table td,
-.markdown-body table th {
-  border: 1px solid #dfe2e5;
-  padding: 6px 13px;
-}
-
-.markdown-body table tr {
-  background-color: #fff;
-  border-top: 1px solid #c6cbd1;
-}
-
-.markdown-body table tr:nth-child(2n) {
-  background-color: #f6f8fa;
-}
-
-.markdown-body img {
-  background-color: #fff;
-  box-sizing: content-box;
-  max-width: 100%;
-}
-
-.markdown-body img[align=right] {
-  padding-left: 20px;
-}
-
-.markdown-body img[align=left] {
-  padding-right: 20px;
-}
-
-.markdown-body code {
-  background-color: rgba(27,31,35,.05);
-  border-radius: 3px;
-  font-size: 85%;
-  margin: 0;
-  padding: .2em .4em;
-}
-
-.markdown-body pre {
-  word-wrap: normal;
-}
-
-.markdown-body pre>code {
-  background: transparent;
-  border: 0;
-  font-size: 100%;
-  margin: 0;
-  padding: 0;
-  white-space: pre;
-  word-break: normal;
-}
-
-.markdown-body .highlight {
-  margin-bottom: 16px;
-}
-
-.markdown-body .highlight pre {
-  margin-bottom: 0;
-  word-break: normal;
-}
-
-.markdown-body .highlight pre,
-.markdown-body pre {
-  background-color: #f6f8fa;
-  border-radius: 3px;
-  font-size: 85%;
-  line-height: 1.45;
-  overflow: auto;
-  padding: 16px;
-}
-
-.markdown-body pre code {
-  background-color: transparent;
-  border: 0;
-  display: inline;
-  line-height: inherit;
-  margin: 0;
-  max-width: auto;
-  overflow: visible;
-  padding: 0;
-  word-wrap: normal;
-}
-
-.markdown-body .commit-tease-sha {
-  color: #444d56;
-  display: inline-block;
-  font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
-  font-size: 90%;
-}
-
-.markdown-body .blob-wrapper {
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 3px;
-  overflow-x: auto;
-  overflow-y: hidden;
-}
-
-.markdown-body .blob-wrapper-embedded {
-  max-height: 240px;
-  overflow-y: auto;
-}
-
-.markdown-body .blob-num {
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -webkit-user-select: none;
-  color: rgba(27,31,35,.3);
-  cursor: pointer;
-  font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
-  font-size: 12px;
-  line-height: 20px;
-  min-width: 50px;
-  padding-left: 10px;
-  padding-right: 10px;
-  text-align: right;
-  user-select: none;
-  vertical-align: top;
-  white-space: nowrap;
-  width: 1%;
-}
-
-.markdown-body .blob-num:hover {
-  color: rgba(27,31,35,.6);
-}
-
-.markdown-body .blob-num:before {
-  content: attr(data-line-number);
-}
-
-.markdown-body .blob-code {
-  line-height: 20px;
-  padding-left: 10px;
-  padding-right: 10px;
-  position: relative;
-  vertical-align: top;
-}
-
-.markdown-body .blob-code-inner {
-  color: #24292e;
-  font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
-  font-size: 12px;
-  overflow: visible;
-  white-space: pre;
-  word-wrap: normal;
-}
-
-.markdown-body .pl-token.active,
-.markdown-body .pl-token:hover {
-  background: #ffea7f;
-  cursor: pointer;
-}
-
-.markdown-body kbd {
-  background-color: #fafbfc;
-  border: 1px solid #d1d5da;
-  border-bottom-color: #c6cbd1;
-  border-radius: 3px;
-  box-shadow: inset 0 -1px 0 #c6cbd1;
-  color: #444d56;
-  display: inline-block;
-  font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
-  line-height: 10px;
-  padding: 3px 5px;
-  vertical-align: middle;
-}
-
-.markdown-body :checked+.radio-label {
-  border-color: #0366d6;
-  position: relative;
-  z-index: 1;
-}
-
-.markdown-body .tab-size[data-tab-size="1"] {
-  -moz-tab-size: 1;
-  tab-size: 1;
-}
-
-.markdown-body .tab-size[data-tab-size="2"] {
-  -moz-tab-size: 2;
-  tab-size: 2;
-}
-
-.markdown-body .tab-size[data-tab-size="3"] {
-  -moz-tab-size: 3;
-  tab-size: 3;
-}
-
-.markdown-body .tab-size[data-tab-size="4"] {
-  -moz-tab-size: 4;
-  tab-size: 4;
-}
-
-.markdown-body .tab-size[data-tab-size="5"] {
-  -moz-tab-size: 5;
-  tab-size: 5;
-}
-
-.markdown-body .tab-size[data-tab-size="6"] {
-  -moz-tab-size: 6;
-  tab-size: 6;
-}
-
-.markdown-body .tab-size[data-tab-size="7"] {
-  -moz-tab-size: 7;
-  tab-size: 7;
-}
-
-.markdown-body .tab-size[data-tab-size="8"] {
-  -moz-tab-size: 8;
-  tab-size: 8;
-}
-
-.markdown-body .tab-size[data-tab-size="9"] {
-  -moz-tab-size: 9;
-  tab-size: 9;
-}
-
-.markdown-body .tab-size[data-tab-size="10"] {
-  -moz-tab-size: 10;
-  tab-size: 10;
-}
-
-.markdown-body .tab-size[data-tab-size="11"] {
-  -moz-tab-size: 11;
-  tab-size: 11;
-}
-
-.markdown-body .tab-size[data-tab-size="12"] {
-  -moz-tab-size: 12;
-  tab-size: 12;
-}
-
-.markdown-body .task-list-item {
-  list-style-type: none;
-}
-
-.markdown-body .task-list-item+.task-list-item {
-  margin-top: 3px;
-}
-
-.markdown-body .task-list-item input {
-  margin: 0 .2em .25em -1.6em;
-  vertical-align: middle;
-}
-
-.markdown-body hr {
-  border-bottom-color: #eee;
-}
-
-.markdown-body .pl-0 {
-  padding-left: 0!important;
-}
-
-.markdown-body .pl-1 {
-  padding-left: 4px!important;
-}
-
-.markdown-body .pl-2 {
-  padding-left: 8px!important;
-}
-
-.markdown-body .pl-3 {
-  padding-left: 16px!important;
-}
-
-.markdown-body .pl-4 {
-  padding-left: 24px!important;
-}
-
-.markdown-body .pl-5 {
-  padding-left: 32px!important;
-}
-
-.markdown-body .pl-6 {
-  padding-left: 40px!important;
-}
-
-.markdown-body .pl-7 {
-  padding-left: 48px!important;
-}
-
-.markdown-body .pl-8 {
-  padding-left: 64px!important;
-}
-
-.markdown-body .pl-9 {
-  padding-left: 80px!important;
-}
-
-.markdown-body .pl-10 {
-  padding-left: 96px!important;
-}
-
-.markdown-body .pl-11 {
-  padding-left: 112px!important;
-}
-
-.markdown-body .pl-12 {
-  padding-left: 128px!important;
-}
diff --git a/src/main/resources/static/css/responsive.css b/src/main/resources/static/css/responsive.css
deleted file mode 100755
index 0e5762dc1..000000000
--- a/src/main/resources/static/css/responsive.css
+++ /dev/null
@@ -1,458 +0,0 @@
-/*------------------------------------------------------------------
-    File Name: responsive.css
-    Template Name: Pluto - Responsive HTML5 Template
-    Created By: html.design
-    Envato Profile: https://themeforest.net/user/htmldotdesign
-    Website: https://html.design
-    Version: 1.0
--------------------------------------------------------------------*/
-
-
-/*-----------------------------------
-  sidebar small only desktop
------------------------------------*/
-
-@media (min-width: 1200px) {
-    /*-- small sidebar --*/
-    #sidebar.active {
-        min-width: 90px;
-        max-width: 90px;
-        text-align: center;
-    }
-    #sidebar.active .sidebar-header h3,
-    #sidebar.active .CTAs {
-        display: none;
-    }
-    #sidebar.active .sidebar-header strong {
-        display: block;
-    }
-    #sidebar.active ul li a {
-        padding: 10px 0;
-        float: left;
-        width: 100%;
-        text-align: center;
-    }
-    #sidebar.active ul li a i {
-        width: 100%;
-        text-align: center;
-        margin: 0 0 5px 0;
-        font-size: 24px;
-    }
-    #sidebar.active ul ul a {
-        padding: 10px !important;
-    }
-    #sidebar.active .dropdown-toggle::after {
-        display: none;
-    }
-    nav#sidebar.active .logo_big {
-        text-align: center;
-        padding: 8px 0 7px;
-    }
-    #sidebar.active .logo_big img {
-        height: 45px;
-    }
-    #sidebar.active .logo_section {
-        padding: 0;
-        margin-bottom: 10px;
-        background: #fff;
-        width: 100%;
-    }
-    #sidebar.active ul.components {
-        padding: 0;
-    }
-    #sidebar.active .logo_big {
-        display: none;
-    }
-    .logo_icon {
-        display: none;
-    }
-    #sidebar.active .logo_icon {
-        display: block;
-    }
-    #sidebar.active .logo_big img {
-        height: 45px;
-    }
-    #sidebar.active h4 {
-        display: none;
-    }
-    #sidebar.active .sidebar_user_info {
-        display: none;
-    }
-    #sidebar.active ul li a span {
-        font-size: 13px;
-    }
-    #sidebar ul li a i {}
-
-    #sidebar.active .sidebar-footer{
-        display: none
-    }
-}
-
-
-/*-----------------------------------
-  end sidebar small only desktop
------------------------------------*/
-
-@media (min-width: 1200px) and (max-width: 1600px) {
-    .counter_section {
-        display: block;
-    }
-    .couter_icon {
-        display: block;
-        width: 100%;
-    }
-    .couter_icon>div {
-        padding-right: 0;
-    }
-    .counter_no p.total_no {
-        text-align: center;
-    }
-    .counter_no .head_couter {
-        text-align: center;
-        font-size: 16px;
-    }
-}
-
-@media (min-width: 992px) and (max-width: 1199px) {
-    .counter_section {
-        display: block;
-    }
-    .couter_icon {
-        display: block;
-        width: 100%;
-    }
-    .couter_icon>div {
-        padding-right: 0;
-    }
-    .counter_no p.total_no {
-        text-align: center;
-    }
-    .counter_no .head_couter {
-        text-align: center;
-        font-size: 16px;
-    }
-    .dashboard_2 .social_cont ul li {
-        padding: 0;
-    }
-}
-
-@media (min-width: 768px) and (max-width: 991px) {
-    body {
-        overflow-x: hidden;
-    }
-    .container {
-        width: 100%;
-        padding: 0 20px;
-    }
-    .info_people .user_info_cont {
-        width: 60%;
-        padding-left: 30px;
-        padding-top: 0;
-    }
-    .fw_icon {
-        width: 33.33%;
-    }
-}
-
-@media (max-width: 575px) {
-    body {
-        overflow-x: hidden;
-    }
-    .container {
-        width: 100%;
-        padding: 0 20px;
-    }
-    .padding_infor_info {
-        padding: 20px 20px;
-    }
-    .payment_option li {
-        margin-bottom: 10px;
-    }
-}
-
-@media (min-width: 576px) and (max-width: 767px) {
-    body {
-        overflow-x: hidden;
-    }
-    .container {
-        width: 100%;
-        padding: 0 20px;
-    }
-}
-
-@media (max-width: 575px) {
-    body {
-        overflow-x: hidden;
-    }
-    .container {
-        width: 100%;
-        padding: 0 20px;
-    }
-}
-
-@media (max-width: 1199px) {
-    * {
-        box-sizing: border-box;
-    }
-    #sidebar {
-        min-width: 80px;
-        max-width: 80px;
-        text-align: center;
-        margin-left: -80px !important;
-    }
-    #sidebar.active {
-        margin-left: 0 !important;
-    }
-    #sidebar .sidebar-header h3,
-    #sidebar .CTAs {
-        display: none;
-    }
-    #sidebar .sidebar-header strong {
-        display: block;
-    }
-    /*-- responsive --*/
-    #sidebar.active+#content .topbar {
-        transition: ease all 0.3s;
-    }
-    .topbar {
-        padding-left: 0;
-        min-width: 320px;
-    }
-    #sidebar.active+#content .topbar {
-        padding-left: 0;
-        min-width: 320px;
-        left: 250px;
-    }
-    #content {
-        padding: 60px 15px 25px 15px;
-    }
-    #sidebar.active {
-        min-width: 250px;
-        max-width: 250px;
-        text-align: left;
-    }
-    #sidebar.active+#content {
-        padding-left: 0;
-        left: 250px;
-        position: relative;
-        min-width: 320px;
-        height: auto;
-        transition: ease all 0.3s;
-    }
-    .right_topbar .icon_info ul.user_profile_dd {
-        display: none;
-    }
-    .right_topbar {
-        float: right;
-        padding: 0;
-        margin: 5px 15px 5px 0;
-    }
-    .sidebar_toggle {
-        padding: 14px 22px 13px;
-    }
-    .logo_section img {
-        height: 38px;
-        padding: 0;
-        margin: 12px 0 0 15px;
-    }
-    .icon_info ul li {
-        width: 30px;
-    }
-    .icon_info ul li a {
-        font-size: 16px;
-    }
-    .logo_section img.logo_icon {
-        display: none;
-    }
-}
-
-@media (max-width: 350px) {
-    .icon_info ul li {
-        margin: 15px 0 0 0;
-    }
-}
-
-@media (max-width: 767px) {
-    .counter_section {
-        padding: 30px 25px;
-    }
-    .counter_no {
-        padding: 0;
-    }
-    .counter_no .head_couter {
-        font-size: 16px;
-    }
-    #testimonial_slider.carousel .carousel-control {
-        top: -35px;
-    }
-    .content.testimonial {
-        margin-top: 50px;
-    }
-    #testimonial_slider.carousel .testimonial {
-        font-size: 13px;
-        line-height: normal;
-    }
-    .progress_bar {
-        padding: 15px 25px 50px 25px;
-    }
-    .dash_head {
-        padding: 30px 30px 25px;
-    }
-    .task_list li {
-        padding: 20px 30px;
-    }
-    .task_list li a {
-        color: #99abb4;
-        font-size: 15px;
-        line-height: normal;
-        margin-bottom: 10px;
-        float: left;
-        width: 100%;
-    }
-    .msg_list_main ul li {
-        display: block;
-    }
-    .msg_list_main ul li>span:nth-child(1) {
-        margin-right: 20px;
-        margin-bottom: 10px;
-    }
-    /*----- widgets page css -----*/
-    .info_people {
-        padding: 25px;
-        display: block;
-    }
-    .info_people .p_info_img {
-        width: 100%;
-        text-align: center;
-    }
-    .info_people .p_info_img img {
-        width: 90px;
-    }
-    .info_people .user_info_cont {
-        width: 100%;
-        padding-left: 0;
-        padding-top: 25px;
-        text-align: center;
-    }
-    .calendar {
-        overflow: auto;
-    }
-    /** accordian css **/
-    .tab_style3 .tabbar {
-        display: block;
-    }
-    .tab_style3 #v-pills-tabContent {
-        width: 100%;
-        padding-left: 0;
-        padding-right: 0;
-        padding-top: 25px;
-    }
-    .pagination.button_section {
-        display: block;
-    }
-    .pagination.button_section .btn-group {
-        margin: 5px 0 0;
-    }
-    .fw_icon {
-        width: 50%;
-    }
-    /**-- email page --**/
-    .mail-box {
-        float: left;
-        width: 100%;
-    }
-    .mail-box .sm-side {
-        width: 100%;
-        float: left;
-    }
-    .mail-box .lg-side {
-        background: none repeat scroll 0 0 #fff;
-        border-radius: 0 4px 4px 0;
-        width: 100%;
-        float: left;
-        overflow: auto;
-    }
-    aside.lg-side .inbox-body {
-        min-width: 565px;
-        padding-left: 0;
-        padding-right: 0;
-    }
-    .table.table-striped.projects {
-        min-width: 780px;
-    }
-    /** login page **/
-    .full_height {
-        height: auto;
-    }
-    .login_section {
-        margin-top: 25px;
-        margin-bottom: 25px;
-    }
-    .login_form form .field input {
-        max-width: 395px;
-        width: 100%;
-    }
-    .login_form form .field label.label_field {
-        text-align: left;
-    }
-    .login_form form .field {
-        display: block;
-        margin: 0 0 20px;
-        float: left;
-        width: 100%;
-    }
-    .label_field.hidden {
-        display: none;
-    }
-    .login_form form .field .form-check-label {
-        float: left;
-        width: 100%;
-    }
-    .forgot {
-        float: left;
-    }
-    .error_page h3 {
-        font-size: 36px;
-        line-height: 45px;
-    }
-}
-
-@media (max-width: 420px) {
-    .model_bt {
-        padding: 11px 0 10px;
-        width: 100%;
-    }
-    .fw_icon {
-        width: 100%;
-    }
-    aside .inbox-head .position.search_inbox {
-        display: none;
-    }
-    .contact_inner .left {
-        width: 100%;
-        float: left;
-        padding-right: 0;
-        margin-bottom: 20px;
-    }
-    .contact_inner .right {
-        width: 100%;
-        float: left;
-    }
-    .bottom_list .right_button {
-        float: right;
-        display: flex;
-    }
-    .bottom_list .right_button button {
-        margin: 0 0 0 5px;
-    }
-    .dis_flex {
-        display: block;
-        margin: 0;
-    }
-    .dis_flex .profile_img {
-        width: 100%;
-        text-align: center;
-        margin: 0;
-        margin-bottom: 20px;
-    }
-}
\ No newline at end of file
diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css
deleted file mode 100755
index b1d2154cf..000000000
--- a/src/main/resources/static/css/style.css
+++ /dev/null
@@ -1,3758 +0,0 @@
-/*------------------------------------------------------------------
-    [Table of contents]
-
-    1. import fonts
-    2. import files
-    3. basic
-    4. header
-    5. content section
-    6. Progressbar
-    7. Table style
-    8. Social icon
-    9. Pie charts
-    10. Testimonial slider
-    11. Blog Section
-    12. Dashboard Style 2
-    13. Footer
-    14. Widgets section
-    15. Calendar section
-    16. General Elements
-        -> tabbar style 1
-        -> tabbar style 2
-        -> tabbar style 3
-        -> button section
-        -> pagination
-        -> model bt
-    17. Gallery Section     
-    18. Icons
-    19. Invoice  
-    20. Price table
-    21. Mail
-    22. Price table page
-    23. Contact page
-    24. Progress bar
-    25. Login Section
-    26. Error
-    27. Map
-    28. Custom style for stack logs
-    29. Custom style for wizard
-    30. Custom style for module description
-    31. Custom style for navigation
-    32. Multiselect customization
-   
--------------------------------------------------------------------*/
-
-
-/*------------------------------------------------------------------
-    1. import fonts
--------------------------------------------------------------------*/
-
-@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
-
-/*------------------------------------------------------------------
-    2. import files
--------------------------------------------------------------------*/
-
-@import url(animate.css);
-
-/*------------------------------------------------------------------
-    3. basic
--------------------------------------------------------------------*/
-
-* {
-    margin: 0;
-    padding: 0;
-    outline: none !important;
-}
-
-html,
-body {
-    color: #898989;
-    font-size: 14px;
-    font-family: 'Poppins', sans-serif;
-    line-height: normal;
-    font-weight: 300;
-    overflow-x: hidden !important;
-}
-
-body.demos .section {
-    background: url(images/bg.png) repeat top center #f2f3f5;
-}
-
-body.demos .section-title img {
-    max-width: 280px;
-    display: block;
-    margin: 10px auto;
-}
-
-body.demos .service-widget h3 {
-    border-bottom: 1px solid #ededed;
-    font-size: 18px;
-    padding: 20px 0;
-    background-color: #ffffff;
-}
-
-body.demos .service-widget {
-    margin: 0 0 30px;
-    padding: 30px;
-    background-color: #fff
-}
-
-body.demos .container-fluid {
-    max-width: 1080px
-}
-
-a {
-    color: #1f1f1f;
-    text-decoration: none !important;
-    outline: none !important;
-    -webkit-transition: all .3s ease-in-out;
-    -moz-transition: all .3s ease-in-out;
-    -ms-transition: all .3s ease-in-out;
-    -o-transition: all .3s ease-in-out;
-    transition: all .3s ease-in-out;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    letter-spacing: 0;
-    font-weight: normal;
-    position: relative;
-    padding: 0;
-    font-weight: normal;
-    line-height: normal;
-    color: #1f1f1f;
-    margin: 0
-}
-
-h1 {
-    font-size: 24px
-}
-
-.small_heading.main-heading h2 {
-    font-size: 21px;
-}
-
-.small_heading.main-heading::after {
-    top: 18px;
-}
-
-.small_heading.main-heading {
-    margin-bottom: 20px;
-    width: 100%;
-}
-
-.img-responsive {
-    max-width: 100%;
-}
-
-h3 {
-    font-size: 18px
-}
-
-h4 {
-    font-size: 16px
-}
-
-h5 {
-    font-size: 14px
-}
-
-h6 {
-    font-size: 13px
-}
-
-h1 a,
-h2 a,
-h3 a,
-h4 a,
-h5 a,
-h6 a {
-    color: #212121;
-    text-decoration: none!important;
-    opacity: 1
-}
-
-a {
-    color: #898989;
-    text-decoration: none;
-    outline: none;
-}
-
-a,
-.btn {
-    text-decoration: none !important;
-    outline: none !important;
-    -webkit-transition: all .3s ease-in-out;
-    -moz-transition: all .3s ease-in-out;
-    -ms-transition: all .3s ease-in-out;
-    -o-transition: all .3s ease-in-out;
-    transition: all .3s ease-in-out;
-}
-
-.btn-custom {
-    margin-top: 20px;
-    background-color: transparent;
-    border: 2px solid #ddd;
-    padding: 12px 40px;
-    font-size: 16px;
-}
-
-.btn-success {
-    color: #fff;
-    background-color: #1ed085;
-    border-color: #1ed085;
-}
-
-ul {
-    list-style-type: none;
-    padding: 0px;
-    margin: 0px;
-}
-
-
-/*--
-a.btn {
-    min-width: 170px;
-    height: 40px;
-    border-radius: 100px;
-    padding: 0;
-    text-align: center;
-    line-height: 40px;
-    border: none;
-    font-size: 14px;
-    font-weight: 600;
-    text-transform: uppercase;
-    margin-top: 10px;
-}
---*/
-
-.red_bg {
-    background: #ff4748;
-}
-
-.blue_bg {
-    background: #36a9e2;
-}
-
-.yellow_bg {
-    background: #fabb3d;
-}
-
-.green_bg {
-    background: #79c347;
-}
-
-.green_bg2 {
-    background: #1ed085;
-}
-
-.purple_bg {
-    background: #8e68ef;
-}
-
-.padding_top_10 {
-    padding-top: 10px !important;
-}
-
-.padding_top_20 {
-    padding-top: 20px !important;
-}
-
-.padding-bottom_0 {
-    padding-bottom: 0 !important;
-}
-
-.padding-bottom_1 {
-    padding-bottom: 10px !important;
-}
-
-.padding-bottom_2 {
-    padding-bottom: 20px !important;
-}
-
-.padding-bottom_3 {
-    padding-bottom: 30px !important;
-}
-
-.padding-bottom_4 {
-    padding-bottom: 40px !important;
-}
-
-.padding-bottom_5 {
-    padding-bottom: 50px !important;
-}
-
-.padding_infor_info {
-    padding: 35px 35px;
-    float: left;
-    width: 100%;
-}
-
-.color_black p,
-.color_black ul,
-.color_black ul li {
-    color: #000;
-}
-
-#sidebarCollapse i {
-    color: #FFF;
-}
-
-.lead {
-    font-size: 18px;
-    line-height: 30px;
-    color: #767676;
-    margin: 0;
-    padding: 0;
-}
-
-blockquote {
-    margin: 20px 0 20px;
-    padding: 30px;
-}
-
-.light_silver {
-    background: #f2f1f1;
-}
-
-h2 {
-    font-size: 30px;
-    color: #000;
-    line-height: 20px;
-    font-weight: 700;
-    position: relative;
-}
-
-h3 {
-    font-size: 24px;
-    color: #000;
-    line-height: normal;
-    font-weight: 700;
-    text-transform: uppercase;
-}
-
-h4 {
-    font-size: 18px;
-    color: #000;
-    line-height: 21px;
-    font-weight: 600;
-    text-transform: none;
-    margin-bottom: 15px;
-}
-
-h5 {
-    font-size: 15px;
-    font-weight: 700;
-    text-transform: uppercase;
-    margin: 0;
-    line-height: normal;
-    color: #000;
-}
-
-p {
-    color: #58718a;
-    font-size: 14px;
-    line-height: 21px;
-}
-
-button,
-input,
-select,
-textarea,
-option {
-    font-family: 'Poppins', sans-serif;
-}
-
-a#submit {
-    z-index: 1;
-}
-
-a:hover,
-a:focus {
-    color: #2a3a4b;
-    text-decoration: none;
-}
-
-.span1,
-.span2,
-.span3,
-.span4,
-.span5,
-.span6,
-.span7,
-.span8,
-.span9,
-.span10 {
-    padding: 0 15px;
-    float: left;
-    min-height: 25px;
-}
-
-.border_radius_0 {
-    border-radius: 0 !important;
-}
-
-.span1 {
-    width: 10%;
-}
-
-.span2 {
-    width: 20%;
-}
-
-.span3 {
-    width: 30%;
-}
-
-.span4 {
-    width: 40%;
-}
-
-.span5 {
-    width: 50%;
-}
-
-.span6 {
-    width: 60%;
-}
-
-.span7 {
-    width: 70%;
-}
-
-.span8 {
-    width: 80%;
-}
-
-.span9 {
-    width: 90%;
-}
-
-.span10 {
-    width: 100%;
-}
-
-.container {
-    width: 1200px;
-}
-
-.section_padding {
-    padding: 80px 0 100px;
-}
-
-.layout_2_padding {
-    padding: 100px 0 80px;
-}
-
-.full {
-    width: 100%;
-    float: left;
-}
-
-.brown_color {
-    color: #795548 !important;
-}
-
-.brown_bg {
-    background: #795548 !important;
-}
-
-.blue1_color {
-    color: #2196f3 !important;
-}
-
-.blue1_bg {
-    background: #2196f3 !important;
-}
-
-.orange_color {
-    color: #ff5722 !important;
-}
-
-.orange_bg {
-    background: #ff5722 !important;
-}
-
-.purple_color {
-    color: #673ab7 !important;
-}
-
-.purple_bg {
-    background: #673ab7 !important;
-}
-
-.purple_color2 {
-    color: #3f51b5 !important;
-}
-
-.purple_bg2 {
-    background: #3f51b5 !important;
-}
-
-.blue2_color {
-    color: #03a9f4 !important;
-}
-
-.blue2_bg {
-    background: #03a9f4 !important;
-}
-
-.red_color {
-    color: #e91e63 !important;
-}
-
-.red_bg {
-    background: #e91e63 !important;
-}
-
-.yellow_color {
-    color: #ff9800 !important;
-}
-
-.yellow_bg {
-    background: #ff9800 !important;
-}
-
-.purple_color2 {
-    color: #9c27b0 !important;
-}
-
-.purple_bg2 {
-    background: #9c27b0 !important;
-}
-
-.orange_color2 {
-    color: #f44336 !important;
-}
-
-.orange_bg2 {
-    background: #f44336 !important;
-}
-
-.green_color {
-    color: #009688 !important;
-}
-
-.green_bg {
-    background: #009688 !important;
-}
-
-/* a block element, with white background and a cool shadow */
-.block{
-    background: #fff;
-    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
-    border-radius: 5px;
-    margin-top: 0;
-}
-
-.block_head, .block_head_flex {
-    padding: 18px 25px 15px;
-    width: 100%;
-    border-bottom: solid #f3f3f3 2px;
-}
-
-.block_head_flex {
-    display: flex;
-    justify-content: space-between;
-}
-
-.block h2 {
-    line-height: normal;
-    font-size: 21px;
-    font-weight: 400;
-    margin: 0;
-    padding-left: 0;
-    color: #15283c;
-    letter-spacing: 0px;
-}
-
-.block_content{
-    padding: 18px 25px 15px;
-    width: 100%;
-    border-bottom: solid #f3f3f3 2px;
-}
-
-.margin_top_50 {
-    margin-top: 50px;
-}
-
-.margin_top_30 {
-    margin-top: 30px;
-}
-
-.margin_0 {
-    margin: 0 !important;
-}
-
-.center {
-    display: flex;
-    justify-content: center;
-}
-
-.verticle_center {
-    display: flex;
-    align-items: center;
-}
-
-.dropdown-item {
-    font-size: 13px;
-}
-
-.column img {
-    width: 100%;
-}
-
-.max_w-50 {
-    max-width: 50px;
-}
-
-
-/*------------------------------------------------------------------
-    4. header
--------------------------------------------------------------------*/
-
-.full_container {
-    width: 100%;
-    max-width: 100%;
-    padding: 0;
-    margin: 0;
-}
-
-.inner_container {
-    padding: 0;
-    margin: 0;
-    display: flex;
-}
-
-
-/*==============
-    - topbar 
-==============*/
-
-.topbar {
-    position: fixed;
-    width: 100%;
-    padding-left: 280px;
-    z-index: 2;
-    background: #15283c;
-    top: 0;
-    transition: ease all 0.3s;
-    left: 0;
-}
-
-#sidebar.active+#content .topbar {
-    padding-left: 90px;
-}
-
-.topbar .navbar {
-    margin: 0;
-}
-
-.right_topbar {
-    float: right;
-    padding: 0;
-}
-
-.icon_info {
-    float: left;
-    width: 100%;
-}
-
-.icon_info ul {
-    float: left;
-    width: auto;
-    list-style: none;
-    margin: 0;
-}
-
-.icon_info ul li {
-    float: left;
-    width: 35px;
-    height: 35px;
-    border-radius: 100%;
-    text-align: center;
-    line-height: 35px;
-    position: relative;
-    margin: 15px 0 0 5px;
-}
-
-.icon_info ul li .fa-question-circle {
-    font-size: 21px;
-    position: relative;
-    top: 1px;
-}
-
-.icon_info ul li a {
-    color: #fff;
-    font-size: 18px;
-    font-weight: normal;
-}
-
-.icon_info ul li a img {
-    width: 35px;
-}
-
-.icon_info ul.user_profile_dd li {
-    width: auto;
-}
-
-.icon_info ul.user_profile_dd>li span {
-    font-size: 13px;
-    font-weight: 500;
-    color: #fff;
-    padding: 0 35px 0 10px;
-}
-
-.icon_info ul.user_profile_dd li>a::after {
-    color: #fff;
-}
-
-.icon_info ul.user_profile_dd {
-    float: left;
-    margin: 0 0 0 25px;
-}
-
-.icon_info ul.user_profile_dd li a {
-    cursor: pointer;
-}
-
-.icon_info ul.user_profile_dd>li {
-    width: auto;
-    border-radius: 0;
-    background: #ff5722;
-    margin: 0;
-    padding: 4px 0 4px 20px;
-    height: auto;
-}
-
-.sidebar_toggle {
-    border: none;
-    padding: 14px 26px 14px;
-    font-size: 21px;
-    background: #ff5722;
-    margin-right: 0;
-    cursor: pointer;
-    float: left;
-}
-
-.icon_info span.badge {
-    font-size: 10px;
-    line-height: 16px;
-    padding: 2px 6px;
-    position: absolute;
-    right: -2px;
-    top: -7px;
-    background: #ff5722;
-    border-radius: 100%;
-    color: #fff;
-    font-weight: 600;
-    width: 19px;
-    height: 19px;
-}
-
-.icon_info ul.user_profile_dd li div a {
-    font-size: 15px;
-    color: #15283c;
-    padding: 4px 15px;
-    border-bottom: none;
-    line-height: normal;
-}
-
-.icon_info ul.user_profile_dd li div a span {
-    font-size: 13px;
-    color: #15283c;
-    font-weight: normal;
-    padding: 0;
-    transition: all .3s ease-in-out;
-    line-height: normal;
-}
-
-.icon_info ul.user_profile_dd li div a:hover,
-.icon_info ul.user_profile_dd li div a:focus {
-    background: #243147;
-    color: #fff;
-}
-
-.icon_info ul.user_profile_dd li div a:hover span,
-.icon_info ul.user_profile_dd li div a:focus span {
-    color: #fff;
-}
-
-.user_profile_dd .dropdown-menu {
-    position: absolute;
-    top: 100%;
-    right: 0;
-    z-index: 1000;
-    float: left;
-    padding: 10px 6px;
-    margin: 0;
-    font-size: 15px;
-    color: #212529;
-    text-align: left;
-    list-style: none;
-    background-color: #fff;
-    background-clip: padding-box;
-    border-radius: 0;
-    width: 100%;
-    box-shadow: -1px 1px 4px -2px rgba(0, 0, 0, 0.2);
-    border: none;
-}
-
-
-/**-- sidebar --**/
-
-.navbar-btn {
-    box-shadow: none;
-    outline: none !important;
-    border: none;
-}
-
-.line {
-    width: 100%;
-    height: 1px;
-    border-bottom: 1px dashed #ddd;
-    margin: 40px 0;
-}
-
-i,
-span {
-    display: inline-block;
-}
-
-#sidebar {
-    min-width: 280px;
-    max-width: 280px;
-    background-color: #15283c;
-    color: #fff;
-    transition: all 0.3s;
-    position: relative;
-    z-index: 11;
-    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.4);
-    float: left;
-    width: 100%;
-    position: fixed;
-    height: 100%;
-    overflow: auto;
-
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-}
-
-.sidebar-part {
-    float: left;
-    width: 100%;
-}
-
-.sidebar-footer {
-    background: #f3f3f3;
-    color: #222;
-    padding: 21px 25px 19px;
-
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-}
-
-#sidebar ul li a {
-    text-align: left;
-}
-
-#sidebar .sidebar-header strong {
-    display: none;
-    font-size: 1.8em;
-}
-
-#sidebar ul.components {
-    padding: 15px 0;
-    margin: 0;
-    float: left;
-    width: 100%;
-}
-
-#sidebar ul li a {
-    padding: 15px 25px;
-    display: block;
-    font-size: 14px;
-    color: rgba(255, 255, 255, 0.9);
-    font-weight: 300;
-}
-
-#sidebar ul li a:hover,
-#sidebar ul li a:focus {
-    color: rgba(255, 255, 255, 0.95);
-}
-
-#sidebar ul.components li {
-    position: relative;
-}
-
-#sidebar ul.components ul {
-    background: #214162;
-    padding: 20px 0;
-}
-
-#sidebar ul.components ul li a {
-    font-size: 13px;
-    color: rgba(255, 255, 255, .7);
-    padding: 7px 35px;
-}
-
-#sidebar ul.components ul li a:hover {
-    color: #fff;
-    background: transparent;
-    padding-left: 45px;
-}
-
-#sidebar ul li a i {
-    margin-right: 20px;
-    width: 15px;
-    font-size: 20px;
-    float: left;
-}
-
-.bottom_sidebar ul li {
-    float: left;
-    width: 50%;
-    list-style: none;
-}
-
-a[data-toggle="collapse"] {
-    position: relative;
-}
-
-#content {
-    width: 100%;
-    min-height: 100vh;
-    transition: ease all 0.3s;
-    position: relative;
-    padding: 60px 25px 25px 305px;
-    background: #f8f8f8;
-}
-
-.page_title, .page_controls {
-    background: #fff;
-    margin-top: 0;
-    margin-bottom: 30px;
-    padding: 25px 35px;
-    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
-    margin-left: -40px;
-    margin-right: -40px;
-    position: relative;
-}
-
-.page_controls {
-    margin-top: -30px;
-    padding: 10px 35px;
-}
-
-.page_title h2 {
-    font-size: 20px;
-    font-weight: 500;
-    color: #15283c;
-}
-
-#sidebar.active+#content {
-    padding-left: 115px;
-}
-
-.topbar .navbar {
-    padding: 0;
-    background: #15283c;
-    border: none;
-    border-radius: 0;
-}
-
-.user_profle_side {
-    display: flex;
-}
-
-.sidebar_user_info {
-    padding: 15px 25px;
-    background: #214162;
-}
-
-.user_img img {
-    border-radius: 100% 100%;
-}
-
-.user_info {
-    margin: 0 0 0 15px;
-    padding-top: 15px;
-}
-
-.online_animation {
-    width: 12px;
-    height: 12px;
-    background: #1ed085;
-    border-radius: 100%;
-    margin-top: 0;
-    position: relative;
-    top: 1px;
-    -webkit-animation: online 2s infinite;
-    /* Safari 4.0 - 8.0 */
-    animation: online 2s infinite
-}
-
-
-/* Safari 4.0 - 8.0 */
-
-@-webkit-keyframes online {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-}
-
-@keyframes online {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-}
-
-.user_info p {
-    font-size: 13px;
-    font-weight: 500;
-    color: #1ed085;
-    margin: 0;
-}
-
-.user_info h6 {
-    font-size: 17px;
-    font-weight: 500;
-    color: #fff;
-    letter-spacing: 0;
-}
-
-.user_img {
-    width: 75px;
-    height: 75px;
-    float: left;
-}
-
-.logo_section {
-    padding: 0;
-    width: auto;
-    text-align: center;
-    background: transparent;
-    float: left;
-}
-
-.logo_section img {
-    height: 42px;
-    padding: 0;
-    margin: 8px 15px 0;
-}
-
-#sidebar.active .logo_section a {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-}
-
-.logo_section img.logo_icon {
-    margin: 0;
-    text-align: center;
-    padding: 8px 8px;
-    height: 60px;
-}
-
-#sidebar h4 {
-    background: #15283c;
-    margin: 0;
-    padding: 21px 25px 19px;
-    font-weight: 500;
-    font-size: 18px;
-    color: #fff;
-    border-bottom: solid #ff5722 1px;
-}
-
-
-/*------------------------------------------------------------------
-    5. content section
--------------------------------------------------------------------*/
-
-.content_inner_section {
-    background: #fff;
-    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.4);
-    padding: 25px 30px;
-}
-
-.content_inner_section .top_page_header {
-    width: 100%;
-}
-
-.content_inner_section .top_page_header .page_title {
-    float: left;
-}
-
-.content_inner_section .top_page_header .page_title h3 {
-    font-size: 21px;
-    font-weight: 500;
-    text-transform: none;
-    color: #222;
-}
-
-.page_menu_cont {
-    width: auto;
-    float: right;
-}
-
-.page_menu_cont ul {
-    list-style: none;
-    float: left;
-    width: 100%;
-}
-
-.page_menu_cont ul li {
-    float: left;
-    font-size: 17px;
-    margin: 0 15px;
-}
-
-.counter_section {
-    min-height: auto;
-    display: block;
-    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
-    border: 0px solid #e7e7e7;
-    padding: 30px 35px;
-    background: #fff;
-    border-radius: 5px;
-    min-height: 125px;
-    display: flex;
-}
-
-.couter_icon span {
-    width: 100%;
-    text-align: center;
-    color: #fff;
-    font-size: 14px;
-    margin-top: 5px;
-    padding: 0 5px;
-    font-weight: 500;
-}
-
-.couter_icon span {
-    width: 100%;
-}
-
-.couter_icon i {
-    color: #fff;
-    font-size: 50px;
-    line-height: normal;
-    width: 100%;
-    float: left;
-    text-align: center;
-}
-
-.couter_icon {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 0;
-    float: left;
-    margin: 8px 0 8px;
-}
-
-.couter_icon>div {
-    border-right: solid rgba(255, 255, 255, 0.3) 1px;
-    padding-right: 35px;
-}
-
-.counter_no {
-    padding: 0 12px;
-    align-content: center;
-    align-items: center;
-    float: right;
-    width: 100%;
-}
-
-.counter_no p.total_no {
-    margin: 0;
-    font-size: 45px;
-    float: left;
-    width: 100%;
-    line-height: normal;
-    font-weight: 600;
-    color: #455a64;
-    text-align: right;
-    font-size: 24px;
-    font-weight: 400;
-}
-
-.counter_no .head_couter {
-    float: left;
-    width: 100%;
-    color: #99abb4;
-    font-weight: 300;
-    margin: 0px 0 0 0;
-    font-size: 20px;
-    text-align: right;
-}
-
-.counter_no .counter_desrp {
-    margin: 0;
-    color: #fff;
-    line-height: 18px;
-}
-
-#myChart-top {
-    box-shadow: 10px 10px 5px -4px rgba(224, 224, 224, 0.6);
-}
-
-.zc-ref {
-    display: none;
-}
-
-#myChart-wrapper {
-    margin: auto;
-}
-
-#graph1 {
-    margin-top: 10px;
-}
-
-#rebenue {}
-
-.graph_revenue {
-    padding: 0;
-    margin-top: 0;
-    min-height: auto;
-}
-
-.graph_head {
-    padding: 18px 25px 15px;
-    float: left;
-    width: 100%;
-    border-bottom: solid #f3f3f3 2px;
-}
-
-.heading1 {
-    /*float: left;*/
-    padding: 0 0 20px 0;
-    width: 100%;
-    margin-top: 50px;
-}
-
-.graph_head .heading1 {
-    float: left;
-    padding: 0;
-    width: auto;
-}
-
-.time_form {
-    float: right;
-    margin: 6px 0 0;
-}
-
-.time_form form {
-    float: left;
-    width: 100%;
-}
-
-.time_form form .field {
-    float: left;
-    margin-right: 0;
-    margin-left: 12px;
-}
-
-.time_form form .field label {
-    margin-right: 12px;
-    margin-bottom: 0;
-    font-size: 15px;
-    color: #999;
-}
-
-.time_form form .field input {
-    border: solid #ddd 1px;
-    font-size: 13px;
-    font-weight: 500;
-    color: #666;
-    padding: 6px 10px;
-    border-radius: 0;
-}
-
-.btn.focus,
-.btn:focus {
-    box-shadow: none;
-}
-
-.mail-option .dropdown-menu {
-    padding: 10px;
-    border-radius: 0;
-    font-size: 14px;
-    font-weight: 400;
-    border: solid #ddd 1px;
-}
-
-.mail-option .dropdown-menu li {
-    margin: 10px 0;
-}
-
-.mail-option .dropdown-menu {
-    padding: 4px 15px;
-    border-radius: 0;
-    font-size: 14px;
-    font-weight: 400;
-    border: solid #ddd 1px;
-    margin-top: 5px;
-}
-
-.mail-option .btn-group a.btn {
-    border-radius: 0 !important;
-    background: #fff;
-    padding: 8px 14px;
-    color: #666;
-    font-size: 14px;
-}
-
-
-/*------------------------------------------------------------------
-    6. Progressbar
--------------------------------------------------------------------*/
-
-.progress_bar {
-    padding: 15px 40px 50px 40px;
-}
-
-.progress.skill-bar {
-    background: #e9ecef;
-    border-radius: 0;
-    height: 10px;
-    margin-top: 2px;
-    border-radius: 10px;
-}
-
-.progress.skill-bar .progress-bar {
-    background-color: #1ed085;
-    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
-}
-
-.skill {
-    font-size: 14px;
-    color: #455a64;
-    margin-top: 20px;
-    font-weight: 500;
-}
-
-.skill .info_valume {
-    float: right;
-}
-
-
-/*------------------------------------------------------------------
-    7. Table style
--------------------------------------------------------------------*/
-
-.table_format.strp table {
-    border-radius: 8px 8px 0 0;
-    overflow: hidden;
-    color: #666;
-}
-
-.table_format.strp thead th {
-    background: #15283c;
-    border: none;
-    color: #fff;
-    vertical-align: middle;
-    font-weight: 400;
-    text-transform: capitalize;
-    line-height: 1;
-    padding: 22px 40px;
-    white-space: nowrap;
-    font-size: 16px;
-}
-
-.table_format.strp tbody th,
-.table_format.strp tbody td {
-    font-size: 15px;
-    padding: 20px 40px;
-    vertical-align: middle;
-    font-weight: 400;
-    transform: capitalize;
-    line-height: 1;
-    width: white-space;
-}
-
-.top_countries_section {
-    background-color: #ff4748;
-    border-radius: 8px;
-    padding: 25px 40px;
-    background-image: -webkit-linear-gradient(90deg, #396afc 0%, #2948ff 100%);
-}
-
-.top_countries_section ul {
-    list-style: none;
-}
-
-.top_countries_section ul li {
-    color: #fff;
-    padding: 14px 5px;
-    float: left;
-    width: 100%;
-    border-bottom: solid rgba(255, 255, 255, .2) 1px;
-}
-
-.top_countries_section ul li span.country_name {
-    float: left;
-}
-
-.top_countries_section ul li span.country_counter {
-    float: right;
-}
-
-.area_chart {
-    padding: 30px 0 30px 30px;
-    width: 97%;
-}
-
-.margin_bottom_30 {
-    margin-bottom: 30px;
-}
-
-.white_shd {
-    background: #fff;
-    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
-    border-radius: 5px;
-    margin-top: 0;
-}
-
-
-.block_head.dark_bg {
-    border-bottom: 0;
-}
-
-.dark_bg {
-    background: #214162;
-    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-    margin-top: 0;
-}
-
-.dark_bg .graph_head {
-    border-bottom: solid rgba(255, 255, 255, .1) 2px;
-}
-
-.dark_bg h2 {
-    color: #fff;
-}
-
-
-/*------------------------------------------------------------------
-    8. Social icon
--------------------------------------------------------------------*/
-
-.socile_icons {
-    border-radius: 5px;
-    overflow: hidden;
-    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
-    background: #fff;
-    min-height: 165px;
-}
-
-.social_icon {
-    width: 100%;
-    text-align: center;
-    font-size: 45px;
-    background: black;
-    padding: 10px 0 8px;
-    color: #fff;
-    background: #222;
-}
-
-.fb .social_icon {
-    background: #3b5998;
-}
-
-.tw .social_icon {
-    background: #00aced;
-}
-
-.linked .social_icon {
-    background: #0077B5;
-}
-
-.google_p .social_icon {
-    background: #d34836;
-}
-
-.socile_icons .social_cont {
-    float: left;
-    text-align: center;
-    width: 100%;
-    padding: 15px 0 15px;
-}
-
-.socile_icons .social_cont ul {
-    margin: 0;
-    list-style: none;
-}
-
-.socile_icons .social_cont ul li {
-    float: left;
-    width: 50%;
-    font-size: 18px;
-    color: #455a64;
-    line-height: 24px;
-}
-
-.socile_icons .social_cont ul li span {
-    float: left;
-    width: 100%;
-    color: #99abb4;
-    font-size: 17px;
-    font-weight: 300;
-}
-
-.socile_icons .social_cont ul li span strong {
-    font-weight: 600;
-    color: #455a64;
-    font-size: 18px;
-}
-
-
-/*------------------------------------------------------------------
-    9. Pie charts
--------------------------------------------------------------------*/
-
-
-/**  **/
-
-#canvas-holder {
-    width: 100%;
-    margin-top: 50px;
-    text-align: center;
-}
-
-#chartjs-tooltip {
-    opacity: 1;
-    position: absolute;
-    background: rgba(0, 0, 0, .7);
-    color: white;
-    border-radius: 3px;
-    -webkit-transition: all .1s ease;
-    transition: all .1s ease;
-    pointer-events: none;
-    -webkit-transform: translate(-50%, 0);
-    transform: translate(-50%, 0);
-}
-
-.chartjs-tooltip-key {
-    display: inline-block;
-    width: 10px;
-    height: 10px;
-    margin-right: 10px;
-}
-
-
-/*------------------------------------------------------------------
-    10. Testimonial slider
--------------------------------------------------------------------*/
-
-#testimonial_slider.carousel {
-    width: 86%;
-    margin: 35px 7% 35px;
-}
-
-#testimonial_slider .carousel-inner {
-    padding: 0;
-    text-align: center;
-}
-
-#testimonial_slider.carousel .item {
-    color: #999;
-    font-size: 14px;
-    text-align: center;
-    overflow: hidden;
-    min-height: auto;
-}
-
-#testimonial_slider.carousel .item a {
-    color: #eb7245;
-}
-
-#testimonial_slider.carousel .img-box {
-    width: 120px;
-    height: 120px;
-    margin: 0 auto;
-    border-radius: 50%;
-}
-
-#testimonial_slider.carousel .img-box img {
-    width: 100%;
-    height: 100%;
-    display: block;
-    border-radius: 50%;
-}
-
-#testimonial_slider.carousel .testimonial {
-    padding: 30px 0 10px;
-    color: rgba(255, 255, 255, .7);
-    font-size: 15px;
-    line-height: 24px;
-}
-
-#testimonial_slider.carousel .overview {
-    text-align: center;
-    padding-bottom: 5px;
-    font-size: 14px;
-    color: #1ed085;
-    font-weight: 500;
-    line-height: 14px;
-}
-
-#testimonial_slider.carousel .overview b {
-    color: #fff;
-    font-size: 16px;
-    text-transform: none;
-    display: block;
-    padding-bottom: 5px;
-    font-weight: 500;
-}
-
-#testimonial_slider.carousel .star-rating i {
-    font-size: 18px;
-    color: #ffdc12;
-}
-
-#testimonial_slider.carousel .carousel-control {
-    width: 30px;
-    height: 30px;
-    border-radius: 50%;
-    background: #fff;
-    text-shadow: none;
-    top: 0;
-    opacity: 1;
-}
-
-#testimonial_slider.carousel .carousel-control i {
-    font-size: 20px;
-    margin-right: 2px;
-    color: #15283c;
-    margin-top: -2px;
-}
-
-#testimonial_slider.carousel .carousel-control.left {
-    left: auto;
-    right: 40px;
-}
-
-#testimonial_slider.carousel .carousel-control.right i {
-    margin-right: -2px;
-    margin-top: -2px;
-}
-
-#testimonial_slider.carousel .carousel .carousel-indicators {
-    bottom: 15px;
-}
-
-#testimonial_slider.carousel .carousel-indicators li,
-#testimonial_slider.carousel .carousel-indicators li.active {
-    width: 11px;
-    height: 11px;
-    margin: 1px 5px;
-    border-radius: 50%;
-}
-
-#testimonial_slider.carousel .carousel-indicators li {
-    background: #e2e2e2;
-    border-color: transparent;
-}
-
-#testimonial_slider.carousel .carousel-indicators li.active {
-    border: none;
-    background: #888;
-}
-
-
-/*------------------------------------------------------------------
-    11. Job History Section
--------------------------------------------------------------------*/
-
-.job_history_head {
-    font-weight: normal;
-    height: auto;
-    border-radius: 5px 5px 0 0;
-    padding: 35px 45px 32px;
-    background-size: cover;
-    background-color: #214162;
-    position: relative;
-}
-
-.job_history_head h3 {
-    color: #fff;
-    text-transform: none;
-    font-weight: 400;
-    font-size: 22px;
-}
-
-.job_history {
-    min-height: 300px;
-    background: #fff;
-    border-radius: 5px;
-    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
-    float: left;
-    width: 100%;
-    margin-bottom: 15px;
-}
-
-.plus_green_bt {
-    position: absolute;
-    right: 0;
-    bottom: -54px;
-}
-
-.plus_green_bt a {
-    background: #1ed085;
-    color: #fff;
-    width: 45px;
-    height: 45px;
-    float: right;
-    border-radius: 50%;
-    text-align: center;
-    line-height: 45px;
-    font-size: 28px;
-    font-weight: 500;
-}
-
-.job_history_inner .list_cont {
-    border-bottom: 1px solid #f2f2f2;
-    padding: 25px 40px;
-}
-
-.job_history_inner .list_cont p {
-    margin: 2px 0 0 0;
-    font-size: 16px;
-    color: #455a64;
-}
-
-.job_list {
-    width: 100%;
-    list-style: none;
-    margin: 0;
-}
-
-.job_list li {
-    padding: 10px;
-    border-bottom: solid #eee 1px;
-    line-height: normal;
-    font-size: 16px;
-    border-left: solid 5px #666;
-}
-
-.main_bt {
-    min-width: 125px;
-    height: auto;
-    float: left;
-    background: #1ed085;
-    text-align: center;
-    color: #fff;
-    padding: 10px 25px;
-    font-size: 16px;
-    border-radius: 5px;
-    border: none;
-    transition: ease all 0.5s;
-    cursor: pointer;
-    font-weight: 300;
-}
-
-button.main_bt {
-    float: none;
-    margin: 0;
-}
-
-.main_bt:hover,
-.main_bt:focus {
-    background: #ff5722;
-    color: #fff;
-}
-
-.job_list li a {
-    color: #99abb4;
-    font-size: 16px;
-}
-
-.job_list li strong {
-    font-weight: 600;
-    color: #455a64;
-}
-
-/*.job_list li:nth-child(1) {*/
-/*    border-left-color: #ff9800;*/
-/*}*/
-
-.job_list li[class*=STARTED] {
-    border-left-color: #2196f3;
-}
-
-/*.job_list li:nth-child(3) {*/
-/*    border-left-color: #673ab7;*/
-/*}*/
-
-.job_list li[class*=FAILED] {
-    border-left-color: #e91e63;
-}
-
-.job_list li[class*=FINISHED] {
-    border-left-color: #1ed085;
-}
-
-.job_list .job {
-    display: flex;
-    justify-content: space-between;
-}
-
-.job_list .job .job_id {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-width: 100px;
-}
-
-.job_list .job .job_id a {
-    font-size: larger;
-}
-
-.job_list .job .filler {
-    display: flex;
-    flex: auto;
-    border-left: 2px dashed cadetblue;
-}
-
-.job_list .job .job_detail {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    flex: 0 0 35%;
-}
-
-.job_list .job .job_detail.job_actions {
-    flex: 0 0 5%;
-}
-
-.job_list .job .job_detail.job_actions i {
-    cursor: pointer;
-}
-
-.job_list .job .job_detail.job_actions i + i {
-    margin-top: 0.5rem
-}
-
-.job_list .job .job_detail.job_actions i.retry {
-    color: #2196f3;
-}
-
-.job_list .job .job_detail.job_actions i.delete {
-    color: #dc3545;
-}
-
-.job_list .job .job_attr_id {
-    width: 50px;
-}
-
-.job_list .job .job_attr_icon {
-    width: 20px;
-}
-
-.job_list .job .job_attr_value {
-    font-weight: bolder;
-    margin-left: 5px;
-}
-
-.job_list .job .job_attr_value[class*=STARTED] {
-    color: #2196f3;
-}
-
-.job_list .job .job_attr_value[class*=FINISHED] {
-    color: #1ed085;
-}
-
-.job_list .job .job_attr_value[class*=FAILED] {
-    color: #dc3545;
-}
-
-.job_list .job .job_attr_value.RUN {
-    color: #007bff;
-}
-
-.job_list .job .job_attr_value.DESTROY {
-    color: #dc3545;
-}
-
-.msg_list li:nth-child(1) {
-    border-left-color: #ff9800;
-}
-
-.msg_list li:nth-child(2) {
-    border-left-color: #2196f3;
-}
-
-.msg_list li:nth-child(3) {
-    border-left-color: #673ab7;
-}
-
-.msg_list li:nth-child(4) {
-    border-left-color: #e91e63;
-}
-
-.msg_list li:nth-child(5) {
-    border-left-color: #1ed085;
-}
-
-.job_list_main {
-    float: left;
-    width: 100%;
-}
-
-.msg_list_main {
-    float: left;
-    width: 100%;
-}
-
-.msg_list_main ul {
-    list-style: none;
-    float: left;
-    width: 100%;
-}
-
-.msg_list_main ul li {
-    padding: 22px 40px;
-    border-bottom: solid #eee 1px;
-    line-height: normal;
-    font-size: 14px;
-    border-left: solid 5px #666;
-    float: left;
-    width: 100%;
-    display: flex;
-    position: relative;
-}
-
-.msg_list_main ul li span .time_ago {
-    position: absolute;
-    right: 40px;
-    top: 25px;
-}
-
-.msg_list_main ul li span p {
-    margin: 0;
-}
-
-.msg_list_main ul li span .name_user {
-    font-size: 16px;
-    font-weight: 500;
-    color: #455a64;
-    float: left;
-    width: 100%;
-    margin-bottom: 0;
-    margin-top: 5px;
-}
-
-.msg_list_main ul li span .msg_user {
-    font-size: 15px;
-    font-weight: 300;
-    color: #99abb4;
-}
-
-.msg_list_main ul li>span:nth-child(1) {
-    margin-right: 20px;
-}
-
-.msg_list_main ul li>span img {
-    width: 70px;
-    border-radius: 100%;
-}
-
-.msg_list li:nth-child(4) {
-    border-bottom: none;
-}
-
-
-/*------------------------------------------------------------------
-    12. Dashboard Style 2
--------------------------------------------------------------------*/
-
-.dashboard_2 .social_icon {
-    float: left;
-    width: 50%;
-    height: 148px;
-}
-
-.dashboard_2 .socile_icons {
-    border-radius: 5px;
-    overflow: hidden;
-    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
-    background: #fff;
-    min-height: auto;
-}
-
-.dashboard_2 .social_icon {
-    line-height: 135px;
-    font-size: 60px;
-}
-
-.dashboard_2 .social_cont {
-    float: left;
-    width: 50%;
-    padding: 15px 15px;
-}
-
-.dashboard_2 .social_cont ul li {
-    float: left;
-    width: 100%;
-    font-size: 18px;
-    color: #455a64;
-    line-height: 24px;
-    text-align: right;
-    margin-bottom: 10px;
-    padding: 0 20px;
-}
-
-#chart-0,
-#chart-1,
-#chart-2,
-#chart-3 {
-    height: 380px;
-}
-
-
-/*------------------------------------------------------------------
-    13. Footer
--------------------------------------------------------------------*/
-
-.footer {
-    min-height: 65px;
-    background: #fff;
-    margin-top: 30px;
-    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
-    border-radius: 5px;
-    width: 100%;
-}
-
-.footer p {
-    margin: 0;
-    line-height: normal;
-    text-align: center;
-    font-size: 14px;
-    font-weight: 300;
-    color: #214162;
-    padding: 25px 15px;
-}
-
-
-/*------------------------------------------------------------------
-    14. Widgets section
--------------------------------------------------------------------*/
-
-.info_people {
-    padding: 35px;
-    display: flex;
-}
-
-.info_people .p_info_img {
-    width: 30%;
-}
-
-.info_people .p_info_img img {
-    width: 100%;
-    border-radius: 5px;
-}
-
-.info_people .user_info_cont {
-    width: 60%;
-    padding-left: 30px;
-    padding-top: 25px;
-}
-
-.info_people .user_info_cont h4 {
-    font-weight: 500;
-    margin-bottom: 5px;
-}
-
-.info_people .user_info_cont p {
-    margin: 0;
-    font-size: 15px;
-    font-weight: 400;
-}
-
-.info_people .user_info_cont p.p_status {
-    font-weight: 600;
-    color: #ff5722;
-    margin-top: 10px;
-}
-
-.widget_progress_bar {
-    padding: 40px 40px 50px 40px;
-}
-
-.widget_progress_bar .progress_no {
-    font-size: 24px;
-    color: #15283c;
-    font-weight: 500;
-    line-height: normal;
-    margin: 0;
-}
-
-.widget_progress_bar .progress_head {
-    font-size: 15px;
-    font-weight: 400;
-    color: #666;
-    padding: 0;
-}
-
-.widget_progress_bar .progress_bar {
-    padding: 0;
-}
-
-.widget_progress_bar .progress_bar .skill {
-    margin-top: 5px;
-}
-
-
-/*------------------------------------------------------------------
-    15. Calendar section
--------------------------------------------------------------------*/
-
-.calendar {
-    float: left;
-    width: 100%;
-}
-
-.calendar table.unstackable {
-    display: inline-table;
-    width: 100%;
-}
-
-.calendar table.unstackable thead tr:nth-child(1) th {
-    font-weight: 500;
-    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
-    border: none;
-    color: #fff;
-    text-align: center;
-    background: #1ed085;
-    font-size: 21px;
-    padding: 15px 0;
-}
-
-.calendar table.unstackable thead tr:nth-child(2) {
-    background: #666;
-    border: none;
-    color: #fff;
-}
-
-.calendar table.unstackable thead tr:nth-child(2) th {
-    font-weight: 500;
-    text-align: center;
-    border: none;
-}
-
-.calendar table.unstackable tbody tr {
-    text-align: center;
-    font-size: 15px;
-}
-
-.calendar table.unstackable thead tr:nth-child(1) th .prev.link {
-    position: absolute;
-    left: 30px;
-    font-size: 32px;
-    font-weight: 600;
-    top: 6px;
-    cursor: pointer;
-}
-
-.calendar table.unstackable thead tr:nth-child(1) th .next.link {
-    position: absolute;
-    right: 30px;
-    font-size: 32px;
-    font-weight: 600;
-    top: 6px;
-    cursor: pointer;
-}
-
-.link.disabled {
-    opacity: 0.4;
-}
-
-.calendar tr {
-    position: relative;
-}
-
-i.icon.chevron.left::before {
-    content: "\f104";
-}
-
-i.icon.chevron.right::before {
-    content: "\f105";
-}
-
-i.icon,
-i.icons {
-    font-size: 1em;
-}
-
-i.icon {
-    font-family: fontawesome;
-    font-style: normal;
-    font-weight: 400;
-    text-align: center;
-}
-
-
-/*------------------------------------------------------------------
-    16. General Elements 
--------------------------------------------------------------------*/
-
-.link.today {
-    background: #ff5722;
-    color: #fff;
-    font-weight: 600;
-}
-
-
-/** tabbar style 1 **/
-
-.tab-content p {
-    margin: 0;
-    line-height: normal;
-    font-size: 14px;
-    font-weight: 300;
-}
-
-.tabbar .nav-tabs {
-    border-bottom: solid #eee 1px;
-}
-
-.tabbar nav div.nav-tabs .nav-link {
-    border-radius: 0;
-    padding: 8px 20px;
-    font-size: 14px;
-    font-weight: 300;
-}
-
-
-/** tabbar style 2 **/
-
-.tab_style2 .tabbar nav div.nav-tabs .nav-link.active {
-    background: #ff5722;
-    color: #fff;
-    border-color: #ff5722;
-}
-
-
-/** tabbar style 3 **/
-
-.tab_style3 #v-pills-tab {
-    float: left;
-    width: auto;
-    min-width: 120px;
-}
-
-.tab_style3 #v-pills-tabContent {
-    float: left;
-    width: 80%;
-    padding: 0 20px;
-}
-
-.tab_style3 .tabbar {
-    display: flex;
-}
-
-.tab_style3 div.tabbar div.nav-pills .nav-link.active {
-    background: #ff5722;
-    color: #fff;
-    border-color: #ff5722;
-}
-
-
-/** button section **/
-
-.btn {
-    /*font-size: 14px;*/
-}
-
-.button_sction {
-    float: left;
-    width: 100%;
-}
-
-.button_sction .button_block {
-    float: left;
-    margin: 5px;
-}
-
-.button_sction .button_block button {
-    margin: 0;
-}
-
-
-/** pagination **/
-
-.pagination .btn {
-    background: #1ed085;
-    color: #fff;
-    border-color: #1ed085;
-    width: 45px;
-    height: 40px;
-    font-size: 14px;
-    font-weight: 500;
-}
-
-.pagination.button_section {
-    margin: 5px;
-}
-
-.pagination .btn.active,
-.pagination .btn:hover,
-.pagination .btn:focus {
-    background: #333;
-    border-color: #333;
-}
-
-
-/**-- model bt --**/
-
-.model_bt {
-    padding: 11px 20px 10px;
-}
-
-.dropdown_section {
-    float: left;
-    margin: 5px;
-}
-
-
-/*------------------------------------------------------------------
-    17. Gallery Section   
--------------------------------------------------------------------*/
-
-.gallery_section_inner .column {
-    background: #fff;
-    box-shadow: 0 0 13px -10px #000;
-    overflow: hidden;
-}
-
-.heading_section {
-    border-top: solid #1ed085 2px;
-    background: #15283c;
-}
-
-.heading_section h4 {
-    color: #fff;
-    margin: 0;
-    font-weight: 200;
-    text-align: center;
-    padding: 16px 0 16px;
-    font-size: 15px;
-}
-
-
-/*------------------------------------------------------------------
-    18. Icons  
--------------------------------------------------------------------*/
-
-.fontawesome-icons-list .fw_icon a {
-    transition: ease all 0.2s;
-}
-
-.fw_icon a {
-    float: left;
-    width: 100%;
-    padding: 10px 15px;
-    font-size: 14px;
-    border-radius: 2px;
-    color: rgba(21, 40, 60, 0.6);
-}
-
-.fw_icon a i {
-    width: 25px;
-    text-align: center;
-    margin-right: 5px;
-    font-size: 17px;
-}
-
-.fontawesome-icons-list .fw_icon a:hover,
-.fontawesome-icons-list .fw_icon a:focus {
-    background-color: #1ed085;
-    color: #fff;
-    text-decoration: none;
-    transform: scale(1.1);
-}
-
-.fw_icon {
-    width: 20%;
-}
-
-.fontawesome-icons-list .fw_icon:nth-child(2n+2) {
-    background: #f9f9f9;
-}
-
-
-/*------------------------------------------------------------------
-    19. Invoice  
--------------------------------------------------------------------*/
-
-h2.invoice_head {
-    font-size: 22px;
-    font-weight: 500;
-    color: #222;
-}
-
-h2.invoice_head small {
-    font-size: 13px;
-    font-weight: 500;
-}
-
-.heading1 h2 i {
-    position: relative;
-    top: 1px;
-}
-
-.invoice_blog h4 {
-    color: #15283c;
-    background: #f8f8f8;
-    padding: 15px 20px;
-    font-weight: 400;
-    font-size: 18px;
-}
-
-.invoice_blog p {
-    margin: 0;
-    padding: 0 20px;
-    line-height: 26px;
-}
-
-.invoice_blog p strong {
-    font-weight: 500;
-    color: #15283c;
-}
-
-.table_row thead {
-    border: none;
-}
-
-.table_row thead tr {
-    border: none;
-    background: #f8f8f8;
-    color: #15283c;
-}
-
-.table_row thead tr th {
-    border: none;
-    font-size: 15px;
-    font-weight: 500;
-    padding: 14px 25px 14px;
-    color: #15283c;
-    text-transform: uppercase;
-}
-
-.invoice_page .table-striped tbody tr:nth-of-type(2n+2) {
-    background-color: #f8f8f8;
-}
-
-.invoice_page .table-striped tbody tr:nth-of-type(2n+1) {
-    background-color: #fff;
-}
-
-.table_row tbody {}
-
-.table_row tbody tr {
-    border: none;
-}
-
-.table_row tbody tr td {
-    font-size: 14px;
-    font-weight: 400;
-    padding: 12px 25px 12px;
-    border: none;
-    color: #58718a;
-}
-
-
-/*------------------------------------------------------------------
-    20. Price table  
--------------------------------------------------------------------*/
-
-.price_table table.table {
-    margin: 0;
-}
-
-.payment_option {
-    list-style: none;
-    float: left;
-    width: 100%;
-}
-
-.payment_option li {
-    display: inline;
-    float: left;
-    margin-right: 10px;
-    border-radius: 5px;
-}
-
-.price_table table th {
-    font-weight: 500;
-}
-
-.price_table table th,
-.price_table table td {
-    border: none;
-    padding: 10px 15px;
-    font-size: 14px;
-    color: #666;
-    vertical-align: middle;
-}
-
-p.note_cont {
-    float: left;
-    width: 100%;
-    border: solid #1ed085 1px;
-    padding: 11px 20px;
-    border-radius: 3px;
-    color: #1ed085;
-    background: rgba(30, 208, 133, 0.05);
-    margin-top: 15px;
-}
-
-
-/*------------------------------------------------------------------
-    21. Mail
--------------------------------------------------------------------*/
-
-.mail-box {
-    border-collapse: collapse;
-    border-spacing: 0;
-    display: table;
-    table-layout: fixed;
-    width: 100%;
-}
-
-.mail-box aside {
-    display: table-cell;
-    float: none;
-    height: 100%;
-    padding: 0;
-    vertical-align: top;
-}
-
-.mail-box .sm-side {
-    background: #fff;
-    border-radius: 0;
-    width: 20%;
-}
-
-.mail-box .lg-side {
-    background: none repeat scroll 0 0 #fff;
-    border-radius: 0 4px 4px 0;
-    width: 80%;
-}
-
-.mail-box .sm-side .user-head {
-    background: #214162;
-    border-radius: 0;
-    color: #fff;
-    min-height: 80px;
-    padding: 11px 25px;
-    float: left;
-    width: 100%;
-}
-
-.user-head .inbox-avatar {
-    float: left;
-    width: 65px;
-    margin-right: 5px;
-}
-
-.user-head .inbox-avatar img {
-    border-radius: 100%;
-}
-
-.user-head .user-name {
-    display: inline-block;
-    margin: 0 0 0 10px;
-}
-
-.user-head .user-name h5 {
-    font-size: 16px;
-    font-weight: 400;
-    margin-bottom: -5px;
-    margin-top: 10px;
-    text-transform: none;
-}
-
-.user-head .user-name h5 a {
-    color: #fff;
-}
-
-.user-head .user-name span a {
-    color: #1ed085;
-    font-size: 13px;
-}
-
-a.mail-dropdown {
-    background: none repeat scroll 0 0 #80d3d9;
-    border-radius: 2px;
-    color: #01a7b3;
-    font-size: 10px;
-    margin-top: 20px;
-    padding: 3px 5px;
-}
-
-.inbox-body {
-    padding: 20px;
-    float: left;
-    width: 100%;
-}
-
-.labels-category {
-    float: left;
-    width: 100%;
-    padding: 20px 0 20px 0;
-}
-
-.btn-compose {
-    background: #1ed085;
-    color: #fff;
-    padding: 12px 0;
-    text-align: center;
-    width: 100%;
-    font-size: 15px;
-    font-weight: 500;
-}
-
-.btn-compose:hover {
-    background: #ff5722;
-    color: #fff;
-}
-
-ul.inbox-nav {
-    display: inline-block;
-    margin: 0;
-    padding: 0 0 20px 0;
-    width: 100%;
-}
-
-.labels-info {
-    float: left;
-    width: 100%;
-    padding: 20px;
-}
-
-ul.labels-category li {
-    float: left;
-    width: 100%;
-    margin: 5px 0;
-    padding: 0 20px;
-}
-
-ul.labels-category li a:hover {
-    color: #1ed085;
-}
-
-.inbox-divider {
-    border-bottom: 1px solid #ddd;
-}
-
-ul.inbox-nav li {
-    display: inline-block;
-    line-height: 45px;
-    width: 100%;
-}
-
-ul.inbox-nav li a {
-    display: inline-block;
-    line-height: 48px;
-    padding: 0 20px;
-    width: 100%;
-    font-size: 15px;
-}
-
-ul.inbox-nav li a:hover,
-ul.inbox-nav li.active a,
-ul.inbox-nav li a:focus {
-    background: #214162;
-    color: #fff;
-}
-
-ul.inbox-nav li a:hover i,
-ul.inbox-nav li.active a i,
-ul.inbox-nav li a:focus i {
-    color: #fff;
-}
-
-ul.inbox-nav li a i {
-    color: #6a6a6a;
-    font-size: 18px;
-    padding-right: 10px;
-    position: relative;
-    top: 1px;
-}
-
-ul.inbox-nav li a span.label {}
-
-ul.labels-info li h4 {
-    color: #5c5c5e;
-    font-size: 13px;
-    padding-left: 15px;
-    padding-right: 15px;
-    padding-top: 5px;
-    text-transform: uppercase;
-}
-
-ul.labels-category li h4 {
-    margin: 0 0 10px 0;
-    font-size: 21px;
-    font-weight: 400;
-    line-height: normal;
-}
-
-ul.labels-info li {
-    margin: 0;
-}
-
-ul.labels-category li i {
-    font-size: 12px;
-    position: relative;
-    top: -2px;
-    margin-right: 5px;
-}
-
-ul.labels-info li a {
-    border-radius: 0;
-    color: #6a6a6a;
-}
-
-ul.labels-info li a:hover,
-ul.labels-info li a:focus {
-    background: none repeat scroll 0 0 #d5d7de;
-    color: #6a6a6a;
-}
-
-ul.labels-info li a i {
-    padding-right: 10px;
-}
-
-.nav.nav-pills.nav-stacked.labels-info p {
-    color: #9d9f9e;
-    font-size: 11px;
-    margin-bottom: 0;
-    padding: 0 22px;
-}
-
-.inbox-head {
-    background: #f6f6f6;
-    border-radius: 0;
-    color: #fff;
-    min-height: 80px;
-    padding: 24px 30px 24px;
-    background-size: cover;
-    background-position: center center;
-}
-
-.inbox-head h3 {
-    display: inline-block;
-    font-weight: 500;
-    margin: 0;
-    padding-top: 3px;
-    text-transform: none;
-    letter-spacing: 0;
-    color: #15283c;
-    font-size: 21px;
-}
-
-.inbox-head .sr-input {
-    border: medium none;
-    border-radius: 0;
-    box-shadow: none;
-    color: #222;
-    float: left;
-    height: 40px;
-    padding: 0 20px;
-    font-size: 14px;
-    font-weight: 500;
-    width: 210px;
-}
-
-.inbox-head .sr-btn {
-    background: #ff5722;
-    border: medium none;
-    border-radius: 0;
-    color: #fff;
-    height: 40px;
-    padding: 0;
-    width: 40px;
-}
-
-.table-inbox {
-    border: 1px solid #d3d3d3;
-    margin-bottom: 0;
-}
-
-.table-inbox tr td {
-    padding: 12px !important;
-}
-
-.table-inbox tr td:hover {
-    cursor: pointer;
-}
-
-.table-inbox tr td .fa-star.inbox-started,
-.table-inbox tr td .fa-star:hover {
-    color: #f78a09;
-}
-
-.table-inbox tr td .fa-star {
-    color: #d5d5d5;
-}
-
-.table-inbox tr.unread td {
-    background: none repeat scroll 0 0 #f7f7f7;
-    font-weight: 400;
-    font-size: 13px;
-}
-
-ul.inbox-pagination {
-    float: right;
-}
-
-ul.inbox-pagination li {
-    float: left;
-}
-
-.mail-option {
-    display: inline-block;
-    margin-bottom: 10px;
-    width: 100%;
-}
-
-.mail-option .chk-all,
-.mail-option .btn-group {
-    margin-right: 5px;
-}
-
-.mail-option .chk-all,
-.mail-option .btn-group a.btn {
-    background: none repeat scroll 0 0 #fcfcfc;
-    border: 1px solid #e7e7e7;
-    border-radius: 3px !important;
-    color: #afafaf;
-    display: inline-block;
-    padding: 5px 10px;
-}
-
-.inbox-pagination a.np-btn {
-    background: #1ed085;
-    border: 1px solid #1ed085;
-    border-radius: 0;
-    color: #fff;
-    display: inline-block;
-    padding: 0 15px;
-    font-size: 20px;
-}
-
-.mail-option .chk-all input[type="checkbox"] {
-    margin-top: 0;
-}
-
-.mail-option .btn-group a.all {
-    border: medium none;
-    padding: 0;
-}
-
-.inbox-pagination a.np-btn {
-    margin-left: 5px;
-}
-
-.inbox-pagination li span {
-    display: inline-block;
-    margin-right: 10px;
-    margin-top: 7px;
-    font-size: 14px;
-}
-
-.fileinput-button {
-    background: none repeat scroll 0 0 #eeeeee;
-    border: 1px solid #e6e6e6;
-}
-
-.inbox-body .modal .modal-body input,
-.inbox-body .modal .modal-body textarea {
-    border: 1px solid #e6e6e6;
-    box-shadow: none;
-}
-
-.btn-send,
-.btn-send:hover {
-    background: none repeat scroll 0 0 #00a8b3;
-    color: #fff;
-}
-
-.btn-send:hover {
-    background: none repeat scroll 0 0 #009da7;
-}
-
-.modal-header h4.modal-title {
-    font-family: "Open Sans", sans-serif;
-    font-weight: 300;
-}
-
-.modal-body label {
-    font-family: "Open Sans", sans-serif;
-    font-weight: 400;
-}
-
-.heading-inbox h4 {
-    border-bottom: 1px solid #ddd;
-    color: #444;
-    font-size: 18px;
-    margin-top: 20px;
-    padding-bottom: 10px;
-}
-
-.sender-info {
-    margin-bottom: 20px;
-}
-
-.sender-info img {
-    height: 30px;
-    width: 30px;
-}
-
-.sender-dropdown {
-    background: none repeat scroll 0 0 #eaeaea;
-    color: #777;
-    font-size: 10px;
-    padding: 0 3px;
-}
-
-.view-mail a {
-    color: #ff6c60;
-}
-
-.attachment-mail {
-    margin-top: 30px;
-}
-
-.attachment-mail ul {
-    display: inline-block;
-    margin-bottom: 30px;
-    width: 100%;
-}
-
-.attachment-mail ul li {
-    float: left;
-    margin-bottom: 10px;
-    margin-right: 10px;
-    width: 150px;
-}
-
-.attachment-mail ul li img {
-    width: 100%;
-}
-
-.attachment-mail ul li span {
-    float: right;
-}
-
-.attachment-mail .file-name {
-    float: left;
-}
-
-.attachment-mail .links {
-    display: inline-block;
-    width: 100%;
-}
-
-.fileinput-button {
-    float: left;
-    margin-right: 4px;
-    overflow: hidden;
-    position: relative;
-}
-
-.fileinput-button input {
-    cursor: pointer;
-    direction: ltr;
-    font-size: 23px;
-    margin: 0;
-    opacity: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-    transform: translate(-300px, 0px) scale(4);
-}
-
-.fileupload-buttonbar .btn,
-.fileupload-buttonbar .toggle {
-    margin-bottom: 5px;
-}
-
-.files .progress {
-    width: 200px;
-}
-
-.table thead th {
-    font-weight: 400;
-}
-
-.table-hover tbody tr.unread:hover,
-.table-hover tbody tr.unread:focus {
-    color: #333;
-}
-
-.table-hover tbody tr:hover,
-.table-hover tbody tr:focus {
-    background-color: #1ed085 !important;
-    color: #fff;
-}
-
-.view-message.inbox-small-cells i {
-    font-size: 17px;
-}
-
-ul.labels-category li p {
-    margin: 0 0 5px 0;
-    padding: 0 0 0 18px;
-}
-
-.fileupload-processing .fileupload-loading {
-    display: block;
-}
-
-* html .fileinput-button {
-    line-height: 24px;
-    margin: 1px -3px 0 0;
-}
-
-*+html .fileinput-button {
-    margin: 1px 0 0;
-    padding: 2px 15px;
-}
-
-@media (max-width: 767px) {
-    .files .btn span {
-        display: none;
-    }
-    .files .preview * {
-        width: 40px;
-    }
-    .files .name * {
-        display: inline-block;
-        width: 80px;
-        word-wrap: break-word;
-    }
-    .files .progress {
-        width: 20px;
-    }
-    .files .delete {
-        width: 60px;
-    }
-}
-
-
-/*------------------------------------------------------------------
-    22. Price table page
--------------------------------------------------------------------*/
-
-.price_table_head h2 {
-    line-height: normal;
-    color: #fff;
-    text-align: center;
-    font-weight: 400;
-    padding: 18px 20px;
-    font-size: 24px;
-}
-
-.cont_table_price_blog {
-    text-align: center;
-}
-
-.cont_table_price_blog p {
-    font-size: 24px;
-    line-height: normal;
-    margin: 0;
-    padding: 15px 0;
-    font-weight: 400;
-    border-bottom: solid #ddd 1px;
-}
-
-.cont_table_price ul {
-    text-align: center;
-    line-height: normal;
-    padding: 20px 0 10px;
-    float: left;
-    width: 100%;
-    background: #f8f8f8;
-}
-
-.cont_table_price li {
-    margin: 10px 0;
-    float: left;
-    width: 100%;
-    padding-bottom: 5px;
-    font-size: 15px;
-    font-weight: 300;
-}
-
-.cont_table_price ul li:last-child {
-    border-bottom: none;
-}
-
-.cont_table_price_blog p span.price_no {
-    font-size: 60px;
-    font-weight: 600;
-}
-
-.price_table_bottom {
-    float: left;
-    width: 100%;
-}
-
-.price_table_head {
-    margin: -1px -1px 0;
-}
-
-.table_price {
-    border: solid #ddd 1px;
-    padding-bottom: 35px;
-    margin-bottom: 20px;
-}
-
-.price_table_bottom {
-    float: left;
-    width: 100%;
-    border-top: solid #ddd 1px;
-    padding-top: 35px;
-}
-
-
-/*------------------------------------------------------------------
-    23. Contact page
--------------------------------------------------------------------*/
-
-.contact_blog {
-    float: left;
-    width: 100%;
-    border: solid #ddd 1px;
-    border-radius: 3px;
-    padding: 30px;
-}
-
-.contact_blog h4.brief {
-    font-size: 15px;
-    font-weight: 300;
-    color: #455a64;
-    margin: -5px 0 5px;
-    line-height: normal;
-}
-
-.contact_inner {
-    float: left;
-    width: 100%;
-}
-
-.contact_inner .left {
-    width: 70%;
-    float: left;
-    padding-right: 20px;
-}
-
-.contact_inner .right {
-    width: 30%;
-    float: left;
-}
-
-.contact_inner h3 {
-    font-weight: 600;
-    text-transform: none;
-    font-size: 20px;
-    margin-bottom: 10px;
-    color: #455a64;
-}
-
-.contact_inner p {
-    font-size: 13px;
-    margin: 0 0 10px 0;
-}
-
-.contact_inner p strong {
-    font-weight: 600;
-}
-
-.contact_inner .list-unstyled {
-    list-style: none;
-}
-
-.contact_inner .list-unstyled li {
-    float: left;
-    margin-right: 15px;
-    font-size: 14px;
-    color: #58718a;
-    width: 100%;
-}
-
-.profile_contacts img {
-    border-radius: 100%;
-    border: 1px solid #ddd;
-    padding: 4px;
-}
-
-.bottom_list {
-    float: left;
-    width: 100%;
-    border-top: solid #ddd 1px;
-    margin-top: 20px;
-    padding-top: 20px;
-}
-
-.bottom_list .left_rating {
-    float: left;
-    width: auto;
-}
-
-.bottom_list .right_button {
-    float: right;
-}
-
-.bottom_list .left_rating p.ratings {
-    margin: 0;
-    font-size: 16px;
-    padding: 7px 0;
-}
-
-.bottom_list .left_rating p.ratings a {}
-
-.fa.fa-star {
-    color: #ff9800;
-}
-
-.profile_img {
-    float: left;
-    margin-right: 20px;
-}
-
-.profile_contant {
-    float: left;
-    padding: 0 20px 20px 20px;
-    width: 100%;
-}
-
-.tab-content .msg_list_main ul li {
-    padding-top: 15px;
-    padding-bottom: 15px;
-}
-
-.tab-content .msg_list_main ul li {
-    border-left: none;
-    padding-left: 15px;
-    padding-right: 0;
-}
-
-.user_progress_bar .progress_bar {
-    padding: 0;
-}
-
-.dis_flex {
-    display: flex;
-}
-
-td ul.list-inline li {
-    display: inline;
-    margin: 0 5px;
-}
-
-
-/*------------------------------------------------------------------
-    24. Progress bar
--------------------------------------------------------------------*/
-
-.progress-bar {
-    background-color: #1ed085;
-    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
-}
-
-.progress {
-    display: flex;
-    height: 10px;
-    overflow: hidden;
-    font-size: .75rem;
-    background-color: #fff;
-    border-radius: 10px;
-}
-
-.projects .btn.btn-success {
-    background: #1ed085;
-    color: #fff;
-    font-size: 12px;
-    border: none;
-    font-weight: 400;
-    padding: 6px 15px;
-    border-radius: 50px;
-}
-
-table.projects tr td:first-child {
-    text-align: center;
-}
-
-.table.projects thead.thead-dark th {
-    background: #15283c;
-    font-weight: 300;
-    padding: 15px 15px;
-}
-
-.table.projects tbody td {
-    padding: 15px 15px;
-}
-
-.table-responsive-sm {
-    overflow: auto;
-}
-
-
-/*------------------------------------------------------------------
-    25. Login Section
--------------------------------------------------------------------*/
-
-.login {
-    background: #eee;
-}
-
-.full_height {
-    height: 100vh;
-}
-
-.login_section {
-    max-width: 640px;
-    background: #fff;
-    min-height: 540px;
-    width: 100%;
-    box-shadow: 0px 0 10px -8px #000;
-    margin: 0px;
-    padding: 0;
-    border-radius: 10px;
-    overflow: hidden;
-}
-
-.logo_login {
-    background: url('images/layout_img/login_image.jpg');
-    padding: 50px 0;
-    background-position: center center;
-    position: relative;
-}
-
-.logo_login::after {
-    content: "";
-    display: block;
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    background: rgba(21, 40, 60, .8);
-    top: 0px;
-    left: 0;
-}
-
-.logo_login div {
-    position: relative;
-    z-index: 1;
-}
-
-.login_form {
-    padding: 50px 50px;
-    float: left;
-    width: 100%;
-}
-
-.login_form form {
-    float: left;
-    width: 100%;
-}
-
-.login_form form .field {
-    display: flex;
-    margin: 0;
-}
-
-.login_form form .field label.label_field {
-    margin: 0 30px 0 0;
-    width: 115px;
-    line-height: 45px;
-    text-align: right;
-    height: 45px;
-    font-weight: 300;
-    font-size: 15px;
-}
-
-.login_form form .field {
-    display: block;
-    margin: 0 0 20px;
-}
-
-.login_form form .field input {
-    border-top: none;
-    border-left: none;
-    border-right: none;
-    border-bottom: solid #ddd 2px;
-    width: 395px;
-    float: right;
-    padding: 10px;
-    line-height: normal;
-    font-weight: 300;
-    transition: ease all 0.5s;
-}
-
-.login_form form .field input:hover,
-.login_form form .field input:focus {
-    box-shadow: none;
-}
-
-.login_form .field label.form-check-label .form-check-input {
-    width: auto;
-}
-
-.hidden {
-    visibility: hidden;
-}
-
-.login_form .field label.form-check-label {
-    margin-left: 20px;
-    position: relative;
-    top: 0;
-}
-
-.forgot {
-    float: right;
-    margin: 11px 0;
-    position: relative;
-    left: 0;
-    color: #ff5722;
-}
-
-
-/*------------------------------------------------------------------
-    26. Error
--------------------------------------------------------------------*/
-
-.error_page h2 {
-    font-size: 150px;
-    line-height: 150px;
-    text-align: center;
-    font-weight: 300;
-}
-
-.error_page h3 {
-    color: #444d5b;
-    text-align: center;
-    font-weight: 700;
-    font-size: 50px;
-    line-height: 50px;
-    margin-bottom: 25px;
-    text-shadow: none;
-    margin-top: 10px;
-}
-
-.error_page h3+p {
-    font-size: 16px;
-    margin-top: -10px;
-    margin-bottom: 30px;
-    text-align: center;
-}
-
-.error_404 {
-    background-size: cover;
-    background-color: #fff;
-}
-
-
-/*------------------------------------------------------------------
-    27. Map
--------------------------------------------------------------------*/
-
-#map {
-    height: 100%;
-    min-height: 720px;
-}
-
-
-/*------------------------------------------------------------------
-    28. Custom style for stack logs
--------------------------------------------------------------------*/
-
-.form-check{
-    margin-bottom: 0.5rem;
-}
-.form-check-input{
-    margin-top: 0;
-    margin-left: -1.5rem;
-}
-
-/*------------------------------------------------------------------
-    29. Custom style for wizard
--------------------------------------------------------------------*/
-
-.wizard {
-    margin: 20px auto;
-    background: #fff;
-    width:100%;
-}
-
-.wizard .nav-tabs {
-    position: relative;
-    margin-bottom: 0;
-    border-bottom-color: #e0e0e0;
-}
-
-.wizard > div.wizard-inner {
-    position: relative;
-}
-
-.connecting-line {
-    height: 2px;
-    background: #e0e0e0;
-    position: absolute;
-    width: 66%;
-    margin: 0 auto;
-    left: 0;
-    right: 0;
-    top: 50%;
-    z-index: 1;
-}
-
-.wizard .nav-tabs > li.active > a,
-.wizard .nav-tabs > li.active > a:hover,
-.wizard .nav-tabs > li.active > a:focus {
-    color: #555555;
-    cursor: default;
-    border: 0;
-    border-bottom-color: transparent;
-}
-
-span.round-tab {
-    width: 70px;
-    height: 70px;
-    line-height: 70px;
-    display: inline-block;
-    border-radius: 100px;
-    background: #fff;
-    border: 2px solid #e0e0e0;
-    z-index: 2;
-    position: absolute;
-    left: 0;
-    text-align: center;
-    font-size: 25px;
-}
-
-span.round-tab i {
-    color: #555555;
-}
-
-.wizard li a.active span.round-tab {
-    background: #fff;
-    border: 2px solid #5bc0de;
-
-}
-
-.wizard li a.active span.round-tab i {
-    color: #5bc0de;
-}
-
-span.round-tab:hover {
-    color: #333;
-    border: 2px solid #333;
-}
-
-.wizard .nav-tabs > li {
-    width: 33%;
-}
-
-.wizard li a:after {
-    content: " ";
-    position: relative;
-    left: 46%;
-    top: -20px;
-    opacity: 0;
-    margin: 0 auto;
-    bottom: 0px;
-    border: 5px solid transparent;
-    border-bottom-color: #5bc0de;
-    transition: 0.1s ease-in-out;
-}
-
-.wizard li.active.nav-item:after {
-    content: " ";
-    position: relative;
-    left: 46%;
-    top: -20px;
-    opacity: 1;
-    margin: 0 auto;
-    bottom: 0px;
-    border: 10px solid transparent;
-    border-bottom-color: #5bc0de;
-}
-
-.wizard .nav-tabs > li a {
-    width: 70px;
-    height: 70px;
-    margin: 20px auto;
-    border-radius: 100%;
-    padding: 0;
-    position: relative;
-    display: block;
-}
-
-.wizard .nav-tabs > li a:hover {
-    background: transparent;
-}
-
-.wizard .tab-pane {
-    position: relative;
-}
-
-.wizard h3 {
-    margin-top: 0;
-}
-
-@media( max-width: 585px) {
-
-    .wizard {
-        width: 90%;
-        height: auto !important;
-    }
-
-    span.round-tab {
-        font-size: 16px;
-        width: 50px;
-        height: 50px;
-        line-height: 50px;
-    }
-
-    .wizard .nav-tabs > li a {
-        width: 50px;
-        height: 50px;
-        line-height: 50px;
-    }
-
-    .wizard li.active:after {
-        content: " ";
-        position: absolute;
-        left: 35%;
-    }
-}
-
-ul.messenger.messenger-fixed.messenger-on-top.custom-messenger-on-top {
-    top: 75px;
-}
-
-/*------------------------------------------------------------------
-    30. Custom style for module description
--------------------------------------------------------------------*/
-
-.module_description h1 {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.module_description img {
-    height: auto;
-    max-width: 100%;
-}
-
-.module_description .provider {
-    text-transform: uppercase;
-    color: #555;
-    margin-bottom: 20px;
-}
-
-.module_description .desc {
-    font-size: 16px
-}
-
-.metadata p {
-    font-size: 12px;
-    color: #8d8d8d;
-    margin-bottom: 5px;
-}
-
-.metadata p a {
-    color: #3273dc;
-    text-decoration: none;
-}
-
-.module_description .nav {
-    background-color: #f3f3f3;
-    padding: 0 1rem;
-}
-.module_description .nav .nav-item {
-    font-weight: 700;
-    font-size: 14px;
-    line-height: 76px;
-    position: relative;
-    padding: .5rem .75rem;
-}
-.module_description .nav .nav-item .nav-link.active:after {
-    content: "";
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    height: 2px;
-    width: 100%;
-    background-color: #5c4ee5;
-}
-
-.module_description .nav .nav-item .nav-link {
-    /*color: #495057;*/
-    background-color: transparent;
-    border-color: transparent;
-}
-
-/*------------------------------------------------------------------
-    31. Custom style for navigation
--------------------------------------------------------------------*/
-
-.navigation .breadcrumb {
-    background: transparent;
-    padding: 0;
-    margin: 0;
-}
-
-.navigation .breadcrumb .breadcrumb-item.active {
-    color: #0971b8;
-}
-
-/*------------------------------------------------------------------
-    32. Multiselect customization
--------------------------------------------------------------------*/
-
-.multiselect__tag {
-    background: #0971b8;
-}
-.multiselect__tag-icon:after {
-    color: white;
-}
-.multiselect__tag-icon:focus,
-.multiselect__tag-icon:hover {
-    background: #0069d9;
-}
-.multiselect__tag-icon:focus:after,
-.multiselect__tag-icon:hover:after {
-    color: white;
-}
-.multiselect__option--highlight {
-    background: #0069d9;
-    outline: none;
-    color: white;
-}
-.multiselect__option--highlight:after {
-    content: attr(data-select);
-    background: #0069d9;
-    color: white;
-}
\ No newline at end of file
diff --git a/src/main/resources/static/favicon.ico b/src/main/resources/static/favicon.ico
deleted file mode 100644
index fd2168d8d..000000000
Binary files a/src/main/resources/static/favicon.ico and /dev/null differ
diff --git a/src/main/resources/static/images/collision-symbol.png b/src/main/resources/static/images/collision-symbol.png
deleted file mode 100644
index 7325824d1..000000000
Binary files a/src/main/resources/static/images/collision-symbol.png and /dev/null differ
diff --git a/src/main/resources/static/images/crying-face.png b/src/main/resources/static/images/crying-face.png
deleted file mode 100644
index b9188a3f2..000000000
Binary files a/src/main/resources/static/images/crying-face.png and /dev/null differ
diff --git a/src/main/resources/static/images/gaia.png b/src/main/resources/static/images/gaia.png
deleted file mode 100644
index 67fd34215..000000000
Binary files a/src/main/resources/static/images/gaia.png and /dev/null differ
diff --git a/src/main/resources/static/images/no-entry.png b/src/main/resources/static/images/no-entry.png
deleted file mode 100644
index 8f21b640c..000000000
Binary files a/src/main/resources/static/images/no-entry.png and /dev/null differ
diff --git a/src/main/resources/static/images/providers/aws.png b/src/main/resources/static/images/providers/aws.png
deleted file mode 100644
index 02bd075be..000000000
Binary files a/src/main/resources/static/images/providers/aws.png and /dev/null differ
diff --git a/src/main/resources/static/images/providers/azurerm.png b/src/main/resources/static/images/providers/azurerm.png
deleted file mode 100644
index fe2c7d50b..000000000
Binary files a/src/main/resources/static/images/providers/azurerm.png and /dev/null differ
diff --git a/src/main/resources/static/images/providers/docker.png b/src/main/resources/static/images/providers/docker.png
deleted file mode 100644
index d83e54a7e..000000000
Binary files a/src/main/resources/static/images/providers/docker.png and /dev/null differ
diff --git a/src/main/resources/static/images/providers/google.png b/src/main/resources/static/images/providers/google.png
deleted file mode 100644
index 7e23a5cb0..000000000
Binary files a/src/main/resources/static/images/providers/google.png and /dev/null differ
diff --git a/src/main/resources/static/images/waving-hand-sign.png b/src/main/resources/static/images/waving-hand-sign.png
deleted file mode 100644
index e33fa6738..000000000
Binary files a/src/main/resources/static/images/waving-hand-sign.png and /dev/null differ
diff --git a/src/main/resources/static/js/ansi_to_html.js b/src/main/resources/static/js/ansi_to_html.js
deleted file mode 100644
index 364761807..000000000
--- a/src/main/resources/static/js/ansi_to_html.js
+++ /dev/null
@@ -1,510 +0,0 @@
-const defaults = {
-    fg: '#FFF',
-    bg: '#000',
-    newline: false,
-    escapeXML: false,
-    stream: false,
-    colors: getDefaultColors()
-};
-
-function getDefaultColors() {
-    const colors = {
-        0: '#000',
-        1: '#A00',
-        2: '#0A0',
-        3: '#A50',
-        4: '#00A',
-        5: '#A0A',
-        6: '#0AA',
-        7: '#AAA',
-        8: '#555',
-        9: '#F55',
-        10: '#5F5',
-        11: '#FF5',
-        12: '#55F',
-        13: '#F5F',
-        14: '#5FF',
-        15: '#FFF'
-    };
-
-    range(0, 5).forEach(red => {
-        range(0, 5).forEach(green => {
-            range(0, 5).forEach(blue => setStyleColor(red, green, blue, colors));
-        });
-    });
-
-    range(0, 23).forEach(function (gray) {
-        const c = gray + 232;
-        const l = toHexString(gray * 10 + 8);
-
-        colors[c] = '#' + l + l + l;
-    });
-
-    return colors;
-}
-
-/**
- * @param {number} red
- * @param {number} green
- * @param {number} blue
- * @param {object} colors
- */
-function setStyleColor(red, green, blue, colors) {
-    const c = 16 + (red * 36) + (green * 6) + blue;
-    const r = red > 0 ? red * 40 + 55 : 0;
-    const g = green > 0 ? green * 40 + 55 : 0;
-    const b = blue > 0 ? blue * 40 + 55 : 0;
-
-    colors[c] = toColorHexString([r, g, b]);
-}
-
-/**
- * Converts from a number like 15 to a hex string like 'F'
- * @param {number} num
- * @returns {string}
- */
-function toHexString(num) {
-    let str = num.toString(16);
-
-    while (str.length < 2) {
-        str = '0' + str;
-    }
-
-    return str;
-}
-
-/**
- * Converts from an array of numbers like [15, 15, 15] to a hex string like 'FFF'
- * @param {[red, green, blue]} ref
- * @returns {string}
- */
-function toColorHexString(ref) {
-    const results = [];
-
-    for (const r of ref) {
-        results.push(toHexString(r));
-    }
-
-    return '#' + results.join('');
-}
-
-/**
- * @param {Array} stack
- * @param {string} token
- * @param {*} data
- * @param {object} options
- */
-function generateOutput(stack, token, data, options) {
-    let result;
-
-    if (token === 'text') {
-        result = pushText(data, options);
-    } else if (token === 'display') {
-        result = handleDisplay(stack, data, options);
-    } else if (token === 'xterm256') {
-        result = pushForegroundColor(stack, options.colors[data]);
-    } else if (token === 'rgb') {
-        result = handleRgb(stack, data);
-    }
-
-    return result;
-}
-
-/**
- * @param {Array} stack
- * @param {string} data
- * @returns {*}
- */
-function handleRgb(stack, data) {
-    data = data.substring(2).slice(0, -1);
-    const operation = +data.substr(0,2);
-
-    const color = data.substring(5).split(';');
-    const rgb = color.map(function(value) {
-        return ('0' + Number(value).toString(16)).substr(-2);
-    }).join('');
-
-    return pushStyle(stack, (operation === 38 ? 'color:#' : 'background-color:#') + rgb);
-}
-
-/**
- * @param {Array} stack
- * @param {number} code
- * @param {object} options
- * @returns {*}
- */
-function handleDisplay(stack, code, options) {
-    code = parseInt(code, 10);
-
-    const codeMap = {
-        '-1': () => '<br/>',
-        0: () => stack.length && resetStyles(stack),
-        1: () => pushTag(stack, 'b'),
-        3: () => pushTag(stack, 'i'),
-        4: () => pushTag(stack, 'u'),
-        8: () => pushStyle(stack, 'display:none'),
-        9: () => pushTag(stack, 'strike'),
-        22: () => pushStyle(stack, 'font-weight:normal;text-decoration:none;font-style:normal'),
-        23: () => closeTag(stack, 'i'),
-        24: () => closeTag(stack, 'u'),
-        39: () => pushForegroundColor(stack, options.fg),
-        49: () => pushBackgroundColor(stack, options.bg),
-        53: () => pushStyle(stack, 'text-decoration:overline')
-    };
-
-    let result;
-    if (codeMap[code]) {
-        result = codeMap[code]();
-    } else if (4 < code && code < 7) {
-        result = pushTag(stack, 'blink');
-    } else if (29 < code && code < 38) {
-        result = pushForegroundColor(stack, options.colors[code - 30]);
-    } else if ((39 < code && code < 48)) {
-        result = pushBackgroundColor(stack, options.colors[code - 40]);
-    } else if ((89 < code && code < 98)) {
-        result = pushForegroundColor(stack, options.colors[8 + (code - 90)]);
-    } else if ((99 < code && code < 108)) {
-        result = pushBackgroundColor(stack, options.colors[8 + (code - 100)]);
-    }
-
-    return result;
-}
-
-/**
- * Clear all the styles
- * @returns {string}
- */
-function resetStyles(stack) {
-    const stackClone = stack.slice(0);
-
-    stack.length = 0;
-
-    return stackClone.reverse().map(function (tag) {
-        return '</' + tag + '>';
-    }).join('');
-}
-
-/**
- * Creates an array of numbers ranging from low to high
- * @param {number} low
- * @param {number} high
- * @returns {Array}
- * @example range(3, 7); // creates [3, 4, 5, 6, 7]
- */
-function range(low, high) {
-    const results = [];
-
-    for (let j = low; j <= high; j++) {
-        results.push(j);
-    }
-
-    return results;
-}
-
-
-
-/**
- * Returns a new function that is true if value is NOT the same category
- * @param {string} category
- * @returns {function}
- */
-function notCategory(category) {
-    return function (e) {
-        return (category === null || e.category !== category) && category !== 'all';
-    };
-}
-
-/**
- * Converts a code into an ansi token type
- * @param {number} code
- * @returns {string}
- */
-function categoryForCode(code) {
-    code = parseInt(code, 10);
-    let result = null;
-
-    if (code === 0) {
-        result = 'all';
-    } else if (code === 1) {
-        result = 'bold';
-    } else if ((2 < code && code < 5)) {
-        result = 'underline';
-    } else if ((4 < code && code < 7)) {
-        result = 'blink';
-    } else if (code === 8) {
-        result = 'hide';
-    } else if (code === 9) {
-        result = 'strike';
-    } else if ((29 < code && code < 38) || code === 39 || (89 < code && code < 98)) {
-        result = 'foreground-color';
-    } else if ((39 < code && code < 48) || code === 49 || (99 < code && code < 108)) {
-        result = 'background-color';
-    }
-
-    return result;
-}
-
-/**
- * @param {string} text
- * @param {object} options
- * @returns {string}
- */
-function pushText(text, options) {
-    if (options.escapeXML) {
-        return entities.encodeXML(text);
-    }
-
-    return text;
-}
-
-/**
- * @param {Array} stack
- * @param {string} tag
- * @param {string} [style='']
- * @returns {string}
- */
-function pushTag(stack, tag, style) {
-    if (!style) {
-        style = '';
-    }
-
-    stack.push(tag);
-
-    return ['<' + tag, (style ? ' style="' + style + '"' : void 0), '>'].join('');
-}
-
-/**
- * @param {Array} stack
- * @param {string} style
- * @returns {string}
- */
-function pushStyle (stack, style) {
-    return pushTag(stack, 'span', style);
-}
-
-function pushForegroundColor(stack, color) {
-    return pushTag(stack, 'span', 'color:' + color);
-}
-
-function pushBackgroundColor(stack, color) {
-    return pushTag(stack, 'span', 'background-color:' + color);
-}
-
-/**
- * @param {Array} stack
- * @param {string} style
- * @returns {string}
- */
-function closeTag(stack, style) {
-    let last;
-
-    if (stack.slice(-1)[0] === style) {
-        last = stack.pop();
-    }
-
-    if (last) {
-        return '</' + style + '>';
-    }
-}
-
-/**
- * @param {string} text
- * @param {object} options
- * @param {function} callback
- * @returns {Array}
- */
-function tokenize(text, options, callback) {
-    let ansiMatch = false;
-    const ansiHandler = 3;
-
-    function remove() {
-        return '';
-    }
-
-    function removeXterm256(m, g1) {
-        callback('xterm256', g1);
-        return '';
-    }
-
-    function newline(m) {
-        if (options.newline) {
-            callback('display', -1);
-        } else {
-            callback('text', m);
-        }
-
-        return '';
-    }
-
-    function ansiMess(m, g1) {
-        ansiMatch = true;
-        if (g1.trim().length === 0) {
-            g1 = '0';
-        }
-
-        g1 = g1.trimRight(';').split(';');
-
-        for (const g of g1) {
-            callback('display', g);
-        }
-
-        return '';
-    }
-
-    function realText(m) {
-        callback('text', m);
-
-        return '';
-    }
-
-    function rgb(m) {
-        callback('rgb', m);
-
-        return '';
-    }
-
-    /* eslint no-control-regex:0 */
-    const tokens = [{
-        pattern: /^\x08+/,
-        sub: remove
-    }, {
-        pattern: /^\x1b\[[012]?K/,
-        sub: remove
-    }, {
-        pattern: /^\x1b\[\(B/,
-        sub: remove
-    }, {
-        pattern: /^\x1b\[[34]8;2;\d+;\d+;\d+m/,
-        sub: rgb
-    }, {
-        pattern: /^\x1b\[38;5;(\d+)m/,
-        sub: removeXterm256
-    }, {
-        pattern: /^\n/,
-        sub: newline
-    }, {
-        pattern: /^\x1b\[((?:\d{1,3};?)+|)m/,
-        sub: ansiMess
-    }, {
-        // CSI n J
-        // ED - Erase in Display Clears part of the screen.
-        // If n is 0 (or missing), clear from cursor to end of screen.
-        // If n is 1, clear from cursor to beginning of the screen.
-        // If n is 2, clear entire screen (and moves cursor to upper left on DOS ANSI.SYS).
-        // If n is 3, clear entire screen and delete all lines saved in the scrollback buffer
-        //   (this feature was added for xterm and is supported by other terminal applications).
-        pattern: /^\x1b\[\d?J/,
-        sub: remove
-    }, {
-        // CSI n ; m f
-        // HVP - Horizontal Vertical Position Same as CUP
-        pattern: /^\x1b\[\d{0,3};\d{0,3}f/,
-        sub: remove
-    }, {
-        // catch-all for CSI sequences?
-        pattern: /^\x1b\[?[\d;]{0,3}/,
-        sub: remove
-    }, {
-        pattern: /^([^\x1b\x08\n]+)/,
-        sub: realText
-    }];
-
-    function process(handler, i) {
-        if (i > ansiHandler && ansiMatch) {
-            return;
-        }
-
-        ansiMatch = false;
-
-        text = text.replace(handler.pattern, handler.sub);
-    }
-
-    const results1 = [];
-    let {length} = text;
-
-    outer:
-        while (length > 0) {
-            for (let i = 0, o = 0, len = tokens.length; o < len; i = ++o) {
-                const handler = tokens[i];
-                process(handler, i);
-
-                if (text.length !== length) {
-                    // We matched a token and removed it from the text. We need to
-                    // start matching *all* tokens against the new text.
-                    length = text.length;
-                    continue outer;
-                }
-            }
-
-            if (text.length === length) {
-                break;
-            }
-            results1.push(0);
-
-            length = text.length;
-        }
-
-    return results1;
-}
-
-/**
- * If streaming, then the stack is "sticky"
- *
- * @param {Array} stickyStack
- * @param {string} token
- * @param {*} data
- * @returns {Array}
- */
-function updateStickyStack(stickyStack, token, data) {
-    if (token !== 'text') {
-        stickyStack = stickyStack.filter(notCategory(categoryForCode(data)));
-        stickyStack.push({token, data, category: categoryForCode(data)});
-    }
-
-    return stickyStack;
-}
-
-class Filter {
-    constructor (options) {
-        options = options || {};
-
-        if (options.colors) {
-            options.colors = Object.assign({}, defaults.colors, options.colors);
-        }
-
-        this.options = Object.assign({}, defaults, options);
-        this.stack = [];
-        this.stickyStack = [];
-    }
-    toHtml (input) {
-        input = typeof input === 'string' ? [input] : input;
-        const {stack, options} = this;
-        const buf = [];
-
-        this.stickyStack.forEach(element => {
-            const output = generateOutput(stack, element.token, element.data, options);
-
-            if (output) {
-                buf.push(output);
-            }
-        });
-
-        tokenize(input.join(''), options, (token, data) => {
-            const output = generateOutput(stack, token, data, options);
-
-            if (output) {
-                buf.push(output);
-            }
-
-            if (options.stream) {
-                this.stickyStack = updateStickyStack(this.stickyStack, token, data);
-            }
-        });
-
-        if (stack.length) {
-            buf.push(resetStyles(stack));
-        }
-
-        return buf.join('');
-    }
-}
diff --git a/src/main/resources/static/js/prism.js b/src/main/resources/static/js/prism.js
deleted file mode 100644
index b9a8db951..000000000
--- a/src/main/resources/static/js/prism.js
+++ /dev/null
@@ -1,5 +0,0 @@
-var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(g){var c=/\blang(?:uage)?-([\w-]+)\b/i,a=0,C={manual:g.Prism&&g.Prism.manual,disableWorkerMessageHandler:g.Prism&&g.Prism.disableWorkerMessageHandler,util:{encode:function(e){return e instanceof M?new M(e.type,C.util.encode(e.content),e.alias):Array.isArray(e)?e.map(C.util.encode):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++a}),e.__id},clone:function n(e,t){var r,a,i=C.util.type(e);switch(t=t||{},i){case"Object":if(a=C.util.objId(e),t[a])return t[a];for(var l in r={},t[a]=r,e)e.hasOwnProperty(l)&&(r[l]=n(e[l],t));return r;case"Array":return a=C.util.objId(e),t[a]?t[a]:(r=[],t[a]=r,e.forEach(function(e,a){r[a]=n(e,t)}),r);default:return e}}},languages:{extend:function(e,a){var n=C.util.clone(C.languages[e]);for(var t in a)n[t]=a[t];return n},insertBefore:function(n,e,a,t){var r=(t=t||C.languages)[n],i={};for(var l in r)if(r.hasOwnProperty(l)){if(l==e)for(var o in a)a.hasOwnProperty(o)&&(i[o]=a[o]);a.hasOwnProperty(l)||(i[l]=r[l])}var s=t[n];return t[n]=i,C.languages.DFS(C.languages,function(e,a){a===s&&e!=n&&(this[e]=i)}),i},DFS:function e(a,n,t,r){r=r||{};var i=C.util.objId;for(var l in a)if(a.hasOwnProperty(l)){n.call(a,l,a[l],t||l);var o=a[l],s=C.util.type(o);"Object"!==s||r[i(o)]?"Array"!==s||r[i(o)]||(r[i(o)]=!0,e(o,n,l,r)):(r[i(o)]=!0,e(o,n,null,r))}}},plugins:{},highlightAll:function(e,a){C.highlightAllUnder(document,e,a)},highlightAllUnder:function(e,a,n){var t={callback:n,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};C.hooks.run("before-highlightall",t);for(var r,i=t.elements||e.querySelectorAll(t.selector),l=0;r=i[l++];)C.highlightElement(r,!0===a,t.callback)},highlightElement:function(e,a,n){for(var t,r="none",i=e;i&&!c.test(i.className);)i=i.parentNode;i&&(r=(i.className.match(c)||[,"none"])[1].toLowerCase(),t=C.languages[r]),e.className=e.className.replace(c,"").replace(/\s+/g," ")+" language-"+r,e.parentNode&&(i=e.parentNode,/pre/i.test(i.nodeName)&&(i.className=i.className.replace(c,"").replace(/\s+/g," ")+" language-"+r));var l={element:e,language:r,grammar:t,code:e.textContent},o=function(e){l.highlightedCode=e,C.hooks.run("before-insert",l),l.element.innerHTML=l.highlightedCode,C.hooks.run("after-highlight",l),C.hooks.run("complete",l),n&&n.call(l.element)};if(C.hooks.run("before-sanity-check",l),l.code)if(C.hooks.run("before-highlight",l),l.grammar)if(a&&g.Worker){var s=new Worker(C.filename);s.onmessage=function(e){o(e.data)},s.postMessage(JSON.stringify({language:l.language,code:l.code,immediateClose:!0}))}else o(C.highlight(l.code,l.grammar,l.language));else o(C.util.encode(l.code));else C.hooks.run("complete",l)},highlight:function(e,a,n){var t={code:e,grammar:a,language:n};return C.hooks.run("before-tokenize",t),t.tokens=C.tokenize(t.code,t.grammar),C.hooks.run("after-tokenize",t),M.stringify(C.util.encode(t.tokens),t.language)},matchGrammar:function(e,a,n,t,r,i,l){for(var o in n)if(n.hasOwnProperty(o)&&n[o]){if(o==l)return;var s=n[o];s="Array"===C.util.type(s)?s:[s];for(var g=0;g<s.length;++g){var c=s[g],u=c.inside,h=!!c.lookbehind,f=!!c.greedy,d=0,m=c.alias;if(f&&!c.pattern.global){var p=c.pattern.toString().match(/[imuy]*$/)[0];c.pattern=RegExp(c.pattern.source,p+"g")}c=c.pattern||c;for(var y=t,v=r;y<a.length;v+=a[y].length,++y){var k=a[y];if(a.length>e.length)return;if(!(k instanceof M)){if(f&&y!=a.length-1){if(c.lastIndex=v,!(x=c.exec(e)))break;for(var b=x.index+(h?x[1].length:0),w=x.index+x[0].length,A=y,P=v,O=a.length;A<O&&(P<w||!a[A].type&&!a[A-1].greedy);++A)(P+=a[A].length)<=b&&(++y,v=P);if(a[y]instanceof M)continue;N=A-y,k=e.slice(v,P),x.index-=v}else{c.lastIndex=0;var x=c.exec(k),N=1}if(x){h&&(d=x[1]?x[1].length:0);w=(b=x.index+d)+(x=x[0].slice(d)).length;var j=k.slice(0,b),S=k.slice(w),E=[y,N];j&&(++y,v+=j.length,E.push(j));var _=new M(o,u?C.tokenize(x,u):x,m,x,f);if(E.push(_),S&&E.push(S),Array.prototype.splice.apply(a,E),1!=N&&C.matchGrammar(e,a,n,y,v,!0,o),i)break}else if(i)break}}}}},tokenize:function(e,a){var n=[e],t=a.rest;if(t){for(var r in t)a[r]=t[r];delete a.rest}return C.matchGrammar(e,n,a,0,0,!1),n},hooks:{all:{},add:function(e,a){var n=C.hooks.all;n[e]=n[e]||[],n[e].push(a)},run:function(e,a){var n=C.hooks.all[e];if(n&&n.length)for(var t,r=0;t=n[r++];)t(a)}},Token:M};function M(e,a,n,t,r){this.type=e,this.content=a,this.alias=n,this.length=0|(t||"").length,this.greedy=!!r}if(g.Prism=C,M.stringify=function(e,a){if("string"==typeof e)return e;if(Array.isArray(e))return e.map(function(e){return M.stringify(e,a)}).join("");var n={type:e.type,content:M.stringify(e.content,a),tag:"span",classes:["token",e.type],attributes:{},language:a};if(e.alias){var t=Array.isArray(e.alias)?e.alias:[e.alias];Array.prototype.push.apply(n.classes,t)}C.hooks.run("wrap",n);var r=Object.keys(n.attributes).map(function(e){return e+'="'+(n.attributes[e]||"").replace(/"/g,"&quot;")+'"'}).join(" ");return"<"+n.tag+' class="'+n.classes.join(" ")+'"'+(r?" "+r:"")+">"+n.content+"</"+n.tag+">"},!g.document)return g.addEventListener&&(C.disableWorkerMessageHandler||g.addEventListener("message",function(e){var a=JSON.parse(e.data),n=a.language,t=a.code,r=a.immediateClose;g.postMessage(C.highlight(t,C.languages[n],n)),r&&g.close()},!1)),C;var e=document.currentScript||[].slice.call(document.getElementsByTagName("script")).pop();return e&&(C.filename=e.src,C.manual||e.hasAttribute("data-manual")||("loading"!==document.readyState?window.requestAnimationFrame?window.requestAnimationFrame(C.highlightAll):window.setTimeout(C.highlightAll,16):document.addEventListener("DOMContentLoaded",C.highlightAll))),C}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism);
-Prism.languages.hcl={comment:/(?:\/\/|#).*|\/\*[\s\S]*?(?:\*\/|$)/,heredoc:{pattern:/<<-?(\w+)[\s\S]*?^\s*\1/m,greedy:!0,alias:"string"},keyword:[{pattern:/(?:resource|data)\s+(?:"(?:\\[\s\S]|[^\\"])*")(?=\s+"[\w-]+"\s+{)/i,inside:{type:{pattern:/(resource|data|\s+)(?:"(?:\\[\s\S]|[^\\"])*")/i,lookbehind:!0,alias:"variable"}}},{pattern:/(?:provider|provisioner|variable|output|module|backend)\s+(?:[\w-]+|"(?:\\[\s\S]|[^\\"])*")\s+(?={)/i,inside:{type:{pattern:/(provider|provisioner|variable|output|module|backend)\s+(?:[\w-]+|"(?:\\[\s\S]|[^\\"])*")\s+/i,lookbehind:!0,alias:"variable"}}},{pattern:/[\w-]+(?=\s+{)/}],property:[/[\w-\.]+(?=\s*=(?!=))/,/"(?:\\[\s\S]|[^\\"])+"(?=\s*[:=])/],string:{pattern:/"(?:[^\\$"]|\\[\s\S]|\$(?:(?=")|\$+|[^"${])|\$\{(?:[^{}"]|"(?:[^\\"]|\\[\s\S])*")*\})*"/,greedy:!0,inside:{interpolation:{pattern:/(^|[^$])\$\{(?:[^{}"]|"(?:[^\\"]|\\[\s\S])*")*\}/,lookbehind:!0,inside:{type:{pattern:/(\b(?:terraform|var|self|count|module|path|data|local)\b\.)[\w\*]+/i,lookbehind:!0,alias:"variable"},keyword:/\b(?:terraform|var|self|count|module|path|data|local)\b/i,function:/\w+(?=\()/,string:{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0},number:/\b0x[\da-f]+|\d+\.?\d*(?:e[+-]?\d+)?/i,punctuation:/[!\$#%&'()*+,.\/;<=>@\[\\\]^`{|}~?:]/}}}},number:/\b0x[\da-f]+|\d+\.?\d*(?:e[+-]?\d+)?/i,boolean:/\b(?:true|false)\b/i,punctuation:/[=\[\]{}]/};
-Prism.languages.json={property:{pattern:/"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,greedy:!0},string:{pattern:/"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,greedy:!0},comment:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,number:/-?\d+\.?\d*(e[+-]?\d+)?/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:true|false)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}};
-!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var r=[],i={},n=function(){};Prism.plugins.toolbar={};var t=Prism.plugins.toolbar.registerButton=function(t,n){var e;e="function"==typeof n?n:function(t){var e;return"function"==typeof n.onClick?((e=document.createElement("button")).type="button",e.addEventListener("click",function(){n.onClick.call(this,t)})):"string"==typeof n.url?(e=document.createElement("a")).href=n.url:e=document.createElement("span"),e.textContent=n.text,e},t in i?console.warn('There is a button with the key "'+t+'" registered already.'):r.push(i[t]=e)},e=Prism.plugins.toolbar.hook=function(a){var t=a.element.parentNode;if(t&&/pre/i.test(t.nodeName)&&!t.parentNode.classList.contains("code-toolbar")){var e=document.createElement("div");e.classList.add("code-toolbar"),t.parentNode.insertBefore(e,t),e.appendChild(t);var o=document.createElement("div");o.classList.add("toolbar"),document.body.hasAttribute("data-toolbar-order")&&(r=document.body.getAttribute("data-toolbar-order").split(",").map(function(t){return i[t]||n})),r.forEach(function(t){var e=t(a);if(e){var n=document.createElement("div");n.classList.add("toolbar-item"),n.appendChild(e),o.appendChild(n)}}),e.appendChild(o)}};t("label",function(t){var e=t.element.parentNode;if(e&&/pre/i.test(e.nodeName)&&e.hasAttribute("data-label")){var n,a,o=e.getAttribute("data-label");try{a=document.querySelector("template#"+o)}catch(t){}return a?n=a.content:(e.hasAttribute("data-url")?(n=document.createElement("a")).href=e.getAttribute("data-url"):n=document.createElement("span"),n.textContent=o),n}}),Prism.hooks.add("complete",e)}}();
-!function(){if("undefined"!=typeof self&&self.Prism&&self.document)if(Prism.plugins.toolbar){var r=window.ClipboardJS||void 0;r||"function"!=typeof require||(r=require("clipboard"));var i=[];if(!r){var o=document.createElement("script"),e=document.querySelector("head");o.onload=function(){if(r=window.ClipboardJS)for(;i.length;)i.pop()()},o.src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js",e.appendChild(o)}Prism.plugins.toolbar.registerButton("copy-to-clipboard",function(e){var t=document.createElement("a");return t.textContent="Copy",r?o():i.push(o),t;function o(){var o=new r(t,{text:function(){return e.code}});o.on("success",function(){t.textContent="Copied!",n()}),o.on("error",function(){t.textContent="Press Ctrl+C to copy",n()})}function n(){setTimeout(function(){t.textContent="Copy"},5e3)}})}else console.warn("Copy to Clipboard plugin loaded before Toolbar plugin.")}();
diff --git a/src/main/resources/templates/error/403.html b/src/main/resources/templates/error/403.html
deleted file mode 100644
index 221b2ad9a..000000000
--- a/src/main/resources/templates/error/403.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" xmlns:th="http://www.thymeleaf.org">
-<head th:replace="layout/header :: header(~{::title})">
-
-    <title>Gaia - Access Forbidden</title>
-
-</head>
-<body>
-
-<div class="full_container">
-    <div class="center verticle_center full_height">
-        <div class="error_page">
-            <div class="center">
-                <img class="img-responsive" src="/images/no-entry.png" alt="#">
-            </div>
-            <br>
-            <h3>STOP HERE !</h3>
-            <p>YOU'RE NOT ALLOWED TO SEE THIS PAGE !</p>
-            <div class="center">
-                <a class="btn btn-success" href="/">Go To Home Page</a>
-            </div>
-        </div>
-    </div>
-</div>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/error/404.html b/src/main/resources/templates/error/404.html
deleted file mode 100644
index 7ae1c7507..000000000
--- a/src/main/resources/templates/error/404.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" xmlns:th="http://www.thymeleaf.org">
-<head th:replace="layout/header :: header(~{::title})">
-
-    <title>Gaia - Page not found</title>
-
-</head>
-<body>
-
-<div class="full_container">
-    <div class="center verticle_center full_height">
-        <div class="error_page">
-            <div class="center">
-                <img class="img-responsive" src="/images/crying-face.png" alt="#">
-            </div>
-            <br>
-            <h3>PAGE NOT FOUND !</h3>
-            <p>YOU SEEM TO BE TRYING TO FIND YOUR WAY HOME</p>
-            <div class="center">
-                <a class="btn btn-success" href="/">Go To Home Page</a>
-            </div>
-        </div>
-    </div>
-</div>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/error/500.html b/src/main/resources/templates/error/500.html
deleted file mode 100644
index a754d8dab..000000000
--- a/src/main/resources/templates/error/500.html
+++ /dev/null
@@ -1,87 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" xmlns:th="http://www.thymeleaf.org">
-<head th:replace="layout/header :: header(~{::title})">
-
-    <title>Gaia - Internal Server Error</title>
-
-</head>
-<body>
-
-<div id="placeholder" class="full_container">
-</div>
-
-<template id="error_tpl">
-    <div class="center verticle_center full_height">
-        <div class="error_page">
-            <div class="center">
-                <img class="img-responsive" src="/images/collision-symbol.png" alt="#">
-            </div>
-            <br>
-            <h3>OH NO, SERVER ERROR !</h3>
-            <p>YOU SHOULD OPEN A BUG REPORT</p>
-            <div class="center">
-                <b-button variant="warning" class="mr-1" v-b-modal.modal-issue>Yes, cool !</b-button>
-                <a class="btn btn-success" href="/">No, go To Home Page</a>
-            </div>
-        </div>
-
-        <b-modal id="modal-issue" title="How to open an issue ?" ok-only>
-            <p>Go to Gaia's <a :href="newIssueUrl" target="_blank"><i class="fab fa-github"></i> Github issues</a> and open a new issue !</p>
-            <b-button variant="outline-primary" @click="copyDetailsToClipboard">Copy error details to clipboard</b-button>
-        </b-modal>
-    </div>
-
-</template>
-
-<div th:replace="layout/include_scripts"></div>
-
-<div th:replace="helpers/messenger"></div>
-
-<script th:inline="javascript" type="application/ecmascript">
-    const timestamp = [[${timestamp}]];
-    const status = [[${status}]];
-    const error = [[${error}]];
-    const message = [[${message}]];
-    const trace = [[${trace}]];
-    const path = [[${path}]];
-
-    const report = `**${error} on ${path} : ${message}**
-
-* HTTP Code : ${status}
-* Date : ${timestamp}
-* Error : ${error}
-* Message : ${message}
-* Path : ${path}
-
-**Stacktrace**
-
-\`\`\`
-${trace}
-\`\`\`
-`;
-
-    const newIssueUrl = `https://github.com/CodeKaio/gaia/issues/new?assignees=&labels=%F0%9F%90%9B+bug&title=%F0%9F%90%9B+%3A+bug+title`;
-
-    new Vue({
-        "el": "#placeholder",
-        "template": "#error_tpl",
-        data: {
-            newIssueUrl
-        },
-        methods:{
-            copyDetailsToClipboard: function () {
-                navigator.clipboard.writeText(report);
-
-                Messenger().post({
-                    id: `message-${this.id}`,
-                    hideAfter: 2,
-                    type: "info",
-                    message: "Error details copied on clipboard."
-                });
-            }
-        }
-    });
-</script>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/helpers/messenger.html b/src/main/resources/templates/helpers/messenger.html
deleted file mode 100644
index 23c868687..000000000
--- a/src/main/resources/templates/helpers/messenger.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<script src="/webjars/messenger/1.5.0/build/js/messenger.min.js"></script>
-
-<script>
-    // load messenger css dynamically
-    const messengerCssId = "messengerCss";
-    if( $("#messengerCss").length === 0 ){
-        loadCss("/webjars/messenger/1.5.0/build/css/messenger.css");
-        loadCss("/webjars/messenger/1.5.0/build/css/messenger-spinner.css");
-        loadCss("/webjars/messenger/1.5.0/build/css/messenger-theme-air.css");
-    }
-
-    function loadCss(stylesheet){
-        const head  = $("head")[0];
-        const link  = document.createElement("link");
-        link.id   = messengerCssId;
-        link.rel  = 'stylesheet';
-        link.type = 'text/css';
-        link.href = stylesheet;
-        link.media = 'all';
-        head.appendChild(link);
-    }
-
-    Messenger.options = {
-        extraClasses: 'messenger-fixed messenger-on-top messenger-on-right custom-messenger-on-top',
-        theme: 'air',
-        parentLocations: ["#content", "body"]
-    };
-</script>
\ No newline at end of file
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
deleted file mode 100644
index b833fafc1..000000000
--- a/src/main/resources/templates/index.html
+++ /dev/null
@@ -1,95 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" xmlns:th="http://www.thymeleaf.org"
-      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
-<head th:replace="layout/header :: header(~{::title})">
-
-    <title>Gaia - A terraform UI</title>
-
-</head>
-<body class="dashboard dashboard_2">
-
-<div th:replace="layout/include_scripts"></div>
-
-<div class="full_container">
-    <div class="inner_container">
-
-        <div id="sidebar" th:class="${sidebar_collapsed ? 'active' : ''}"></div>
-
-        <!-- right content -->
-        <div id="content">
-
-            <div th:replace="~{layout/topbar}"></div>
-
-            <div class="container-fluid">
-                <div class="row column_title">
-                    <div class="col-md-12">
-                        <div class="page_title">
-                            <div id="navigation"></div>
-                        </div>
-                    </div>
-                </div>
-                <div id="dashboard-content"></div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<template id="dashboard-template">
-    <div>
-        <div class="row column1">
-            <dashboard-widget text="Modules" :value="moduleCount" variant="blue2_bg" type="modules_count" icon="fa-object-group" link="/modules"></dashboard-widget>
-            <dashboard-widget text="Running Stacks" :value="runningStacksCount" variant="blue2_bg" type="stacks_count" icon="fa-layer-group" link="/stacks"></dashboard-widget>
-            <dashboard-widget text="Stacks to update" :value="toUpdateStackCount" variant="yellow_bg" type="stacks_toUpdate_count" icon="fa-caret-square-up" link="/stacks"></dashboard-widget>
-        </div>
-
-        <div sec:authorize="authentication.name != 'admin'" v-if="! team" class="full_container">
-            <div class="center">
-                <div class="error_page">
-                    <div class="center">
-                        <img class="img-responsive" src="/images/waving-hand-sign.png" alt="#">
-                    </div>
-                    <br>
-                    <h3>Hi there ! </h3>
-                    <p>It seems that you're not a member of a team yet. Ask your admin to add you a team !</p>
-                    <p>Until then, you'll only be able to use public modules.</p>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<template id="template-navigation">
-    <breadcrumb :page="page"></breadcrumb>
-</template>
-
-<div th:replace="vue_templates/components/sidebar"></div>
-
-<div th:replace="vue_templates/components/breadcrumb"></div>
-<div th:replace="vue_templates/components/dashboard-widget"></div>
-
-<script th:inline="javascript" type="application/ecmascript">
-    new Vue({
-        el: "#navigation",
-        data: () => ({ page: 'index' }),
-        template: "#template-navigation",
-    });
-
-    const moduleCount = [[${moduleCount}]];
-    const runningStacksCount = [[${runningStackCount}]];
-    const toUpdateStackCount = [[${toUpdateStackCount}]];
-    const team = [[${team}]];
-
-    new Vue({
-        el: "#dashboard-content",
-        data: () => ({
-            moduleCount,
-            runningStacksCount,
-            toUpdateStackCount,
-            team
-        }),
-        template: "#dashboard-template",
-    });
-</script>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/job.html b/src/main/resources/templates/job.html
deleted file mode 100644
index c0b97b40c..000000000
--- a/src/main/resources/templates/job.html
+++ /dev/null
@@ -1,197 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" xmlns:th="http://www.thymeleaf.org">
-<head th:replace="layout/header :: header(~{::title})">
-
-    <title>Gaia - Edit stack</title>
-
-</head>
-<body class="dashboard dashboard_2">
-
-<div th:replace="layout/include_scripts"></div>
-
-<div class="full_container">
-    <div class="inner_container">
-
-        <div id="sidebar" th:class="${sidebar_collapsed ? 'active' : ''}"></div>
-
-        <!-- right content -->
-        <div id="content">
-
-            <div th:replace="~{layout/topbar}"></div>
-
-            <div class="container-fluid">
-                <div class="row column_title">
-                    <div class="col-md-12">
-                        <div class="page_title">
-                            <div id="navigation"></div>
-                        </div>
-                    </div>
-                </div>
-                <div id="app"></div>
-            </div>
-
-        </div>
-    </div>
-</div>
-
-<template id="template">
-    <div class="row">
-        <div class="col-md-12">
-            <div class="block">
-                <div class="block_head_flex">
-                    <h2>Stack {{stack.name}}</h2>
-                    <cli-badge :cli="job.terraformImage" badge-style="for-the-badge"></cli-badge>
-                </div>
-                <div class="block_content">
-
-                    <job-metadata
-                            :job="job" :stack="stack"
-                            @retry="retryJob"
-                            @delete="deleteJob">
-                    </job-metadata>
-
-                    <job-step
-                            :id="'step-1'"
-                            :header-title="firstStepTitle"
-                            :step="job.steps[0]">
-                    </job-step>
-
-                    <job-apply-confirm
-                            v-if="isSecondStepDoable"
-                            :title="secondStepTitle"
-                            @apply="applyJob">
-                    </job-apply-confirm>
-
-                    <job-step
-                            :id="'step-2'"
-                            :header-title="secondStepTitle"
-                            :step="job.steps[1]">
-                    </job-step>
-
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<template id="template-navigation">
-    <breadcrumb :page="page" :stack-id="stackId"></breadcrumb>
-</template>
-
-<div th:replace="vue_templates/components/sidebar"></div>
-
-<div th:replace="helpers/messenger"></div>
-
-<div th:replace="vue_templates/components/cli-badge"></div>
-<div th:replace="vue_templates/components/breadcrumb"></div>
-<div th:replace="vue_templates/components/console"></div>
-<div th:replace="vue_templates/components/user-badge"></div>
-<div th:replace="vue_templates/components/job/job-metadata"></div>
-<div th:replace="vue_templates/components/job/job-step"></div>
-<div th:replace="vue_templates/components/job/job-apply-confirm"></div>
-<div th:replace="vue_templates/components/job/job-timer"></div>
-<div th:replace="vue_templates/filters/date-time"></div>
-
-<script src="/js/ansi_to_html.js"></script>
-
-<script th:inline="javascript" type="application/ecmascript">
-    const stackId = [[${stackId}]];
-    const jobId = [[${jobId}]];
-    const editionMode = [[${edition}]];
-
-    const store = {
-        state: {
-            stack: {},
-            job: {}
-        }
-    };
-
-    function getStack() {
-        return $.get(`/api/stacks/${stackId}`)
-            .then(data => store.state.stack = data);
-    }
-
-    function getJob() {
-        return $.get(`/api/stacks/${stackId}/jobs/${jobId}`)
-            .then(data => store.state.job = data);
-    }
-
-    let interval;
-    function planOrApplyJob(type) {
-        if (editionMode && 'retry' !== type) return;
-        return $.post(`/api/jobs/${jobId}/${type}`)
-            .then(_ => interval = setInterval(refreshJob, 1000));
-    }
-
-    function refreshJob() {
-        return $.get(`/api/stacks/${stackId}/jobs/${jobId}`)
-            .then(data => {
-                store.state.job = data;
-                if (store.state.job.status.indexOf("STARTED") < 0) {
-                    clearInterval(interval);
-                }
-            });
-    }
-
-    Promise.all([getStack(), getJob()])
-        .then(_ => planOrApplyJob('PLAN'))
-        .then(_ => {
-            new Vue({
-                el: "#app",
-                data: () => store.state,
-                template: "#template",
-                computed: {
-                    firstStepTitle: () => store.state.job.type === 'RUN' ? 'plan' : 'plan destroy',
-                    secondStepTitle: () => store.state.job.type === 'RUN' ? 'apply' : 'destroy',
-                    isSecondStepDoable: () => {
-                        if (editionMode) return false;
-                        return store.state.job.status !== null &&
-                            store.state.job.status.indexOf('STARTED') < 0 &&
-                            store.state.job.status.indexOf('FAILED') < 0 &&
-                            store.state.job.status.indexOf('APPLY') < 0;
-                    }
-                },
-                methods: {
-                    applyJob: () => planOrApplyJob('APPLY'),
-                    retryJob: () => planOrApplyJob('retry'),
-                    deleteJob: function () {
-                        this.$bvModal.msgBoxConfirm('This will delete the job. Continue?', {
-                            title: 'Delete request',
-                            centered: true,
-                            noCloseOnBackdrop: true,
-                            cancelTitle: 'No',
-                            okVariant: 'danger',
-                            okTitle: 'Yes',
-                            returnFocus: 'body',
-                        }).then(value => {
-                            if (value) {
-                                const message = Messenger().post({type: "info", message: "Deleting job."});
-                                return $.ajax({
-                                    url: `/api/jobs/${jobId}`,
-                                    type: 'DELETE',
-                                    success: () => {
-                                        message.update({type: "info", message: "Job deleted."});
-                                        window.location = `/stacks/${this.stack.id}`;
-                                    },
-                                    error: () => {
-                                        message.update({type: "error", message: "Unable to delete job,"});
-                                    }
-                                });
-                            }
-                        })
-                    },
-                }
-            });
-        });
-</script>
-
-<script th:inline="javascript" type="application/ecmascript">
-    new Vue({
-        el: "#navigation",
-        data: () => ({page: 'job', stackId}),
-        template: "#template-navigation",
-    });
-</script>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/layout/header.html b/src/main/resources/templates/layout/header.html
deleted file mode 100644
index 102efff7e..000000000
--- a/src/main/resources/templates/layout/header.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<head th:fragment="header(pageTitle)">
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-
-    <!-- mobile metas -->
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
-
-    <!-- site metas -->
-    <title th:replace="${pageTitle}">Gaia - A terraform UI</title>
-
-    <meta name="keywords" content="">
-    <meta name="description" content="">
-    <meta name="author" content="">
-
-    <!-- external CSS dependencies -->
-    <th:block th:each="cssFile : ${cssExtensions}">
-    <link th:href="${cssFile.resourcePath}" rel="stylesheet">
-    </th:block>
-
-    <!-- custom css -->
-    <link rel="stylesheet" href="/css/style.css" />
-    <link rel="stylesheet" href="/css/color_2.css" />
-    <link rel="stylesheet" href="/css/responsive.css" />
-    <link rel="stylesheet" href="/css/github-markdown.css" />
-
-</head>
\ No newline at end of file
diff --git a/src/main/resources/templates/layout/include_scripts.html b/src/main/resources/templates/layout/include_scripts.html
deleted file mode 100644
index 4e11ef0df..000000000
--- a/src/main/resources/templates/layout/include_scripts.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<!-- external JS dependencies-->
-<th:block th:each="jsFile : ${jsExtensions}">
-<script th:src="${jsFile.resourcePath}"></script>
-</th:block>
\ No newline at end of file
diff --git a/src/main/resources/templates/layout/topbar.html b/src/main/resources/templates/layout/topbar.html
deleted file mode 100644
index c228fbe7d..000000000
--- a/src/main/resources/templates/layout/topbar.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<div class="topbar" xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
-    <nav class="navbar navbar-expand-lg navbar-light">
-        <div class="full">
-            <button type="button" id="sidebarCollapse" class="sidebar_toggle"><i class="fas fa-bars"></i></button>
-            <div class="logo_section">
-                <a href="/"><img class="img-responsive" src="/images/gaia.png" alt="#"/></a>
-            </div>
-            <div class="right_topbar">
-                <div class="icon_info">
-                    <ul class="user_profile_dd">
-                        <li>
-                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
-                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                <i class="img-responsive rounded-circle far fa-user text-white"></i>
-                                <span class="name_user" sec:authentication="name">John David</span>
-                            </a>
-                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-                                <a class="dropdown-item" href="/logout"><span>Log Out</span> <i
-                                        class="fas fa-sign-out-alt"></i></a>
-                            </div>
-                        </li>
-                    </ul>
-
-                </div>
-            </div>
-        </div>
-    </nav>
-</div>
\ No newline at end of file
diff --git a/src/main/resources/templates/settings.html b/src/main/resources/templates/settings.html
deleted file mode 100644
index 39379c246..000000000
--- a/src/main/resources/templates/settings.html
+++ /dev/null
@@ -1,129 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" xmlns:th="http://www.thymeleaf.org">
-<head th:replace="layout/header :: header(~{::title})">
-
-    <title>Gaia - Edit module</title>
-
-</head>
-<body class="dashboard dashboard_2">
-
-<div th:replace="layout/include_scripts"></div>
-
-<div class="full_container">
-    <div class="inner_container">
-
-        <div id="sidebar" th:class="${sidebar_collapsed ? 'active' : ''}"></div>
-
-        <!-- right content -->
-        <div id="content">
-
-            <div th:replace="~{layout/topbar}"></div>
-
-            <div class="container-fluid">
-                <div class="row column_title">
-                    <div class="col-md-12">
-                        <div class="page_title">
-                            <div id="navigation"></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col-md-12">
-                        <div class="white_shd full">
-                            <div id="app"></div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-        </div>
-    </div>
-</div>
-
-<template id="template">
-    <div class="block">
-        <div class="block_head">
-            <h2>Settings</h2>
-        </div>
-
-        <div class="block_content">
-            <div class="form-group">
-                <label for="externalUrl">External url</label>
-                <input type="text" class="form-control" id="externalUrl" v-model="externalUrl">
-                <small>This is gaia's external URL. This is needed to allow terraform backend support.</small>
-            </div>
-
-            <div class="heading1">
-                <h2>Environment Variables <button type="button" class="btn btn-success" @click="addEnvVar()">+</button></h2>
-                <small>This is the environment variables which are fed to the runner.</small>
-            </div>
-            <div class="form-row align-items-end" v-for="(envVar, index) in envVars">
-                <div class="form-group col-md-4" >
-                    <label for="var-name">Name: </label>
-                    <input type="text" class="form-control" id="var-name" v-model="envVar.name">
-                </div>
-                <div class="form-group col-md-4" >
-                    <label for="var-value">Value: </label>
-                    <input type="text" class="form-control" id="var-value" v-model="envVar.value">
-                </div>
-                <div class="form-group col-md-1" >
-                    <button type="button" class="form-control btn btn-danger" @click="removeEnvVar(index)">-</button>
-                </div>
-            </div>
-
-            <button class="btn btn-primary" onclick="saveSettings()"><i class="far fa-save"></i> Save</button>
-        </div>
-    </div>
-</template>
-
-<template id="template-navigation">
-    <breadcrumb :page="page"></breadcrumb>
-</template>
-
-<div th:replace="vue_templates/components/sidebar"></div>
-<div th:replace="helpers/messenger"></div>
-<div th:replace="vue_templates/components/breadcrumb"></div>
-
-<script th:inline="javascript" type="application/ecmascript">
-    const settings = [[${settings}]];
-    const envVars = settings.envVars;
-    new Vue({
-        el: "#app",
-        data : settings,
-        template: "#template",
-        methods: {
-            removeEnvVar(index){
-                settings.envVars.splice(index, 1);
-            },
-            addEnvVar(){
-                settings.envVars.push({});
-            }
-        }
-    });
-
-    function saveSettings(){
-        const message = Messenger().post({
-            type: "info",
-            message: "Saving settings."
-        });
-        $.ajax({
-            url: `/settings`,
-            data: JSON.stringify(settings),
-            contentType: "application/json",
-            method: "PUT",
-            success: () => message.update({type: "success", message: "Settings saved."}),
-            error: () => message.update({type: "error", message: "Error saving settings"})
-        });
-    }
-</script>
-
-<script th:inline="javascript" type="application/ecmascript">
-    new Vue({
-        el: "#navigation",
-        data: () => ({ page: 'settings' }),
-        template: "#template-navigation",
-    });
-</script>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/stacks.html b/src/main/resources/templates/stacks.html
deleted file mode 100644
index 97cde3b46..000000000
--- a/src/main/resources/templates/stacks.html
+++ /dev/null
@@ -1,92 +0,0 @@
-<!DOCTYPE HTML>
-<html xmlns:th="http://www.thymeleaf.org">
-<head th:replace="layout/header :: header(~{::title})">
-
-    <title>Gaia - Stacks</title>
-
-</head>
-<body class="dashboard dashboard_2">
-
-<div th:replace="layout/include_scripts"></div>
-
-<div class="full_container">
-    <div class="inner_container">
-
-        <div id="sidebar" th:class="${sidebar_collapsed ? 'active' : ''}"></div>
-
-        <!-- right content -->
-        <div id="content">
-
-            <div th:replace="~{layout/topbar}"></div>
-
-            <div class="container-fluid">
-                <div class="row column_title">
-                    <div class="col-md-12">
-                        <div class="page_title">
-                            <div id="navigation"></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="row column1" id="placeholder"></div>
-            </div>
-
-        </div>
-    </div>
-</div>
-
-<template id="template">
-    <b-card-group columns>
-        <b-card v-for="stack in stacks"
-            :title="stack.name"
-            :sub-title="stack.description">
-                <b-card-text>
-                    <span class="badge badge-pill badge-success" v-if="stack.state === 'NEW'" data-toggle="tooltip" title="Your stack is new and has not been started yet."><i class="fas fa-star-of-life"></i> new</span>
-                    <span class="badge badge-pill badge-primary" v-if="stack.state === 'RUNNING'" data-toggle="tooltip" title="Your stack is up and running !"><i class="far fa-check-square"></i> running</span>
-                    <span class="badge badge-pill badge-warning" v-if="stack.state === 'TO_UPDATE'" data-toggle="tooltip" title="Your stack needs an update !"><i class="fas fa-upload"></i> to update</span>
-                    <span class="badge badge-pill badge-danger" v-if="stack.state === 'STOPPED'" data-toggle="tooltip" title="Your stack has been stopped."><i class="fas fa-stop-circle"></i> stopped</span>
-                </b-card-text>
-                <a :href="'/stacks/' + stack.id" data-toggle="tooltip" title="Edit this stack" class="btn btn-primary"><i class="far fa-edit"></i></a>
-            </div>
-        </b-card>
-    </b-card-group>
-</template>
-
-<template id="template-navigation">
-    <breadcrumb :page="page"></breadcrumb>
-</template>
-
-<div th:replace="vue_templates/components/breadcrumb"></div>
-<div th:replace="vue_templates/components/sidebar"></div>
-
-<script type="application/ecmascript">
-    let stacks;
-    $.get("/api/stacks")
-        .then(data => {
-            stacks = data;
-
-           new Vue({
-               el: "#placeholder",
-               data: {
-                   stacks
-               },
-               template: "#template"
-           });
-
-            $('[data-toggle="tooltip"]').tooltip();
-        });
-
-    $(document).ready(function () {
-        $(function () {
-            $('[data-toggle="tooltip"]').tooltip()
-        });
-    });
-
-    new Vue({
-        el: "#navigation",
-        data: () => ({ page: 'stacks' }),
-        template: "#template-navigation",
-    });
-</script>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/users.html b/src/main/resources/templates/users.html
deleted file mode 100644
index 755c0fb33..000000000
--- a/src/main/resources/templates/users.html
+++ /dev/null
@@ -1,130 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" xmlns:th="http://www.thymeleaf.org">
-<head th:replace="layout/header :: header(~{::title})">
-
-    <title>Gaia - Users</title>
-
-</head>
-<body class="dashboard dashboard_2">
-
-<div th:replace="layout/include_scripts"></div>
-
-<div class="full_container">
-    <div class="inner_container">
-
-        <div id="sidebar" th:class="${sidebar_collapsed ? 'active' : ''}"></div>
-
-        <!-- right content -->
-        <div id="content">
-
-            <div th:replace="~{layout/topbar}"></div>
-
-            <div class="container-fluid">
-                <div class="row column_title">
-                    <div class="col-md-12">
-                        <div class="page_title">
-                            <div id="navigation"></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="row column1" id="placeholder"></div>
-            </div>
-
-        </div>
-    </div>
-</div>
-
-<template id="template-navigation">
-    <breadcrumb :page="page"></breadcrumb>
-</template>
-
-<template id="template">
-    <div class="block module_description">
-        <b-table :items="users" :fields="fields" stripped fixed >
-            <!-- A custom formatted column -->
-            <template slot="team" slot-scope="data">
-                <vue-multiselect
-                        :multiple="false"
-                        label="id"
-                        track-by="id"
-                        searchable
-                        placeholder="Select user team"
-                        v-model="data.item.team"
-                        @input="changeTeam(data.item)"
-                        :options="$teams"></vue-multiselect>
-            </template>
-        </b-table>
-    </div>
-</template>
-
-<div th:replace="vue_templates/components/sidebar"></div>
-<div th:replace="helpers/messenger"></div>
-<div th:replace="vue_templates/components/breadcrumb"></div>
-
-<script type="application/ecmascript">
-    Vue.component('vue-multiselect', window.VueMultiselect.default);
-
-    $(document).ready(function () {
-        $(function () {
-            $('[data-toggle="tooltip"]').tooltip()
-        });
-    });
-
-    new Vue({
-        el: "#navigation",
-        data: () => ({ page: 'users' }),
-        template: "#template-navigation",
-    });
-
-    let users;
-    let teams;
-    let options;
-
-    $.get("/api/teams").then(data => teams = data)
-        .then(_ => {
-            options = teams.map(team => {return {text: team.id, value: team}});
-            Vue.prototype.$teams = teams;
-        })
-        .then(_ => {
-            $.get("/api/users")
-                .then(data => {
-                    users = data;
-
-                    new Vue({
-                        el: "#placeholder",
-                        data: () => {return {
-                            users,
-                            fields: ["username", "team"]
-                        }},
-                        methods: {
-                            changeTeam: function(user) {
-                                const message = Messenger().post({
-                                    type: "info",
-                                    message: `Saving user ${user.username}.`
-                                });
-                                $.ajax({
-                                    url: `/api/users/${user.username}`,
-                                    data: JSON.stringify(user),
-                                    contentType: "application/json",
-                                    method: "PUT",
-                                    success: () => message.update({
-                                        type: "success",
-                                        message: `User ${user.username} saved.`
-                                    }),
-                                    error: () => message.update({
-                                        type: "error",
-                                        message: `Error saving user ${user.username}.`
-                                    })
-                                });
-                            }
-                        },
-                        template: "#template"
-                    });
-
-                    $('[data-toggle="tooltip"]').tooltip();
-                });
-        });
-</script>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/vue_templates/components/breadcrumb.vue b/src/main/resources/templates/vue_templates/components/breadcrumb.vue
deleted file mode 100644
index 7fa22d1ac..000000000
--- a/src/main/resources/templates/vue_templates/components/breadcrumb.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template id="breadcrumb">
-    <h2 class="navigation">
-        <b-breadcrumb :items="items"></b-breadcrumb>
-    </h2>
-</template>
-
-<script>
-    let menu = function (stackId) {
-        return {
-            index: [{text: 'Dashboard'}],
-            modules: [{text: 'Modules'}],
-            new_stack: [{text: 'Modules', href: '/modules'}, {text: 'Stack creation'}],
-            module: [{text: 'Modules', href: '/modules'}, {text: 'Module edition'}],
-            module_description: [{text: 'Modules', href: '/modules'}, {text: 'Module description'},],
-            module_import: [{text: 'Modules', href: '/modules'}, {text: 'Module import'},],
-            stacks: [{text: 'Stacks'}],
-            stack: [{text: 'Stacks', href: '/stacks'}, {text: 'Stack'}],
-            users: [{text: 'Users'}],
-            job: [{text: 'Stacks', href: '/stacks'}, {text: 'Stack', href: `/stacks/${stackId}`}, {text: 'Job'}],
-            settings: [{text: 'Settings'}],
-        }
-    };
-
-    Vue.component('breadcrumb', {
-        template: '#breadcrumb',
-        data: () => ({
-            items: [],
-        }),
-        props: ['page', 'stackId'],
-        created: function () {
-            this.items = menu(this.stackId)[this.page];
-        }
-    });
-</script>
\ No newline at end of file
diff --git a/src/main/resources/templates/vue_templates/components/cli-badge.vue b/src/main/resources/templates/vue_templates/components/cli-badge.vue
deleted file mode 100644
index e9c4c6615..000000000
--- a/src/main/resources/templates/vue_templates/components/cli-badge.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template id="cli-badge">
-    <img :src="'https://img.shields.io/badge/terraform-' + version + '-blue.svg?style=' + badgeStyle"
-         :alt="version" :title="version"/>
-</template>
-
-<script>
-    Vue.component('cli-badge', {
-        template: '#cli-badge',
-        props: ['cli', 'badgeStyle'],
-        computed: {
-            version: function () {
-                return this.cli.repository === 'hashicorp/terraform' ? this.cli.tag : 'custom';
-            }
-        }
-    });
-</script>
\ No newline at end of file
diff --git a/src/main/resources/templates/vue_templates/components/console.vue b/src/main/resources/templates/vue_templates/components/console.vue
deleted file mode 100644
index be2893144..000000000
--- a/src/main/resources/templates/vue_templates/components/console.vue
+++ /dev/null
@@ -1,105 +0,0 @@
-<template id="console-template">
-    <div class="console">
-        <div class="console_actions">
-            <b-button variant="outline-light" @click="copyToClipboard"><i class="far fa-copy"></i> copy raw</b-button>
-            <b-button variant="outline-light" @click="goToTop"><i class="fas fa-angle-double-up"></i> top</b-button>
-            <b-button variant="outline-light" @click="goToBottom"><i class="fas fa-angle-double-down"></i> bottom</b-button>
-        </div>
-        <div :id="'console-' + id" class="console_body" :style="cssStyle">
-            <pre><code v-html="content"></code></pre>
-        </div>
-    </div>
-</template>
-
-<script>
-    Vue.component('console', {
-        template: '#console-template',
-        data: () => ({
-            content: '',
-        }),
-        props: ['id', 'cssStyle', 'logs'],
-        watch: {
-            logs: {
-                immediate: true,
-                handler(newValue) {
-                    // applying html colors instead of ANSI streams
-                    this.content = new Filter().toHtml(newValue);
-                }
-            }
-        },
-        mounted: function () {
-            this.goToBottom();
-        },
-        updated: function () {
-            this.goToBottom();
-        },
-        methods: {
-            goToTop: function () {
-                $(`#console-${this.id}`).animate({scrollTop: 0}, 500);
-            },
-            goToBottom: function () {
-                const consoleElt = $(`#console-${this.id}`);
-                consoleElt.animate({scrollTop: consoleElt[0].scrollHeight}, 500);
-            },
-            copyToClipboard: function () {
-                const temp = $("<textarea>");
-                $("body").append(temp);
-                temp.val(this.logs).select();
-                document.execCommand("copy");
-                temp.remove();
-
-                Messenger().post({
-                    id: `message-${this.id}`,
-                    hideAfter: 2,
-                    type: "info",
-                    message: "Logs copied on clipboard."
-                });
-            },
-        }
-    });
-</script>
-
-<style scoped>
-    .console_actions {
-        background: #444444;
-        display: flex;
-        justify-content: flex-end;
-        padding: 7px 15px;
-    }
-
-    .console_actions .btn {
-        color: #f1f1f1;
-        font-size: 12px;
-        margin-left: 10px;
-    }
-
-    .console_actions .btn:hover {
-        background-color: #999a98;
-    }
-
-    .console_body {
-        overflow-y: auto;
-        padding: 1rem;
-    }
-
-    /*for padding-bottom with overflow*/
-    .console_body:after {
-        content: '';
-        display: block;
-        height: 1rem;
-        width: 100%;
-    }
-
-    .console_body, pre, code {
-        color: #f1f1f1;
-        background: #222222;
-    }
-
-    pre {
-        margin-bottom: 0;
-    }
-
-    code b {
-        font-weight: bold;
-    }
-</style>
\ No newline at end of file
diff --git a/src/main/resources/templates/vue_templates/components/dashboard-widget.vue b/src/main/resources/templates/vue_templates/components/dashboard-widget.vue
deleted file mode 100644
index 29f59baea..000000000
--- a/src/main/resources/templates/vue_templates/components/dashboard-widget.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template id="dashboard-widget">
-    <div class="col-md-6 col-lg-4">
-        <a :href="link">
-            <div class="full counter_section margin_bottom_30" :class="variant">
-                <div class="couter_icon">
-                    <div>
-                        <i class="fas" :class="icon"></i>
-                    </div>
-                </div>
-                <div class="counter_no">
-                    <div>
-                        <p class="total_no" :class="type">{{value}}</p>
-                        <p class="head_couter">{{text}}</p>
-                    </div>
-                </div>
-            </div>
-        </a>
-    </div>
-</template>
-
-<script>
-    Vue.component('dashboard-widget', {
-        template: '#dashboard-widget',
-        props: ['text', 'value', 'variant', 'icon', 'link', 'type'],
-    });
-</script>
\ No newline at end of file
diff --git a/src/main/resources/templates/vue_templates/components/job/job-apply-confirm.vue b/src/main/resources/templates/vue_templates/components/job/job-apply-confirm.vue
deleted file mode 100644
index 4d521ecc8..000000000
--- a/src/main/resources/templates/vue_templates/components/job/job-apply-confirm.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template id="job-apply-confirm-template">
-    <div class="job-apply-confirm-container">
-        <div class="arrow">
-            <span></span>
-            <span></span>
-            <span></span>
-        </div>
-        <b-button variant="primary" @click="$emit('apply')">{{title}}</b-button>
-    </div>
-</template>
-
-<script>
-    Vue.component('job-apply-confirm', {
-        template: '#job-apply-confirm-template',
-        props: ['title'],
-    });
-</script>
-
-<style scoped>
-    .job-apply-confirm-container {
-        position: relative;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-    }
-
-    .job-apply-confirm-container .btn {
-        position: absolute;
-        z-index: 1;
-        text-transform: capitalize;
-    }
-
-    .job-apply-confirm-container .arrow {
-        position: relative;
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start;
-        height: 85px;
-    }
-
-    .job-apply-confirm-container .arrow span {
-        position: absolute;
-        top: -5px;
-        left: -10px;
-        opacity: 0;
-        width: 20px;
-        height: 20px;
-        border-bottom: 5px solid #2196f3;
-        border-right: 5px solid #2196f3;
-        animation: animate 2s infinite;
-    }
-
-    .job-apply-confirm-container .arrow span:nth-child(2) {
-        animation-delay: 0.5s;
-    }
-
-    .job-apply-confirm-container .arrow span:nth-child(3) {
-        animation-delay: 1s;
-    }
-
-    @keyframes animate {
-        0% {
-            transform: rotate(45deg);
-        }
-        50% {
-            opacity: 1;
-        }
-        100% {
-            opacity: 0;
-            transform: rotate(45deg) translate(45px, 45px);
-        }
-    }
-</style>
\ No newline at end of file
diff --git a/src/main/resources/templates/vue_templates/components/job/job-metadata.vue b/src/main/resources/templates/vue_templates/components/job/job-metadata.vue
deleted file mode 100644
index 0748adf09..000000000
--- a/src/main/resources/templates/vue_templates/components/job/job-metadata.vue
+++ /dev/null
@@ -1,125 +0,0 @@
-<template id="job-metadata-template">
-    <div class="job-metadata-container" :class="job.status">
-        <div class="job-infos metadata">
-            <span class="job-detail-title">Job&nbsp;{{job.id}}</span>
-            <p>
-                <i class="fas fa-folder"></i>
-                Module&nbsp;<a :href="'/modules/' + stack.moduleId + '/description'">{{stack.moduleId}}</a>
-            </p>
-            <p>
-                <i class="fas fa-file"></i>
-                Stack&nbsp;<a :href="'/stacks/' + stack.id">{{stack.id}}</a>
-            </p>
-            <p>
-                <i class="fas fa-user"></i>
-                <user-badge :user="job.user"></user-badge>
-            </p>
-        </div>
-        <div class="job-execution metadata">
-            <span class="job-detail-title">Status&nbsp;{{job.status}}</span>
-            <p>
-                <i class="fas fa-play"></i>
-                Started&nbsp;<b>{{job.startDateTime | dateTimeLong}}</b>
-            </p>
-            <p v-if="job.endDateTime">
-                <i class="fas fa-stop"></i>
-                Ended&nbsp;<b>{{job.endDateTime | dateTimeLong}}</b>
-            </p>
-            <p>
-                <i class="fas fa-stopwatch"></i>
-                Duration&nbsp;
-                <b>
-                    <job-timer
-                            :start-time="job.startDateTime"
-                            :end-time="job.endDateTime">
-                    </job-timer>
-                </b>
-            </p>
-        </div>
-        <div class="job-actions">
-            <b-button variant="info" v-if="isRetryAvailable" @click="$emit('retry')"><i class="fas fa-redo"></i> Retry</b-button>
-            <b-button variant="danger" v-if="isDeleteAvailable" @click="$emit('delete')"><i class="far fa-trash-alt"></i> Delete</b-button>
-        </div>
-    </div>
-</template>
-
-<script>
-    Vue.component('job-metadata', {
-        template: '#job-metadata-template',
-        props: ['job', 'stack'],
-        computed: {
-            isRetryAvailable: function () {
-                return this.job.status !== null && this.job.status.indexOf('FAILED') > 0;
-            },
-            isDeleteAvailable: function () {
-                return this.job.status !== null && this.job.status.indexOf('STARTED') < 0;
-            },
-        }
-    });
-</script>
-
-<style scoped>
-    .job-metadata-container {
-        display: flex;
-        background: linear-gradient(to right, #eaeaea 0, #eaeaea 1rem, #fff 1rem, #fff 100%) no-repeat;
-        border: 1px solid #eaeaea;
-        padding: 1rem 1rem 1rem 2rem;
-    }
-
-    .job-metadata-container .job-infos, .job-metadata-container .job-execution {
-        flex: 0 1 45%;
-    }
-
-    .job-metadata-container .job-execution, .job-metadata-container .job-actions {
-        margin-left: 1rem;
-    }
-
-    .job-metadata-container .job-actions {
-        display: flex;
-        flex-direction: column;
-        flex: 1 1 auto;
-    }
-
-    .job-metadata-container .job-actions button + button {
-        margin-top: 0.25rem;
-    }
-
-    .job-metadata-container .metadata p {
-        font-size: 14px;
-    }
-
-    .job-metadata-container .metadata .fas {
-        width: 1rem;
-        margin-right: 1rem;
-        text-align: center;
-    }
-
-    .job-metadata-container .job-detail-title {
-        font-size: larger;
-        margin-bottom: 1rem;
-    }
-
-    .job-metadata-container[class*=STARTED] {
-        background: linear-gradient(to right, #2196f3 0, #2196f3 1rem, #fff 1rem, #fff 100%) no-repeat;
-    }
-
-    .job-metadata-container[class*=STARTED] .job-detail-title {
-        color: #2196f3;
-    }
-
-    .job-metadata-container[class*=FINISHED] {
-        background: linear-gradient(to right, #1ed085 0, #1ed085 1rem, #fff 1rem, #fff 100%) no-repeat;
-    }
-
-    .job-metadata-container[class*=FINISHED] .job-detail-title {
-        color: #1ed085;
-    }
-
-    .job-metadata-container[class*=FAILED] {
-        background: linear-gradient(to right, #dc3545 0, #dc3545 1rem, #fff 1rem, #fff 100%) no-repeat;
-    }
-
-    .job-metadata-container[class*=FAILED] .job-detail-title {
-        color: #dc3545;
-    }
-</style>
\ No newline at end of file
diff --git a/src/main/resources/templates/vue_templates/components/job/job-step.vue b/src/main/resources/templates/vue_templates/components/job/job-step.vue
deleted file mode 100644
index 03858fdcc..000000000
--- a/src/main/resources/templates/vue_templates/components/job/job-step.vue
+++ /dev/null
@@ -1,156 +0,0 @@
-<template id="job-step-template">
-    <div class="job-step-container" :class="step.undefined ? 'disabled' : step.status">
-        <!-- step undefined -->
-        <div v-if="step.undefined" class="job-step-header">
-            <div class="job-step-header-title">
-                <span>{{headerTitle}}</span>
-            </div>
-        </div>
-
-        <!-- step defined -->
-        <div v-if="! step.undefined" class="job-step-header" v-b-toggle="'collapse-' + id">
-            <div class="job-step-header-title">
-                <span>{{headerTitle}}</span>
-                <i v-if="step.status === 'STARTED'" class="fas fa-circle-notch fa-spin"></i>
-            </div>
-            <i v-if="bodyVisible" class="fas fa-chevron-up"></i>
-            <i v-else class="fas fa-chevron-down"></i>
-        </div>
-        <b-collapse v-if="! step.undefined" v-model="bodyVisible" :id="'collapse-' + id" class="job-step-body">
-            <div class="job-step-execution metadata">
-                <span class="job-step-status">Status&nbsp;{{step.status}}</span>
-                <p>
-                    <i class="fas fa-play"></i>
-                    Started&nbsp;<b>{{step.startDateTime | dateTimeLong}}</b>
-                </p>
-                <p v-if="step.endDateTime">
-                    <i class="fas fa-stop"></i>
-                    Ended&nbsp;<b>{{step.endDateTime | dateTimeLong}}</b>
-                </p>
-                <p>
-                    <i class="fas fa-stopwatch"></i>
-                    Duration&nbsp;
-                    <b>
-                        <job-timer
-                                :start-time="step.startDateTime"
-                                :end-time="step.endDateTime">
-                        </job-timer>
-                    </b>
-                </p>
-            </div>
-            <console :id="'logs-' + id" :css-style="'max-height: 300px'" :logs="step.logs"></console>
-        </b-collapse>
-    </div>
-</template>
-
-<script>
-    Vue.component('job-step', {
-        template: '#job-step-template',
-        data: () => ({
-            bodyVisible: false,
-        }),
-        props: {
-            id: String,
-            headerTitle: String,
-            step: {
-                default: function () {
-                    return {undefined: true};
-                }
-            }
-        },
-        watch: {
-            step: function (newValue) {
-                this.bodyVisible = newValue.status !== 'FINISHED';
-            }
-        }
-    });
-</script>
-
-<style scoped>
-    .job-step-container {
-        margin: 1rem 0;
-    }
-
-    .job-step-container .job-step-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        border: 1px solid #eaeaea;
-        padding: 1rem 1rem 1rem 2rem;
-        font-size: larger;
-        font-weight: bolder;
-        cursor: pointer;
-    }
-
-    .job-step-container .job-step-header .job-step-header-title {
-        display: flex;
-        align-items: center;
-        text-transform: uppercase;
-    }
-
-    .job-step-container .job-step-header .job-step-header-title .fas {
-        margin-left: 0.5rem;
-    }
-
-    .job-step-container .job-step-header .fas {
-        font-size: larger;
-    }
-
-    .job-step-container .job-step-body {
-        border: 1px solid #eaeaea;
-        border-top: none;
-        padding: 1rem;
-    }
-
-    .job-step-container .job-step-body .metadata p {
-        font-size: 14px;
-    }
-
-    .job-step-container .job-step-body .fas {
-        width: 1rem;
-        margin-right: 1rem;
-        text-align: center;
-    }
-
-    .job-step-container .job-step-execution {
-        margin-bottom: 1rem;
-    }
-
-    .job-step-container .job-step-status {
-        font-size: larger;
-        margin-bottom: 1rem;
-    }
-
-    .job-step-container.disabled .job-step-header {
-        background: linear-gradient(to right, #eaeaea 0, #eaeaea 1rem, #fff 1rem, #fff 100%) no-repeat;
-        color: #eaeaea;
-        cursor: default;
-    }
-
-    .job-step-container[class*=STARTED] .job-step-header {
-        background: linear-gradient(to right, #2196f3 0, #2196f3 1rem, #fff 1rem, #fff 100%) no-repeat;
-        color: #2196f3;
-    }
-
-    .job-step-container[class*=FINISHED] .job-step-header {
-        background: linear-gradient(to right, #1ed085 0, #1ed085 1rem, #fff 1rem, #fff 100%) no-repeat;
-        color: #1ed085;
-    }
-
-    .job-step-container[class*=FAILED] .job-step-header {
-        background: linear-gradient(to right, #dc3545 0, #dc3545 1rem, #fff 1rem, #fff 100%) no-repeat;
-        color: #dc3545;
-    }
-
-    .job-step-container[class*=STARTED] .job-step-status {
-        color: #2196f3;
-    }
-
-    .job-step-container[class*=FINISHED] .job-step-status {
-        color: #1ed085;
-    }
-
-    .job-step-container[class*=FAILED] .job-step-status {
-        color: #dc3545;
-    }
-</style>
\ No newline at end of file
diff --git a/src/main/resources/templates/vue_templates/components/job/job-timer.vue b/src/main/resources/templates/vue_templates/components/job/job-timer.vue
deleted file mode 100644
index 40f1a6985..000000000
--- a/src/main/resources/templates/vue_templates/components/job/job-timer.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<template id="job-timer-template">
-    <span :class="cssClass">
-        {{timer | format}}
-    </span>
-</template>
-
-<script>
-    Vue.component('job-timer', {
-        template: '#job-timer-template',
-        data: () => ({
-            timer: 0,
-            intervalId: null,
-        }),
-        props: {
-            startTime: {
-                type: Date | String,
-            },
-            endTime: {
-                type: Date | String,
-            },
-            cssClass: {
-                type: String,
-                default: ''
-            }
-        },
-        created: function () {
-            if (!!this.endTime) {
-                this.interval(this.endTime);
-                return;
-            }
-            this.start();
-        },
-        watch: {
-            endTime: function (newValue) {
-                if (newValue == null) {
-                    this.start();
-                    return;
-                }
-                this.interval(newValue);
-                this.end();
-            },
-        },
-        methods: {
-            start: function () {
-                this.intervalId = setInterval(() => this.interval(new Date()), 1000);
-            },
-            end: function () {
-                clearInterval(this.intervalId);
-            },
-            interval: function (endTime) {
-                this.timer = Math.floor((Date.parse(endTime) - Date.parse(this.startTime)) / 1000);
-            }
-        },
-        filters: {
-            format: function (value) {
-                const hours = Math.floor(value / 3600) % 24;
-                const minutes = Math.floor(value / 60) % 60;
-                const seconds = ('0' + value % 60).slice(-2);
-                return `${hours > 0 ? `${hours} hr` : ''}
-                    ${minutes > 0 ? `${minutes} min` : ''}
-                    ${seconds} sec`;
-            }
-        }
-    });
-</script>
diff --git a/src/main/resources/templates/vue_templates/components/sidebar.vue b/src/main/resources/templates/vue_templates/components/sidebar.vue
deleted file mode 100644
index 3659b6ae0..000000000
--- a/src/main/resources/templates/vue_templates/components/sidebar.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<template id="sidebar-template">
-    <nav id="sidebar" th:class="${sidebar_collapsed ? 'active' : ''}">
-        <div>
-            <div class="sidebar-part">
-                <div class="sidebar-header">
-                    <div class="logo_section">
-                        <a href="/"><img class="logo_icon img-responsive" src="/images/gaia.png" alt="#"></a>
-                    </div>
-                </div>
-                <div class="sidebar_user_info">
-                    <div class="icon_setting"></div>
-                    <div class="user_profle_side">
-                        <div class="user_img"><img class="img-responsive" src="/images/gaia.png" alt="#"></div>
-                        <div class="user_info">
-                            <h6>Gaia</h6>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="sidebar-part">
-                <h4>Menu</h4>
-                <ul class="list-unstyled components">
-                    <li class="active"><a href="/" ><i class="fas fa-tachometer-alt yellow_color"></i> <span>Dashboard</span></a></li>
-                    <li><a href="/modules"><i class="fa fa-object-group blue1_color"></i> <span>Modules</span></a></li>
-                    <li><a href="/stacks"><i class="fas fa-layer-group blue2_color"></i> <span>Stacks</span></a></li>
-                    <li sec:authorize="hasRole('ADMIN')"><a href="/settings"><i class="fa fa-cog yellow_color"></i> <span>Settings</span></a></li>
-                    <li sec:authorize="hasRole('ADMIN')"><a href="/users"><i class="fas fa-user-friends yellow_color"></i> <span>Users</span></a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="sidebar-footer">
-            <span class="build_version" th:if="${info[build] != null}"><i class="fas fa-tag"></i> <span th:text="${info.build.version}"></span></span>
-
-            <span class="build_commit" th:if="${info[git] != null}"><i class="fab fa-github"></i> <span th:text="${info.git.commit.id}"></span></span>
-        </div>
-    </nav>
-</template>
-
-<script th:inline="javascript"  type="application/ecmascript">
-    let sidebar_collapsed = [[${sidebar_collapsed}]];
-
-    new Vue({
-        el: "#sidebar",
-        template: "#sidebar-template",
-    });
-
-    $(document).ready(function () {
-        /*-- sidebar js --*/
-        // sidebarCollapse button is in another part (header)
-        $('#sidebarCollapse').on('click', function () {
-            sidebar_collapsed = ! sidebar_collapsed;
-            document.cookie = `sidebar_collapsed=${sidebar_collapsed}`;
-            $('#sidebar').toggleClass('active');
-        });
-    });
-</script>
\ No newline at end of file
diff --git a/src/main/resources/templates/vue_templates/components/user-badge.vue b/src/main/resources/templates/vue_templates/components/user-badge.vue
deleted file mode 100644
index 55ddc175c..000000000
--- a/src/main/resources/templates/vue_templates/components/user-badge.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template id="user-badge-template">
-    <span class="user_badge" :class="cssClass">
-        <a href="#">{{user.username}}</a>
-        <i v-if="user.admin" class="fas fa-user-shield"></i>
-    </span>
-</template>
-
-<script>
-    Vue.component('user-badge', {
-        template: '#user-badge-template',
-        props: ['user', 'cssClass'],
-    });
-</script>
-
-<style scoped>
-    .user_badge a {
-        color: #3273dc !important;
-        text-decoration: none !important;
-    }
-
-    .user_badge .fa-user-shield {
-        color: #ff9900;
-    }
-</style>
\ No newline at end of file