@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
html {
	margin: 0px auto;
	height: 100%;
}
body { height: 100%; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}

@media (max-width: 900px) {
    .container {
        width:100%;
        padding: unset;
        margin: unset;
    }
}

.navbar-inverse .navbar-nav>li>a {
    color: #dddddd;
}
.error { color: #f00; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.center { text-align: center !important}
.bold { font-weight: bold; }
.clear { clear: both; }
.clearfix:after { clear: both; content: ""; display: block; height: 0px; }
.fr { float: right; }
.float-left, .fl { float: left; }

/**
*	CRUD Management
*/

#manage_left { width: 32%; padding-right: 10px; float: left; }
#manage_left input { width: 100%; }


#manage_right { width: 66%; float: left; }
#manage_right textarea { width: 100%; height: 78px;}

#manage_target_objects { margin: 10px 0px 20px 0px; }
#manage_target_objects > div { float: left; width: 33%;}

#manage_strings > div { padding: 0px 0px 10px 0px; }

#manage_numbers { padding: 0px 0px 10px 0px; }
#manage_numbers > div { float: left; width: 31%; padding-right: 10px; }
#manage_numbers input { }

#manage_checkboxes { }
#manage_checkboxes > div { float: left; width: 30%; padding: 0px 10px 10px 0px; }
#manage_checkboxes .checkbox input[type=checkbox] { display: block; float: left; background-color: #848486;}
#manage_checkboxes .checkbox label { float: right; width: 75%; }

.collection_add { margin-bottom: 10px; }

/*check in page*/

.page-checkin .js-selectize-check-in-canvasser-select,
.page-checkin .js-selectize-phones,
.page-checkin .check-in-time-container {
    max-width: 320px;
}

.page-checkin .additional-equipment-container {
    margin-top: 30px;
}

.js-in-the-field-container {
    border: 1px solid #e8e8e8;
    margin-bottom: 5px;
}

.js-in-the-field-container details summary {
    background: #f5f5f5;
    padding: 2px;
}

.js-in-the-field-container details summary h4 {
    color: #555;
    font-size: 12px;
    margin-left: 10px;
}
.js-in-the-field-container details summary h4 span.js-expand-in-the-field {
    font-size: 10px;
    margin-right: 10px;
}
/*end check in page*/

/*check out page*/
.page-checkout div.row {
    margin: 15px 0 15px 0;
}
.page-checkout .js-selectize-team-leaders,
.page-checkout .js-selectize-phones,
.page-checkout .js-selectize-vehicles,
.page-checkout .js-selectize-check-out-canvasser-select {
    max-width: 320px;
}
.page-checkout .additional-equipment-container p, .field-notes-container p {
    padding: 5px;
    margin: 5px;
}
.page-checkout .additional-equipment-container, .field-notes-container {
    min-height: 75px;
    background: #f5f5f5;
}

.page-checkout .additional-equipment-container, .field-notes-container {
    max-width: 500px;
}
@media (max-width: 600px) {
    .canvasser-select-container, .additional-equipment-container, .field-notes-container {
        max-width: unset;
    }
}
/*end checkout page*/

/* stuff */
.selectpicker.btn:hover { color: #000; }
.ui-accordion .ui-accordion-content  { overflow: visible; }
.sigWrapper { height: auto; width: 100%; }
.sigPad { width: 100%;}
.pad { width: 100%; height: auto; max-height: 240px; }

.btn:focus { color: #363636;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #363636; }

.previous-month { background-color: #efefef;}
.calendar-day { height: 100px; position: relative; max-width: 15%;}
.calendar-day h3 { margin: 0px; padding: 0px; font-size: 12pt; text-align: right;}
.calendar-controls { padding-bottom: 10px;}
.calendar-day a.select-day { width: 100%; height: 100%; text-decoration: none; text-align: center; display: block;}
.calendar-day a.select-day h3 { text-align: center !important; width: 100%; height: 100%;}
.calendar-day a.select-day.selected { background: #5FA358;}
.canvasser { cursor: move; margin: 5px;}

tr.draw-crew-slot-hover td { background-color: #77A0C3 !important;}

.draw-crew-canvassers .canvasser { width: 100%; text-align: left; margin: 5px 0px;}
.draw-crew-canvassers .canvasser-name { width: 80%; overflow: hidden; float: left;}
.draw-crew-canvassers .canvasser-controls { float: right;}
.draw-crew-slot-row h3 { margin: 0px; padding: 0px;}
.draw-crew-slot-delete-item { margin-left: 10px;}
.draw-crew-slot-row .draw-crew-stats { margin-top: 3px;}
#details { padding: 10px 0px;}
#details .wrapper { padding: 10px;}
#details .wrapper:nth-child(2n) { background: #C4F1BE;}

/*#main_lower { background-color: #efefef; border-radius: 5px; padding: 5px 10px 5px 10px;}*/
#main_lower { margin-top: 10px; }
.form-group label { display: block; }


.table th { background: #eee;}
table.sortable th { white-space: nowrap;}
table.sortable th .glyphicon { display: none; }
table.sortable th.headerSortDown .glyphicon-chevron-down { display: inline !important;}
table.sortable th.headerSortUp .glyphicon-chevron-up { display: inline !important; }
table.sortable th { cursor: pointer;}

.bfh-timepicker-popover > table > tbody > tr > td > div > input { width: 45px !important;}
.bfh-left .bfh-timepicker-popover { left: -110px;}

.ui-dialog, .ui-dialog .ui-dialog-content {
    z-index: 999;
    overflow: visible !important;
}
.ui-dialog .ui-dialog-buttonpane {border:none !important;}
.ui-dialog-content .form-inline .form-control { width: 100%;}


#payroll_table { font-size: .8em;}

input[type=checkbox] {  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
  width: auto !important;
}

.message {
    padding: 5px;
}

.draw-crew-label {
	float: left;
}

.draw-crew-label h5 {
	margin: 0px;
	color: #fff;

}

.draw-crew-stats {
	margin: 0px 0px 0px 10px;
	float: right;
}

#report_selector .bootstrap-select {
	width: 400px !important;
}

table.canvasser-schedule td { padding: 0px !important; }
.ui-widget-content a.btn { color: #fff; }
#site-map {width: 100%; height: 500px; margin: 0px 0px 20px 0px;}
.ui-datepicker { z-index: 1000 !important; }
.progress-bar { color: #363636; }


#homepage-reports .panel-footer { padding: 0px 15px !important; }

.m-0 {margin: 0;}
.mb-5 {margin-bottom: 5px;}
.homepage-stats .alert { margin-bottom: 0px; }
.homepage-stats .panel-body { padding: 0px 15px; }
.homepage-stats .homepage-weather img { margin-left: -10px; margin-top: -5px;}
.homepage-stats .homepage-weather h2 { font-size: 28px; }
.homepage-stats .homepage-weather .img-container { text-align: center; vertical-align: center; float: left; overflow: hidden; width: 30px; height: 30px; }

.js-component-render, .js-shift-picker, .skeleton {
    background-color: #eee;
}
.js-component-render.done-loading, .js-shift-picker.done-loading, .skeleton.done-loading {
    background-color: unset;
}

.homepage-todos .alert { padding: 5px; margin-bottom: 5px; }


.navbar-form button.selectpicker { background-color: #fff !important; }
.navbar-form .dropdown-menu { background-color: #fff !important;  }

.to-do { margin-bottom: 10px; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.election-results-manage .row { margin: 0px; }
.election-results-manage .col-xs-4 { padding: 0px 5px 0px 5px; }
.election-results-manage .panel-heading, .election-results-manage .panel-body { padding: 5px; }
.election-results-manage .progress { margin-bottom: 5px; }
.election-results-manage .form-control { line-height: auto; height: auto; padding: 2px; }

.homepage-election-results .row { margin: 0px; }
.homepage-election-results .col-xs-4 { padding: 0px 5px 0px 5px; }
.homepage-election-results .panel-heading, .homepage-election-results .panel-body { padding: 5px; }
.homepage-election-results .progress { margin-bottom: 5px; }

.apply-header { background-image: url(/images/header.png); background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 20.8%;
    margin-top: -10%;
}


#check_out_info label { padding-top: 20px; }

.ss-details > div { padding: 2px; border-bottom: 1px solid #ccc; }

.ss-details > div:nth-child(2n) { background-color: #efefef; }

.shift-day h4 { border-bottom: 1px solid #000; }
.shift-item { display: block; font-size: 12px; font-weight: bold; border: 1px dashed #ccc;}
.shift-item[data-is-scheduled="1"] { background-color: #0f0; }
.shift-item[data-is-scheduled="0"] { background-color: #fff; }
.italic-description {
    font-size: .8em;
    font-style: italic;
}
.inline-block {
    display: inline-block;
}
.message {
    padding: 15px;
    margin: 5px 0 5px 0;
}
.disappearing-message {
    min-width: 300px;
    position: fixed;
    bottom: 60px;
    z-index: 999;
    left: 0;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 4%);
}
/*selectize*/
.selectize-inline .selectize-input {
    display: inline !important;
    padding-right: 50px;
}
.selectize-input input {
    color: #000;
}
.selectize-input input, .selectize-input input:active, .selectize-input input:focus-visible {
    border: none;
    outline-width: 0;
}
.selectize-dropdown {
    height: auto;
}
span.tl-status-TL, span.grey-desc {
    background: #dae7da;
}
span.retired {
    background: #ffe5e5;
}
span.tl-status-demoted {
    background: #efefef;
}
span.tl-status-TL, span.retired, span.tl-status-demoted, span.selectize-desc {
    font-size: .6em;
    padding: 2px;
    margin: 2px;
}
.js-selectize-super-admin-menu input {
    color: #ddd !important;
    top: 8px;
    min-width: 100px;
    opacity: 1;
    position: relative;
    left: 0;
}
.selectize-control.single .selectize-input:after {
    right: 10px;
}
.js-selectize-super-admin-menu .selectize-dropdown-content {
    min-height: 350px;
}
.js-selectize-super-admin-menu input::placeholder {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #ddd;
}
.js-selectize-super-admin-menu input:-moz-placeholder,
.js-selectize-super-admin-menu input::-moz-placeholder {
    opacity: 1;
}
.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden;
}
.js-selectize-super-admin-menu .selectize-input {
    border: none;
    background: transparent;
    min-width: 120px;
    height: 100%;
}
.js-selectize-super-admin-menu .selectize-input:focus-visible,
.js-selectize-super-admin-menu:focus-visible {
    outline:0;
}
.js-selectize-super-admin-menu .selectize-input.dropdown-active::before {
    height: 0px;
}
.selectize-control.js-selectize-super-admin-menu {
    height: 50px;
}
.js-selectize-super-admin-menu .selectize-input.input-active {
    background: transparent !important;
}
.selectize-dropdown.single.js-selectize-super-admin-menu li {
    margin: 5px;
}
.selectize-dropdown.single.js-selectize-super-admin-menu {
    padding: 5px;
    width: auto !important;
    min-width: 230px;
}
.selectize-dropdown.js-selectize-super-admin-menu li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.selectize-control.js-selectize-super-admin-menu.single:active,
.selectize-control.js-selectize-super-admin-menu.single:focus,
.selectize-input.js-selectize-super-admin-menu.focus,
.selectize-input.js-selectize-super-admin-menu.input-active {
    background: #080808;
}
li.super-admin-link:hover {
    background: #e8e8e8;
}
li.super-admin-link a:hover {
    color: #363636;
    text-decoration: none;
}
span.user-selector-type {
    font-size: 10px;
    background: #ddd;
    padding: 5px;
    border-radius: 2px;
}
.user-select-option-container {
    margin: 3px;
}
.selectize-dropdown-content > div {
    padding: 5px;
}
/*end selectize*/


.loader {
    margin: 0 auto;
    width: 30px;
    height: 30px;
}
.loader img {
    width: 30px;
    height: 30px;
}
p.top-alert {
    position: absolute;
    top: 0;
    background: #e9e9e9;
    width: 100%;
    padding: 10px;
    text-align: center;
    border: 1px solid #cecece;
}
/*font helpers*/
.f-10 {
    font-size: 10px;
}
/*padding helpers*/
.p-5 {
    padding: 5px;
}
/*margin helpers*/
.mt-10 {
    margin-top:10px;
}
.mt-5 {
    margin-top:5px;
}
.mr-5 {
    margin-right: 5px;
}

/*reset container*/
.container-100 {
    position: absolute;
    width: calc(100% - 20px);
    left: 10px;
}
.cc-controls {
    border-left: 5px solid gray;
    background: #f8f8f8;
    padding: 5px;
}
.cc-controls > div {
    margin: 5px;
}

/*canvasser create event items*/
.event-item {
    padding: 7px;
    margin: 5px;
    border-radius: 2px;
}
@media (max-width: 990px) {
    .success-result {
        float: right;
        position: relative;
        top: -20px;
    }
}

/*loader*/
.cover-spin {
    z-index:9999;
}

@-webkit-keyframes spin {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.cover-spin::after {
    content: '';
    display: block;
    border-style: solid;
    border-color: white;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.cover-spin.size-25::after {
    width: 25px;
    height: 25px;
}

.cover-spin.size-15::after {
    width: 15px;
    height: 15px;
}

/*canvasser details*/
table.canvasser-detail-staff-actions tr.not-approved td {
    text-decoration: line-through;
    font-style: italic;
    color: gray;
}

/*pre debrief*/
.pre-debrief-box {
    margin: 20px 0 20px 0;
    border: 3px solid #73AD21;
    padding: 18px;
}
.pre-debrief-box h2 {
    padding: 10px;
    margin-top: 0;
}

/*day ones page*/
.js-hire-process-status {
    width: 100%;
    text-align: center;
    border-radius: 5px;
    font-size: .9em;
    padding: 5px;
}
.js-day-ones-mark-showed-container {
    cursor: pointer;
}

/*new login page*/
.page-login {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.login-card {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 4px;
    max-width: 500px;
    width: 90%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    text-align: center;
}

.login-card img {
    max-width: 100%;
}

.login-card .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: left;
}

.login-card .btn img {
    margin-right: 8px;
}
.page-login .well {
    margin-bottom: unset;
}
table.console-table {
    font-size: 10px;
    font-family: system-ui;
}