.button {

	text-align: center;
    font-size: 18px;
    display: block;
    line-height: 70px;
    bottom: 10vh;
    position: absolute;
    width: 100%;
    color: white;
    height: 70px;
    text-transform: lowercase;
    border-radius: 0px;
}

.taskBar{
	width: 0px !important;
}

.userArea{
	width: auto !important;
}

.rd-menu{
		
    list-style: none;
    position: fixed;
    display: block;
    bottom: 0px;
    right: 0px;
    height: auto !important;
    width: 200px;
}

.rd-menu div{
	width: 30px !important;
}

div.clientLogo {
	
	width: 30px !important;
	height: 30px !important;
}

div.clientLogo img{
	max-width: 75%;
	display: block;
}

.rd-menu li{
	width: 35px !important;
}

.startBtn{

	text-align: center !important;
	padding: 0px;
	display: block;
	margin: 0px auto;
	float: none !important;
}

.startBtn img{
	max-width: none !important;
}

.slider{
	width: 100% !important;
	height: 100% !important;
	padding-bottom: 10vh !important;
	background-color: rgba(29,28,33, 1) !important;
}

.slider-submit{
	position: fixed;
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	bottom: 10vh !important;
	height: 10vh !important;
}

#dateTime{
	display: none !important;
}

/** TIME WIDGET **/ 

.digitalClockTime{
	
	text-align: center;
	font-size: 30vw;
	color: white;
	text-shadow: 1px 1px 1px black;
}

.digitalClockDate{
	text-align: center;
	font-size: 5vw;
	color: white;
	margin-bottom: 2vh;
	text-shadow: 1px 1px 1px black;
}

/** WEATHER WIDGET **/

.weather-widget-row{
	color: white !important;
}

.locDiv{
	
	font-size: 10vw;	
	
}

.weatherIcon{
	text-align: center !important;
}

.weatherIcon i{
	font-size: 25vw;
}

.todayTemp{
	font-size: 5vw;
}

/** USER INFO PANEL **/

#userInfoDiv{
	width: 100% !important;
	height: 100% !important;
	padding-bottom: 10vh !important; 
    
    border-radius: 0px;
    right: 0px;
    background-color: rgba(211,211,211, 1);
    position: fixed;
    bottom: 0px;
    color: #7e7e7e;
    z-index: 10;		
}

/** APP MENU **/

#startMenu {
	display: block;	
	margin: 25px 5px;
	
	border: 2px solid white;
	border-radius: 5px;
	padding: 5px;
	
	background-color: rgba(255, 255, 255, 0.3);
}

#startMenu .rdAppIcon{
	margin: 0px !important;
	margin-bottom: 0.5rem !important;
}

#startMenu .rdAppIcon img{
	max-width: 100%;
}

.no-padding-sides{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.text-center{
	text-align: center !important;
}

.prgTitle{
	text-align: center;
	color: white !important;
	display: block;
	width: 100%;
	text-shadow: 1px 1px 1px black;
}

/** OU TREE ANIMATION **/

.animate-slide {
    position: absolute;
    top: 55px;
    left: 0%;
    width: 20%;
    height: 970px;
    background-color: rgba(29,28,33, 1);
    -webkit-transform: translate3d(0,0,0); /* Chrome, Safari, Opera */
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}
.animate-slide.ng-hide-add,
.animate-slide.ng-hide-remove {
    display: block !important;
}
.animate-slide.ng-enter {
    -webkit-animation: slide-left;
    animation: slide-left;
}
.animate-slide.ng-leave {
    -webkit-animation: slide-right;
    animation: slide-right;
}
.animate-slide.ng-hide {
    left: 100%;
    display: block!important;
}
.animate-slide.ng-hide-remove {
    -webkit-animation: 1s slide-left;
    animation: 0s slide-left;
}
.animate-slide.ng-hide-add {
    -webkit-animation: 1s slide-right;
    animation: 0s slide-right;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes slide-left {
    0%   {left: 100%;}
    100%  {left: 0%;}
}
/* Standard syntax */
@keyframes slide-left {
    0%   {left: 100%;}
    100%  {left: 0%;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes slide-right {
    0%  {left: 0%;}
    100%   {left: 100%;}
}
/* Standard syntax */
@keyframes slide-right {
    0%  {left: 0%;}
    100%   {left: 100%;}
}

/** OU TREE **/

ul.tree {
	padding-left: 5px;
}

ul.tree > li > span{
	font-size: 19px;
}

/** COLORS **/

.color-red{ color: red; }
.bg-color-red { background-color: red; }

.color-green{ color: green; }
.bg-color-green{ background-color: green; }