body, html{
   font-family: 'Lato', sans-serif !important;
}
a:visited, a:active, a:focus {
    outline: none !important;
}
.error
{
    color: #ff0000;
}
.left {
    float:left;
}
.right {
    float:right;
}
.clear {
    clear:both;
}
.inline {
    display: inline-block !important;
}
table.entry
{   
    border: none;
}
    table.entry th
    {
        font-weight: bold;
        text-align: right;
        padding-right: 12px;
    }
    table.entry td
    {
        text-align: left;
    }
    table.entry td input[type=text], table.entry td textarea {width: 1000px; max-width: 100%;}
    table.entry td input {max-width: 100%;}

table.roomy {border: none; }
table.roomy th, table.roomy td {padding: 4px 8px; vertical-align: middle;}

.roomy .btn {
    margin: 4px 4px;
}
.table-templates td, .table-templates th {
    border-right: 1px solid #ddd;
    vertical-align: middle;
}
    .table-templates td:last-of-type {
        border-right: none;
    }
.table-templates .toprow {
    background-color: #eee;
}
li.active {
    background-color: #ececec;
    cursor: pointer;
}
.floating-tab {
    position:fixed;
    right: 0;
    top: 23%;
    width: 45px;
    height:108px;
    background: url(/Images/tab_help_right.png) no-repeat;
    display: block; 
    background-color: rgb(0, 109, 204); 
    border-color: rgb(0, 109, 204);
    border: solid 1px;
    cursor: pointer;
}

.PhoneRequestLabel {
    width:200px;
}
.result {
    width:100%;
    float:left;
    clear:both;
}
.success, .result {
    color:forestgreen;
}
a.success {
    color: #0088cc;
}
.fail {
    color: red;
}

.sortable tr:not(:first-child) {
    cursor:pointer;
    position: relative; /* sets the rows as the position ancestor for the ::after pseudo-element */
}
.sortable tr:not(:first-child):hover::after {
    content: " ";
    border: 2px dashed #666;
    position: absolute; 
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}
.upload-form {
    background-color:#eeeeee;display:inline-block;padding-bottom:20px;
}
.tab-content {
    background-color: #ececec;
}
    .tab-content.lighter {
        background-color: #f9f9f9;
    }
#imgtabs.nav-tabs > .active > a, #imgtabs.nav-tabs > .active > a:hover, #imgtabs.nav-tabs > .active > a:focus {
    background-color: #f9f9f9;
}
#imgtabs .active {
    background-color: #f9f9f9;
}
.nav.nav-tabs {
    margin-bottom:0px;
}
.tab-pane {
    padding:10px 0 10px 15px;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    margin-right:0px;
}
.tab-content {
    padding-bottom: 15px;
}
.menu-left {
    padding-left:25px !important;
}
.offers-item {
    max-height:340px;
    overflow:hidden;
}
.padradio input[type="radio"] {
    margin:5px;
}
.thumbnail input[type="image"] {
    max-height:180px;
}
.admin-label, .al {
    float:left;
    width:150px;
}
.admin-field, .af {
    float:left;
    clear:right;
}
.icon-select {
    margin-bottom:20px;
}
.bdplTitle td img { /* override for Basic Date Picker forward/previous month buttons */
    position: absolute;
    top: 8px;
}
.floater {
    border: 5px solid #fff !important;
}
footer {
    clear:both;
}
#version {
    font-size: 10px;
    padding-top: 11px;
    padding-right: 20px;
}
    #version span a {
        text-decoration: none;
        color:#000;
    }
.sort-arrow {
    width:30px;float:left;display:block;
}
ul.keywords {
    padding:0;margin:0;
    float:left;
}
ul.keywords li {
    list-style-type: none;
    float:left;
    display:inline-block;
    padding-right:10px;
}
.bg-icon {
    background-color:#aaa;
    padding: 10px;
    margin-bottom: 10px;
}
.png-blue {
    float: left;
    display: block;
    width:40px;
    text-align:center;
}
    .png-blue img {
        max-height:24px;
    }
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline, .form-inline .radio, .radio.inline, .checkbox.inline {
    margin-left: 5px !important;
}
.form-inline .controls-row label, .form-inline .controls-row span {
    width:220px;
    float:left;
    margin-right:15px;
}
.form-inline .controls-row .controls.radio label {
    width:auto !important;
}
.form-inline .controls-row .controls {
    float:left;
    clear:right;
    min-width:350px;
}
.form-inline .controls input[type=text], .form-inline .controls textarea {
    width:100%;
}
.form-inline .no-max {
    width:auto !important;
}
.form-inline .controls * {    
    float:left;
    vertical-align:middle;
}
.form-inline .controls div {
    clear:both;
}
.form-inline .button-row {
    float:left;
    margin-top:15px;
}
.form-inline .button-row * {
    margin-right:10px;
}
#updating {
    position:absolute;
    top:250px;
    left:50%;
    width:100px;
    height:100px;
    background-color:#fff;
    padding:50px;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
            border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
            box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
            background-clip: padding-box;
}
.library {
    clear:both;
    padding-left:0px;
}
    .library.icon {
        padding-left:0px;
    }
.library-search {
    float:left;
    display:inline-block;
    padding-right:20px;
}
.search-block {
    clear:both;
}
#map-canvas {
    clear:both;
    border:1px solid #aaa;
    overflow:visible;
}
#map_column h4 {
    margin:0;
    margin-bottom:5px;
}
#map_column ul {
    padding-bottom:0;
    margin-bottom:0;
}
#map_column ul li {
    padding-bottom:10px;
    width:100%;
    float:left;
}

    #map_column ul li input {
        margin-bottom:0;
    }
    #map_column ul li span {
        margin:5px;
        white-space:nowrap;
    }
    #map_column ul li span input {
        margin-bottom:5px;
    }
.option-block {
    width:100%;
    float:left;
    clear:both;
    padding:10px 0;
    border-bottom:1px solid rgba(0, 0, 0, 0.3);
}
.option-block:first-of-type {
    padding-top:0;
}
.option-block:nth-of-type(2){
    border-bottom:none;
}
.option-block div {
    display:inline-block;
}
.option-block .left {
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    width:48%;
}
.option-block .right {
    float:right;
    width:48%;
}
.option-block .groups {
    display: block;
    float: left;
}
.suggestion label, .filter label {
    display:inline-block;
    white-space:nowrap;
    margin-left:5px;
}
#autocomplete {
    width:95%;
}
.col {
    width:48%;
    margin-right:2%;
    float:left;
}
/* This would be better done by dumping bootstrap and re-working the menu styling to have multiple levels of ul's and li's, but I'm not going to take that on for one small change */
.nav-tabs > li.sub > a {padding-left: 4ex; }
.nav-tabs > li.sub2 > a {padding-left: 7ex;}
.nav-tabs > li.group > a {padding-left: 4ex; font-weight: bold; color: #999999; }
.nav-tabs li.group a:hover, .nav-tabs li.group a:focus { text-decoration: none; cursor: default; background-color: transparent; }

.headbox {width: 1170px; margin: 0 auto; }
@media (max-width: 1170px) {
    .headbox {width: 100%;}
}
/* common to header mneu and tabs
    we want the color scheme to be the same
*/


.mtab .link {position: relative; z-index: 1;}

/* tabs */
.mtab .link {
    padding: 2px 16px;
    margin: 4px 0px -1px 4px;
    -webkit-border-radius: 4px 4px 0 0;
       -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
    color: #08c;
}
.mtab .link.active {
    border-bottom-color: #fff;
    background-color: #fff;
}
.mtab .pane {
    margin: 0 0 0 0;
    border: 1px solid #666;
    padding: 4px 8px;
    background-color: #fff;
    overflow-x: auto;
}
.mtab .btn {margin: 4px 4px;}
/* this isn't working right, maybe mess with it later
.mtab .btn-left, .mtab .btn-right {background-size: 1em 1em; background-repeat: no-repeat;}
.mtab .btn-left {background-image: url(/images/arrow-left.png); background-position: 12px center; padding-left:  calc(12px + 1.2em); }
.mtab .btn-right {background-image: url(/images/arrow-right.png); background-position: calc(100% - 1em - 12px) center; padding-right: calc(12px + 1.2em); }
*/
/* end tabs */

.feedback { margin-bottom: 10px;}
.feedback span {display: block; padding: 6px 14px; margin: 0;}

.check {
    text-indent:-999px;
    width:22px;
    height:18px;
    display:block;
    background:url(/img/check.png);
}
.uncheck {
    text-indent:-999px;
    width:18px;
    height:18px;
    display:block;
    background:url(/img/uncheck.png);
}
.pad {
    float:left;
    padding-bottom:20px;
}
.smaller, .smaller li {
    font-size:12px;
    line-height:15px;
}
.rcount {
    padding-left: 10px;
    margin-top: 5px;
    float: right;
}
.af input[type="submit"] {
    margin-bottom:10px;
}
/* This would be better done by dumping bootstrap and re-working the menu styling to have multiple levels of ul's and li's, but I'm not going to take that on for one small change */
.nav-tabs > li.sub > a {padding-left: 4ex; }
.nav-tabs > li.sub2 > a {padding-left: 7ex;}
.nav-tabs > li.group > a {padding-left: 4ex; font-weight: bold; color: #999999; }
.nav-tabs li.group a:hover, .nav-tabs li.group a:focus { text-decoration: none; cursor: default; background-color: transparent; }

.unit {
    display: inline-block;
    vertical-align: middle;
    padding-right: 3ex;
}
.roomy .unit {display: block; vertical-align: middle; padding-bottom: 5px; }
.roomy .unit label {width: 100px;display: block !important;}

.center {text-align: center !important;}
.space {
    margin-left: 5px;
}
.space label {
    margin-left: 3px !important;
}

/* Undo some of bootstrap's nonsense. If we can get rid of bootstrap, these become superfluous. */
.bootless label {display: inline; margin: 0; vertical-align: baseline;}
.bootless select {
    width: auto;
}
.bootless button,
.bootless select,
.bootless textarea,
.bootless input[type="text"],
.bootless input[type="password"],
.bootless input[type="datetime"],
.bootless input[type="datetime-local"],
.bootless input[type="date"],
.bootless input[type="month"],
.bootless input[type="time"],
.bootless input[type="week"],
.bootless input[type="number"],
.bootless input[type="email"],
.bootless input[type="url"],
.bootless input[type="search"],
.bootless input[type="tel"],
.bootless input[type="color"]
 {vertical-align: baseline; margin: 0;}
.bootless input[type="checkbox"],
.bootless input[type="radio"] {
    vertical-align: baseline;
    margin: 0 8px 0 0;
}.btn-add {
    margin-bottom: 10px;
}
.bootless table td {padding-bottom: 8px;}
.bootless table td:first-of-type:not(.table-bordered td) {
    min-width: 145px;
}
.with-notification {
    background: url(/content/img/new-message.png) no-repeat;
    padding-left: 25px;
    background-size: contain;
}
.notes {
    float:left;
    position: relative;
}
    .notes .count {
        position: absolute;
        top: -5px;
        right: -3px;
        background-color: #fff;
        font-weight: bold;
        color: orange;
        border-radius: 10px;
        padding: 0 3px;
        display: inline-block;
    }