/*
 * Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license.
 * See LICENSE in the project root for license information.
 */

[data-theme=light] {
    --p: 259 94.4% 51.2%;
    --pf: 259 94.3% 41%;
    --pc: 0 0% 100%;
    --s: 314 100% 47.1%;
    --sf: 314 100% 37.1%;
    --sc: 0 0% 100%;
    --a: 174 60% 51%;
    --af: 174 59.8% 41%;
    --ac: 0 0% 100%;
    --n: 219 14.1% 27.8%;
    --nf: 222 13.4% 19%;
    --nc: 0 0% 100%;
    --b1: 0 0% 100%;
    --b2: 210 20% 98%;
    --b3: 216 12.2% 83.9%;
    --bc: 228 14.3% 93.1%;
    --in: 207 89.8% 53.9%;
    --su: 174 100% 29%;
    --wa: 36 100% 50%;
    --er: 14 100% 57.1%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --padding-card: 2rem;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --navbar-padding: .5rem;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --tab-spacer: 0.5rem;
    --focus-ring: 2px;
    --focus-ring-offset: 2px;
    --glass-opacity: 30%;
    --glass-border-opacity: 10%;
    --glass-reflex-degree: 100deg;
    --glass-reflex-opacity: 10%;
    --glass-blur: 40px;
    --glass-text-shadow-opacity: 5%;
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

ul {
    margin: 0;
    padding: 0;
}

.ms-welcome__header {
    padding: 20px;
    padding-bottom: 30px;
    padding-top: 100px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
}

.ms-welcome__main {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 1 0 0;
    flex: 1 0 0;
    padding: 10px 20px;
}

.ms-welcome__main > h2 {
    width: 100%;
    text-align: center;
}

.ms-welcome__features {
    list-style-type: none;
    margin-top: 20px;
}

.ms-welcome__features.ms-List .ms-ListItem {
    padding-bottom: 20px;
    display: -webkit-flex;
    display: flex;
}

.ms-welcome__features.ms-List .ms-ListItem > .ms-Icon {
    margin-right: 10px;
}

.ms-welcome__action.ms-Button--hero {
    margin-top: 30px;
}

.ms-Button.ms-Button--hero .ms-Button-label {
    color: #0078d7;
}

.ms-Button.ms-Button--hero:hover .ms-Button-label,
.ms-Button.ms-Button--hero:focus .ms-Button-label{
    color: #005a9e;
    cursor: pointer;
}

b {
    font-weight: bold;
}

.batteryContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.batteryOuter {
    border-radius: 3px;
    border: 1px solid #555;
    padding: 1px;
    width: 100%;
    height: 17px;
}

.batteryBump {
    border-radius: 0px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #95c11f;
    margin: 0px;
    width: 5px;
    height: 10px;
}

#batteryLevel {
    border-radius: 2px;
    height: 13px;
}
button,
button:active,
button:focus,
button:hover,
.btn,
.btn:active,
.btn:focus,
.btn:hover{
    outline:none !important;
}

.collapse {
    display: block;
}

.bg-green-500 {
    background-color: #95c11f;
}

.bg-green-100 {
    background-color: #95c11f3b
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 14px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }


.break {
    display: block;
}

.datePick {
    flex-direction: initial;
}


.btn-red{
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: #f63b3b;
    --tw-text-opacity: 1;
    color: white;
    border:1px solid #ba2002;
}

.form-control-activity input.form-control {
     background: #fff;
     border: 1px solid #ced4da;
}

 .form-control:focus {
    border-color: #607c1f94;
    box-shadow: none;
}

.form-control-activity .dropdown-menu {
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;

}

.search-box input.form-control {
    background: transparent;
    border:none;
    box-shadow: none;
}

.search-box input.form-control:focus {
    background: transparent;
    box-shadow: none;   border:none;
}

.pagination.activities {
    display:inline-flex;
}

.page-item.active .page-link {
    background-color: #95c11f;
    border-color: #8eb81c;
}

.page-link {
    color: #797979;
}

.page-link:focus {
    box-shadow:none;
}
.btn.btn-red:hover {
  background-color: #d92502;
    color: #fff;
}
.btn-accent {
    border: 1px solid #759a11;
}

.btn.btn-accent:hover {
    background-color: #7aa30f;
}


.otp-inputStyle {
    width: 3rem !important;
    height: 3rem;
    margin: 0 1rem;
    font-size: 1.5rem;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.3);
}


.login-title {
    font-size:20px;
}

span.activity-name {
    font-size:10px;
    white-space: pre-line;
}


.close-btn {
    background: #7aa30f;
    border: #354703;
    color: white;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    font-size: 11px;
    z-index: 9999;
    position: absolute;
    right: 10px;
}

.close-btn:hover {
    background: #618205;
    color:white;
}

:root{
    --tw-bg-opacity: 0.6;
}

.alert-icon {
    float: left;
    display: block;
    margin-right: 5px;/* color: white; */
}

div[style*="position: fixed; inset: 0px; z-index: 9999999; overflow: hidden; pointer-events: none;"] {
    position: fixed;
    z-index: 5 !important;
    overflow: hidden;
    pointer-events: none;
}

.react-modal-sheet-container {
    padding: 0 10px;
}

.btn-close-company {
    margin-top: 10px;
    min-height:25px; !important;
    height:25px !important;
    width: 25px !important;
}

.promptr-modal .card-bottom {
    position: sticky;
    bottom: 0;
    background: white;
    z-index: 99999;
    left: 0;
    right: 0;
    padding: 1.5em 1.5em 1.5em;
    box-shadow: 0 0 2px #8880, 0 1px 7px #8888885c;
}

.promptr-modal .modal-box {
    padding: 0;
}

.promptr-modal .card {
    border: none;
    padding: 1.5em;
}

.activity-row:hover {
    background-color: rgba(245, 245, 245, 0.93);
}

.logo-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.cursor-pointer {
    cursor: pointer;
}

.btn-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn-dark-gray {
    background: #4c5356;
    background-image: -webkit-linear-gradient(top, #4c5356, #474d50);
    background-image: -moz-linear-gradient(top, #4c5356, #474d50);
    background-image: -ms-linear-gradient(top, #4c5356, #474d50);
    background-image: -o-linear-gradient(top,#4c5356, #474d50);
    background-image: linear-gradient(top, #4c5356, #474d50);
    border: 1px solid #454a4d;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, .1);
}