body {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 0.90rem !important;
}


#results {
    padding: 20px;
}

.export {
    margin-right: 30px;
}

.status_active {
    color: green;
    font-weight: bold;
    text-align: center;
}
.status_archive {
    color: #fd7e14;
    font-weight: bold;
    text-align: center;
}
.status_inactive {
    color: red;
    font-weight: bold;
    text-align: center;
}
.modal.show .modal-dialog {
        max-width: 80% !important;
}
.cd-quick-view {
    display: block;
    position: fixed;
    max-width: 900px;
    visibility: hidden;
    /* Force Hardware Acceleration in WebKit */
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: left, top, width;
    z-index: 1;
}

.quick-left {
    width: 35%;
    height: 200px;
    float: left;
    margin: 1px;
    padding-right: 10px;
}

.quick-left img {
    height: 178px;
    width: 100%;
}

.quick-right {
    height: 200px;
}

.visitor-log {
    margin-top: 3%;
    clear: both;
}

.visitor-log table {
    width: 100%;
    padding: 5px;
}

.visitor-log table thead {
    margin-bottom: 5px;
}

th {
    text-align: inherit;
    padding: 7px;
}

.my_class video {
    width: 427px;
    height: 390px;
}

.visitor-model {
    width: 700px;
}

.my_camera {
    margin-left: 28%;
}

.description {
    height: 300px;
}

tbody {
    text-transform: capitalize;
}

.form-control-md {
    width: 60%;
}

.report-list-heading {
    font-size: large;
    font-weight: 400;
    border-bottom: black;
}

.report-list {
    list-style-type: none;
    margin-top: 60px;
    padding: 20px;
    border: 1px grey solid;
}

.text-center {
    padding-left: 20px;
}

.mandatory {
    color: red;
    margin-left: 2%;
    font-size: 22px;
}

.sub-menu {
    padding-left: 10%;
}

.btn-space {
    margin-right: 1%;
}

.content-header {
    padding: 5px;
}

.dropdown {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.dropdown .title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.table td,
.table th {
    padding: .5rem !important;
}

table.dataTable {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.col-form-label {
    font-weight: 600 !important;
    padding-top: 0px !important;
    line-height: 1 !important;
}

.form-group {
    margin-bottom: 0.5rem !important;
}

.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
label.error {
    color: #dc3545!important;
    font-size: 14px;
}

form .form-control-md {
    width: 50% !important;
}

form .form-control-sm {
    width: 20% !important;
}

form .form-control-xs {
    width: 20% !important;
}

form .auto-width {
    width: auto !important;
}
.table td,
.table th {
    padding: .5rem !important;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 1% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 100%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

@media (max-width: @screen-xs-min) {
  .modal-xs { width: @modal-sm; }
}

#containerDiv{
margin : 0 auto;
}
/*.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}*/

.select2height{
height: calc(2.25rem + 2px) !important;
}


.without::-webkit-datetime-edit-ampm-field {
    display: none;
  }

.btn-copy{
    border: none;
    margin-left: 5px;
    border-radius: 33%;
}
/*.click{
  padding: 10px;
}
.click .copy{
background-color: rgba(0,0,0,.8);
padding: 3px;
border-radius: 12px;
position: absolute;
margin-top: -2px;
width: 80px;
cursor: pointer;
color: #f7cc83;
display: none;
  text-align: center;
}*/
/*#p1:hover .btn-copy{
    display: block;
}*/


.table-wrapper {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-top: none;
}

.table thead th {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    z-index: 2;
    vertical-align: middle;
}

.mandatory {
    color: red;
    font-weight: bold;
}