/*
 * Globals
 */

body {
 font-family: "Ubuntu", Helvetica, sans-serif !important;
  text-rendering: optimizeLegibility;
  color: #333;
}

.mt100 {margin-top:100px;}
.mt20 {margin-top:20px;}
.ml20 {margin-left:20px;}
.mr20 {margin-right:20px;}

.w50 {width:50px !important;}
.w75 {width:75px !important;}
.w100 {width:100px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}

.b1 {border:1px solid #e9e9e9 !important;}
.b2 {border:5px dotted #e9e9e9 !important;}

.jumbotron 
{
    padding:0px !important;
    margin:0px;
    height:40px;
}

.jumbotron td {font-size: 18px;margin:0px !important;padding:5px 0px !important;text-shadow: 1px 2px 3px #ccc;}

.footer
{
    font-size:11px;
}

.list-group-item:hover
{
    background-color:#f5f5f5;
}

input[type="text"]:hover
{
    background-color:#f5f5f5;
}

select:hover
{
    background-color:#f5f5f5;
}

/*********************************************************** MEDIA QUERIES **********************************************/
@media all and (min-width: 1200px) and (max-width: 9999px) {body{border-top:5px solid red;}}
@media all and (min-width: 992px) and (max-width: 1199px) {body{border-top:5px solid blue;}}
@media all and (min-width: 768px) and (max-width: 991px) {body{border-top:5px solid green;}}
@media all and (min-width: 0px) and (max-width: 767px) {body{border-top:5px solid yellow;}}