.col-web-left-panel a {
    display: block;
}

.header-logo-claim img {
    cursor: pointer;
}

.img-max-height88 {
    max-width: 88% !important;
}

.img-max-height81 {
    max-width: 81% !important;
}

.img-max-height83 {
    max-width: 83% !important;
}

.W_80 {
    width: 80%;
}

.safetywebappDatepicker .btn-light:not(:disabled):not(.disabled).active,
.safetywebappDatepicker .btn-light:not(:disabled):not(.disabled):active,
.safetywebappDatepicker .show>.btn-light.dropdown-toggle {
    color: #ffffff;
    background-color: #4cadaf !important;
    border-color: #4cadaf !important;
}

.categoryModal .NameandArea_details {
    margin-top: 0;
}

.categoryModal .NameandArea_details .ff-checkbox-wrapper:nth-child(1) .cr-checkBox {
    margin-top: 0;
}

/* clears the 'X' from Internet Explorer */
input[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.ngb-dp-arrow-btn:focus {
    outline-width: 0px !important;
}

.CRDateModal .datePicker .bg-primary:hover,
.btn-light:focus {
    background-color: #4cadaf !important;
}

.DisplayCenter {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.webCamalign {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.webCamalign .webcamera {
    width: 40%;
}

.main-box {
    background-color: #171717;
    height: calc(100vh - 161px);
    padding: 30px 0px;
}

.main-box input:focus,
.main-box button:focus,
.main-box textarea:focus,
.main-box .form-control {
    outline: none !important;
    box-shadow: none !important;
    border: none;
}

a {
    text-decoration: none !important;
}

h1.heading-txt {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 25px;
    color: #a5a7aa;
    text-align: center;
    margin-bottom: 30px;
    padding: 0 60px;
}

.web-main-area h1.form-heading {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 25px;
    color: #a5a7aa;
    text-align: center;
    padding: 30px 30px 0;
    margin-bottom: 30px;
}

.bottom-footer {
    position: fixed;
    bottom: 0;
    padding: 10px 0px;
    width: 1080px;
    text-align: center;
    background-color: transparent;
}

.pointerBoderPadding {
    padding: 12px 120px;
    /*do not change*/
    border-bottom: 3px solid #000;
    cursor: pointer;
}

.inprogresstitle {
    display: flex;
    gap: 12px;
    align-items: center;
}

.logout-btn {
    margin: 0 auto;
    background-color: #e01d3d;
    border: 1px solid #e01d3d;
    text-align: center;
    color: #fff;
    font-family: "Gotham-Medium", sans-serif;
    font-size: 19px;
    width: auto;
    padding: 0px 10px;
    margin-bottom: 10px;
    border-radius: 0px;
    transition: all 0.5s;
}

.logout-btn:hover,
.login-area form .login-btn:hover {
    background-color: #0e4e95;
    border-color: #0e4e95;
    color: #fff;
    transition: all 0.5s;
}

.logout-btn:focus {
    outline: none;
    box-shadow: none;
    background-color: #e01d3d;
    border-color: #e01d3d;
    color: #fff;
}

.fotterPaddingSpace {
    padding: 0px 30px;
}

:focus {
    outline: none;
}

.logout-section {
    border-top: 1px solid #ccc;
    text-align: center;
    padding-top: 20px;
}

.main-box .form-control:focus,
.main-box textarea:focus {
    border: none;
}

/**************************** /Login Form **********************************/
.blueHeader {
    width: 100%;
    height: auto;
    background-color: #0e4e95;
    padding: 10px 15px;
    text-align: center;
}

.login-area form {
    width: 400px;
    margin: 0 auto;
}

.login-area h1 {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 19px;
    color: #0e4e95;
    margin: 0 auto;
    text-align: center;
}

.login-area form label {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 19px;
    color: #0e4e95;
}

.login-area form .form-control {
    border-radius: 0px;
    border: 1px solid #e3e3e3;
    font-family: "Gotham-Medium", sans-serif;
    font-size: 19px;
    color: #3b3b3a;
    margin-bottom: 15px;
}

.login-area form .login-btn {
    margin: 0 auto;
    background-color: #e01d3d;
    border: 0px;
    text-align: center;
    color: #fff;
    font-family: "Gotham-Medium", sans-serif;
    font-size: 19px;
    width: auto;
    padding: 0px 30px;
    margin-top: 40px;
    transition: all 0.5s;
}

.login-area h2 {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 19px;
    color: #0e4e95;
    text-align: center;
    margin: 15px 0px;
}

/**************************** //Login Form **********************************/
/**************************** /Customer focus,Environmental  **********************************/
.webAppLibrary_data {
    height: calc(100vh - 251px);
    overflow-y: auto;
}

.webAppLibrary_data1 {
    height: calc(100vh - 223px);
    overflow-y: auto;
}

.webAppLibrary_data_mainMenu {
    height: calc(100vh - 262px);
    overflow-y: auto;
}

.pillar-libraries .rightContent,
.main-menu .rightContent {
    padding: 2px 0px;
}

.backtxt {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 16px;
    color: #e01d3d;
    float: left;
    text-transform: capitalize;
}

.backtxt i {
    font-size: 22px;
}

.health-safety-title {
    display: flex;
    align-items: center;
    gap: 28px;
}

.leftIcon {
    /*do not change*/
    width: 30px;
    align-items: center;
    display: flex;
    justify-content: center;
    flex: none;
}

.rightContent {
    /*do not change*/
    flex-grow: 1;
    padding: 13px 0px;
}

.rightContent h2 {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 28px;
    color: #ffffff;
    text-align: left;
    margin-bottom: 0px;
    line-height: 24px;
}

.rightContent p {
    font-family: "MyriadPro-Semibold", sans-serif;
    font-size: 16px;
    color: #0e4e95;
    text-align: left;
    margin-bottom: 0px;
}

.InProgressForm .leftIcon {
    /*do not change*/
    width: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
    flex: none;
}

.InProgressForm .rightContent {
    /*do not change*/
    padding: 2px 0px;
    flex-grow: 1;
}

.InProgressForm .rightIcon {
    /*do not change*/
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
}

.InProgressForm .rightIcon i {
    color: #e01d3d;
    font-size: 30px;
}

.submittedForm .leftIcon {
    width: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
    flex: none;
}

.submittedForm .rightContent {
    flex-grow: 1;
    padding: 2px 0px;
}

.submittedForm .rightIcon {
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
}

.submittedForm .rightIcon i {
    color: #e01d3d;
    font-size: 30px;
}

.notifiedPopop .modal-title {
    font-family: "GothamBold", sans-serif;
    font-size: 32px;
    color: #fff;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

.notifiedPopop .modal-body p {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 26px;
    color: #a5a7aa;
    text-align: center;
    margin-bottom: 0px;
}

.notifiedPopop h3.redTxtPopop {
    text-align: center;
    color: #e01d3d;
    font-family: "GothamBold", sans-serif;
    font-size: 30px;
    margin-bottom: 0px;
    padding: 10px 12px;
    cursor: pointer;
}

.notifiedPopop h3.blueTxtPopop {
    text-align: center;
    color: #0e4e95;
    font-family: "GothamBold", sans-serif;
    font-size: 30px;
    margin-bottom: 0px;
    padding: 12px 10px;
    cursor: pointer;
}

.notifiedPopop .modal-content {
    border-radius: 0;
    /* width: 70%;
    margin: 0 auto; */
    border: none;
    background-color: #171717;
    padding: 15px;
}

.web-notified-popop {
    background-color: rgba(94, 94, 94, 0.4);
    border-radius: 25px;
}

.notifiedPopop .modal-footer {
    border-top: 1px solid #171717;
}

.notifiedPopop .m-footer-part {
    width: 50%;
    margin: 0px;
    border-right: 1px solid #171717 !important;
}

/**************************** //Customer focus  **********************************/
/**************************** /Concerned Report  **********************************/
.concernedReportHeader {
    background-color: #0e4e95;
    width: 100%;
    height: 90px;
    margin-top: 15px;
    padding: 0px 30px;
    position: relative;
    display: flex;
    align-items: center;
}

.CR-main-box {
    background-color: #171717;
    height: calc(100vh - 161px);
}

.form-padding {
    padding: 30px 60px 0px;
}

.CR-backtxt {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 22px;
    color: #e01d3d;
    float: left;
    text-transform: capitalize;
}

.concernedReportHeader h1 {
    color: #fff;
    font-family: "Gotham-Medium", sans-serif;
    font-size: 33px;
    text-align: left;
    margin-bottom: 0px;
    padding: 0px 0px;
    text-transform: uppercase;
}

.concernedReportHeader h1 span {
    font-family: "MyriadPro-Regular", sans-serif;
}

.CR-bottom-footer {
    position: fixed;
    bottom: 0;
    padding: 10px 0px;
    width: 1110px;
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #dee2e6;
}

.concernedReportHeader img {
    position: absolute;
    bottom: -1px;
    right: 30px;
}

.CR-left-panel {
    /*do not change*/
    width: 100%;
    margin-bottom: 30px;
}

.CR-right-panel {
    width: 20%;
    align-self: center;
    text-align: center;
    cursor: pointer;
}

.w_100.W_80 {
    width: 80%;
}

.CR-form {
    padding: 0px 30px;
    margin-top: 30px;
}

.CR-form h3 {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 23px;
    color: #a5a7aa;
    line-height: 28px;
}

.web-main-area .CR-form p {
    font-family: "Gotham-Book", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 0px;
    padding: 18px 15px;
    background-color: rgba(94, 94, 94, 0.4);
    border-radius: 5px;
}

.CR-webAppLibrary_data {
    height: calc(100vh - 229px);
    overflow-y: auto;
    padding: 0;
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.w_100 {
    width: 100%;
    margin-bottom: 30px;
}

.cr-checkBox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-top: 12px;
    cursor: pointer;
    font-family: "Gotham-Medium", sans-serif;
    color: #fff;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cr-checkBox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.web-main-area .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 28px;
    width: 28px;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 50%;
}

.cr-checkBox input:checked~.checkmark,
.web-notified-popop input:checked~.checkmark {
    background-color: #4cadaf;
    border: 2px solid #4cadaf;
}

.web-main-area .checkmark:after,
.web-notified-popop .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.cr-checkBox input:checked~.checkmark:after,
.web-notified-popop~.checkmark:after {
    display: block;
}

.cr-checkBox .checkmark:after,
.web-notified-popop .checkmark:after {
    left: 9px;
    top: 3px;
    width: 8px;
    height: 16px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.yellow-c {
    color: #c27934 !important;
}

.wedgewood-c {
    color: #4e86a1 !important;
}

.asparagus-c {
    color: #d1ea9b !important;
}

.custom-txtArea {
    width: 100%;
    min-height: 200px;
    margin-top: 16px;
    padding: 15px;
    field-sizing: content;
}

.yes_no_btn {
    width: 65px;
    height: 35px;
    background-color: rgba(94, 94, 94, 0.5);
    border-color: rgba(94, 94, 94, 0.5);
    color: #fff;
    display: inline-block;
    text-align: center;
    font-family: "Gotham-Medium", sans-serif;
    font-size: 20px;
    cursor: pointer;
    border: 0px;
    border-radius: 6px;
}

.PD-Yes-No-btn {
    text-align: right;
}

.yes_no_btn:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: #909293;
    border-color: #909293;
    color: #fff;
}

.risk-identified-N {
    text-align: right;
    color: #4cadaf !important;
    font-family: "Gotham-Medium", sans-serif;
    font-size: 24px;
    padding: 0px 15px;
}

.CR-submit-btn {
    background-color: #0e4e95;
    border: 1px solid #0e4e95;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    margin: 15px 0px;
    font-family: "Gotham-Medium", sans-serif;
    font-size: 22px;
    padding: 5px 40px;
    transition: all 0.5s;
}

.CR-submit-btn:hover {
    background-color: transparent;
    color: #0e4e95;
    border-color: #0e4e95;
    transition: all 0.5s;
}

.probability-definitions p {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 22px;
    color: #3b3b3a;
    padding: 0px;
    margin-top: 15px;
}

.probability-definitions p>span,
.level-of-assessment h6>span,
.routin-nonroutin h6>span {
    font-family: "GothamBold", sans-serif;
    color: #4cadaf;
}

.probability-definitions h2 {
    font-family: "GothamBold", sans-serif;
    font-size: 22px;
    color: #4cadaf;
}

/**************************** //Concerned Report  **********************************/
#TimeSelect .AM-radiobtn {
    float: right;
    width: 66px;
}

#TimeSelect .PM-radiobtn {
    float: left;
    width: 66px;
}

#TimeSelect select:focus {
    outline: none;
    box-shadow: none;
}

.NameandArea_dropdown .searchBar {
    position: relative;
    height: 45px;
}

.NameandArea_dropdown .searchBar input {
    padding: 0px 0px 0px 45px !important;
    height: 45px !important;
    background-color: transparent;
    border: 2px solid #4cadaf !important;
    color: #a5a7aa !important;
}

.NameandArea_dropdown .searchBar input::placeholder {
    color: #a5a7aa;
}

.NameandArea_dropdown .searchBar i {
    position: absolute;
    top: 0;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;

    font-size: 22px;
    color: #4cadaf;
}

.NameandArea_details {
    height: auto;
    max-height: 500px;
    overflow-y: auto;
    margin-top: 15px;
}

.NameandArea_details .cr-checkBox{
    display: inline-block !important;
}

.Cr-submit-nameBtn,
.Cr-submit-areaBtn {
    background-color: #4cadaf;
    border: 1px solid #4cadaf;
    color: #fff;
    padding: 7px 25px;
    border-radius: 5px;
    cursor: pointer;
}

.probabilityD-hide-show {
    display: block;
}

.PD-active-blue {
    background-color: #4cadaf !important;
    border-color: #4cadaf !important;
}


.SubmitYourFromHere .modal-title {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 24px;
    color: #fff;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

.SubmitYourFromHere h6 {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.SubmitYourFromHere .web-notified-popop p {
    color: #fff;
}

.CRDateModal .datePicker .form-control {
    height: auto;
    background-color: rgba(94, 94, 94, 0.4);
    padding: 0px;
}

.CRDateModal .datePicker .ngb-dp-month {
    width: 100%;
}

.CRDateModal .datePicker .ngb-dp-day,
.CRDateModal .datePicker .ngb-dp-week-number,
.CRDateModal .datePicker .ngb-dp-weekday {
    width: 100%;
    color: #fff !important;
}

.CRDateModal .datePicker [ngbDatepickerDayView] {
    width: 100%;
    height: 100%;
}

.CRTimeModal .timePicker .ngb-tp-input-container {
    width: 100%;
}

.CRDateModal .datePicker .bg-primary {
    background-color: #4cadaf !important;
}

.CRDateModal .datePicker .btn-link,
.CRTimeModal .timePicker .btn-link {
    color: #fff !important;
}

.CRTimeModal .timePicker .btn-outline-primary:hover {
    background-color: #0e4e95 !important;
    color: #fff !important;
}

.CRTimeModal .timePicker .btn-outline-primary {
    color: #0e4e95 !important;
    border-color: #0e4e95 !important;
}

/****************************** /Password-Reset Page *********************************/
.password-reset-section h1 {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 19px;
    color: #0e4e95;
    margin: 0 auto 16px;
    text-align: center;
}

.password-reset-section p {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 19px;
    color: #3b3b3a;
    text-align: center;
    margin-bottom: 0px;
}

.password-reset-section form {
    width: 400px;
    margin: 0 auto;
}

.PR-note-section {
    width: 750px;
    margin: 0 auto;
}

.PR-note-section h1 {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 19px;
    color: #0e4e95;
    margin: 0 auto 16px;
    text-align: center;
}

.PR-note-box {
    width: 100%;
    height: auto;
    padding: 20px 10px;
    margin: 50px auto;
    border: 1px solid #0e4e95;
    text-align: center;
    font-size: 19px;
    color: #3b3b3a;
    font-family: "Gotham-Medium", sans-serif;
}

.pr-note-dflex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.CR-left-panel label {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 16px;
    color: #909293;
    margin-bottom: 0px;
    padding: 0px 15px;
}

.input-css1 {
    border-radius: 0px;
    border: 1px solid #3b3b3a;
}

.login-Rpassword-footer {
    position: fixed;
    bottom: 0;
    padding: 10px 0px;
    width: 1080px;
    text-align: center;
    background-color: #fff;
    left: 50%;
    transform: translate(-50%);
}

.Login-Preset-center {
    width: 100%;
    margin: 0 auto;
    height: calc(100vh - 181px);
    overflow-y: auto;
}

.col-Probability-Severtiy {
    width: 20%;
    padding: 0px 15px;
}

.col-Frequency-Risk {
    width: 25%;
    padding: 0px 15px;
}

/**************************** /Emat, Smat, Chemical Request  **********************************/
.WebFastForm-box {
    background-color: #fff;
    height: calc(100vh - 76px);
    box-shadow: 0px 25px 60px 0px #ccc, 0px 5px 5px 5px #ccc;
    box-shadow: 0 25px 60px 0px #00000085, 0px 5px 5px 5px #ccc;
    padding: 15px 0px;
}

.web-ff-Header {
    background-color: #0e4e95;
    width: 100%;
    height: 90px;
    margin-top: 15px;
    padding: 0px 30px;
    position: relative;
}

.web-ff-Header h1 {
    color: #fff;
    font-family: "Gotham-Medium", sans-serif;
    font-size: 33px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding: 25px 0px;
}

.web-ff-Header h1 span {
    font-family: "MyriadPro-Regular", sans-serif;
}

.web-ff-Header img {
    position: absolute;
    bottom: 0px;
    right: 30px;
}

.FF-webAppLibrary-data h3 {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 23px;
    color: #a5a7aa;
}

.FF-webAppLibrary-data p {
    font-family: "Gotham-Book", sans-serif;
    font-size: 21px;
    color: #fff;
    margin-bottom: 0px;
    padding: 18px 15px;
    background-color: rgba(94, 94, 94, 0.4);
    border-radius: 5px;
}

.FF-webAppLibrary-data {
    padding: 0px 0px;
    margin-top: 0px;
    height: calc(100vh - 229px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.FF-web-checkBox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-top: 12px;
    cursor: pointer;
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.FF-web-checkBox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.web-main-area .checkmark,
.web-notified-popop .checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 28px;
    width: 28px;
    background-color: transparent;
    border: 2px solid #4cadaf;
    border-radius: 50%;
    margin-top: 0px;
}

.FF-web-checkBox input:checked~.checkmark {
    background-color: #fff;
}

.web-main-area .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.FF-web-checkBox input:checked~.checkmark:after {
    display: block;
}

.FF-web-checkBox .checkmark:after {
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #0e4e95;
}

.CR-main-box .custom-txtArea {
    width: 100%;
    min-height: 200px;
    margin-top: 0px;
    padding: 15px;
    border: 1px solid #3b3b3a;
    background-color: rgba(94, 94, 94, 0.5);
    color: #fff;
    border-radius: 5px;
}

.custom-txtArea::placeholder {
    font-size: 19px;
    color: #fff;
}

.green-c {
    color: #009245 !important;
}

.red-c {
    color: #c1272d !important;
}

.YN-active-green {
    background-color: #4cadaf !important;
    border-color: #4cadaf !important;
}

.YN-active-gray {
    background-color: #909293 !important;
    border-color: #909293 !important;
}

.input-css {
    border-radius: 0px;
    border: 1px solid #3b3b3a;
}

/**************************** //Emat, Smat, Chemical Request  **********************************/
/**************************** /Risk Assessment  **********************************/
.yellow-txt-color {
    color: #c27934 !important;
}

.blue-txt-color {
    color: #0e4e95 !important;
}

.Lightgreen-txt-color {
    color: #798e55 !important;
}

.web-main-area .darknessblue-txt-color {
    color: #4d88a4 !important;
}

.gray-txt-color {
    color: #909293 !important;
}

.pink-txt-color {
    color: #ab00c9 !important;
}

.human-riskAssessment {
    display: inline-flex;
}

.changemgmt-riskAssessment {
    display: inline-flex;
}

.otherGeneral-riskAssessment {
    display: inline-flex;
}

.FF-webAppLibrary-data h3 span {
    color: #4cadaf;
}

/**************************** //Risk Assessment  **********************************/
/**************************** /Shearo Form  **********************************/
/* .IT-Employee {
    display: inline-flex;
} */

.IT-TempEmployee {
    display: inline-flex;
}

.IT-TempContractor {
    display: inline-flex;
}

.IT-PermContractor {
    display: inline-flex;
}

.InjurySpanTXT {
    font-size: 18px;
    color: #fff;
    font-family: "Gotham-Medium", sans-serif;
}

.navyBlue-txt-color {
    color: #4d88a4 !important;
}

.TF-Injury {
    display: inline-flex;
}

.SRE-Property-Specifics {
    display: inline-flex;
}

.EvE-environmental {
    display: inline-flex;
}

.OI-Occupational-Illness {
    display: inline-flex;
}

.IncidentDetails-txt {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 18px;
    color: #909293;
    margin-bottom: 0px;
    padding: 0px 15px;
}

.Immediate-Actions-txtArea1,
.Immediate-Actions-txtArea2 {
    margin-top: 15px;
}

/**************************** //Shearo Form  **********************************/
/**************************** /Reskin-design *********************************/
.webapp-header {
    background-color: #000000;
    padding: 15px 0px;
}

.webapp-header i {
    font-size: 20px;
    color: #007ac2;
}

.col-web-left-panel {
    background-color: #000000;
    height: calc(100vh - 161px);
    width: 60px;
    text-align: center;
    padding: 15px 0px;
    position: absolute;
    top: 89px;
}

.col-web-right-panel {
    height: calc(100vh - 161px);
    background-color: #171717;
    overflow-x: hidden;
    overflow-y: auto;
    width: calc(100% - 60px);
    float: right;
    position: relative;
    left: 60px;
    border-radius: 15px;
}

.col-web-right-content {
    height: calc(100vh - 161px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px 0px 0px;
}

.col-web-left-panel ul {
    margin: 0;
    padding: 0;
}

.col-web-left-panel ul li {
    padding: 0;
    list-style: none;
    margin-bottom: 35px;
}

.col-web-right-content h1 {
    font-family: "GothamBold", sans-serif;
    font-size: 20px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.web-menu {
    /* width: 80%; */
    text-align: center;
    padding: 15px 57px 0px;
    margin: 0 auto;
}

.web-menu .menubg1 {
    background-color: #4caeb0;
    transition: all 0.5s;
}

.web-menu .menubg2 {
    background-color: #1a95cf;
    transition: all 0.5s;
}

.web-menu .menubg3 {
    background-color: #0576bc;
    transition: all 0.5s;
}

.web-menu .menubg4 {
    background-color: #1a4788;
    transition: all 0.5s;
}

.web-menu .menubg5 {
    background-color: #b51e53;
    transition: all 0.5s;
}

.web-menu .menubg6 {
    background-color: #e11d3d;
    transition: all 0.5s;
}

.web-menu .menubg7 {
    background-color: #de5326;
    transition: all 0.5s;
}

.web-menu .menubg8 {
    background-color: #ea6a25;
    transition: all 0.5s;
}

.web-menu .menubg9 {
    background-color: #573e7b;
    height: 90px;
    transition: all 0.5s;
}

.col-web-menu {
    padding: 0px 32px;
    height: 92px;
    color: #ffffff;
    margin-bottom: 9px;
    transition: all 0.5s;
    display: flex;
    justify-content: left;
    align-items: center;
    border-radius: 15px;
}

.col-web-menu i {
    font-size: 49px;
    align-self: center;
}

.col-web-menu p {
    font-family: "GothamBold", sans-serif;
    font-weight: normal;
    text-align: left;
    margin: 0px 0px 0px 35px;
    font-size: 34px;
    line-height: 0.8;
    align-self: center;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.col-web-menu span {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 20px;
}

.web-menu .menubg9 p {
    font-size: 30px;
}

.web-menu .menubg9 p span {
    font-size: 22px;
}

.web-menu .menubg1:hover {
    background-color: #63d1d3;
    transition: all 0.5s;
}

.web-menu .menubg2:hover {
    background-color: #5eb2de;
    transition: all 0.5s;
}

.web-menu .menubg3:hover {
    background-color: #5a9fdc;
    transition: all 0.5s;
}

.web-menu .menubg4:hover {
    background-color: #5080c3;
    transition: all 0.5s;
}

.web-menu .menubg5:hover {
    background-color: #d1507e;
    transition: all 0.5s;
}

.web-menu .menubg6:hover {
    background-color: #f25a74;
    transition: all 0.5s;
}

.web-menu .menubg7:hover {
    background-color: #fd7f58;
    transition: all 0.5s;
}

.web-menu .menubg8:hover {
    background-color: #ff8645;
    transition: all 0.5s;
}

.web-menu .menubg9:hover {
    background-color: #7b5bb0;
    transition: all 0.5s;
}

.web-menu .webmenu-margin {
    margin-right: 0px;
}

.web-footer-section {
    background-color: #000000;
    position: fixed;
    bottom: 0;
}

.footer-logo-size {
    width: 64px;
    height: 64px;
    margin-right: 15px;
}

.web-footer-section .web-footerlogo-txt {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 18px;
    margin-bottom: 0px;
    color: #fff;
    font-weight: normal;
    text-align: left;
    display: flex;
    align-items: center;
}

.web-footer-section .footer-right-icon i {
    font-size: 36px;
    cursor: pointer;
    color: #fff;
}

.web-footer-section .footer-right-icon .plant-name-txt {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 20px;
    color: #676767;
    padding-right: 15px;
    text-transform: uppercase;
    position: relative;
    top: -5px;
}

.graybg-webapp-body {
    background-color: #333333;
}

.pointerBoderPadding .rightContent p {
    color: #a5a7aa;
    font-size: 19px;
    font-family: "GothamLight", sans-serif;
}

.web-main-area {
    height: calc(100vh - 161px);
    overflow-x: hidden;
    overflow-y: auto;
    width: calc(100% - 60px);
    float: right;
    position: relative;
    left: 0px;
    border-radius: 15px;
}

.col-leftmain-box,
.col-rightmain-box {
    width: 18%;
    padding: 0 15px;
}

.col-centermain-box {
    width: 64%;
    padding: 0 15px;
}

.col-leftmain-box img,
.col-rightmain-box img {
    height: calc(100vh - 161px);
    width: 100%;
}

.webAppLibrary_data .left-form-text {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 32px;
}

.web-main-area .tf3-text {
    font-family: "GothamBold", sans-serif;
    font-size: 24px;
    color: #4cadaf;
}

.web-main-area .human-property-environmetal p,
.safe-acts-conditions p,
.risk-assessment p,
.upload-image-ac-report p,
.upload-image-safeacts p,
.probability-definitions p,
.shearo-risk-assessment p {
    background-color: transparent;
    padding: 0;
}

.web-footer-save-box {
    background-color: #4cadaf;
    padding: 6px 5px 5px 5px;
    cursor: pointer;
}

.web-footer-save-box i:before {
    color: #ffffff;
}

.web-footer-save-box i {
    font-size: 60px;
}

.web-footer-save-box img {
    cursor: pointer;
}

.CRNameModal .modal-content,
.CRAreaModal .modal-content,
.CRIndividualInvolveModal .modal-content,
.CRDateModal .modal-content,
.CRTimeModal .modal-content,
.SubmitYourFromHere .modal-content {
    background-color: #171717;
    padding: 15px;
    border: none;
    border-radius: 0;
}



.CR-main-box .ngb-dp-header,
.CR-main-box .ngb-dp-navigation-select,
.CR-main-box ngb-datepicker-navigation-select>.custom-select,
.CR-main-box .ngb-dp-month:first-child .ngb-dp-week,
.CRDateModal .bg-light {
    background-color: rgba(94, 94, 94, 0.4) !important;
}

.dateTime-RecordL .ngb-dp-header,
.dateTime-RecordL .ngb-dp-week {
    background-color: rgba(94, 94, 94, 0.4) !important;
}

.CRDateModal .btn-light {
    color: #fff;
}

.CRDateModal .text-muted {
    color: #999 !important;
    opacity: 1 !important;
}

.CRDateModal .safety-theme .btn-light:hover {
  background-color: #4cadaf !important;
  border-color: #4cadaf;
  outline-color: #4cadaf;
  color: #fff !important;
}

.CRDateModal .disabled .btn-light:hover,
.CRDateModal .disabled .btn-light.text-muted:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #999 !important;
    cursor: no-drop;
}

.CRDateModal .form-select {
    color: #000;
    padding-left: 5px !important;
    margin: 0 5px;
}

select:focus {
    box-shadow: none;
    outline: none;
    border-color: none;
}

.CRTimeModal .ngb-tp-spacer {
    color: #fff;
}

.input-IF-field {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 18px;
    color: #fff;
    margin-bottom: 0px;
    padding: 18px 15px;
    background-color: rgba(94, 94, 94, 0.4);
    border-radius: 5px;
    border: none;
}

.FF-webAppLibrary-data h4,
.CR-webAppLibrary_data h4 {
    font-family: "GothamBold", sans-serif;
    font-size: 24px;
    color: #4cadaf;
}

.FF-webAppLibrary-data h3 span.fastformGreenText {
    color: #4cadaf;
}

.SubmitYourFromHere .validation-error-popop {
    height: auto;
    max-height: calc(100vh - 266px);
    overflow-y: auto;
}

.new-cr-input,
.new-shearo-input {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 18px;
    color: #fff;
    margin-bottom: 0px;
    background-color: rgba(94, 94, 94, 0.4);
    border: 1px solid #333333;
    border-radius: 5px;
    width: 100%;
    height: 63px;
}

.new-cr-input:focus,
.new-shearo-input:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #333333 !important;
    background-color: rgba(94, 94, 94, 0.4);
}

.new-cr-input[type="text"],
.new-cr-input[type="number"],
.new-shearo-input[type="text"] {
    padding-left: 15px !important;
}

.attach-image-pdf h6 {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 18px;
    color: #fff;
    margin-bottom: 0px;
}

.level-of-assessment h6,
.routin-nonroutin h6 {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 18px;
    color: #fff;
    margin: 15px 0px;
}

.risk-assessment-form .green-txt-color {
    color: #4cadaf;
}

.RA-left-panel {
    width: 90%;
    margin-bottom: 30px;
    padding-right: 5px;
}

.web-notified-popop .event-images {
    height: auto;
    max-height: calc(100vh - 247px);
    overflow-y: auto;
}

.web-notified-popop .event-images ul {
    margin: 0px;
    padding: 0px;
}

.web-notified-popop .event-images ul li {
    margin: 0px;
    padding: 10px 0px;
    border-top: 1px solid #171717;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.web-notified-popop .event-images ul li .img-box-wrapper {
    display: flex;
}

.web-notified-popop .event-images ul li .img-box-wrapper .action i {
    cursor: pointer;
    font-size: 14px;
}

.web-notified-popop .event-images ul li .img-box-wrapper .action .delete i {
    color: red;
}

.web-notified-popop .event-images ul li .img-box-wrapper .action .edit i {
    color: gray;
}

.web-notified-popop .event-images ul li .img-box {
    width: 60px;
    max-height: 60px;
    overflow: hidden;
    display: inline-block;
    background-color: #fff;
    text-align: center;
    margin-right: 5px;
}

.web-notified-popop .event-images ul li .img-name-box {
    width: 85%;
    display: inline-block;
    text-align: right;
    font-family: "Gotham-Medium", sans-serif;
    font-size: 26px;
    color: #a5a7aa;
    align-self: center;
    padding: 0 15px;
    position: relative;
}

.web-notified-popop .event-images::-webkit-scrollbar-track,
.NameandArea_details::-webkit-scrollbar-track,
.validation-error-popop::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 0px;
}

.web-notified-popop .event-images::-webkit-scrollbar-thumb,
.NameandArea_details::-webkit-scrollbar-thumb,
.validation-error-popop::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: #4cadaf;
}

.web-notified-popop .event-images ul li .img-name-box i {
    position: absolute;
    top: 0px;
    left: 5px;
    color: red;
    cursor: pointer;
    font-size: 14px;
}

.routin-nonroutin-text p {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 18px;
    color: #fff;
    margin-bottom: 0px;
    padding: 0;
    background-color: transparent;
    border-radius: 5px;
}

.routin-nonroutin-text span {
    font-family: "GothamBold", sans-serif;
    color: #4cadaf;
}

.job-step-validation {
    color: #4cadaf;
    font-family: "GothamBold", sans-serif;
    font-size: 18px;
}

.web-main-area input::placeholder {
    color: #fff;
}

.custom-txtArea::-webkit-input-placeholder {
    color: #fff;
}

.custom-txtArea::-moz-placeholder {
    color: #fff;
}

.custom-txtArea:-moz-placeholder {
    color: #fff;
}

.custom-txtArea:-ms-input-placeholder {
    color: #fff;
}

.info-message {
    color: #fff;
    padding-left: 14px;
}

.smatKetietext {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 18px;
}

.FF-webAppLibrary-data .CR-right-panel i:before {
    color: #4cadaf;
}

.contrldbtn {
    /*do not change*/
    max-width: 775px;
    margin-bottom: 30px;
    width: 100%;
}

.inputtxtareafxwidth {
    /*do not change*/
    max-width: 775px;
    margin-bottom: 30px;
    width: 100%;
}

/*============================================/EVE EMAT=================================*/
.CRDateModal.fastformeve_ematthemecolor .datePicker .bg-primary {
    background-color: #1a93cd !important;
}

.CRDateModal.fastformeve_ematthemecolor .safetywebappDatepicker .btn-light:not(:disabled):not(.disabled).active,
.CRDateModal.fastformeve_ematthemecolor .safetywebappDatepicker .btn-light:not(:disabled):not(.disabled):active,
.CRDateModal.fastformeve_ematthemecolor .safetywebappDatepicker .show>.btn-light.dropdown-toggle {
    background-color: #1a93cd !important;
    border-color: #1a93cd !important;
}

.CRDateModal.fastformeve_ematthemecolor .datePicker .bg-primary:hover,
.CRDateModal.fastformeve_ematthemecolor .btn-light:focus {
    background-color: #1a93cd !important;
}

.CRDateModal.fastformeve_ematthemecolor .btn-light:hover {
  background-color: #1a93cd;
  border-color: #1a93cd;
  outline-color: #1a93cd;
}


.evefastform_validationmsg .job-step-validation {
    color: #1a93cd;
}

.safety-theme .MainCollapsibleParent .rightContent .genclrinn,
.safety-theme .MainCollapsibleParent .leftIcon i,
.safety-theme .MainCollapsibleParent .rightIcon .icon-fill-tickmark,
.safety-theme .MainCollapsibleParent .rightIconsecinn .icon-tickmark {
    color: #4cadaf;
}

/*===========================================/Safety Theme colocr===========================*/
.safety-theme.SubmitYourFromHere .tikiconnics i, .safety-theme.SubmitYourFromHere .webAppLibrarytitle h1 {
    color: #4cadaf;
  }

  .safety-theme.SubmitYourFromHere .sriconicsline{
    border: 1px solid #4cadaf;
  }

  .safety-theme.SubmitYourFromHere .smat-modal-btn{
    background: #4cadaf !important;
    border: 1px solid #4cadaf;
  }

  .safety-theme.SubmitYourFromHere .st1{
    fill: #4cadaf !important;
  }

.safety-theme .Cr-submit-nameBtn,
.safety-theme .Cr-submit-areaBtn {
    background-color: #4cadaf;
    border: 1px solid #4cadaf;
}

.safety-theme .risk-identified-N {
    color: #4cadaf !important;
}


/*============================================//EVE EMAT=================================*/
/*===========================================/Eve Theme colocr===========================*/
.env-theme.SubmitYourFromHere .tikiconnics i, .env-theme.SubmitYourFromHere .webAppLibrarytitle h1 {
    color: #1a93cd;
  }

  .env-theme.SubmitYourFromHere .sriconicsline{
    border: 1px solid #1a93cd;
  }

  .env-theme.SubmitYourFromHere .smat-modal-btn{
    background: #1a93cd !important;
    border: 1px solid #1a93cd;
  }

  .env-theme.SubmitYourFromHere .st1{
    fill: #1a93cd !important;
  }
 .env-theme .Cr-submit-nameBtn,
.env-theme .Cr-submit-areaBtn {
    background-color: #1a93cd;
    border: 1px solid #1a93cd;
}

.env-theme .risk-identified-N {
    color: #1a93cd !important;
}

.env-theme .routin-nonroutin-text span,
.env-theme .FF-webAppLibrary-data .CR-right-panel i:before,
.env-theme .CR-form .CR-right-panel i:before,
.env-theme .level-of-assessment h6>span,
.env-theme .routin-nonroutin h6>span,
.env-theme .probability-definitions p>span,
.env-theme .level-of-assessment h6>span,
.env-theme .routin-nonroutin h6>span {
    color: #1a93cd;
}

.env-theme .cr-checkBox input:checked~.checkmark,
.env-theme .web-notified-popop input:checked~.checkmark {
    background-color: #1a93cd;
    border: 2px solid #1a93cd;
}

.env-theme .FF-webAppLibrary-data h4,
.env-theme .CR-webAppLibrary_data h4,
.env-theme .NameandArea_dropdown .searchBar i,
.web-main-area.env-theme .tf3-text,
.env-theme .MainCollapsibleParent .rightContent .genclrinn,
.env-theme .MainCollapsibleParent .leftIcon i,
.env-theme .MainCollapsibleParent .rightIcon .icon-fill-tickmark,
.env-theme .MainCollapsibleParent .rightIconsecinn .icon-tickmark {
    color: #1a93cd;
}

.env-theme .web-footer-save-box {
    background-color: #1a93cd;
}

.env-theme.web-main-area .checkmark,
.env-theme.web-notified-popop .checkmark {
    border: 2px solid #1a93cd;
}

.env-theme .PD-active-blue {
    background-color: #1a93cd !important;
}

.env-theme .NameandArea_dropdown .searchBar input {
    border: 2px solid #1a93cd !important;
}

.CRDateModal .env-theme .datePicker .bg-primary {
    background-color: #1a93cd !important;
}

.CRDateModal .env-theme .safetywebappDatepicker .btn-light:not(:disabled):not(.disabled).active,
.CRDateModal .env-theme .safetywebappDatepicker .btn-light:not(:disabled):not(.disabled):active,
.CRDateModal .env-theme .safetywebappDatepicker .show>.btn-light.dropdown-toggle {
    background-color: #1a93cd !important;
    border-color: #1a93cd !important;
}

.CRDateModal .env-theme .datePicker .bg-primary:hover,
.CRDateModal .env-theme .btn-light:focus {
    background-color: #1a93cd !important;
}

.CRDateModal .env-theme .btn-light:hover {
  background-color: #1a93cd;
  border-color: #1a93cd;
  outline-color: #1a93cd;
}

/*===========================================//Eve Theme colocr===========================*/
/*===========================================/Safety Theme colocr===========================*/

.safety-theme .CR-form .CR-right-panel i:before {
    color: #4cadaf;
}

/*===========================================//Safety Theme colocr===========================*/
/*===========================================/Tag Plus theme color============================*/
.CRDateModal.fastformtagpl_themecolor .datePicker .bg-primary {
    background-color: #0576bb !important;
}

.CRDateModal.fastformtagpl_themecolor .safetywebappDatepicker .btn-light:not(:disabled):not(.disabled).active,
.CRDateModal.fastformtagpl_themecolor .safetywebappDatepicker .btn-light:not(:disabled):not(.disabled):active,
.CRDateModal.fastformtagpl_themecolor .safetywebappDatepicker .show>.btn-light.dropdown-toggle {
    background-color: #0576bb !important;
    border-color: #0576bb !important;
}

.CRDateModal.fastformtagpl_themecolor .datePicker .bg-primary:hover,
.CRDateModal.fastformtagpl_themecolor .btn-light:focus {
    background-color: #0576bb !important;
}

.fastformtagpl_themecolor .btn-light:hover {
  background-color: #0576bb !important;
  border-color: #0576bb;
  outline-color: #0576bb !important;
}


/*===========================================//Tag Plus theme color============================*/
/*===========================================/Tag Plus==========================================*/
.qrcodemodal .webCamalign {
    flex-wrap: wrap;
}

.qrcodemodal .qrcodemodalselect {
    width: 100%;
}

.qrcodemodal .qrcodemodalselect select {
    width: 100%;
}

.qrcodemodal .qrcodemodalimage {
    width: 100%;
}

/*===========================================/Tag Plus==========================================*/

/*===========================================/QPC Theme color===========================*/

.qpc-theme.SubmitYourFromHere .tikiconnics i, .qpc-theme.SubmitYourFromHere .webAppLibrarytitle h1 {
  color: #b41e53;
}

.qpc-theme.SubmitYourFromHere .sriconicsline{
  border: 1px solid #b41e53;
}

.qpc-theme.SubmitYourFromHere .smat-modal-btn{
  background: #b41e53 !important;
  border: 1px solid #b41e53;
}

.qpc-theme.SubmitYourFromHere .st1{
  fill: #b41e53 !important;
}

.qpc-theme .Cr-submit-nameBtn,
.qpc-theme .Cr-submit-areaBtn {
  background-color: #b41e53;
  border: 1px solid #b41e53;
}

.qpc-theme .risk-identified-N {
  color: #b41e53 !important;
}

.qpc-theme .routin-nonroutin-text span,
.qpc-theme .FF-webAppLibrary-data .CR-right-panel i:before,
.qpc-theme .CR-form .CR-right-panel i:before,
.qpc-theme .level-of-assessment h6 > span,
.qpc-theme .routin-nonroutin h6 > span,
.qpc-theme .probability-definitions p > span,
.qpc-theme .level-of-assessment h6 > span,
.qpc-theme .routin-nonroutin h6 > span,
.qpc-theme.evefastform_validationmsg .job-step-validation {
  color: #b41e53;
}

.qpc-theme .cr-checkBox input:checked ~ .checkmark,
.qpc-theme .web-notified-popop input:checked ~ .checkmark {
  background-color: #b41e53;
  border: 2px solid #b41e53;
}

.qpc-theme .FF-webAppLibrary-data h4,
.qpc-theme .CR-webAppLibrary_data h4,
.qpc-theme .NameandArea_dropdown .searchBar i,
.web-main-area.qpc-theme .tf3-text,
.qpc-theme .MainCollapsibleParent .rightContent .genclrinn,
.qpc-theme .MainCollapsibleParent .leftIcon i,
.qpc-theme .MainCollapsibleParent .rightIcon .icon-fill-tickmark,
.qpc-theme .MainCollapsibleParent .rightIconsecinn .icon-tickmark,
.qpc-theme .blokfirtitleinn h5 {
  color: #b41e53;
}

.qpc-theme .web-footer-save-box {
  background-color: #b41e53;
}

.qpc-theme.web-main-area .checkmark,
.qpc-theme.web-notified-popop .checkmark {
  border: 2px solid #b41e53;
}

.qpc-theme .PD-active-blue {
  background-color: #b41e53 !important;
}

.qpc-theme .NameandArea_dropdown .searchBar input {
  border: 2px solid #b41e53 !important;
}

.CRDateModal .qpc-theme .datePicker .bg-primary {
  background-color: #b41e53 !important;
}

.CRDateModal .qpc-theme .safetywebappDatepicker .btn-light:not(:disabled):not(.disabled).active,
.CRDateModal .qpc-theme .safetywebappDatepicker .btn-light:not(:disabled):not(.disabled):active,
.CRDateModal .qpc-theme .safetywebappDatepicker .show
  > .btn-light.dropdown-toggle {
  background-color: #b41e53 !important;
  border-color: #b41e53 !important;
}

.CRDateModal .qpc-theme .datePicker .bg-primary:hover,
.CRDateModal .qpc-theme .btn-light:focus {
  background-color: #b41e53 !important;
}

.CRDateModal .qpc-theme .btn-light:hover {
  background-color: #b41e53;
  border-color: #b41e53;
  outline-color: #b41e53;
}
/*===========================================//QPC Theme color===========================*/

/* =================== sitemanagement model desingn start ===================  */

.busslistingPopop .modal-body {
    padding: 5px;
}

.busslistingPopop .modal-content {
    border: 5px solid #007ac0;
    border-radius: 10px;
    width: 70%;
    margin: 0 auto;
    background-color: #0b0b0b;
    padding: 0px;
}

.busslistingPopop .web-notified-popop {
    background-color: #007ac0 !important;
    border-radius: 5px !important;
}

.busslistingPopop .modal-body p {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 20px;
    color: #fff;
    text-align: left;
    margin-bottom: 0px;
}

.busslistingPopop .m-footer-part h3.blueTxtPopop {
    text-align: center;
    color: #fff;
    font-family: "Gotham-Medium", sans-serif;
    font-size: 19px;
    margin-bottom: 0px;
    padding: 20px;
    cursor: pointer;
}

.busslistingPopop .m-footer-part {
    width: 50%;
    margin-right: 0px;
    background-color: #000 !important;
    border-radius: 8px;
}

.busslistingPopop .modal-footer {
    border-top: 0px solid #0e4e95;
}

.risk-calc.qpc{
  outline: 7px solid #b41e53;
  outline-offset: -7px;
  border-radius: 12px;
}

.risk-calc.reliability{
  outline: 7px solid #0576bb ;
  outline-offset: -7px;
  border-radius: 12px;
}

/* =================== sitemanagement model desingn close =================== */

@media (max-width: 1366px) {
    .pointerBoderPadding {
        padding: 12px 60px;
    }
}


/*----------------------MobileView PWA--------------------------------*/


.mobile-notifiedPopop .modal-title {
    font-family: 'GothamBold', sans-serif;
    font-size: 30px;
    color: #fff;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

.mobile-notifiedPopop .modal-body p {
    font-family: 'Gotham-Medium', sans-serif;
    font-size: 25px;
    color: #A5A7AA;
    text-align: center;
    margin-bottom: 0px;
}

.mobile-notifiedPopop h3.redTxtPopop {
    text-align: center;
    color: #E01D3D;
    font-family: 'GothamBold', sans-serif;
    font-size: 25px;
    margin-bottom: 0px;
    padding: .75rem;
    cursor: pointer;
}

.mobile-notifiedPopop h3.blueTxtPopop {
    text-align: center;
    color: #0E4E95;
    font-family: 'GothamBold', sans-serif;
    font-size: 25px;
    margin-bottom: 0px;
    padding: .75rem;
    cursor: pointer;
}

.mobile-notifiedPopop .modal-content {
    border-radius: 0;
    /* width: 70%;
    margin: 0 auto; */
    border: none;
    background-color: #171717;
    padding: 15px;
}



.mobile-notifiedPopop .modal-footer {
    border-top: 1px solid #171717;
}

.mobile-notifiedPopop .m-footer-part {
    width: 50%;
    margin: 0px;
    border-right: 1px solid #171717 !important;
}

.mobile-notifiedPopop .modal-content {
    border-radius: 25px !important;
    border: none !important;
    background-color: #171717 !important;
    padding: 0px !important;
}


.mobile-CRNameModal .modal-content,
.mobile-CRAreaModal .modal-content,
.mobile-CRIndividualInvolveModal .modal-content,
.mobile-CRDateModal .modal-content,
.mobile-CRTimeModal .modal-content,
.mobile-SubmitYourFromHere .modal-content {
    background-color: #171717;
    border: none;
    border-radius: 25px !important;
}


.mobile-CRDateModal .datePicker .bg-primary:hover,
.btn-light:focus {
    background-color: #4cadaf !important;
}





.mobile-CRDateModal .datePicker .form-control {
    height: auto;
    background-color: rgba(94, 94, 94, 0.4);
    padding: 0px;
}

.mobile-CRDateModal .datePicker .ngb-dp-month {
    width: 100%;
}

.mobile-CRDateModal .datePicker .ngb-dp-day,
.mobile-CRDateModal .datePicker .ngb-dp-week-number,
.mobile-CRDateModal .datePicker .ngb-dp-weekday {
    width: 100%;
    color: #fff !important;
}

.mobile-CRDateModal .datePicker [ngbDatepickerDayView] {
    width: 100%;
    height: 100%;
}




.mobile-CRDateModal .datePicker .bg-primary {
    background-color: #4cadaf !important;
}

.mobile-CRDateModal .datePicker .btn-link,
.mobile-CRTimeModal .timePicker .btn-link {
    color: #fff !important;
}



.CR-main-box .ngb-dp-header,
.CR-main-box .ngb-dp-navigation-select,
.CR-main-box ngb-datepicker-navigation-select>.custom-select,
.CR-main-box .ngb-dp-month:first-child .ngb-dp-week,
.mobile-CRDateModal .bg-light {
    background-color: rgba(94, 94, 94, 0.4) !important;
}





.mobile-CRDateModal .btn-light {
    color: #fff;
}

.mobile-CRDateModal .text-muted {
    color: #999 !important;
    opacity: 1 !important;
}

.mobile-CRDateModal .safety-theme .btn-light:hover {
  background-color: #4cadaf !important;
  border-color: #4cadaf;
  outline-color: #4cadaf;
  color: #fff !important;
}

.mobile-CRDateModal .disabled .btn-light:hover,
.mobile-CRDateModal .disabled .btn-light.text-muted:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #999 !important;
    cursor: no-drop;
}

.mobile-CRDateModal .form-select {
    color: #000;
    padding-left: 5px !important;
    margin: 0 5px;
}





.mobile-CRDateModal.fastformeve_ematthemecolor .datePicker .bg-primary {
    background-color: #1a93cd !important;
}

.mobile-CRDateModal.fastformeve_ematthemecolor .safetywebappDatepicker .btn-light:not(:disabled):not(.disabled).active,
.mobile-CRDateModal.fastformeve_ematthemecolor .safetywebappDatepicker .btn-light:not(:disabled):not(.disabled):active,
.mobile-CRDateModal.fastformeve_ematthemecolor .safetywebappDatepicker .show>.btn-light.dropdown-toggle {
    background-color: #1a93cd !important;
    border-color: #1a93cd !important;
}

.mobile-CRDateModal.fastformeve_ematthemecolor .datePicker .bg-primary:hover,
.mobile-CRDateModal.fastformeve_ematthemecolor .btn-light:focus {
    background-color: #1a93cd !important;
}

.mobile-CRDateModal.fastformeve_ematthemecolor .btn-light:hover {
  background-color: #1a93cd;
  border-color: #1a93cd;
  outline-color: #1a93cd;
}





.mobile-CRDateModal .env-theme .datePicker .bg-primary {
    background-color: #1a93cd !important;
}

.mobile-CRDateModal .env-theme .safetywebappDatepicker .btn-light:not(:disabled):not(.disabled).active,
.mobile-CRDateModal .env-theme .safetywebappDatepicker .btn-light:not(:disabled):not(.disabled):active,
.mobile-CRDateModal .env-theme .safetywebappDatepicker .show>.btn-light.dropdown-toggle {
    background-color: #1a93cd !important;
    border-color: #1a93cd !important;
}

.mobile-CRDateModal .env-theme .datePicker .bg-primary:hover,
.mobile-CRDateModal .env-theme .btn-light:focus {
    background-color: #1a93cd !important;
}

.mobile-CRDateModal .env-theme .btn-light:hover {
  background-color: #1a93cd;
  border-color: #1a93cd;
  outline-color: #1a93cd;
}





.mobile-CRDateModal.fastformtagpl_themecolor .datePicker .bg-primary {
    background-color: #0576bb !important;
}

.mobile-CRDateModal.fastformtagpl_themecolor .safetywebappDatepicker .btn-light:not(:disabled):not(.disabled).active,
.mobile-CRDateModal.fastformtagpl_themecolor .safetywebappDatepicker .btn-light:not(:disabled):not(.disabled):active,
.mobile-CRDateModal.fastformtagpl_themecolor .safetywebappDatepicker .show>.btn-light.dropdown-toggle {
    background-color: #0576bb !important;
    border-color: #0576bb !important;
}

.mobile-CRDateModal.fastformtagpl_themecolor .datePicker .bg-primary:hover,
.mobile-CRDateModal.fastformtagpl_themecolor .btn-light:focus {
    background-color: #0576bb !important;
}






.mobile-CRDateModal .qpc-theme .datePicker .bg-primary {
  background-color: #b41e53 !important;
}

.mobile-CRDateModal .qpc-theme .safetywebappDatepicker .btn-light:not(:disabled):not(.disabled).active,
.mobile-CRDateModal .qpc-theme .safetywebappDatepicker .btn-light:not(:disabled):not(.disabled):active,
.mobile-CRDateModal .qpc-theme .safetywebappDatepicker .show
  > .btn-light.dropdown-toggle {
  background-color: #b41e53 !important;
  border-color: #b41e53 !important;
}

.mobile-CRDateModal .qpc-theme .datePicker .bg-primary:hover,
.mobile-CRDateModal .qpc-theme .btn-light:focus {
  background-color: #b41e53 !important;
}

.mobile-CRDateModal .qpc-theme .btn-light:hover {
  background-color: #b41e53;
  border-color: #b41e53;
  outline-color: #b41e53;
}




.mobile-CRTimeModal .timePicker .ngb-tp-input-container {
    width: 100%;
}




.mobile-CRTimeModal .timePicker .btn-outline-primary:hover {
    background-color: #0e4e95 !important;
    color: #fff !important;
}


.mobile-CRTimeModal .timePicker .btn-outline-primary {
    color: #0e4e95 !important;
    border-color: #0e4e95 !important;
}


.mobile-CRTimeModal .ngb-tp-spacer {
    color: #fff;
}



.mobile-SubmitYourFromHere .modal-title {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 24px;
    color: #fff;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

.mobile-SubmitYourFromHere h6 {
    font-family: "Gotham-Medium", sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.mobile-SubmitYourFromHere .web-notified-popop p {
    color: #fff;
}


.mobile-SubmitYourFromHere .validation-error-popop {
    height: auto;
    max-height: calc(100vh - 266px);
    overflow-y: auto;
}


.qpc-theme.mobile-SubmitYourFromHere .tikiconnics i, .qpc-theme.mobile-SubmitYourFromHere .webAppLibrarytitle h1 {
  color: #b41e53;
}

.qpc-theme.mobile-SubmitYourFromHere .sriconicsline{
  border: 1px solid #b41e53;
}

.qpc-theme.mobile-SubmitYourFromHere .smat-modal-btn{
  background: #b41e53 !important;
  border: 1px solid #b41e53;
}

.qpc-theme.mobile-SubmitYourFromHere .st1{
  fill: #b41e53 !important;
}