body, .default { font-size:14px; font-family:sans-serif; font-weight:lighter; padding:20px; } .small { font-family:sans-serif; font-size:12px; font-weight:lighter; } .bold {font-weight:bold} .left {float:left} .right{float:right} .caption { font-size:22px; margin:2px; padding:2px; height:30px; font-family:sans-serif; font-weight:lighter; } .button { padding:8px; margin:2px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; } .button:hover{ background-color:#4682B4 ; color:#ffffff; } .no-border{ border:1px solid transparent} .border { border:1px solid #CAD5E0} .border-bottom{ border-bottom:1px solid #CAD5E0;} .border-right { border-right:1px solid #CAD5E0;} .border-left { border-left:1px solid #CAD5E0;} .border-top { border-top:1px solid #CAD5E0;} .grid { font-family:sans-serif; font-weight:lighter; margin:4px; padding:4px; } .grid-half { height:195px; margin:4px; width:98%; padding:4px; } .grid .fa-check {color:green} .grid .fa-times {color:maroon; } .menu { margin:4px; padding:4px; } .menu .fa-chevron-right {color:transparent; margin:4px; } .menu .menu-item { border:1px solid transparent; text-transform:capitalize; cursor:pointer; padding-bottom:4px; margin:2px;} .menu .menu-item:hover { border-bottom-color:#4682B4; } .menu .menu-item:hover .fa-chevron-right { color:#4582b4} input[type=text]{ padding:4px; margin:4px; outline:0px; border:1px solid transparent; background-color:#f3f3f3; font-size:14px; font-weight:lighter; font-family:sans-serif; } input[type=text]:focus{ border-left-color:#4682B4; } .padding-2x{padding:4px;} .margin-2x {margin:4px;} .info { margin:4px; width:43%; } .height-quarter{height:25%;} .width-half {width:47%; } .width-75 {width:72%} .bad { color:maroon} .good{ color:green} .fa-warning, .warning{color:orange} .number {font-size:42px; font-weight:lighter; padding:2px; margin:2px;} .action {cursor:pointer; padding:2px; margin:2px; border:1px solid transparent} .action:hover { border-bottom-color:#4682B4}