/** BEGIN WEB2PY DEFAULT STYLES **/

body {
    color: #052555;
}

.dark_text {
    color: #052555;
}

.light_text {
    color: #fff;
}

smaller {
    font-size: 75%;
}

.error_wrapper {
    font-weight: bold;
    color: firebrick;
}
/** END WEB2PY DEFAULT STYLES **/

/** BEGIN BOOTSTRAP OVERRIDES **/

a {
    color: #052555;
}

.btn-default {
    background-color: #4d545e;
    color: white;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default:active:hover {
    background-color: #8792a2;
    color: white;
}

.tooltip,
.tooltip.in {
    opacity: 1;
}
.tooltip-inner {
    background: white;
    color: #052555;
    border: 1px solid #052555;
    max-width: 400px;
    font-size: 120%;
    text-align: left;
}

/** END BOOTSTRAP OVERRIDES **/

.no-box-shadow {
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

hr {
    height: 1px;
    background-color: #052555;
}

.flash_msg {
    text-align:center;
    font-weight:bold;
    color:firebrick;
    padding:10px 0 20px 0;
}

h2.page_header {
    text-align:center;
    color:#052555;
    margin-bottom:5px;
}

table.login_form_main {
    margin:0 auto;
}
table.login_form_main > tbody > tr > td:first-child {
    padding-right: 10px;
    text-align: right;
}
table.login_form_main > tbody > tr:last-child > td {
    padding-top: 10px;
    text-align: center;
}

.cal_form h3 {
    text-align:center;
    color:#052555;
    margin-bottom:5px;
}
.cal_form p {
    width:60%;
    color:#052555;
    margin:0 auto;
}

.unit_list_table > div.row {
    vertical-align:top;
    overflow: hidden;
}
.unit_list_table > div.row > div {
    padding-top: 15px;
    border-bottom:1px dotted #052555;
}
.unit_list_table > div.row-centered {
    margin: 0;
    text-align: center;
}
.unit_list_table > div.row > div.col-centered {
    display: inline-block;
    float: none;
    padding-bottom: 17px;
}

div#failed_pin_codes_display {
    text-align: center;
    border: 2px solid black;
    border-left: 0;
    border-right: 0;
    background-color: #FFC107;
    padding: 10px 0;
    font-weight: bold;
}
div#failed_pin_codes_display > table {
    margin: 10px auto 0 auto;
}
div#failed_pin_codes_display > table th, div#failed_pin_codes_display > table td {
    padding: 0 10px;
    text-align: center;
}
div#failed_pin_codes_display > table td {
    font-weight: normal;
    border: 1px solid black;
}

table.captured_events {
    min-width:900px;
    width:60%;
    margin:0 auto;
    padding:0;
    color:#052555;
    text-align:center;
    font-size: larger;
    font-weight: bold;
}
table.captured_events th, table.captured_events td {
    border:1px solid #052555;
}
table.captured_events input {
    margin:0;
    font-size:larger;
}
table.captured_events table.details {
    width: 100%;
}
table.captured_events table.details td {
    border: 0;
}
table.captured_events table.details td:first-child {
    text-align: right;
}
table.captured_events table.details td:nth-child(2) {
    text-align: left;
    padding-left: 20px;
}

div.modal_overlay {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(150, 150, 150, 0.75);
}
div.modal_overlay .modal_window {
    padding: 10px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 1000;
    background-color: white;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 20px 0 #222;
    -webkit-box-shadow: 0 0 20px 0 #222;
    -moz-box-shadow: 0 0 20px 0 #222;
}
div.modal_overlay .modal_close {
    text-align: center;
    padding: 10px;
    font-size: 125%;
    font-weight: bold;
}

div.location_management_form {
    max-width: 600px;
    margin: auto;
    padding: 0 20px;
}
div.location_management_form > .web2py_table table {
    width: 100%;
}
div.location_management_form > .web2py_table th {
    padding: 0 10px;
}
div.location_management_form > .web2py_table td {
    text-align: left;
    padding: 0 10px;
    height: 45px;
}
div.location_management_form > .web2py_table tr.w2p_even td {
    background: rgba(255, 255, 255, 0.75);
}
div.location_management_form > .web2py_table tr.w2p_odd td {
    background: rgba(215, 215, 215, 0.75);
}

.focusedInput {
    border-color: rgba(82,168,236,.8);
    outline: 0;
    outline: thin dotted \9;
    -moz-box-shadow: 0 0 8px rgba(82,168,236,.6);
    box-shadow: 0 0 8px rgba(82,168,236,.6) !important;
}

.requiredField {
    border-color: #FF0000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

/** When using pagination from web2py forms, this will change the display from vertical to horizontal */
.web2py_paginator > ul > li {
    display: inline;
    padding: 0 10px;
    margin: 15px 0;
    font-size: 125%;
}
.web2py_paginator > ul > li.current > a {
    color: black;
    font-weight: bold;
}

.unit_assignment_fields, .unit_assignment_fields_seperator {
    display:none;
}
.unit_assignment_history {
    display:none;
    margin-bottom: 20px;
}
.unit_assignment_history > table {
    width: 100%;
}
.unit_assignment_history > table tr td {
    padding: 0 5px;
}
.unit_assignment_history > table tr th {
    background: rgba(255, 255, 255, 0.75);
    font-weight: bold;
    text-align:center;
}
.unit_assignment_history > table tr.odd td {
    background: rgba(255, 255, 255, 0.75);
}
.unit_assignment_history > table tr.even td {
    background: rgba(215, 215, 215, 0.75);
}

.location-already-in-use {
    color: #7d7d7d;
    background: #eaeaea;
}

#createUnitButton[disabled] {
    background-color: #e0e0e0;
}

.zoneminder-link {
    color: blue;
    text-decoration: underline;
}

div.gate-search-buttons {
    display: none !important;
    margin: 400px 0px 10px 0px !important;
}

.gate-search-buttons > .btn {
    /*padding: 10px 0px;*/
}

/* Customize the label (the container) */
.merge-checkbox {
    display: inline;
    position: relative;
    padding-right: 1em;
    margin: 0.2em;
    cursor: pointer;
    /*font-size: 22px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.merge-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0.1em;
    left: 0;
    height: 1em;
    width: 1em;
    background-color: #eee;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.merge-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

.merge-checkbox:hover input:disabled ~ .checkmark {
    background-color: lightgrey;
    border-color: grey;
    cursor: not-allowed;
}

.merge-checkbox input:disabled ~ .checkmark {
    background-color: lightgrey;
    border-color: grey;
    cursor: not-allowed;
}

/* When the checkbox is checked, add a blue background */
.merge-checkbox input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.merge-checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.merge-checkbox input:checked ~ .checkmark:after {
    display: inline-block;
}

/* Style the checkmark/indicator */
.merge-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}