html{
    min-height: 100%;
}

body{
    min-height: 100vh;
    padding-bottom: 60px;
    background: #FFF;
    font-family: Lato, Verdana, sans-serif;
}

hr{
    border-top: 1px solid #ddd;
}

/* TEXT COLROS */
.text-green{color:#66a854;}
.text-red{color:#FF3333;}

/* JQUERY VALIDATIONS */
label.error{
    font-weight: 300;
    color: #d9534f;
}

/* GENERAL */
.v-center{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* MARGINS */
.mt0{margin-top:0;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt200{margin-top:200px;}

.mb0{margin-bottom:0;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.mb200{margin-bottom:200px;}

/* MENU */
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover{
    background: #66a854;
}
.navbar-inverse .navbar-nav > li.logout-btn > a:hover{
    background: #FF3333;
}


/* SIDEBAR */
#sidebar .sidebar{
    position: fixed;
    top: 50px;
}


/* MAIN */
.main{
    margin-top: 50px;
}


/* APP LIST */
#app-list{
    min-height: 500px;
}


/* PANEL */
.panel{
    padding: 10px;
    border: none;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,.1);
}
/* PANEL: APP-COVER */
.panel.app-cover h5{
    font-weight: 500;
    color: #999;
}
.panel.app-cover .cover-image img{max-width: 40%;}
.panel.app-cover hr{ border-top: 1px solid rgba(100,100,100,.1); }
.panel.app-cover .description{ color: #999; }

/* PANEL: APP-COVER HOVER */
.panel.app-cover:hover{
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
    background-color: #66a854;
}
.panel.app-cover:hover h5,
.panel.app-cover:hover .description{ color:#FFF; }
.panel.app-cover:hover hr{ border-top: 1px solid rgba(255,255,255,.5); }




/* MAIN SEARCH FORM */
#list-switch button:focus {outline: none;}


#footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    border-top: 1px solid #ddd;
    background: #f6f6f6;
}