.utLeftHideMenuOn {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 200px;
    z-index: 1001;

    background-color: rgba(10,10,10,0.9);
    opacity: 0.5;

    -webkit-animation: utLeftHideMenuOn 1s ease 0s 1;
    animation: utLeftHideMenuOn 1s ease 0s 1;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes utLeftHideMenuOn {
    0%   {transform: translate(-200px, 0px); opacity: 0.5;}
    25%  {transform: translate(0px, 0px); opacity: 0.9;}
    100% {transform: translate(0px, 0px); opacity: 0.9;}
}

@keyframes utLeftHideMenuOn {
    0%   {transform: translate(-200px, 0px); opacity: 0.5;}
    25%  {transform: translate(0px, 0px); opacity: 0.9;}
    100% {transform: translate(0px, 0px); opacity: 0.9;}
}

.utLeftHideMenuOff {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 200px;
    z-index: 1001;

    background-color: black;
    opacity: 0.5;

    -webkit-animation: utLeftHideMenuOff 1s ease 0s 1;
    animation: utLeftHideMenuOff 1s ease 0s 1;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes utLeftHideMenuOff {
    0%   {transform: translate(0px, 0px); opacity: 1;}
    25% {transform: translate(-200px, 0px); opacity: 0.5;}
    100% {transform: translate(-200px, 0px); opacity: 0.5;}
}

@keyframes utLeftHideMenuOff {
    0%   {transform: translate(0px, 0px); opacity: 1;}
    25% {transform: translate(-200px, 0px); opacity: 0.5;}
    100% {transform: translate(-200px, 0px); opacity: 0.5;}
}

.utSubmenuOn {
    position: relative;
    top: 0px;
    left: 0px;
    padding-left: 20px;

    -webkit-animation: utSubmenuOn 1s ease 0s 1;
    animation: utSubmenuOn 1s ease 0s 1;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes utSubmenuOn {
    0%   {transform: scale(0,0); opacity: 0;}
    25%  {transform: scale(1,1); opacity: 1;}
    100% {transform: scale(1,1); opacity: 1;}
}

@keyframes utSubmenuOn {
    0%   {transform: scale(0,0); opacity: 0;}
    25%  {transform: scale(1,1); opacity: 1;}
    100% {transform: scale(1,1); opacity: 1;}
}

.utLeftHideMenuFont {
    font-size: 14px;
    color: silver;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;

    border-bottom-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.utLeftHideMenuFont:hover {
    color: white;
    background-color: rgba(255,255,255,0.1);
}

.utSubLeftHidMenuFont {
    font-size: 14px;
    color: silver;
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;

    border-bottom-color: gray;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.utSubLeftHidMenuFont:hover {
    color: white;
    background-color: rgba(255,255,255,0.1);
}