@charset "utf-8";
/* CSS Document */


@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');

ma {
    box-sizing: border-box;
}


body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 28px;
    background-color: #F0F1F7;
}

h2 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #222;
    font-weight: 600;
}

h3 {
    font-size: 18px;
    margin-bottom: 20px;
    color: #222;
    font-weight: 600;
}


h4 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #222;
    font-weight: 600;
}

label {
    font-size: 14px;
}

select {
    font-size: 14px;
}

.form-control {
    font-size: 13px;
    padding: 0.485rem .75rem;
}

.main-logo {
    margin: 5px 0;
}

.main-logo img {
    width: 120px;
}

.sectionbg {
    /* background-image: url(../img/bgfirst.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0 0px;
    background: #0765A3;
}

.sectionbg h2 {
    text-align: center;
    color: #fff;
    font-size: 27px;
    display: block;
}

.sectionbg h2 span {
    color: #fff;
    font-size: 31px;
    display: block;
    margin-top: 10px;
}

.sectionformlogin {
    padding: 50px 0;
}

.operational-excellence {}

.operational-excellence img {
    width: 80%;
}

.btn1 {
    color: #fff;
    padding: 5px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    background: #1E7ED6;
}

.btn1:hover {}



.login-form {
    box-shadow: 0px 0 32px 0px #f5f5f5;
    padding: 20px;
}

.logo-login {}

.logo-login img {
    width: 122px;
    margin: 10px auto;
    display: block;
}

.signinsession {
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}

.rememberme {
    font-size: 13px;
}

.forgot-password {
    float: right;
    color: #009da4;
    font-size: 13px;
}

.btn1 {
    color: #fff;
    padding: 5px 8px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    background: #0765A3;
    width: 100%;
    border: none;
    cursor: pointer
}

.btn1:hover {
    text-decoration: none;
    background: #51b747;
    color: #fff;
}

.btn2 {
    color: #fff;
    padding: 5px 8px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    background: #0765A3;
    width: 100%;
    border: none;
    margin-top: 15px;
    cursor: pointer
}

.btn2:hover {
    background: #51b747;
}

.login-form .form-control {
    padding: 12px 10px;
    font-size: 13px;
}

.awards {}

.awards img {
    width: 82%;
}

.tree {}

.tree img {}

.signuptext {
    color: #9B9999;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
}

.signuptext a {
    color: #009DA4;
    font-weight: 600;
}

ul.habitat-list {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

ul.habitat-list li {}

ul.habitat-list li a {
    float: left;
    display: inline-block;
    width: 240px;
    margin-right: 10px;
    border: 1px solid #DAD8D8;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 21px;
    height: 54px;
    transition: 0.3s;
    color: #222;
    background-repeat: no-repeat;
    background-position: top 11px right 9px;
}

ul.habitat-list a:hover {
    background-color: #0765a3;
    color: #fff;
    border: 1px solid #0765a3;
    text-decoration: none;
}

ul.habitat-list li span {
    display: block;
}

.hl1 {
    background-image: url(../img/habitat-list1.png);
    background-position: top 4px right 9px !important;
}

.hl1:hover {
    background-image: url(../img/habitat-list1h.png);
}

.hl2 {
    background-image: url(../img/habitat-list2.png);
}

.hl2:hover {
    background-image: url(../img/habitat-list2h.png);
}

.hl3 {
    background-image: url(../img/habitat-list3.png);
}

.hl3:hover {
    background-image: url(../img/habitat-list3h.png);
}

.hl4 {
    background-image: url(../img/habitat-list4.png);
}

.hl4:hover {
    background-image: url(../img/habitat-list4h.png);
}

.hl5 {
    background-image: url(../img/habitat-list5.png);
}

.hl5:hover {
    background-image: url(../img/habitat-list5h.png);
}

.hl6 {
    background-image: url(../img/habitat-list6.png);
}

.hl6:hover {
    background-image: url(../img/habitat-list6h.png);
}

.hl7 {
    background-image: url(../img/habitat-list7.png);
    background-position: top 9px right 9px !important;
}

.hl7:hover {
    background-image: url(../img/habitat-list7h.png);
}

.hl8 {
    background-image: url(../img/habitat-list8.png);
}

.hl8:hover {
    background-image: url(../img/habitat-list8h.png);
}

.hl9 {
    background-image: url(../img/habitat-list9.png);
    background-position: top 6px right 9px !important;
}

.hl9:hover {
    background-image: url(../img/habitat-list9h.png);
}

.hl10 {
    background-image: url(../img/habitat-list10.png);
}

.hl10:hover {
    background-image: url(../img/habitat-list10h.png);
}

.hl11 {
    background-image: url(../img/habitat-list11.png);
}

.hl11:hover {
    background-image: url(../img/habitat-list11h.png);
}

.hl12 {
    background-image: url(../img/habitat-list12.png);
}

.hl12:hover {
    background-image: url(../img/habitat-list12h.png);
}
.hl13 {
    background-image: url(../img/habitat-list13h.png);
}

.hl13:hover {
    background-image: url(../img/habitat-list13.png);
}

.bodytext {
    background-color: #F0F1F7;
    padding: 15px;
}

#content .navbar {
    margin-bottom: 0;
}



.whiteboxborder {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    border-left: 5px solid #0765a3;
}

.whitebox {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
}


.labelspace {
    height: 18px;
}

.initiatebtn {
    color: #fff;
    padding: 10px 15px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    background: #0765A3;
    border: none;
    cursor: pointer;
    margin-right: 20px;
    display: block;
    float: right;
    margin-bottom: 15px;
    margin-top: 15px;
}

.initiatebtn span {
    margin-right: 10px;
}

.viewassessment span {
    margin-right: 10px;
}

.initiatebtn:hover {
    text-decoration: none;
    background: #51b747;
    color: #fff;
}

.viewassessment {
    color: #0765A3;
    padding: 10px 10px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    cursor: pointer;
    border: 1px solid #0765A3;
    display: inline-block;
    float: right;
    margin-bottom: 15px;
    margin-top: 15px;
}

.viewassessment:hover {
    border: 1px solid #298fd2;
    color: #298fd2;
    text-decoration: none;
}

.rightalign {
    display: table;
    width: 100%;
}

.tablehdng {
    background-color: #51b747;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.tableformat .table th {
    font-weight: 600;
}

.tableformat .table td,
.tableformat .table th {
    padding: 5px;
    font-size: 12px;
    vertical-align: top;
    line-height: 20px;
}


.copyright {
    font-size: 12px;
    margin-top: 10px;
    color: #727272;
}

.copyright strong {
    color: #51b747;
}


button:focus {
    outline: 1px dotted;
    outline: 1px auto -webkit-focus-ring-color;
}

.hdruser {}

.userpic {
    margin-right: 20px;
    display: block;
    margin-left: 10px;
     height: 50px;
    width: 50px;
    border-radius: 50%;
}

.eng {
    margin-right: 10px;
    margin-left: 10px;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 12px;
}

.hdruser .dropdown-menu {
    right: 0;
    left: auto;
    box-shadow: 0px 0 32px 0px #ece9e9;
    border: none;
    min-width: 250px;
}

.hdruser .dropdown-item {
    color: #009da4;
    font-size: 14px;
    line-height: 28px;
}

.hdruser .dropdown-item img {
    margin-right: 10px;
}

.hdruserdetail {
    padding: 10px 10px;
    border-bottom: 1px dotted #e8e8e8;
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.hdruserimg {
    float: left;
    margin-right: 10px;
    display: inline-block;
}

.hdruserimg img {
     height: 50px;
    width: 50px;
}

.hdrudtext {
    font-size: 15px;
    float: left;
    display: inline-block;
    line-height: 20px;
}

.hdrudtext span {
    color: #7C7A7A;
    display: block;
    font-size: 12px;
}

.searchmodal {}

.searchicon {}

.searchmodal button {
    border: none;
    background: none;
    margin-top: 8px;
    cursor: pointer;
}

.hdrsearch {
    width: 100%;
}

.hdrsearch input {
    border: 1px solid #ece9eb;
    font-size: 13px;
    width: 100%;
    padding: 3px 10px;
    border-radius: 3px;
    background-image: url(../img/searchiconbg.png);
    background-repeat: no-repeat;
    padding-left: 51px;
    font-weight: 300;
}

.rulf {
    color: #7E7A7A;
    font-size: 14px;
}

ul.rulf-list {
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
    display: table;
}

ul.rulf-list li {
    float: left;
    background-color: #f8f8f8;
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 18px;
    border-radius: 5px;
    color: #515050;
}

ul.rulf-list li img {
    margin-left: 10px;
    cursor: pointer;
}

ul.rulf-list2 {
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
    display: table;
    width: 100%;
}

ul.rulf-list2 li {
    margin-right: 5px;
    padding: 7px 10px;
    font-size: 12px;
    margin-bottom: 4px;
    line-height: 18px;
    border-radius: 5px;
    border: 1px solid #f4f4f4;
    width: 100%;
    color: #515050;
}

ul.rulf-list2 li img {
    cursor: pointer;
    float: right;
    margin-top: 5px;
}

.hdrmodelboxcontent .modal-header {
    border-bottom: none;
    padding: 15px 15px 5px 15px;
}

.hdrmodelboxcontent .modal-footer {
    padding: 0px 17px 17px 0;
    border: none;
}

.btn-search {
    color: #fff;
    padding: 0px 8px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    background: #B3559F;
    margin: 0;
    cursor: pointer
}

.btn-search:hover {
    background-color: #189EA4;
    color: #E8E6ED;
}

.btn-recents {
    color: #b3559f;
    padding: 0px 8px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    background: #F2EEFC;
    margin: 0;
    cursor: pointer
}

.btn-recents:hover {
    background-color: #E8E6ED;
}

.modal-footer button {
    border: none;
    background-color: none;
}

.hdrmodelboxcontent .modal-header .close {
    padding: 1.5rem 1rem;
    margin: -1rem -1rem -1rem auto;
}


.logowhite {}

.logowhite img {
    width: 150px;
    display: block;
    margin: 0 auto 20px;
}

.line-icon {
    margin-right: 10px;
    margin-top: -4px;
}

.filter-icon {
    margin-left: 10px;
}

.editicon {
    float: left;
    margin-right: 10px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    padding: 0;
}

.downloadicon {
    float: left;
    margin-right: 10px;
}

.deleteicon {
    float: left;
}

.action-icons {
    display: flex;
}

.plant {
    color: #0765a3;
    background-color: #F0F2F3;
    font-size: 12px;
    border-radius: 3px;
    padding: 0px 6px;
    display: inline-block;
}

.hdng-select {
    display: table;
    width: 100%;
}

.hdng-select h4 {
    float: left;
    display: inline-block;
}

.selectright {
    display: inline-block;
    float: right;
    width: 56px;
    margin-bottom: 10px;
}

.selectright select {}

.selectright .form-control {
    line-height: 25px;
    height: 27px !important;
    padding: 3px;
}

.pagination-content {
    float: left;
    display: inline-block;
}

.table-bottom {
    display: table;
    width: 100%;
}

.showing-result {
    float: right;
    display: inline-block;
    font-size: 12px;
    color: #757171;
}


.pagination-content .page-item.disabled .page-link {
    border: none;
    font-size: 13px;
    padding-left: 0;
}

.pagination-content .page-link {
    border: 1px solid #dee2e6;
    border: none;
    font-size: 13px;
}

.pagination-content .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #51b747;
    border-color: #51b747;
    border-radius: 3px;
}

.pagination-content .page-link {
    color: #51b747;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border: navajowhite;
}

.notification {
    position: relative;
    width: 30px;
    margin-left: 10px;
    margin-right: 10px;
}

.notification i {
    position: relative;
    color: #000;
    top: 9px;
}

.notification .count {
    position: absolute;
    top: 1px;
    left: 6px;
    background-color: #0765a3;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    font-size: 11px;
    padding: 3px;
    line-height: 12px;
    text-align: center;
}

.ndrop .dropdown-toggle::after {
    display: none;
}


.ndrop .dropdown-menu {
    right: 0;
    left: auto;
    box-shadow: 0px 0 32px 0px #ece9e9;
    border: none;
    min-width: 300px;
    max-width: 300px;
    padding: 15px;
}

ul.notifications-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.notifications-list li {
    font-size: 12px;
    margin-bottom: 10px;
    border-bottom: 2px dotted #efefef;
    line-height: 20px;
    padding-bottom: 10px;
    color: #5f5d5d;
}

ul.notifications-list li:last-child {
    border: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

ul .notifications-list li span {
    display: block;
    width: 25px;
    height: 25px;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #f0f0f0;
    border-radius: 100%;
    padding: 2px 7px;
    font-size: 14px;
    margin-right: 10px;
    text-align: center;
    color: #189ea4;
    margin-top: 7px;
}

ul.otherlinks {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.otherlinks li {
    margin-bottom: 10px;
}

ul.otherlinks li a {
    color: #afddfb !important;
    padding: 6px 10px !important;
    border-radius: 3px;
    font-size: 14px !important;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #2381bf !important;
    padding: 0;
    float: right;
    margin: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    transition: 0.3s;
}

ul.otherlinks li a:hover {
    color: #fff !important;
    border: 1px solid #fff !important;
}

.btnwithhdng {
    display: table;
    width: 100%;
}

.btnwithhdng h2 {
    float: left;
}

.btnwithhdng .initiatebtn {
    float: right;
    margin-right: 0;
    margin-top: 0px;
}

.search-el {
    width: 31%;
    float: left;
    margin-bottom: 10px;
}

.usertext {
    display: table;
    width: 100%;
}

.usertextimg {
    float: left;
    margin-right: 10px;
    display: inline-block;
    margin-top: 4px;
}

.usertextdetail {
    font-size: 14px;
    float: left;
    display: inline-block;
    line-height: 20px;
    color: #000;
}

.usertextdetail span {
    color: #7C7A7A;
    display: block;
    font-size: 11px;
}

.newticketmodel .modal-content {
    border-radius: 0;
}

.modal-content-border {
    border: 1px solid #51b747;
    margin: 20px;
    border-radius: 5px;
}

.newticketmodel .modal-header {
    background-color: #51b747;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: 7px 15px;
}

.newticketmodel .close {
    color: #fff;
    opacity: .9;
}

.newticketmodel .close:focus,
.newticketmodel .close:hover {
    color: #6BDDE2;
}

.newticketmodel .form-control-file,
.newticketmodel .form-control-range {
    border: 1px solid #ccc;
    font-size: 13px;
    border-radius: 3px;
}

.btn3 {
    color: #fff;
    padding: 5px 8px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    background: #0765A3;
    width: 100%;
    border: none;
    cursor: pointer
}

.btn3:hover {
    background: #51b747;
}

.close {
    font-weight: 400;
}

a.ok {
    background-color: #51b747;
    color: #fff !important;
    text-align: center;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 3px;
}

a.notok {
    background-color: #FF0000;
    color: #fff !important;
    text-align: center;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 3px;
    min-width: 87px;
    display: block;
}


.exportexcel-newsla {
    float: right;
    margin-right: 0;
    margin-top: 0px;
}

.exportexcel-newsla .viewassessment {
    margin-top: 0;
    margin-right: 10px;
}

@media (min-width: 576px) {
    .editslamodel .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }
}

.editslamodel .modal-header {
    background-color: #51b747;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: 7px 15px;
}

.editslamodel .close {
    color: #fff;
    opacity: .9;
}

.editslamodel .close:focus,
.editslamodel .close:hover {
    color: #6BDDE2;
}

.editslamodel .form-control-file,
.editslamodel .form-control-range {
    border: 1px solid #ccc;
    font-size: 13px;
    border-radius: 3px;
}

.editslamodel .modal-content {
    border-radius: 0;
}

.approval-status {
    font-size: 13px;
    color: #7f7f7f;
}


.pending {
    background: #ff0000;
    color: #fff;
    width: 20px;
    display: inline-block;
    padding: 1px 7px;
    border-radius: 100%;
    height: 20px;
    font-size: 14px;
    font-weight: 600;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.reached {
    background: green;
    color: #fff;
    width: 20px;
    display: inline-block;
    padding: 1px 7px;
    border-radius: 100%;
    height: 20px;
    font-size: 14px;
    font-weight: 600;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.notreached {
    background: #bb0b0b;
    color: #fff;
    width: 20px;
    display: inline-block;
    padding: 1px 7px;
    border-radius: 100%;
    height: 20px;
    font-size: 14px;
    font-weight: 600;

}

.btnalign .btnwithhdng .initiatebtn {
    float: right;
    margin-right: 15px;
    margin-top: 16px;
}

.savebutton {
    border: none;
    background: #0765a3;
    color: #fff;
    border-radius: 5px;
    padding: 0px 6px;
    line-height: 16px;
    font-size: 12px;
}

.pendingstatus{
    background: red;
    color: #fff;
    width: auto;
    display: inline-block;
    padding: 0px 9px;
    border-radius: 10%;
    height: 20px;
    font-size: 14px;
    font-weight: 599;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.solvedstatus{
    background: green;
    color: #fff;
    width: auto;
    display: inline-block;
    padding: 0px 9px;
    border-radius: 10%;
    height: 20px;
    font-size: 14px;
    font-weight: 599;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.btn4 {
    border: none;
    background: #0765a3;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    width: 100%;
    margin-bottom: 5px;
}