::backdrop {
  background: rgba(255, 255, 255, 1);
}

.reports-flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.report-flex-item {
    /* flex: 2; */
    margin: 10px !important;
    cursor: pointer;
    text-align: center;
    width: 23%;
}

.cursor-pointer {
    cursor: pointer !important;
}

.gray-hover:hover {
    background-color: gray;
}

.hidden {
    display: none !important;
}

.green-background {
    background-color: green !important;
}

.green-color {
    color: green !important;
}

.blue-background {
    background-color: blue !important;
}

.grey-background {
    background-color: grey !important;
}

.yellow-background {
    background-color: yellow !important;
}

.orange-background {
    background-color: orange !important;
}

.red-background {
    background-color: red !important;
}

.light-red-background {
    background-color: rgba(255, 0, 0, 0.6) !important;
}

.light-orange-background {
    background-color: rgba(255, 102, 0, 0.6) !important;
}

.light-green-background {
    background-color: rgba(0, 255, 0, 0.6) !important;
}

.light-blue-background {
    background-color: rgba(108, 108, 167, 0.6) !important;
}

.light-gray-color {
    color: rgb(200, 200 ,200) !important;
}

.light-red-color {
    color: rgba(255, 0, 0, 0.6) !important;
}

.light-orange-color {
    color: rgba(255, 102, 0, 0.6) !important;
}

.light-green-color {
    color: rgba(0, 255, 0, 0.6) !important;
}

.light-blue-color {
    color: rgba(108, 108, 167, 0.6) !important;
}

.light-gray-color {
    color: rgb(200, 200 ,200) !important;
}

.line-chart-row {
    width: 50% !important;
    height: 100px !important;
}

.pie_chart {
    width: 80% !important;
}

.chart-300px-width {
    width: 300px !important;
}

.chart-400px-width {
    width: 400px !important;
}

.operations-btn {
    position: relative !important;
    top: -65px !important;
    right: -450px !important;
}

.schedule-day-view {
    min-height: 400px !important;
}

.today-label  {
    background-color: rgba(6, 51, 133, 0.5) !important;
}

.holiday-label {
    background-color: rgba(194, 113, 102, 0.9) !important;
}

.task-view {
    text-align: center;
    background-color: rgb(153, 183, 240);
    padding: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 20px;
    cursor: pointer;
}

.map-btn-in-accordion {
    position: absolute; 
    bottom: 260px; 
    left: 100px;
}

.autofill-btn-in-accordion {
    position: absolute; 
    bottom: 510px; 
    left: 100px;
}

.simple-menu-color {
    background-color: #2185D0 !important;
    color: white !important;
}

.card-buttons {
    padding: 15px;
}

.operations-popup {
    min-width: 300px !important;
}

.refresh-view {
    position: absolute;
    left: 450px;
    top: 120px;
}

.cursor-help {
    cursor: help !important;
}

.card-content {
    padding: 10px;
}

.card-content .content{
    padding: 10px;
    font-weight: bold;
}

.card-extra-content {
    padding: 10px;
    bottom: 0px;
    position: absolute;
}

.card-last-seen {
    position: relative;
    bottom: 100px;
    text-align: center;
}

.menu-type label {
    color: white !important;
}

.forgot-pass-btn {
    position: absolute !important;
    right: 0px !important;
    background-color: white !important;
    color: blue !important;
}

.reset-element {
    cursor: pointer;
}

.login-background { /* HINT: with gamma transparency */
    background-color: rgba(255, 255, 255, 0.7) !important;
}

.cancel-btn {
    right: 0px;
    position: absolute;
}

.error-header {
    color: blue;
    font-weight: bold;
}

.error-actions {
    font-style: italic;
}

.top-header {
    font-weight: bold;
    font-size: 16px;
}

.title-blue .title {
    color: #2185D0 !important;
    font-weight: bold;
}

.operation-simple-menu {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.header-no-right-align th {
    text-align: left !important;
}

body:-webkit-full-screen	{ 
    width: 100%;
    background-color: #f00;
}

body:-moz-full-screen	{ 
    width: 100%;
    background-color: #f00;
}

.qrcode-img {
    text-align: -webkit-center;
    display: flex;
    justify-content: center;
    justify-content: space-evenly;
}