/* VARIABLES -------------------------------------------------- */ /* Used on */ /* Headings */ /* Colors */ /* Body background */ /* Background for main panel and boxes */ /* Alternate color. Ex: Dark boxes on base color, Image border */ /* PRIMARY COLOR */ /* SECONDARY COLOR */ /* Text color for body and .panel. */ /* For text, titles and links outside .panel -> @base-color */ /* Margin - Padding - Radius */ /* Button */ /* Fixed Grouped Specials Button */ /* Forms */ /* Panel Settings */ body { background-color: #efefef; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: 'Roboto', sans-serif; font-size: 12px; color: #666666; text-decoration: none; letter-spacing: normal; text-align: left; } /*------------------ Top Headers for Days and Dates -------------------------------*/ .availhead { border-color: #dedede; vertical-align: bottom; padding: 4px 4px 4px 4px; font-size: 11px; font-face: 'Roboto', sans-serif; background-color: #999; } /*------------------ Selected Day -------------------------------*/ .availheadh { border-color: #dedede; vertical-align: bottom; padding: 4px 4px 4px 4px; font-size: 1em; font-weight: bold; color: #666666; background-color: #f2f2f2; border: 0px; } /*------------------ Selected Day 2 -------------------------------*/ .availheadwe { border-color: #dedede; vertical-align: bottom; padding: 4px 4px 4px 4px; font-size: 1em; background-color: #f2f2f2; height: 30px; } /*------------------ Odd Numbers -------------------------------*/ .availcontg_odd { font-size: 11px; height: 20px; padding-left: 10px; padding-right: 10px; } /*------------------ Red X's -------------------------------*/ .availcontr_odd { color: #0074a5; border-color: #dedede; height: 26px; } /*------------------ Green -------------------------------*/ .availcontg_even { border-color: #dedede; font-size: 12px; height: 20px; padding-left: 10px; padding-right: 10px; } /*------------------ Even Numbers -------------------------------*/ .availcontr_even { color: #0074a5; border-color: #dedede; font-weight: bold; height: 26px; } /*------------------ Table Border -------------------------------*/ table.availtable *:not(.add-x) { -webkit-transition: 200ms linear; -moz-transition: 200ms linear; -o-transition: 200ms linear; -ms-transition: 200ms linear; transition: 200ms linear; } table.availtable { width: 100%; border-spacing: 3px !important; } table.availtable tr:hover { background-color: #f2f2f2; } .availtable tr td { font-size: 12px; padding: 0; width: 10%; } .availtable td.availcontr_even, .availtable td.availcontr_odd, .availtable td.availcontg_even, .availtable td.availcontg_odd { color: #666666; border: 1px solid #dedede; padding: 0px !important; } .availtable a.availcontr_odd, .availtable a.availcontg_odd { color: #666666; } .availcontg_even.first { border: 0px; } .availtable tr td.first { width: 24%; border: 0; } .availtable td a { display: inline-block; font-size: 12px; height: auto; line-height: 1em; padding: 8px 6px; text-decoration: none; width: 79%; } iframe.availtableiframe { width: 100% !important; } table.availtableleft { border-collapse: separate !important; border-spacing: 3px !important; margin-left: -20px; opacity: 0; visibility: hidden; } .noav-prev-week a, .noav-next-week a { display: block; padding: 15px; text-decoration: none; height: auto !important; } .noav-prev-week a:before { font-family: 'FontAwesome'; content: '\f0a8'; margin-right: 10px; } .noav-next-week a:after { font-family: 'FontAwesome'; content: '\f0a9'; margin-left: 10px; } div.noav-next-week, div.noav-prev-week { padding: 0px !important; border: 0px; } div.noav-next-week a, div.noav-prev-week a { border: 0px; width: auto; } .availtable tr:first td { border: 0 !important; } table.availtable tr:first-child:hover { background: none; } .add-x { background-image: url(../images/icon-noavail.png); background-repeat: no-repeat; background-position: center center; overflow: hidden; text-indent: -1000px; } .availtable tr td.rate { color: #0074a5; background: #ffffff; border-top: 1px solid #dedede; border-left: 1px solid #dedede; border-bottom: 1px solid #c4c4c4; border-right: 1px solid #ababab; } .availtable tr td.rate a { color: #0074a5; font-weight: bold; } .availtable tr td.rate:hover { background-color: #0074a5 !important; } .availtable tr td.rate:hover, .availtable tr td.rate:hover a { color: #ffffff; }