@charset "UTF-8"; @import url(https://fonts.googleapis.com/css?family=Roboto+Slab|Open+Sans|Arvo); .datepicker { padding: 4px; border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ""; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ""; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-top:before { top: -7px; } .datepicker-dropdown.datepicker-orient-top:after { top: -6px; } .datepicker-dropdown.datepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .datepicker-dropdown.datepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker > div { display: none; } .datepicker.days div.datepicker-days, .datepicker.months div.datepicker-months, .datepicker.years div.datepicker-years { display: block; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #eeeeee; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999999; } .datepicker table tr td.disabled { background: none; color: #999999; cursor: default; } .datepicker table tr td.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td.today { color: #000000; background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:hover { color: #000000; background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.disabled { color: #000000; background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.disabled:hover { color: #000000; background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus { color: #000000; background-color: #ffcd70; border-color: #f59e00; } .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus { color: #000000; background-color: #ffcd70; border-color: #f59e00; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active { color: #000000; background-color: #ffcd70; border-color: #f59e00; } .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active { color: #000000; background-color: #ffcd70; border-color: #f59e00; } .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active { color: #000000; background-color: #ffcd70; border-color: #f59e00; } .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active { color: #000000; background-color: #ffcd70; border-color: #f59e00; } .open .dropdown-toggle.datepicker table tr td.today { color: #000000; background-color: #ffcd70; border-color: #f59e00; } .open .dropdown-toggle.datepicker table tr td.today:hover { color: #000000; background-color: #ffcd70; border-color: #f59e00; } .open .dropdown-toggle.datepicker table tr td.today.disabled { color: #000000; background-color: #ffcd70; border-color: #f59e00; } .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { color: #000000; background-color: #ffcd70; border-color: #f59e00; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active { background-image: none; } .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active { background-image: none; } .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active { background-image: none; } .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active { background-image: none; } .open .dropdown-toggle.datepicker table tr td.today { background-image: none; } .open .dropdown-toggle.datepicker table tr td.today:hover { background-image: none; } .open .dropdown-toggle.datepicker table tr td.today.disabled { background-image: none; } .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { background-image: none; } .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled] { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] { background-color: #ffdb99; border-color: #ffb733; } fieldset[disabled] .datepicker table tr td.today { background-color: #ffdb99; border-color: #ffb733; } fieldset[disabled] .datepicker table tr td.today:hover { background-color: #ffdb99; border-color: #ffb733; } fieldset[disabled] .datepicker table tr td.today.disabled { background-color: #ffdb99; border-color: #ffb733; } fieldset[disabled] .datepicker table tr td.today.disabled:hover { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today.disabled[disabled]:hover { background-color: #ffdb99; border-color: #ffb733; } fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today:hover.disabled:focus { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.disabled.disabled:focus, .datepicker table tr td.today.disabled:hover.disabled:focus { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today:hover[disabled]:focus { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.disabled[disabled]:focus, .datepicker table tr td.today.disabled:hover[disabled]:focus { background-color: #ffdb99; border-color: #ffb733; } fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover:focus { background-color: #ffdb99; border-color: #ffb733; } fieldset[disabled] .datepicker table tr td.today.disabled:focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.disabled:active, .datepicker table tr td.today:hover.disabled:active { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.disabled.disabled:active, .datepicker table tr td.today.disabled:hover.disabled:active { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today[disabled]:active, .datepicker table tr td.today:hover[disabled]:active { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.disabled[disabled]:active, .datepicker table tr td.today.disabled:hover[disabled]:active { background-color: #ffdb99; border-color: #ffb733; } fieldset[disabled] .datepicker table tr td.today:active, fieldset[disabled] .datepicker table tr td.today:hover:active { background-color: #ffdb99; border-color: #ffb733; } fieldset[disabled] .datepicker table tr td.today.disabled:active, fieldset[disabled] .datepicker table tr td.today.disabled:hover:active { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.disabled.active, .datepicker table tr td.today:hover.disabled.active { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.disabled.disabled.active, .datepicker table tr td.today.disabled:hover.disabled.active { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today[disabled].active, .datepicker table tr td.today:hover[disabled].active { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.disabled[disabled].active, .datepicker table tr td.today.disabled:hover[disabled].active { background-color: #ffdb99; border-color: #ffb733; } fieldset[disabled] .datepicker table tr td.today.active, fieldset[disabled] .datepicker table tr td.today:hover.active { background-color: #ffdb99; border-color: #ffb733; } fieldset[disabled] .datepicker table tr td.today.disabled.active, fieldset[disabled] .datepicker table tr td.today.disabled:hover.active { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range { background: #eeeeee; border-radius: 0; } .datepicker table tr td.range:hover { background: #eeeeee; border-radius: 0; } .datepicker table tr td.range.disabled { background: #eeeeee; border-radius: 0; } .datepicker table tr td.range.disabled:hover { background: #eeeeee; border-radius: 0; } .datepicker table tr td.range.today { color: #000000; background-color: #f7ca77; border-color: #f1a417; border-radius: 0; } .datepicker table tr td.range.today:hover { color: #000000; background-color: #f7ca77; border-color: #f1a417; border-radius: 0; } .datepicker table tr td.range.today.disabled { color: #000000; background-color: #f7ca77; border-color: #f1a417; border-radius: 0; } .datepicker table tr td.range.today.disabled:hover { color: #000000; background-color: #f7ca77; border-color: #f1a417; border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:hover:focus { color: #000000; background-color: #f4bb51; border-color: #bf800c; } .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover:focus { color: #000000; background-color: #f4bb51; border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active { color: #000000; background-color: #f4bb51; border-color: #bf800c; } .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active { color: #000000; background-color: #f4bb51; border-color: #bf800c; } .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active { color: #000000; background-color: #f4bb51; border-color: #bf800c; } .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active { color: #000000; background-color: #f4bb51; border-color: #bf800c; } .open .dropdown-toggle.datepicker table tr td.range.today { color: #000000; background-color: #f4bb51; border-color: #bf800c; } .open .dropdown-toggle.datepicker table tr td.range.today:hover { color: #000000; background-color: #f4bb51; border-color: #bf800c; } .open .dropdown-toggle.datepicker table tr td.range.today.disabled { color: #000000; background-color: #f4bb51; border-color: #bf800c; } .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { color: #000000; background-color: #f4bb51; border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active { background-image: none; } .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active { background-image: none; } .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active { background-image: none; } .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active { background-image: none; } .open .dropdown-toggle.datepicker table tr td.range.today { background-image: none; } .open .dropdown-toggle.datepicker table tr td.range.today:hover { background-image: none; } .open .dropdown-toggle.datepicker table tr td.range.today.disabled { background-image: none; } .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { background-image: none; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled] { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] { background-color: #f7ca77; border-color: #f1a417; } fieldset[disabled] .datepicker table tr td.range.today { background-color: #f7ca77; border-color: #f1a417; } fieldset[disabled] .datepicker table tr td.range.today:hover { background-color: #f7ca77; border-color: #f1a417; } fieldset[disabled] .datepicker table tr td.range.today.disabled { background-color: #f7ca77; border-color: #f1a417; } fieldset[disabled] .datepicker table tr td.range.today.disabled:hover { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled]:hover { background-color: #f7ca77; border-color: #f1a417; } fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today:hover.disabled:focus { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled.disabled:focus, .datepicker table tr td.range.today.disabled:hover.disabled:focus { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today:hover[disabled]:focus { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled[disabled]:focus, .datepicker table tr td.range.today.disabled:hover[disabled]:focus { background-color: #f7ca77; border-color: #f1a417; } fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover:focus { background-color: #f7ca77; border-color: #f1a417; } fieldset[disabled] .datepicker table tr td.range.today.disabled:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today:hover.disabled:active { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled.disabled:active, .datepicker table tr td.range.today.disabled:hover.disabled:active { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today[disabled]:active, .datepicker table tr td.range.today:hover[disabled]:active { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled[disabled]:active, .datepicker table tr td.range.today.disabled:hover[disabled]:active { background-color: #f7ca77; border-color: #f1a417; } fieldset[disabled] .datepicker table tr td.range.today:active, fieldset[disabled] .datepicker table tr td.range.today:hover:active { background-color: #f7ca77; border-color: #f1a417; } fieldset[disabled] .datepicker table tr td.range.today.disabled:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today:hover.disabled.active { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled.disabled.active, .datepicker table tr td.range.today.disabled:hover.disabled.active { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today[disabled].active, .datepicker table tr td.range.today:hover[disabled].active { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled[disabled].active, .datepicker table tr td.range.today.disabled:hover[disabled].active { background-color: #f7ca77; border-color: #f1a417; } fieldset[disabled] .datepicker table tr td.range.today.active, fieldset[disabled] .datepicker table tr td.range.today:hover.active { background-color: #f7ca77; border-color: #f1a417; } fieldset[disabled] .datepicker table tr td.range.today.disabled.active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.selected { color: #ffffff; background-color: #999999; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover { color: #ffffff; background-color: #999999; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected.disabled { color: #ffffff; background-color: #999999; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected.disabled:hover { color: #ffffff; background-color: #999999; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:focus, .datepicker table tr td.selected:hover:focus { color: #ffffff; background-color: #858585; border-color: #373737; } .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover:focus { color: #ffffff; background-color: #858585; border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active { color: #ffffff; background-color: #858585; border-color: #373737; } .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active { color: #ffffff; background-color: #858585; border-color: #373737; } .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active { color: #ffffff; background-color: #858585; border-color: #373737; } .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active { color: #ffffff; background-color: #858585; border-color: #373737; } .open .dropdown-toggle.datepicker table tr td.selected { color: #ffffff; background-color: #858585; border-color: #373737; } .open .dropdown-toggle.datepicker table tr td.selected:hover { color: #ffffff; background-color: #858585; border-color: #373737; } .open .dropdown-toggle.datepicker table tr td.selected.disabled { color: #ffffff; background-color: #858585; border-color: #373737; } .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { color: #ffffff; background-color: #858585; border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active { background-image: none; } .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active { background-image: none; } .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active { background-image: none; } .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active { background-image: none; } .open .dropdown-toggle.datepicker table tr td.selected { background-image: none; } .open .dropdown-toggle.datepicker table tr td.selected:hover { background-image: none; } .open .dropdown-toggle.datepicker table tr td.selected.disabled { background-image: none; } .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { background-image: none; } .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled { background-color: #999999; border-color: #555555; } .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled { background-color: #999999; border-color: #555555; } .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled] { background-color: #999999; border-color: #555555; } .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] { background-color: #999999; border-color: #555555; } fieldset[disabled] .datepicker table tr td.selected { background-color: #999999; border-color: #555555; } fieldset[disabled] .datepicker table tr td.selected:hover { background-color: #999999; border-color: #555555; } fieldset[disabled] .datepicker table tr td.selected.disabled { background-color: #999999; border-color: #555555; } fieldset[disabled] .datepicker table tr td.selected.disabled:hover { background-color: #999999; border-color: #555555; } .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected.disabled[disabled]:hover { background-color: #999999; border-color: #555555; } fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover { background-color: #999999; border-color: #555555; } .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected:hover.disabled:focus { background-color: #999999; border-color: #555555; } .datepicker table tr td.selected.disabled.disabled:focus, .datepicker table tr td.selected.disabled:hover.disabled:focus { background-color: #999999; border-color: #555555; } .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected:hover[disabled]:focus { background-color: #999999; border-color: #555555; } .datepicker table tr td.selected.disabled[disabled]:focus, .datepicker table tr td.selected.disabled:hover[disabled]:focus { background-color: #999999; border-color: #555555; } fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover:focus { background-color: #999999; border-color: #555555; } fieldset[disabled] .datepicker table tr td.selected.disabled:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus { background-color: #999999; border-color: #555555; } .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected:hover.disabled:active { background-color: #999999; border-color: #555555; } .datepicker table tr td.selected.disabled.disabled:active, .datepicker table tr td.selected.disabled:hover.disabled:active { background-color: #999999; border-color: #555555; } .datepicker table tr td.selected[disabled]:active, .datepicker table tr td.selected:hover[disabled]:active { background-color: #999999; border-color: #555555; } .datepicker table tr td.selected.disabled[disabled]:active, .datepicker table tr td.selected.disabled:hover[disabled]:active { background-color: #999999; border-color: #555555; } fieldset[disabled] .datepicker table tr td.selected:active, fieldset[disabled] .datepicker table tr td.selected:hover:active { background-color: #999999; border-color: #555555; } fieldset[disabled] .datepicker table tr td.selected.disabled:active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active { background-color: #999999; border-color: #555555; } .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected:hover.disabled.active { background-color: #999999; border-color: #555555; } .datepicker table tr td.selected.disabled.disabled.active, .datepicker table tr td.selected.disabled:hover.disabled.active { background-color: #999999; border-color: #555555; } .datepicker table tr td.selected[disabled].active, .datepicker table tr td.selected:hover[disabled].active { background-color: #999999; border-color: #555555; } .datepicker table tr td.selected.disabled[disabled].active, .datepicker table tr td.selected.disabled:hover[disabled].active { background-color: #999999; border-color: #555555; } fieldset[disabled] .datepicker table tr td.selected.active, fieldset[disabled] .datepicker table tr td.selected:hover.active { background-color: #999999; border-color: #555555; } fieldset[disabled] .datepicker table tr td.selected.disabled.active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active { background-color: #999999; border-color: #555555; } .datepicker table tr td.active { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active.disabled { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active.disabled:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .open .dropdown-toggle.datepicker table tr td.active { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .open .dropdown-toggle.datepicker table tr td.active:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .open .dropdown-toggle.datepicker table tr td.active.disabled { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active { background-image: none; } .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active { background-image: none; } .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active { background-image: none; } .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { background-image: none; } .open .dropdown-toggle.datepicker table tr td.active { background-image: none; } .open .dropdown-toggle.datepicker table tr td.active:hover { background-image: none; } .open .dropdown-toggle.datepicker table tr td.active.disabled { background-image: none; } .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { background-image: none; } .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled] { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td.active { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td.active:hover { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td.active.disabled { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td.active.disabled:hover { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:hover { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active:hover.disabled:focus { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:focus { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active:hover[disabled]:focus { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:focus { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover:focus { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td.active.disabled:active, .datepicker table tr td.active:hover.disabled:active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled:hover.disabled:active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active:hover[disabled]:active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled]:active { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active:hover:active { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td.active.disabled.active, .datepicker table tr td.active:hover.disabled.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled:hover.disabled.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td.active[disabled].active, .datepicker table tr td.active:hover[disabled].active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td.active.disabled[disabled].active, .datepicker table tr td.active.disabled:hover[disabled].active { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td.active.active, fieldset[disabled] .datepicker table tr td.active:hover.active { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td.active.disabled.active, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover { background: #eeeeee; } .datepicker table tr td span.disabled { background: none; color: #999999; cursor: default; } .datepicker table tr td span.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td span.active { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active.disabled { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .open .dropdown-toggle.datepicker table tr td span.active { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .open .dropdown-toggle.datepicker table tr td span.active:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .open .dropdown-toggle.datepicker table tr td span.active.disabled { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active { background-image: none; } .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active { background-image: none; } .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active { background-image: none; } .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-image: none; } .open .dropdown-toggle.datepicker table tr td span.active { background-image: none; } .open .dropdown-toggle.datepicker table tr td span.active:hover { background-image: none; } .open .dropdown-toggle.datepicker table tr td span.active.disabled { background-image: none; } .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-image: none; } .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled] { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td span.active { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td span.active:hover { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td span.active.disabled { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td span.active.disabled:hover { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active:hover.disabled:active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled:active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active:hover[disabled]:active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled]:active { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active:hover:active { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active:hover.disabled.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.active[disabled].active, .datepicker table tr td span.active:hover[disabled].active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.active.disabled[disabled].active, .datepicker table tr td span.active.disabled:hover[disabled].active { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td span.active.active, fieldset[disabled] .datepicker table tr td span.active:hover.active { background-color: #428bca; border-color: #357ebd; } fieldset[disabled] .datepicker table tr td span.active.disabled.active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999999; } .datepicker th.datepicker-switch { width: 145px; } .datepicker thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer; } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: #eeeeee; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .datepicker thead tr:first-child th.cw { cursor: default; background-color: transparent; } .input-group.date .input-group-addon i { cursor: pointer; width: 16px; height: 16px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; font-weight: normal; line-height: 1.428571429; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eeeeee; border: solid #cccccc; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } .datepicker.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 160px; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.428571429; } .datepicker.dropdown-menu th { padding: 0px 5px; } .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.datepicker-inline td { padding: 0px 5px; } html[direction=ltr] div.dataTables_length label { float: left; text-align: left; } html[direction=rtl] div.dataTables_length label { float: right; text-align: right; } div.dataTables_length select { width: 75px; } html[direction=ltr] div.dataTables_filter label { float: right; } html[direction=rtl] div.dataTables_filter label { float: left; } div.dataTables_info { padding-top: 26px; } div.dataTables_paginate { margin: 0; } html[direction=ltr] div.dataTables_paginate { float: right; } html[direction=rtl] div.dataTables_paginate { float: left; } table.table { clear: both; margin-bottom: 6px !important; max-width: none !important; } table.table thead .sorting, table.table thead .sorting_asc, table.table thead .sorting_desc, table.table thead .sorting_asc_disabled, table.table thead .sorting_desc_disabled { cursor: pointer; *cursor: hand; } /* * Use Glyphicons Halflings from Bootstrap 3 instead of images. * * Relevant icons: * * Glyphicons Halflings (default) * glyphicon-sort '\e150' sort * glyphicon-sort-by-attributes '\e155' asc * glyphicon-sort-by-attributes-alt '\e156' desc * * Font Awesome * fa-sort '\f0dc' sort * fa-caret-up '\f0d8' asc * fa-caret-down '\f0d7' desc */ table.table thead .sorting:after, table.table thead .sorting_asc:after, table.table thead .sorting_desc:after, table.table thead .sorting_asc_disabled:after, table.table thead .sorting_desc_disabled:after { font-family: "Glyphicons Halflings"; font-size: 12px; } html[direction=ltr] table.table thead .sorting:after, html[direction=ltr] table.table thead .sorting_asc:after, html[direction=ltr] table.table thead .sorting_desc:after, html[direction=ltr] table.table thead .sorting_asc_disabled:after, html[direction=ltr] table.table thead .sorting_desc_disabled:after { text-align: right; float: right; } html[direction=rtl] table.table thead .sorting:after, html[direction=rtl] table.table thead .sorting_asc:after, html[direction=rtl] table.table thead .sorting_desc:after, html[direction=rtl] table.table thead .sorting_asc_disabled:after, html[direction=rtl] table.table thead .sorting_desc_disabled:after { text-align: left; float: left; } table.table thead .sorting:after { content: " "; opacity: 0.2; } table.table thead .sorting_asc:after { content: " "; } table.table thead .sorting_desc:after { content: " "; } table.table thead .sorting_asc_disabled:after { content: ""; opacity: 0.2; } table.table thead .sorting_desc_disabled:after { content: ""; opacity: 0.2; } table.table thead .sorting_disabled:after { content: ""; opacity: 0.2; } table.dataTable th:active { outline: none; } /* Scrolling */ div.dataTables_scrollHead table { margin-bottom: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } div.dataTables_scrollHead table thead tr:last-child th:first-child, div.dataTables_scrollHead table thead tr:last-child td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.dataTables_scrollBody table { border-top: none; margin-bottom: 0 !important; } div.dataTables_scrollBody tbody tr:first-child th, div.dataTables_scrollBody tbody tr:first-child td { border-top: none; } div.dataTables_scrollFoot table { border-top: none; } /* * TableTools styles */ .table tbody tr.active td, .table tbody tr.active th { background-color: #08C; color: white; } .table tbody tr.active:hover td, .table tbody tr.active:hover th { background-color: #0075b0 !important; } .table-striped tbody tr.active:nth-child(odd) td, .table-striped tbody tr.active:nth-child(odd) th { background-color: #017ebc; } table.DTTT_selectable tbody tr { cursor: pointer; *cursor: hand; } div.DTTT .btn { color: #333 !important; font-size: 12px; } div.DTTT .btn:hover { text-decoration: none !important; } ul.DTTT_dropdown.dropdown-menu a { color: #333 !important; /* needed only when demo_page.css is included */ } ul.DTTT_dropdown.dropdown-menu li:hover a { background-color: #0088cc; color: white !important; } /* TableTools information display */ div.DTTT_print_info.modal { height: 150px; margin-top: -75px; text-align: center; } div.DTTT_print_info h6 { font-weight: normal; font-size: 28px; line-height: 28px; margin: 1em; } div.DTTT_print_info p { font-size: 14px; line-height: 20px; } /* * FixedColumns styles */ div.DTFC_LeftHeadWrapper table, div.DTFC_LeftFootWrapper table, table.DTFC_Cloned tr.even { background-color: white; } div.DTFC_LeftHeadWrapper table { margin-bottom: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.DTFC_LeftBodyWrapper table { border-top: none; margin-bottom: 0 !important; } div.DTFC_LeftBodyWrapper tbody tr:first-child th, div.DTFC_LeftBodyWrapper tbody tr:first-child td { border-top: none; } div.DTFC_LeftFootWrapper table { border-top: none; } .has-switch { display: inline-block; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); position: relative; text-align: left; overflow: hidden; line-height: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; min-width: 100px; } .has-switch.switch-mini { min-width: 72px; } .has-switch.switch-small { min-width: 80px; } .has-switch.switch-large { min-width: 120px; } .has-switch.deactivate { opacity: 0.5; filter: alpha(opacity=50); cursor: default !important; } .has-switch.deactivate label, .has-switch.deactivate span { cursor: default !important; } .has-switch > div { display: inline-block; width: 150%; position: relative; top: 0; } .has-switch > div.switch-animate { -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; } .has-switch > div.switch-off { left: -50%; } .has-switch > div.switch-on { left: 0; } .has-switch input[type=checkbox] { display: none; } .has-switch label, .has-switch span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; position: relative; display: inline-block; height: 100%; padding-bottom: 4px; padding-top: 4px; font-size: 14px; line-height: 20px; } .has-switch label.switch-mini, .has-switch span.switch-mini { padding-bottom: 4px; padding-top: 4px; font-size: 10px; line-height: 9px; } .has-switch label.switch-small, .has-switch span.switch-small { padding-bottom: 3px; padding-top: 3px; font-size: 12px; line-height: 18px; } .has-switch label.switch-large, .has-switch span.switch-large { padding-bottom: 9px; padding-top: 9px; font-size: 16px; line-height: normal; } .has-switch label { text-align: center; margin-top: -1px; margin-bottom: -1px; z-index: 100; width: 34%; border-left: 1px solid #ccc; border-right: 1px solid #ccc; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(to bottom, white, #e6e6e6); background-repeat: repeat-x; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .has-switch label.active, .has-switch label.disabled, .has-switch label:active, .has-switch label:focus, .has-switch label:hover, .has-switch label[disabled] { color: #fff; background-color: #e6e6e6; *background-color: #d9d9d9; } .has-switch label.active, .has-switch label:active { background-color: #ccc \9; } .has-switch label i { color: #000; text-shadow: 0 1px 0 #fff; line-height: 18px; pointer-events: none; } .has-switch span { text-align: center; z-index: 1; width: 33%; } .has-switch span.switch-left { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .has-switch span.switch-right { color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f0f0f0; background-image: -moz-linear-gradient(top, #e6e6e6, white); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(white)); background-image: -webkit-linear-gradient(top, #e6e6e6, white); background-image: -o-linear-gradient(top, #e6e6e6, white); background-image: linear-gradient(to bottom, #e6e6e6, white); background-repeat: repeat-x; border-color: #fff #fff #d9d9d9; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .has-switch span.switch-right.active, .has-switch span.switch-right.disabled, .has-switch span.switch-right:active, .has-switch span.switch-right:focus, .has-switch span.switch-right:hover, .has-switch span.switch-right[disabled] { color: #333; background-color: #fff; *background-color: #f2f2f2; } .has-switch span.switch-right.active, .has-switch span.switch-right:active { background-color: #e6e6e6 \9; } .has-switch span.switch-left, .has-switch span.switch-primary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #005fcc; background-image: -moz-linear-gradient(top, #0044cc, #0088cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#0088cc)); background-image: -webkit-linear-gradient(top, #0044cc, #0088cc); background-image: -o-linear-gradient(top, #0044cc, #0088cc); background-image: linear-gradient(to bottom, #0044cc, #0088cc); background-repeat: repeat-x; border-color: #08c #08c #005580; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #08c; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .has-switch span.switch-left.active, .has-switch span.switch-left.disabled, .has-switch span.switch-left:active, .has-switch span.switch-left:focus, .has-switch span.switch-left:hover, .has-switch span.switch-left[disabled] { color: #fff; background-color: #08c; *background-color: #0077b3; } .has-switch span.switch-primary.active, .has-switch span.switch-primary.disabled, .has-switch span.switch-primary:active, .has-switch span.switch-primary:focus, .has-switch span.switch-primary:hover, .has-switch span.switch-primary[disabled] { color: #fff; background-color: #08c; *background-color: #0077b3; } .has-switch span.switch-left.active, .has-switch span.switch-left:active { background-color: #069 \9; } .has-switch span.switch-primary.active, .has-switch span.switch-primary:active { background-color: #069 \9; } .has-switch span.switch-info { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #41a7c5; background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de)); background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de); background-image: -o-linear-gradient(top, #2f96b4, #5bc0de); background-image: linear-gradient(to bottom, #2f96b4, #5bc0de); background-repeat: repeat-x; border-color: #5bc0de #5bc0de #28a1c5; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #5bc0de; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .has-switch span.switch-info.active, .has-switch span.switch-info.disabled, .has-switch span.switch-info:active, .has-switch span.switch-info:focus, .has-switch span.switch-info:hover, .has-switch span.switch-info[disabled] { color: #fff; background-color: #5bc0de; *background-color: #46b8da; } .has-switch span.switch-info.active, .has-switch span.switch-info:active { background-color: #31b0d5 \9; } .has-switch span.switch-success { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #58b058; background-image: -moz-linear-gradient(top, #51a351, #62c462); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462)); background-image: -webkit-linear-gradient(top, #51a351, #62c462); background-image: -o-linear-gradient(top, #51a351, #62c462); background-image: linear-gradient(to bottom, #51a351, #62c462); background-repeat: repeat-x; border-color: #62c462 #62c462 #3b9e3b; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #62c462; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .has-switch span.switch-success.active, .has-switch span.switch-success.disabled, .has-switch span.switch-success:active, .has-switch span.switch-success:focus, .has-switch span.switch-success:hover, .has-switch span.switch-success[disabled] { color: #fff; background-color: #62c462; *background-color: #4fbd4f; } .has-switch span.switch-success.active, .has-switch span.switch-success:active { background-color: #42b142 \9; } .has-switch span.switch-warning { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #f9a123; background-image: -moz-linear-gradient(top, #f89406, #fbb450); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450)); background-image: -webkit-linear-gradient(top, #f89406, #fbb450); background-image: -o-linear-gradient(top, #f89406, #fbb450); background-image: linear-gradient(to bottom, #f89406, #fbb450); background-repeat: repeat-x; border-color: #fbb450 #fbb450 #f89406; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #fbb450; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .has-switch span.switch-warning.active, .has-switch span.switch-warning.disabled, .has-switch span.switch-warning:active, .has-switch span.switch-warning:focus, .has-switch span.switch-warning:hover, .has-switch span.switch-warning[disabled] { color: #fff; background-color: #fbb450; *background-color: #faa937; } .has-switch span.switch-warning.active, .has-switch span.switch-warning:active { background-color: #fa9f1e \9; } .has-switch span.switch-danger { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #d14641; background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b)); background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b); background-image: -o-linear-gradient(top, #bd362f, #ee5f5b); background-image: linear-gradient(to bottom, #bd362f, #ee5f5b); background-repeat: repeat-x; border-color: #ee5f5b #ee5f5b #e51d18; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #ee5f5b; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .has-switch span.switch-danger.active, .has-switch span.switch-danger.disabled, .has-switch span.switch-danger:active, .has-switch span.switch-danger:focus, .has-switch span.switch-danger:hover, .has-switch span.switch-danger[disabled] { color: #fff; background-color: #ee5f5b; *background-color: #ec4844; } .has-switch span.switch-danger.active, .has-switch span.switch-danger:active { background-color: #e9322d \9; } @font-face { font-family: "Aqua Grotesque"; src: url("/fonts/aqua.ttf"); } /* RGB */ .locale-header { height: 270px; } .locale-header .banner-text { position: absolute; top: 28%; max-width: 65%; } .banner-text { background: #f19d34; padding: 16px; width: 100%; } .banner-text.theater { background: #EEE; } .searchterm { color: #666; } .eat { color: #d05324; } .eat.btn { background-color: #d05324; } .stay { color: #b1275b; } .stay.btn { background-color: #b1275b; } .see-do { color: #1d82ab; } .see-do.btn { background-color: #1d82ab; } .shop { color: #c7a140; } .shop.btn { background-color: #c7a140; } .drink { color: #858e54; } .drink.btn { background-color: #858e54; } .cafe { color: #905206; } .cafe.btn { background-color: #905206; } .health { color: #2a8e40; } .health.btn { background-color: #2a8e40; } .default.btn { background-color: #999; } .normal { font-weight: normal; } /** STYLES **/ body { background-color: #AAA; padding: 0; margin: 0; color: #636363; line-height: 18px; font-family: "Open Sans", sans-serif; } body.admin { background: #e8e8e8; font-size: 14px; } #vibecontent { height: auto; margin: 0 auto; width: 1200px; background: #FFFFFF; } @media screen and (max-width: 1199px) { #vibecontent { width: 100%; } } #content.advertise, #content.banners, #content.listings { padding-bottom: 40px; } #content.advertise select, #content.banners select, #content.listings select { width: 95%; } #content.advertise label, #content.banners label, #content.listings label { font-weight: bold; } #userpanel { background: #DDD; border-bottom: 2px solid #2da2db; padding: 6px; } #userpanel .hello a { padding: 0px 10px; text-decoration: none; } #userpanel .hello a.subtle { color: #444444; } #userpanel .dropdown-toggle i { color: #444444; text-decoration: none; font-size: 16px; } #userpanel .dropdown-toggle i:hover { color: #999999; } #userpanel .dropdown-menu { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-left: 20px; width: 220px; } #userpanel .dropdown-menu li { padding: 6px 0; } #userpanel .dropdown-menu li.divider { padding: 0; } #userpanel .dropdown-menu li > a { color: #666; font-size: 15px; } #socialcount div.left { padding-right: 8px; } .fb_edge_widget_with_comment span.fb_edge_comment_widget { top: 15px !important; left: -250px !important; } #logo { background-image: url(/images/buffalovibe_logo.png); background-repeat: no-repeat; cursor: pointer; float: left; height: 95px; width: 305px; margin: 10px; background-size: cover; z-index: 20; } #menumain { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; background-color: #F2F2F2; } #menumain .menu_item { background-color: #2da2db; border-right: 1px solid #1b89bf; float: left; padding: 10px 18px 8px 18px; } #menumain .menu_item:last-child { border-right: 0; } #menumain .menu_item.pull-right { background-color: #F2F2F2; border-right: 0; } #menumain .menu_item.pull-right a { color: #999; } #menumain .menu_item.active a { color: #001C31; } #menumain .menu_item a { color: #FFF; text-transform: uppercase; text-decoration: none; font-family: "Roboto Slab"; font-size: 15px; } #menumain .menu_item a:hover { color: #331C31; } @media screen and (max-width: 1199px) { #menumain .menu_item { padding: 10px 12px 8px 12px; } #menumain .menu_item:first-child { display: none; } } @media screen and (max-width: 1022px) { #searchbar { display: none; } } #searchbar .dropdown-menu { border-top: 0; border-right: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #EFEFEF; padding: 15px 18px; text-align: right; min-width: 280px; } #searchbar .nav-search { width: 200px; margin-bottom: 0; } #searchbar .fa-alt { visibility: hidden; } #searchbar.open .dropdown-toggle i.fa-main { visibility: hidden; } #searchbar.open .dropdown-toggle i.fa-alt { visibility: visible; color: #DDD; } #weather-img { background-size: 225px 75px; height: 50px; width: 225px; } #mobile-nav { display: none !important; } #newsletter-box { background-image: url(/images/newsletter/buffalo-downtown.png); background-size: cover; background-position: center; height: 380px; border: 14px solid #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative; } #newsletter-box h2 { margin: 0 0 8px 0; } #newsletter-box .form-bg { background: rgba(0, 0, 0, 0.7); padding: 15px 0; bottom: 0; left: 0; position: absolute; width: 100%; } @media (min-width: 469px) { #newsletter-box .form-bg .xxs-full + .xxs-full { padding: 0; } } @media (max-width: 468px) { #newsletter-box .form-bg h2 { font-size: 22px; } } .popup-border { border: 14px solid #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .modal-backdrop.in { filter: alpha(opacity=75); opacity: 0.75; } .open-sans { font-family: "Open Sans", sans-serif; } .roboto-slab { font-family: "Roboto Slab", serif; } .arvo { font-family: "Arvo", serif; } .aqua { font-family: "Aqua Grotesque", serif; } a { color: #2da2db; text-decoration: none; } a:hover, a:active { color: #333; text-decoration: none; } /* Body Content Starts Here **/ h1, h2, h3, h4, h5 { margin: 0; font-family: "Roboto Slab", serif; } h1 { font-size: 40px; font-weight: normal; line-height: 40px; } h2 { font-size: 26px; font-weight: normal; line-height: 26px; } h3 { font-size: 24px; font-weight: normal; line-height: 24px; } h4 { font-size: 18px; font-weight: normal; line-height: 20px; } h5 { font-size: 16px; font-weight: normal; line-height: 18px; } .strong { font-weight: bold; } .no-margin { margin: 0; } .no-padding { padding: 0 !important; margin: 0 !important; } .no-wrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .no-rounding { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } select { font-size: 14px; color: #666; } input[name=title], input[name=block_title], input.title { font-family: "Arvo", serif; color: #333; font-size: 20px; height: 42px; } input[name=block_title] { font-size: 18px; } .form-group.group-box { background: #EFEFEF; padding: 20px 15px; margin: 20px 0px; } .fa-event:before { font-family: FontAwesome; content: ""; } .fa-listing:before { font-family: FontAwesome; content: ""; } select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input { display: inline-block; margin-bottom: 10px; color: #555555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; border: 1px solid #DDD; } option:disabled { background-color: #F5F5F5; } .shadow-side { -webkit-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.25); } .shadow-bottom { -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); } .standard { width: 200px; } .chat-right { margin-right: 55px; } .chat-left { margin-left: 55px; } .note-header { border-bottom: 1px dotted #DDD; margin-bottom: 8px; padding-bottom: 4px; } .img-chat { width: 50px; height: 50px; line-height: 46px; font-size: 24px; text-align: center; background-color: #a5a5a5; color: #FFF; } .img-chat.small { width: 35px; height: 35px; line-height: 32px; font-size: 15px; } .register { background: url(/images/users/registration.jpg) right 80% no-repeat; min-height: 430px; } .register label { font-weight: bold; font-size: 13px; display: block; } .register label span { font-weight: normal; } .register input[type=text], .register input[type=password] { width: 100%; font-size: 16px; margin-bottom: 15px; color: #6a6a6a; border: 1px solid #cccccc; background-color: #FEFEF1; } .register .org_fields input { background-color: #F6FFF9; } .register .hide-tmp { display: none; } ul { margin: 0; padding: 0; } ul li { list-style: none; } ol li { margin-bottom: 15px; list-style-type: decimal; } input.draft, .btn.preview { background-color: #F4F7F0; } .pink { color: #ed1d7d; } .blue, input.blue { color: #2da2db; } .bluegray, input.bluegray { color: #203f4e; } .bluegray:hover, input.bluegray:hover { text-decoration: none; } .green { color: green; } .darkblue { color: #001C31; } .pending { color: #d14641; } .drafts { color: #92A94F; font-weight: bold; } .darker { color: #203f4e; } .lighter { color: #7F7F7F; } .red, .error { color: red; } .crimson { color: #e0081a; } .white { color: white; } .pointer { cursor: pointer; } .tinytext { font-size: 11px; } .smalltext, input.smalltext { font-size: 13px; } .mediumtext { font-size: 15px; } .bigtext { font-size: 16px; } .bootbox-body { font-size: 16px; line-height: 24px; } .bootbox-body h2 { font-size: 24px; } .largetext { font-size: 20px; line-height: 22px; } .leadtext { font-size: 34px; line-height: 36px; } .serif { font-family: serif; } .clear { clear: both; } .left { float: left; } .right { float: right; } .subtle { color: #666; } .subtle.title { font-weight: bold; } .subtle:hover { text-decoration: none; } .centered { margin-left: auto; margin-right: auto; } .center { text-align: center; } .cover { background-position: center center; background-size: cover; display: flex; } .cover-center { background-position: center center; background-repeat: no-repeat; display: flex; } .dashboard-widget h4, .dashboard-widget h5 { font-size: 16px; } #content.dashboard .dashboard-widget .box-content, #content.users .dashboard-widget .box-content { margin-bottom: 15px; } @media (min-width: 992px) { #content.dashboard .dashboard-widget .box-content, #content.users .dashboard-widget .box-content { height: 370px; overflow-y: hidden; } } #content.dashboard .dashboard-widget .box-content table.datatable a, #content.users .dashboard-widget .box-content table.datatable a { font-size: 13px; } .border { border: 1px solid #cccccc; } .border + .border { border-top: none; } .inlinetext { border: 1px solid #C0C0C0; color: #686868; display: inline; font-size: 15px; padding-bottom: 3px; padding-left: 4px; padding-top: 4px; } .inlineitem { display: inline; vertical-align: top; } #search_form { width: 280px; padding-top: 8px; } #search_form #search_words { border: 1px solid #DDD; border-right: none; padding: 2px 4px; margin-bottom: 0px; height: 26px; } #crumbs { clear: both; font-size: 14px; } #crumbs a { color: #ed0b7e; } #crumbs em { color: #a2a2a2; } #crumbs li { list-style: none; } #crumbs .divider { padding: 0 4px; } #crumbs .active { color: #7f7f7f; } .breadcrumb { margin-bottom: 10px; background: none; border: none; color: #999; font-size: 13px; text-transform: capitalize; } .breadcrumb > li { text-shadow: none; } .alert p { margin: 5px 0; } .utility { display: block; float: left; height: 28px; margin-top: 5px; } .utility a { line-height: 28px; font-size: 11px; font-weight: bold; color: #306076; padding-left: 26px; } /* Footer Classes */ #copyright { color: #656565; font-size: 12px; } #footer { margin: 0 auto; } #footer .widget { border-left: 1px dotted #999; margin-right: 10px; width: 145px; } #footer .widget div { padding-left: 30px; padding: 8px; } #footer.about .ads, #footer.about .social { display: none; } #footer_bottom { border-top-color: #2da2db; border-top-style: solid; border-top-width: 3px; clear: both; color: #616161; font-size: 13px; background-color: #ddd; } #footer_bottom h1 { color: #B8B8B8; font-size: 26px; line-height: 22px; margin: 0px; padding: 0px; } #footer_bottom a { color: #2da2db; font-family: "Roboto Slab", serif; } #footer_bottom a:hover { color: #444; } #footer_bottom .col-xs-6 { padding-bottom: 25px; } .narrow_mid, .wide_mid { border: 1px solid #DDD; background: #FCFCFC; } .narrow_video { background-image: url(/images/headers/video.jpg); background-repeat: no-repeat; height: 50px; } .narrow_music { background-image: url(/images/headers/music.jpg); background-repeat: no-repeat; height: 37px; } .narrow_top_contributors { background-image: url(/images/headers/contributors.jpg); background-repeat: no-repeat; height: 36px; } .narrow_top_contributors.lifestyle { background-image: url(/images/headers/contributors_lifestyle.jpg); } .narrow_top_contributors.dining { background-image: url(/images/headers/contributors_dining.jpg); } .narrow_top_contributors.arts-culture { background-image: url(/images/headers/contributors_arts-culture.jpg); } .narrow_top_contributors.music { background-image: url(/images/headers/contributors_music.jpg); } .narrow_top_contributors.movies { background-image: url(/images/headers/contributors_movies.jpg); } .narrow_top_contributors.sports { background-image: url(/images/headers/contributors_sports.jpg); } .narrow_top_contributors.local { background-image: url(/images/headers/contributors_local.jpg); } .top_contributor { background-image: url(/images/headers/contributor.jpg); height: 36px; width: 265px; background-position-y: -9px; } /*Home Slider*/ #homeslider { height: 400px; background-color: #FEFEFE; border: 1px solid #DDD; overflow-y: hidden; } #homeslider .featureblock { width: 100%; border: 1px solid #DDD; } #homeslider .metadata { background: rgba(0, 0, 0, 0.65); height: 75px; margin-top: -75px; z-index: 500; color: white; width: 100%; } #homeslider .metadata .featurename { font-size: 24px; color: #2da2db; line-height: 30px; } #homeslider .metadata .featurename a:hover { color: #EFEFEF; } #homeslider .metadata .featureinner { padding: 8px; } #homeslider #controls { padding-left: 95%; margin-top: -30px; position: relative; z-index: 600; } #homeslider #controls div { cursor: pointer; background-repeat: no-repeat; background-image: url(/images/slide_arrows.png); height: 16px; width: 15px; } #homeslider #controls #prev { background-position: top left; } #homeslider #controls #prev:hover { background-position: bottom left; } #homeslider #controls #next { background-position: top right; } #homeslider #controls #next:hover { background-position: bottom right; } #homeslider .carousel { height: 400px; margin: 0; } #homelistings { margin-bottom: 35px; } #content_blocks { margin-bottom: 40px; } #content_blocks .carousel-control.left, #content_blocks .carousel-control.right { width: 6%; top: 100%; background-image: none; color: #003a70; opacity: 1; } @media screen and (max-width: 767px) { #content_blocks .carousel-control.left, #content_blocks .carousel-control.right { width: 25px; font-size: 24px; } } #content_blocks .carousel { height: auto; margin: 0; } .carousel-image { width: 100%; height: 400px; background-size: cover; background-repeat: no-repeat; } .carousel-image-thumb { width: 165px; height: 85px; background-size: cover; background-repeat: no-repeat; } #movietrailer { padding-left: 12px; } #movietrailer .inner { padding: 10px 0 0 22px; } #trailervid { width: 600px; height: 342px; } #showtimes { padding: 30px 0 20px 0; } #showtimes select { font-size: 16px; padding-bottom: 8px; height: auto; } #posters { padding-top: 20px; background-color: #F9F9F9; min-height: 200px; } .movies-header { width: 476px; height: 38px; background-image: url(/images/h_movies.jpg); background-repeat: no-repeat; background-position: left; } .movies .theatre { margin-bottom: 15px; } .movies .theatre .btn { margin-right: 10px; margin-left: 0px; margin-bottom: 12px; width: 90px; padding: 2px; font-size: 14px; text-transform: lowercase; } .movies .theatre .btn + .btn { margin-left: 0px; } .movies .poster { min-height: 260px; margin-bottom: 25px; } .movies .movie-3d { background-color: rgba(240, 173, 78, 0.5); color: #FFF; position: relative; top: -28px; height: 28px; line-height: 28px; text-align: center; font-weight: bold; } .listenup { background-image: url(/audio-player/listenup_small.jpg); background-position: -10px left; background-repeat: no-repeat; height: 60px; padding-left: 250px; margin-bottom: 4px; } /*Articles*/ .articlelist { padding: 15px 0; border-bottom: 1px dotted #E7E7E7; height: auto; } .articlelist h3 { font-size: 20px; } .articlelist h4 { margin-top: 10px; } .thumbox { height: 180px; border: 1px solid #ccc; margin-bottom: 8px; width: 100%; cursor: pointer; } .thumbox:hover .overlay { background: rgba(0, 0, 0, 0.75); } .summary { font-size: 15px; line-height: 18px; margin-top: 8px; } .summary a { display: inline-block; } .summary li { margin: 3px 0; } .homeblock { padding: 0px; } .overlay { line-height: 20px; height: 100%; width: 100%; overflow: hidden; -webkit-transition: all 0.4s; transition: all 0.4s; } .overlay div { display: none; } .overlay:hover div { display: block; } .overlay ._pop { position: relative; top: 45%; text-align: center; color: #FFF; font-size: 16px; } .overlay ._excerpt { padding: 0 25px; position: relative; top: 35%; font-size: 16px; color: #FFF; } /*Homepage Articles*/ .toparticles .homelist { padding-bottom: 15px; min-height: 310px; } .toparticles .thumbox { height: 220px; } .toparticles .thumbox:hover .overlay { background: rgba(0, 0, 0, 0.75); } .toparticles .thumbox:hover .overlay div { display: block; } .toparticles .col-md-12 .thumbox { height: 300px; background-position-y: top; } @media (min-width: 1200px) { .toparticles .col-md-12 ._pop { opacity: 0; } } .show_more .homelist { height: 315px; opacity: 0; } .show_more .thumbox { height: 210px; } .show_more .thumbox:hover .overlay { background: rgba(0, 0, 0, 0.75); } .show_more .title { font-size: 18px; } #block_directory, #block_photos { margin-bottom: 20px; } #block_photos .inner { padding: 15px 0 0 15px; } .lphoto { width: 60px; height: 60px; margin-right: 8px; border: 1px solid #cccccc; } .fphoto { padding: 8px; } .fphoto img { margin-right: 6px; } .author { margin-bottom: 15px; padding: 15px; } #authorslider ul, .authorlist ul { list-style: none; min-height: 120px; } #authorslider li, .authorlist li { list-style: none; color: #8e8e8e; min-width: 300px; } #authorslider .thumbox, .authorlist .thumbox { height: 100px; width: 100px; } /*Articles Category View */ .lead_header { background-color: #EEE; border-bottom: 5px solid #ed0b7e; padding: 18px 15px; } .lead_icon { background-repeat: no-repeat; background-position: left; padding-left: 80px; min-height: 75px; } .lead_header img { margin-right: 12px; } .lead_photo { margin-bottom: 10px; } .lead_photo.cover { height: 400px; } .lead_photo .caption-box { position: relative; height: 55px; background-color: rgba(0, 0, 0, 0.5); margin-top: -55px; overflow: hidden; } .lead_photo .caption-box div { padding: 12px; font-size: 14px; color: #FFF; } .lead_photo:hover .overlay { background: rgba(0, 0, 0, 0.75); } .lead_photo:hover .overlay div { display: block; } .home_music { cursor: pointer; height: 250px; background-position: center top; } /*Music player*/ .playlist { padding-bottom: 6px; padding-top: 4px; border-bottom: dotted 1px #DDD; cursor: pointer; } /*Articles Single View */ .articleblock .thumbox { width: 100px; height: 95px; border: 1px #CCC solid; margin-right: 10px; } @media (min-width: 541px) and (max-width: 768px) { .articleblock .thumbox { width: 90px; height: 90px; margin-right: 5px; } } .articleblock .thumbox:nth-of-type(7n) { margin-right: 0px; } .articlebody { margin-top: 15px; line-height: 24px; font-size: 16px; padding: 12px; } .articlebody ul { margin-left: 30px; margin-bottom: 30px; } .articlebody ul li { list-style: circle; margin-bottom: 6px; } .articlebody p { margin-bottom: 15px; } .articlebody .block-item { margin: 25px 0; padding-top: 5px; } .articlebody .block-item .thumbs { margin-top: 15px; } .articlebody .block-item .thumbs .thumbox { width: 138px; height: 140px; border: 1px solid #CCC; margin-right: 10px; margin-bottom: 10px; } .articlebody .block-item p { margin-bottom: 15px; } .articlebody img { max-width: 80%; height: auto; } .articlebody h1, .articlebody h2, .articlebody h3, .articlebody h4 { margin-bottom: 6px; } .carousel .block-item img { max-width: 60%; } .related { padding: 0px 15px; } @media (max-width: 992px) { .related { min-height: 250px; } } .related .cover { height: 160px; border: 1px #CCC solid; margin-bottom: 4px; } .related h4 { font-size: 16px; } .related a:hover { text-decoration: none; } /*Photos*/ .photos .inner { padding-left: 12px; } .photoset { margin-top: 15px; } .photothumb { float: left; margin-right: 20px; margin-bottom: 20px; } .photothumb img { width: 120px; height: 120px; max-width: 120px; } .photogallery { border: 1px solid #DDD; margin-bottom: 25px; height: 105px; overflow: hidden; } .gallery_thumbs { padding: 5px 0 0 20px; } /*Events Calendar */ .img-featured { height: 240px; background-position-y: top; } /* AddThisEvent (add to your existing CSS) */ .addthisevent-drop { display: inline-block; position: relative; z-index: 198; } .addthisevent-drop:hover { text-decoration: none; } .addthisevent-drop .arrow { width: 15px; height: 10px; position: absolute; top: 50%; right: 15px; margin-top: -5px; background: url(icon-arrow.png) no-repeat; } .addthisevent_dropdown { width: 215px; position: absolute; z-index: 199; padding: 6px 0px 0px 0px; background: #fff; text-align: left; display: none; margin-top: 2px; margin-left: -1px; border-top: 1px solid #c8c8c8; border-right: 1px solid #bebebe; border-bottom: 1px solid #a8a8a8; border-left: 1px solid #bebebe; -webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.15); box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.15); } .addthisevent_dropdown span { display: block; line-height: 110%; background: #fff; text-decoration: none; color: #444444; padding: 8px 10px 9px 15px; } .addthisevent_dropdown span:hover { background: #f4f4f4; color: #444444; text-decoration: none; } .addthisevent span { display: none !important; } .addthisevent-drop ._url, .addthisevent-drop ._start, .addthisevent-drop ._end, .addthisevent-drop ._summary, .addthisevent-drop ._description, .addthisevent-drop ._location, .addthisevent-drop ._organizer, .addthisevent-drop ._organizer_email, .addthisevent-drop ._facebook_event, .addthisevent-drop ._all_day_event { display: none !important; } .addthisevent_dropdown .copyx { height: 21px; display: block; position: relative; cursor: default; } .addthisevent_dropdown .brx { width: 180px; height: 1px; overflow: hidden; background: #e0e0e0; position: absolute; z-index: 100; left: 10px; top: 9px; } .addthisevent_dropdown .frs { position: absolute; top: 3px; cursor: pointer; right: 10px; padding-left: 10px; font-style: normal; font-weight: normal; text-align: right; z-index: 101; line-height: 110%; background: #fff; text-decoration: none; font-size: 10px; color: #cacaca; } .addthisevent_dropdown .frs:hover { color: #444444; } .addthisevent { visibility: hidden; } .addthis_toolbox a { color: #FFF; font-size: 0; } /*Events Homepage Week */ #homeevents .weekview { padding-left: 18px; padding-top: 6px; width: 390px; } #homeevents .weeksearch { border-left: dotted 1px #e7e7e7; margin-top: 15px; width: 260px; min-height: 170px; } #homeevents .datebox { cursor: pointer; margin-right: 1%; background: #2da2db; width: 12%; height: 42px; border: 1px solid #EFEFEF; line-height: 14px; font-size: 14px; text-align: center; color: #FFF; } #homeevents .datebox span { margin-top: 6px; display: block; } #homeevents .date_on { background: #ed0b7e; } #homeevents .date_off:hover { background: #2b2b2b; } #homeevents .event_head h2 { padding-top: 15px; margin: 0 0 0 5px; } #homeevents .event_link { font-size: 14px; font-weight: bold; } #homeevents .thumbox { height: 120px; } #content_blocks .event_listitem { line-height: 18px; font-size: 14px; padding-top: 10px; } #content_blocks .event_listitem.promoted { padding: 10px 20px 20px; border: none; background-color: transparent; margin-bottom: 30px; } #content_blocks .event_listitem.promoted .label { display: none; } /*Events List View */ .event_listitem { padding: 20px 0; border-bottom: 1px dotted #DDD; } .event_listitem:hover .pink { color: #001C31; text-decoration: underline; } .event_listitem.promoted { padding: 20px; border: 1px solid #DDD; background-color: #f5fbf9; margin-bottom: 30px; } .event_listitem.block { padding: 0px; border: 0; } .event_listitem .topdate { font-size: 16px; margin-bottom: 6px; } /*Events Single View */ .datelist { font-size: 14px; line-height: 24px; } .eventbody { line-height: 20px; padding-right: 6px; padding-bottom: 15px; } .eventbody p { margin-bottom: 10px; } .eventbody h1, .eventbody h2, .eventbody h3 { margin-top: 15px; margin-bottom: 8px; } .eventbody img { display: block; max-width: 100%; height: auto; } small .darkblue { padding-top: 4px; font-size: 16px; } .dayselect label { width: 12%; text-align: center; } .mapbox { border: 1px solid #DDD; height: 300px; width: 100%; } .maplogo { background-size: cover; background-position: center center; width: 70px; height: 70px; float: left; border: 1px solid #cccccc; } .directions { background-color: #FAFAFA; border: 1px solid #cccccc; border-top: none; width: 100%; padding: 20px 0; } .directions label { margin-bottom: 0px; } /*Calendar Classes */ #calendar table { width: 100%; margin-top: 8px; border: 2px solid #7FD0F8; font-size: 14px; } #calendar .heading { background-color: #7FD0F8; color: #FFFFFF; } #calendar .heading th { text-align: center; padding: 8px 0; } #calendar .prev_next a { color: #FFFFFF; text-decoration: none; font-weight: bold; } #calendar .day { text-align: center; padding: 5px 0; height: 10px; color: #373737; } #calendar .day2 { text-align: center; height: 25px; color: #767676; } #calendar .today { font-weight: bold; color: #ED0B7E; } /*Movie Classes */ .movie-thumb { float: left; padding: 8px; padding-top: 4px; border: 0; } .NYT-movie { border-bottom: 1px dotted #cccccc; padding-bottom: 8px; margin-bottom: 10px; font-size: 12px; } .intheaters { width: 200px; height: 140px; text-align: center; border: 1px solid #dddddd; } /*Listings Classes*/ .jump { padding: 6px; margin-top: 8px; } #directory_search { margin-top: 8px; } #business_list { font-size: 14px; } #business_list .breadcrumb { margin-bottom: 0px; padding-bottom: 0px; } #business_list .open-sans.title { font-weight: bold; } #business_list .weblinks a { margin-right: 20px; } #business_list .tag-option { text-transform: capitalize; cursor: pointer; padding: 6px; font-size: 15px; } #business_list .tag-option.active { font-weight: bold; } #business_list .name { position: relative; top: 85%; color: #EEE; font-size: 14px; padding: 0 0 0 15px; } #business_list .info { position: relative; color: #FFF; font-size: 13px; padding: 10px; } #business_list .info .phone { font-size: 13px; font-weight: bold; padding-bottom: 12px; } #business_list .pointer:hover .overlay { background: rgba(0, 0, 0, 0.55); } #business_list .pointer:hover .overlay div { display: block; } #business_list .catimage { height: 170px; background-image: url("/images/buffalovibe_logo_square.jpg"); background-repeat: no-repeat; background-size: cover; } #business_list .catimage.catname { margin-bottom: 20px; } #business_list .listing-image { height: 150px; } #business_list .listing-info { padding: 10px 15px; } #business_list .listing-info h3 { font-size: 22px; } #business_list .listings { border: 1px solid #EEE; background: #F5F5F5; margin-bottom: 25px; } #business_list .listings:hover .title { color: #ed0b7e; } #business_list .listings .small.darkblue:hover { color: #2da2db; } #business_list .listingbody .thumbs { margin-top: 15px; } #business_list .listingbody .thumbs .thumbox { width: 75px; height: 75px; border: 1px solid #CCC; margin-right: 15px; margin-bottom: 12px; } #neighborhood-filter .btn.no-rounding { margin-bottom: 10px; margin-left: 0; margin-right: 6px; border: none; color: #FFF; } #neighborhood-filter .btn.no-rounding:hover { color: #000; } #neighborhood-filter .btn.no-rounding.active { background: #FFF; color: #000; } .videoblock { height: 200px; border: 1px solid #ccc; background-color: #f6f6f6; margin-bottom: 25px; } .videoblock:hover a { text-decoration: underline; color: #2da2db; } .videoblock:hover .info { background: #101010; } .videoblock a { color: #FFF; } .videoblock a:hover { text-decoration: none; } .videoblock .info { background: rgba(0, 0, 0, 0.85); height: 60px; position: relative; overflow: hidden; top: 140px; } .videocontainer, .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videocontainer iframe, .videocontainer object, .videocontainer embed, .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .player_top_vibetv { background-image: url(/images/video_top_vibetv.jpg); background-repeat: no-repeat; height: 68px; } .player_top { background-image: url(/images/video_top.jpg); height: 5px; width: 668px; } /*Icon Classes*/ .linkbox32 { background-image: url(/images/icons/icons.png); background-position: 0 0px; height: 32px; width: 32px; margin-right: 5px; } .twitter32 { background-position: center -640px; } .facebook32 { background-position: center -224px; } .email32 { background-position: center -160px; } .website32 { background-position: center -256px; } .linkbox16 { background-image: url(/images/icons/widget32.png); float: left; height: 16px; width: 16px; margin-right: 6px; cursor: pointer; } .twitter16 { background-position: center -5232px; } .facebook16 { background-position: center -1584px; } .email16 { background-position: center -1472px; } .website16 { background-image: url(/images/iconset01/world_go.png); background-position: center center; } .full-center { margin: 0 auto; width: 920px; } .powered_by_trucks { width: 220px; height: 58px; background-image: url(https://getstreetmeat.com/embed-app/images/embed.png); background-repeat: no-repeat; background-position-y: bottom; margin-bottom: 20px; } .trucklist { min-height: 160px; background: #F2F2F2; border: 1px solid #DDD; margin-bottom: 30px; } .trucklist img { width: 80px; height: 80px; margin-right: 15px; margin-bottom: 6px; } .trucklist a .fa { margin-right: 5px; font-size: 16px; color: #999; } .trucklist a .fa:hover { color: #2da2db; } .trucklist .serving { color: green; font-weight: 600; } .trucklist .separator { margin: 0 8px; } .addnew { margin-left: 10px; } #edit label, .edit label, .modal label { font-size: 13px; color: #204d74; font-weight: bold; font-family: "Arvo", serif; } #edit label.date_label, .edit label.date_label, .modal label.date_label { font-weight: 600; color: green; } #edit label.date_label input, .edit label.date_label input, .modal label.date_label input { margin: 0 5px 0 0; } #edit label.normal, .edit label.normal, .modal label.normal { font-weight: normal; } .modal .block-preview > div { padding: 10px 15px; background-color: #f5fbf7; border: 1px solid #DDD; } input, select, textarea { border-radius: 0 !important; } #extras .save-bar, #extras .edit-bar { border-top: 1px solid #DDDDDD; position: fixed; z-index: 2000; margin: 0px; bottom: 0px; background-color: #FEFEFE; width: 100%; text-align: center; padding: 10px; padding: 20px 0; display: none; } .save-bar { text-align: center; } .btn + .btn { margin-left: 10px; } .btn-light { background: #eaeaea; } .btn-month { margin-left: 0px !important; margin-right: 6px; margin-bottom: 8px; width: 85px; border-radius: 0px; font-size: 13px; } .btn-month.strong { background: #ed1d7d !important; color: #FFF !important; } .btn-review { color: #FFF; border-radius: 0px; background: #222; padding: 2px 8px; border: none; align-self: flex-end; } .btn-review:hover { color: #CCC; } .label.label-green { background: green; } .modal-dialog { z-index: 1050; } label + .switch { display: table-cell; margin-top: 3px; } .box-yellow { padding: 25px 0; border: 1px solid #DDD; background: #FDFCEE; } .promo-box { padding: 15px 10px; background: #EFEFEF; width: 300px; } .promo-image { width: 300px; height: 250px; border: 1px solid #DDD; border-bottom: 2px solid #ed0b7e; } .box-small { text-align: center; position: relative; display: block; margin: 20px; } .box { margin-bottom: 20px; } .mce-content-body { background-color: #FFF; font-size: 14px; line-height: 22px; padding: 0 8px; } .admin .landing { padding-top: 70px; } .admin .main-content { padding-top: 105px; } .admin .emailbody { font-size: 16px; line-height: 26px; } .admin li > a > h4 { font-size: 16px; } .admin .navbar-fixed-top #crumbs { border-top: 2px solid #2da2db; } .admin .navbar-fixed-top .badge { padding: 3px 5px; font-size: 10px; line-height: 10px; } .admin .navbar-fixed-top .badge.float { position: relative; top: -10px; } .admin .navbar-fixed-top .badge.unread { background-color: #fba63b; } .admin .navbar-fixed-top.navbar { background-color: #d6d6d6; font-size: 16px; } .admin .navbar-fixed-top.navbar a { color: #313131; } .admin .navbar-fixed-top .nav > li > a:focus, .admin .navbar-fixed-top .nav > li > a:hover { text-decoration: none; background-color: #eee; color: #666; } .admin .navbar-fixed-top .nav > li.active > a { text-decoration: none; background-color: #fdfdfd; color: #666; } .admin .navbar-fixed-top .nav > li:not(:first-child) a { border-left: 1px solid #BBB; } .admin .navbar-fixed-top .dropdown-menu { right: -4px; margin-top: 2px; left: inherit; border-radius: 0; border: 1px solid #DDD; -webkit-box-shadow: none; box-shadow: none; min-width: 250px; background-color: #eee; } .admin .navbar-fixed-top .dropdown-menu li a { padding: 8px 20px; font-size: 16px; } .admin .nav-tabs > li:not(.active) > a { color: #555555; } .admin .nav-tabs > li:not(.active) > a:hover { color: #278dc1; } .admin .header-logo { background: no-repeat url(/images/admin-header-small.png); width: 75px; height: 40px; margin: 4px 0 0 0; } .admin form { margin: 0px; } .admin .input-group-addon { border: 0; } .admin .breadcrumb { background: none; border: none; border-radius: 0; margin: 0 auto; max-width: 1140px; color: #999; } .admin .breadcrumb > li { text-shadow: none; } .admin #crumbs { background: #fdfdfd; border-bottom: 1px solid #DDD; } .admin #crumbs .active { color: #6A6A6A; } .ekko-lightbox-nav-overlay a:hover { color: #FFF; } .nav-tabs.nav-stacked > li { border-radius: 0; } .drag-sort .sort-item { cursor: move; } .drag-sort .sorting-row { cursor: move; background-color: #F4F7F0; } .box-header { padding: 6px 0px; overflow: hidden; /*.break { border-left: 1px solid #fcfcfc; border-right: 1px solid #ddd; margin: 0px 10px -1px 10px; padding: 14px 0px; }*/ } .box-header.chrome { border: 1px solid #ddd; padding: 6px 8px; border-bottom-color: #999; margin-bottom: -1px; background-color: #f6f6f6; background-image: -moz-linear-gradient(top, #f6f6f6, #e2e2e2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#e2e2e2)); background-image: -webkit-linear-gradient(top, #f6f6f6, #e2e2e2); background-image: -o-linear-gradient(top, #f6f6f6, #e2e2e2); background-image: linear-gradient(to bottom, #f6f6f6, #e2e2e2); filter: progid:dximagetransform.microsoft.gradient(startColorstr="#f6f6f6", endColorstr="#e2e2e2", GradientType=0); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; } .box-header h2 { font-size: 18px; line-height: 18px; float: left; margin-top: 6px; color: #606060; font-weight: normal; text-shadow: 0px 1px 0px #fff; } .box-header h2 i { margin: 1px 3px 0px 5px; opacity: 0.4; } .box-header .box-icon { float: right; padding-top: 6px; } .box-header .box-icon a { margin-left: 5px; text-transform: uppercase; } .box-header .input-group-addon { text-align: left; min-width: 65px; background-color: #FFF; border: 1px solid #DDD; border-right: 0; } .ad-option { border-bottom: 1px solid #DDD; padding: 20px 15px; cursor: pointer; } .ad-option h4 { margin-bottom: 8px; } .ad-option:hover { background: #f0f5f3; } .row:last-of-type .ad-option { border-bottom: 0; } .options, .ad-overview { -webkit-transition: width 1s; /* Safari */ transition: width 1s; } .addressbox { background-color: #e9efed; padding: 20px; border: 1px solid #ddd; position: relative; top: 15px; display: none; } .info-header { font-family: "Open Sans", sans-serif; font-size: 18px; margin-bottom: 6px; } .box-content { margin-top: -1px; padding: 20px; border: 1px solid #ddd; background: #FFF; -webkit-border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; border-radius: 0px 0px 2px 2px; } .box-content.shrink.on { max-height: 250px; overflow-y: scroll; border-top: 2px solid #2da2db; } .modal-content { background-color: #EFEFEF; } .modal-body { background-color: #fff; } .list-group-item { background-color: #F5FBF7; margin-bottom: 15px; } .event-info { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 15px 10px 25px; background: #fcfcfc; } .date_type_select { border-bottom: 1px dotted #DDD; margin-bottom: 25px; } .date_help { padding-bottom: 15px; font-size: 12px; font-style: italic; } .date_entry { padding-bottom: 10px; } /* Header Section =================================================================== */ .navbar-inner { min-height: 40px; padding-right: 20px; padding-left: 20px; color: #646464; background-color: #fafafa; background-image: -moz-linear-gradient(top, #fafafa, #efefef); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)); background-image: -webkit-linear-gradient(top, #fafafa, #efefef); background-image: -o-linear-gradient(top, #fafafa, #efefef); background-image: linear-gradient(to bottom, #fafafa, #efefef); filter: progid:dximagetransform.microsoft.gradient(startColorstr="#fafafa", endColorstr="#efefef", GradientType=0); background-repeat: repeat-x; border-bottom: 1px solid #ddd; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; *zoom: 1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .navbar-inner a { color: #646464; } .navbar-inner a i { opacity: 0.7; } .panel p { margin-bottom: 0px; } .panel p > br { display: none; height: 0px; } .brand img { margin-top: -7px; } #under-header { margin: -20px 0px 20px 0px; border-top: 1px solid #fcfcfc; } /* Navigation Section =================================================================== */ .nav-tabs.header-menu a { font-family: "Roboto Slab", serif; color: #606060; } .nav-tabs.header-menu a:hover { color: #2da2db; } .main-menu.nav-tabs { margin-bottom: 20px; border: 0; } .nav-tabs.nav-stacked > li > a { margin: 2px; color: #646464; border: 1px solid #ddd; background-color: #fafafa; background-image: -moz-linear-gradient(top, #fafafa, #efefef); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)); background-image: -webkit-linear-gradient(top, #fafafa, #efefef); background-image: -o-linear-gradient(top, #fafafa, #efefef); background-image: linear-gradient(to bottom, #fafafa, #efefef); filter: progid:dximagetransform.microsoft.gradient(startColorstr="#fafafa", endColorstr="#efefef", GradientType=0); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .nav-tabs.nav-stacked > li ul { margin: 2px; color: #646464; border: 1px solid #ddd; background-color: #fafafa; background-image: -moz-linear-gradient(top, #fafafa, #efefef); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)); background-image: -webkit-linear-gradient(top, #fafafa, #efefef); background-image: -o-linear-gradient(top, #fafafa, #efefef); background-image: linear-gradient(to bottom, #fafafa, #efefef); filter: progid:dximagetransform.microsoft.gradient(startColorstr="#fafafa", endColorstr="#efefef", GradientType=0); display: none; } .nav-tabs.nav-stacked > li > a > i { opacity: 0.7; } .nav-tabs.nav-stacked > li.active > a { margin: 2px; border: 1px solid #666666; color: #fff; background-color: #666666; background-image: -moz-linear-gradient(top, #666666, #666666); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#666666)); background-image: -webkit-linear-gradient(top, #666666, #666666); background-image: -o-linear-gradient(top, #666666, #666666); background-image: linear-gradient(to bottom, #666666, #666666); filter: progid:dximagetransform.microsoft.gradient(startColorstr="#666666", endColorstr="#666666", GradientType=0); } .nav-tabs.nav-stacked > li.active.nav-menu > a { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: 0px; } .nav-tabs.nav-stacked > li.active > a + ul { display: block; margin-top: -2px; padding: 4px 10px; border-top-left-radius: 0px; border-top-right-radius: 0px; background: #FFFFFF; } .nav-tabs.nav-stacked > li.active > a + ul > li { padding: 10px 6px; border-bottom: 1px dotted #DDD; } .nav-tabs.nav-stacked > li.active > a + ul > li:last-child { border: none; } .nav-tabs.nav-stacked > li.active > a + ul > li a { color: #2a62bc; } .nav-tabs.nav-stacked > li.active > a > i { opacity: 1; } .nav-tabs.nav-stacked > li + li.active { margin-top: 12px; margin-bottom: 12px; } .nav-tabs.nav-stacked > li > a:hover { margin: 2px; border: 1px solid #999999; color: #fff; background-color: #999999; background-image: -moz-linear-gradient(top, #999999, #999999); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), to(#999999)); background-image: -webkit-linear-gradient(top, #999999, #999999); background-image: -o-linear-gradient(top, #999999, #999999); background-image: linear-gradient(to bottom, #999999, #999999); filter: progid:dximagetransform.microsoft.gradient(startColorstr="#999999", endColorstr="#999999", GradientType=0); } /* Login Box =================================================================== */ .login-box { width: 400px; margin: 100px auto; background: #fff; color: #aaa; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); } .login-box .icons { text-align: right; margin: 20px 15px; } .login-box .icons i { text-align: right; opacity: 0.2; margin: 0px 5px; } .login-box .icons i:hover { opacity: 0.8; } .login-box h2 { color: #78CD51; margin-left: 20px; font-weight: normal; font-size: 18px; } .login-box h3 { color: #646464; margin-left: 30px; font-weight: normal; } .login-box p { margin: 10px 30px; font-weight: normal; } .login-box .input-prepend { background: #fff; width: 100%; text-align: center; padding: 15px 0px; border-left: 5px solid #fff; } .login-box .input-prepend-focus { background: #fafafa; width: 100%; text-align: center; padding: 15px 0px; border-left: 5px solid #78CD51; } .login-box .add-on { border: 1px solid #eee !important; background: #fff; margin-left: -10px; padding: 10px; } .login-box .add-on i { opacity: 0.6; } .login-box input[type=text], .login-box input[type=password] { border: 1px solid #eee !important; color: #aaa; border-left: none !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 42px !important; } .login-box .remember { margin-top: 20px; margin-left: 20px; float: left; } .login-box .button-login { margin-top: 20px; margin-right: 0px; float: right; } /*-- Image Upload --*/ #promobox li { margin-bottom: 10px; } #promo-info .carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } #promo-info .carousel-fade .carousel-inner .active { opacity: 1; } #promo-info .carousel-fade .carousel-inner .active.left, #promo-info .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } #promo-info .carousel-fade .carousel-inner .next.left, #promo-info .carousel-fade .carousel-inner .prev.right { opacity: 1; } .popbox { margin-bottom: 20px; } .img-admin-box { margin-bottom: 15px; } .img-admin-box i.remove { position: relative; top: 2px; left: 100%; } .img-admin { height: 150px; margin-bottom: 6px; border: 1px solid #DDD; background-repeat: no-repeat; background-size: cover; padding: 0px; } .img-caption-box { background: rgba(0, 0, 0, 0.55); width: 100%; height: 100%; opacity: 0; overflow: hidden; } .img-caption-box:hover { opacity: 1; transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -webkit-transition: opacity 0.35s ease-in-out; } .img-caption { color: #FFF; padding: 30% 10px 10px; } .img-caption.small { padding: 10px; } .img-admin.large { width: 350px; height: 200px; } .page-arrows .page, .page-arrows .active { display: none; } .page-arrows .page.prev, .page-arrows .page.next, .page-arrows .active.prev, .page-arrows .active.next { display: inline-block; } .pagination { margin: 5px 0; } .dotted { border: #AFAFAF dotted 3px; text-align: center; padding: 20px; cursor: pointer; } .dotted input { width: 100%; min-height: 60px; } .file-success { overflow-x: hidden; word-break: break-all; } div.dataTables_length label { float: left; text-align: left; } div.dataTables_length select { width: 75px; vertical-align: middle; } div.dataTables_info { padding-top: 8px; float: left; font-size: 11px; } div.dataTables_paginate { float: right; margin: 0; font-size: 11px; } div.dataTables_filter { float: right; } div.dataTables_filter input { width: 250px; font-size: 16px; padding: 6px 8px; font-weight: 400; } .dataTables_wrapper table { margin: 0; clear: both; background: #FFF; } .dataTables_wrapper table h4 { font-size: 16px; } .dataTables_wrapper table thead { /*cursor: pointer; *cursor: hand;*/ font-size: 14px; } .dataTables_wrapper table td { vertical-align: middle; } .dataTables_wrapper table tr.inactive td { background-color: #FEF7F7; } .dataTables_wrapper table tr.draft td { background-color: #F4F7F0; } .dataTables_wrapper table tr.done td { background: #FEFEFE; } .dataTables_wrapper table tr.done td a { color: #666; } .dataTables_wrapper table tr.done td img { opacity: 0.6; } .dataTables_wrapper table tr.unread td.status { font-weight: bold; } .dataTables_wrapper table .btn-mini { margin-right: 5px; } .dataTables_wrapper table .btn-mini:last-child { margin-right: 0px; } .dataTables_wrapper table a, .dataTables_wrapper table .pointer { color: #278dc1; } .dataTables_wrapper table .actions a { color: #646464; text-decoration: none; cursor: pointer; } .dataTables_wrapper table .actions a:hover { color: #278dc1; } .thumbnail { padding: 0px; border-radius: 0; } .img-thumbnail { border-radius: 0; } .block-item img.thumbnail { width: 140px; height: 140px; } .block-item.col-md-6 { border: 1px solid #FFF; padding-top: 12px; } .block-item.col-md-6:hover { background-color: #F6F6F6; border: 1px solid #EEE; } .block-item.col-md-4 { margin-bottom: 6px; } .block-item.col-md-4 img.thumbnail { width: 80px; height: 80px; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } .mce-container img { max-width: 600px; } .acAction { padding-left: 5px; } .acLoading { background-image: url(/images/loader.gif); background-repeat: no-repeat; background-position: right center; } .autocomplete-suggestions { border: 1px solid #DDD; background: #FAFCFA; cursor: default; overflow: auto; font-size: 16px; } .autocomplete-suggestion { border-bottom: #DDD; padding: 6px 15px; white-space: nowrap; overflow: hidden; } .autocomplete-selected { background-color: #DAE8E3; color: #333; } .autocomplete-suggestions strong { font-weight: normal; color: #ed0b7e; } .loading:after { overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis steps(4, end) 900ms infinite; animation: ellipsis steps(4, end) 900ms infinite; content: "…"; /* ascii code for the ellipsis character */ width: 0px; } @keyframes ellipsis { to { width: 1.25em; } } @-webkit-keyframes ellipsis { to { width: 1.25em; } } .fixed { position: fixed; top: 30px; width: 270px; } #tag-cloud { margin-left: 0; margin-top: 10px; } #tags a { color: #6A6A6A; } .tag-cloud { background-color: #EFEFEF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #444; cursor: pointer; display: inline-block; font-size: 11.844px; line-height: 21px; margin: 2px 5px 5px 2px; padding: 3px 8px 2px; vertical-align: baseline; } .tag-cloud:after { color: #666; content: " x"; font-size: 12px; line-height: 16px; opacity: 0.2; position: relative; text-shadow: 0 1px 0 #777; top: -2px; left: 2px; } .tag-cloud:hover { border-color: #444; } .tag-cloud.tag-cloud-info { background-color: #3A87AD; } .tag-cloud.tag-cloud-success { background-color: #468847; } .tag-cloud.tag-cloud-warning { background-color: #F89406; } .tag-cloud.tag-cloud-danger { background-color: #B94A48; } .tag-cloud.tag-cloud-inverse { background-color: #333333; } .word-cloud { background-color: #FEFEFE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #EEEEEE; color: #666; cursor: pointer; display: inline-block; font-size: 12px; line-height: 20px; margin: 2px 5px 5px 2px; padding: 2px 4px; vertical-align: baseline; } .social { width: 230px; padding-top: 35px; } .social-icons { float: left; margin-right: 5px; width: 40px; height: 40px; background-size: 36px; background-position: center; background-repeat: no-repeat; cursor: pointer; } .social-icons:hover { background-size: 40px; } .social-icons.facebook { background-image: url(/images/social/Facebook-icon.png); } .social-icons.twitter { background-image: url(/images/social/Twitter-icon.png); } .social-icons.instagram { background-image: url(/images/social/Instagram-icon.png); } .social-icons.flickr { background-image: url(/images/social/Flickr-icon.png); } .social-icons.vimeo { background-image: url(/images/social/Vimeo-icon.png); } .social-icons.rss { background-image: url(/images/social/RSS-icon.png); } .btn-panda { background-image: url(/images/affiliates/parkingpanda.png); background-position: center; background-size: cover; background-repeat: no-repeat; width: 235px; height: 52px; border: none; } [ng\:cloak], [ng-cloak], .ng-cloak { display: none !important; } /* The animate class is apart of the element and the ng-enter class is attached to the element once the enter animation event is triggered */ .reveal-animation.ng-enter { -webkit-transition: 1s linear all; /* Safari/Chrome */ transition: 1s linear all; /* All other modern browsers and IE10+ */ /* The animation preparation code */ opacity: 0; } /* Keep in mind that you want to combine both CSS classes together to avoid any CSS-specificity conflicts */ .reveal-animation.ng-enter.ng-enter-active, .reveal-animation.fadeIn { /* The animation code itself */ opacity: 1; } .reveal-animation.ng-enter, .reveal-animation.fadeIn { -webkit-animation: enter_sequence 1.5s ease; /* Safari/Chrome */ animation: enter_sequence 1.5s ease; /* IE10+ and Future Browsers */ } @-webkit-keyframes enter_sequence { from { opacity: 0; } to { opacity: 1; } } @keyframes enter_sequence { from { opacity: 0; } to { opacity: 1; } } a.unii-listing-button { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; box-sizing: border-box; text-decoration: none; margin-bottom: 0; font-family: "Arvo", sans-serif; } a.unii-medium { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; line-height: 20px; } a.unii-small { padding: 6px 10px; font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 16px; } a.unii-black { cursor: pointer; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #000; background-repeat: repeat-x; border-color: #000 #000 #000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } a.unii-black:active, a.unii-black:hover { background-color: #000; text-decoration: none; background-position: 0 -50px; } .sticky { position: -webkit-sticky; position: sticky; top: 0; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Aug 3, 2014, 1:05:50 AM Author : Kevon */ @media (max-width: 992px) { .container { padding: 0; } .nav-stacked > li { float: left; } .nav-stacked > li + li.active { position: relative; float: right; } body { padding: 0; background: #AAA; } #vibecontent { width: 768px; } #logo { width: 265px; height: 80px; background-size: cover; background-repeat: no-repeat; margin: 0 10px; } .breadcrumb { margin: 0; } .breadcrumb .active, .breadcrumb .divider:last-child { display: none; } .no-padding-sm { padding: 0 !important; margin: 0 !important; } .toparticles { padding: 0px; margin-top: 20px; } .toparticles .col-md-12 .thumbox { height: 220px; } .toparticles .homelist:nth-child(odd) { clear: left; } .show_more { padding: 0px 15px; } .show_more .homelist { width: 100%; height: 180px; margin: 0 0 10px 0; border-bottom: 1px dotted #CCC; clear: both; } .show_more .thumbox { width: 30%; height: 160px; float: left; margin-right: 10px; } .show_more .overlay ._pop { font-size: 14px; } .bannerbox { margin-left: 30px; } #business_list li:hover .overlay { display: none; } #business_list.listings:hover h4 a { color: #ed0b7e; } #business_list.listings:hover h4 a:after { content: ""; } #utilitybar .modules { padding-top: 14px; padding-right: 10px; font-size: 14px; float: right; } #utilitybar #userpanel { position: relative; margin-top: -30px; } #utilitybar #useroptions { position: relative; margin-top: -34px; width: 300px; } #utilitybar #useroptions .space { padding: 0 4px 0 0; } #utilitybar #site-menu { padding: 10px 0 0 15px; } } @media (max-width: 768px) { .container { padding: 0; } #vibecontent { width: 600px; } #homeevents .event_head { background-position: -1000px -1000px; background-repeat: no-repeat; height: 40px; } #homeevents .event_head h2 { padding-top: 5px; margin: 0; } #homeslider { height: 270px; } #homeslider .wide_mid { overflow-y: hidden; margin: 4px 0; } #homeslider .metadata { margin-top: -55px; height: 55px; } #homeslider .metadata .featurename { font-size: 20px; line-height: 26px; } #homeslider .metadata .featureinner { padding: 2px 6px 0 8px; } #homeslider .carousel { margin: 0; height: 270px; } #homeslider .carousel-image { height: 270px; background-size: cover; } .show_more { padding: 0px 15px; } .show_more .homelist { width: 100%; height: 140px; margin: 0 0 10px 0; border-bottom: 1px dotted #CCC; clear: both; } .show_more .thumbox { width: 30%; height: 120px; float: left; margin-right: 10px; } .show_more .overlay ._pop { font-size: 14px; } #business_list h3.title { font-size: 20px; height: 26px; overflow-y: hidden; } .bannerbox { margin-left: 0px; } .no-padding-xs { padding: 0 !important; margin: 0 !important; } } @media (max-width: 600px) { #vibecontent { width: 468px; } } @media (max-width: 468px) { #vibecontent { width: 100%; } #logo { width: 200px; height: 60px; background-size: cover; background-repeat: no-repeat; } .pp_details { display: none; height: 0px; } .thumbox { height: 140px; } .xxs-full { width: 100%; } } /*# sourceMappingURL=htdocs/css/style.css.map */