@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
*{
    /*font-family:Apple;*/
    font-family: 'Montserrat', sans-serif;
    /*font-family: 'Didact Gothic', sans-serif;*/
}
.revenue {
    font-size: 10px;
    padding: 0px 7px;
    font-weight: 600;
}

.em-orient input[type=checkbox] {
    box-shadow: 2px 2px 0px 1px black;
}
.sidebar-wrapper p,.sidebar-wrapper a,.text-mono{
    font-family: Open Sans, sans-serif;
}

nav.navbar strong,nav.navbar a{
    font-family: Open Sans, sans-serif !important;
}
.font-10{
    font-size: 10px !important;
}
.error-box {
    background: #e90f0fe6;
    color: white;
    padding: 6px;
}
button.tabactive :hover {
    background: transparent !important;
    color: #006600 !important;
    border: 1px solid !important;
}
.das {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px;
}
button.accordion-button.collapsed.accoundion-btn-2 {
    text-transform: capitalize;
}
/*@font-face {*/
/*    font-family: 'TitilliumWeb';*/
/*    src: url(../font-style/TitilliumWeb-Light.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/*    font-family: 'Comfortaa';*/
/*    src: url(../font-style/Comfortaa-Regular.ttf) format('truetype');*/
/*}*/
/*.all-data {*/
/*    height: 973px;*/
/*    width: 100%;*/
/*}*/
.kbw-signature {
    margin-left: 23%;
    width: 30%;
    height: 100px;
}
.sign-heading {
    text-align: center;
    color: #006600;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 700;
}

.d-pdf {
    box-shadow: 1px 0px 19px 5px lightgreen;
    padding: 22px;
    padding-bottom: 22px;
}
#sig canvas{
    width: 100% !important;
    height: auto;
}
.mu {
    position: fixed;
    width: 100%;
    background-color: white;
    z-index: 99;
}
.font-16{
    font-size: 16px !important;
}
.tabactive{
    border-radius: 30px !important;
    padding: 14px 20px !important;
    text-transform: uppercase;
    /*letter-spacing: 1;*/
    font-size: 15px !important;
}
ul#pills-tab {
    display: flex;
    justify-content: center;
}
button.tabactive {
    background: transparent !important;
    color: #006600 !important;
    border: 1px solid !important;
}
.tabactive.active {
    background: #006600 !important;
    border: 1px solid #006600 !important;
    color: white !important;
}
.tabactive:focus {
    box-shadow: unset !important;
}

.font-18{
    font-size: 18px !important;
}

.font-20{
    font-size: 20px !important;
}

.font-22{
    font-size: 22px !important;
}
.bg-green{
    background-color: #006600 !important;
}
.logreg {
    border-radius: px;
    padding: 13px 19px !important;
    text-transform: uppercase;
    letter-spacing: 1;
}
.side-bar a.active {
    color: black !important;
}
.side-bar a.active i {
    color: black !important;
}
.bg-white {
    background-color: white !important;
}
.bg-gray {
    background-color: lightgray !important;
}
.accordion-button:focus {
    z-index: 3;
    border-color: #006600;
    outline: 0;
    box-shadow: none !important;
    color: gray !important;
    background-color: white !important;
}
.accordion-item {
    background-color: #e4e4e4;
}
img.cool {
    width: 43%;
    height: 110px;
}
.mu {
    box-shadow: 1px -1px 10px 0px;
}
img.meet {
    width: 24%;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    object-fit: cover;
}
.accordion-item {
    background: white !important;
}
.heer {
    padding-top: 34px;
}
.footer h4 {
    font-size: 16px;
    font-family: monospace;
    /*padding: 9px 15px;*/
}
.footer h3 {
    font-size: 16px;
    font-family: monospace;
    /*padding: 9px 15px;*/
    margin: 0;
}
.accordion-item {
    border: navy;
}
li.nav-item i {
    width: 100%;
    text-align: center;
    padding-top: 29px;
    font-size: 23px;
    color: white;
}
/*.footer {*/
/*    height: 78px;*/
/*    background-color: #006600;*/
/*    padding: 25px 0px;*/
/*}*/
.footer {
    height: unset;
    background-color: #006600;
    padding: 10px 0px;
}

/*body{*/
/*    font-family: 'Comfortaa';*/
/*}*/
/*::-moz-selection {*/
/*    color: #fff;*/
/*    background: #b80100;*/
/*}*/
/*::selection {*/
/*    color: #fff;*/
/*    background: #b80100;*/
/*}*/
/*::-webkit-scrollbar-track {*/
/*    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
/*    border-radius: 10px;*/
/*    background-color: #F5F5F5;*/

/*}*/
/*::-webkit-scrollbar {*/
/*    width: 6px;*/
/*    background-color: #F5F5F5;*/

/*}*/
/*::-webkit-scrollbar-thumb {*/
/*    border-radius: 10px;*/
/*    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/
/*    background-color: #b80100;*/

/*}*/
justify-content-center {
    text-align: center;
}
/*.accoundion-btn-1 {*/
/*    border: 2px solid #006600;*/
/*    border-left: 8px solid #006600;*/
/*    margin-bottom: 39px;*/
/*    font-size: 18px;*/
/*    color: #707070;*/
/*    font-weight: 600;*/
/*    line-height: 52px;*/
/*}*/
.accoundion-btn-2 {
    border: 2px solid #006600;
    /* border-left: 8px solid #006600; */
    font-size: 18px;
    font-weight: 600;
    color: #707070;
    margin-bottom: 34px;
    /*font-style: italic !IMPORTANT;*/
}
.main-heading {
    font-size: 48px;
    color: #006600;
    font-weight: 700;
}
/*===========================SUPPORT CLASS===========================*/

/*.trans{*/
/*    transition: all 0.5s ease;*/
/*    -moz-transition: all 0.5s ease;*/
/*    -webkit-transition: all 0.5s ease;*/
/*}*/

/*.flowHide{*/
/*    overflow: hidden;*/
/*}*/


/*===========================NAVBAR START===========================*/

.bg-dark {
    background-color: #292929!important;
}

.navbar {
    /* box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); */
}

/*HAMBURGER START*************************/

/*.hamburger {*/
/*    border-radius: 5px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    margin: 0px 10px 0px 0px;*/
/*    margin-left: -15px;*/
/*    transition: all 1s ease;*/

/*    border: none;*/
/*    border-radius: unset;*/
/*}*/
/*.cta {*/
/*    height: 50px;*/
/*    width: 65px;*/
/*    cursor: pointer;*/
/*    background-color: #006600;*/
/*}*/

/*.toggle-btn {*/
/*    height: 2px;*/
/*    width: 25px;*/
/*    background-color: #fff;*/
/*    position: relative;*/
/*    top: 50%;*/
/*    left: 0;*/
/*    margin: auto;*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/
/*.toggle-btn:before {*/
/*    content: "";*/
/*    height: 2px;*/
/*    width: 25px;*/
/*    box-shadow: 0 -10px 0 0 #fff;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/
/*.toggle-btn:after {*/
/*    content: "";*/
/*    height: 2px;*/
/*    width: 25px;*/
/*    box-shadow: 0 10px 0 0 #fff;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/

/*.active .type14 {*/
/*    background-color: #fff;*/
/*    width: 12px;*/
/*    margin: auto;*/
/*}*/
/*.active .type14:before {*/
/*    width: 6px;*/
/*}*/
/*.active .type14:after {*/
/*    width: 25px;*/
/*}*/

/*HAMBURGER END*************************/

/*.nav-item .nav-link{*/
/*    display: block;*/
/*    color:#c8c8c8;;*/
/*    font-size:15px;*/
/*    position: relative;*/
/*    white-space: nowrap;*/
/*}*/

/*.user-icon{*/
/*    width: 35px;*/
/*    height: 35px;*/
/*    display: inline-block;*/
/*    background-color: #b80100;*/
/*    border-radius: 50px;*/
/*}*/


/*@media (min-width: 576px){*/
/*    .navbar-expand-sm .navbar-nav .nav-link {*/
/*        margin-left: 15px;*/
/*    }*/
/*}*/

/*!*============================SIDE BAR START============================*!*/
/*.sidebar-menu {*/
/*    position: fixed;*/
/*    z-index: 99;*/
/*    !*height: 100vh;*!*/
/*    display: inline-block;*/
/*    background-color: #006600;*/
/*    box-shadow: 9px 0px 16px 0 rgba(0,0,0,0.2), 9px 0px 20px 0 rgba(0,0,0,0.19);*/
/*    display: block;*/
/*    min-height: 100%;*/
/*    transition: all .3s cubic-bezier(.55,0,.1,1);*/
/*    !*    transform: translate3d(-200px,0,0);*!*/
/*    top: 110px;*/
/*}*/

/*.sidebar-menu .navbar-nav .nav-link {*/
/*    padding: 15;*/
/*    position: relative;*/
/*    white-space: nowrap;*/


/*}*/

/*.sidebar-menu .navbar-nav .nav-link img{*/
/*    margin-bottom:5px;*/
/*}*/
/*.sidebar-menu .nav-link:hover {*/
/*    background-color: #171717;*/
/*}*/

/*!*SMALL SIDE BAR****************!*/
/*.full-side-bar {*/
/*    width: 260px!important;*/
/*    transition: all 0.5s ease;*/
/*    -moz-transition: all 0.5s ease;*/
/*    -webkit-transition: all 0.5s ease;*/
/*}*/
/*.small-side-bar{*/
/*    width:50px;*/
/*    transition: all 0.5s ease;*/
/*    -moz-transition: all 0.5s ease;*/
/*    -webkit-transition: all 0.5s ease;*/
/*}*/

/*.nav-link-name{*/
/*    position: relative;*/
/*    margin-left: 15px;*/

/*}*/
/*.nav-link-name {*/
/*    position: absolute;*/
/*    white-space: nowrap;*/
/*    transition: opacity 0.4s ease-out 0s;*/
/*    border-radius: 0.6rem;*/
/*    padding: 4px 10px;*/
/*    top: 9px;*/
/*    left: 50px;*/

/*}*/
/*.tax-active > .tax-show{*/
/*    display: inline-block !important;*/
/*    position: absolute;*/
/*    white-space: nowrap;*/
/*    transition: opacity 0.4s ease-out 0s;*/
/*    border-radius: 0.6rem;*/
/*    padding: 4px 10px;*/
/*    top: 9px;*/
/*    left: 50px;*/
/*    background-color:#171717;*/

/*}*/
/*.tax-active > .tax-show::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 6px;*/
/*    left: -16px;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border: 8px solid transparent;*/
/*    border-right: 15px solid #171717;*/

/*}*/
/*.name-hide{*/
/*    display: none;*/
/*}*/



/*.animated {*/
/*    -webkit-animation-duration: .5s;*/
/*    animation-duration: .5s;*/
/*    -webkit-animation-fill-mode: both;*/
/*    animation-fill-mode: both;*/
/*    animation: mymove 1s ;*/
/*    animation-iteration-count: 1;*/
/*}*/

/*!*FADE IN RIGHT*!*/

/*.fadeInRight {*/
/*    -webkit-animation-name: fadeInRight;*/
/*    animation-name: fadeInRight;*/
/*}*/


/*@keyframes fadeInRight{*/

/*    0% {*/
/*        opacity: 0;*/
/*        -webkit-transform: translate3d(20%, 0, 0);*/
/*        transform: translate3d(20%, 0, 0);*/
/*    }*/
/*    100% {*/
/*        opacity: 1;*/
/*        -webkit-transform: none;*/
/*        transform: none;*/
/*    }*/
/*}*/



/*.content{*/
/*    padding-top:120px;*/
/*}*/

/*site bar*/
.form-control:focus {
    outline: none !important;
    /* border: none !important; */
    border-color: #006600;
    border-left: 8px solid #006600;
    box-shadow: none !important;
}
.navbar.bg-light{
    background-color: #000 !important;
    transition: ease 0.5s;
}
.user-profile{
    width: 50px;
    height: 50px;
    background-color: #f1f1f1;
}
.navbar .menu-bar{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
}
.navbar .menu-bar .bars{
    position: relative;
    top:50%;
    width:30px;
    height: 2px;
    background-color: #fff;
}
.navbar .menu-bar .bars::after{
    content: "";
    position: absolute;
    bottom: -8px;
    width: 100%;
    height: 2px;
    background-color: #fff;
}
.navbar .menu-bar .bars::before{
    content: "";
    position: absolute;
    top:-8px;
    width: 100%;
    height: 2px;
    background-color: #fff;
}
.navbar ul.navbar-nav li.nav-item.ets-right-0 .dropdown-menu{
    left: auto;
    right: 0;
    position: absolute;
}
.side-bar{
    position: fixed;
    top:81px;
    left:0;
    padding: 15px;
    display: inline-block;
    width: 100px;
    background-color: #060;
    /*box-shadow: 0px 0px 8px #ccc;*/
    height: 100vh;
    transition: ease 0.8s;
}
.main-body-content{
    display: inline-block;
    padding: 15px;
    background-color: white;
    /*height: 100vh;*/
    /*padding-left: 100px;*/
    transition: ease 0.5s;
}
.ets-pt{
    padding-top: 100px;
    padding-right: 0;
    padding-bottom: 0;
}
.main-admin.show-menu .side-bar{
    width: 256px;
}

.main-admin.show-menu .main-body-content{
    /*padding-left: 100px;*/
    z-index: -1;
}
.main-admin.show-menu .navbar .menu-bar .bars{
    width: 15px;
}
.main-admin.show-menu .navbar .menu-bar .bars::after{
    width: 10px;
}
.main-admin.show-menu .navbar .menu-bar .bars::before{
    width: 25px;
}
.main-admin.show-menu .side-bar-links{
    opacity: 1;
}
.main-admin.show-menu .side-bar .side-bar-icons{
    opacity: 0;
}
/**** end effacts ****/
.side-bar .side-bar-links{
    opacity: 0;
    transition:  ease 0.5s;
}
.side-bar .side-bar-links ul.navbar-nav li a {
    font-size: 18px;
    color: white;
    font-weight: 500;
    text-align: center;
    padding: 10px;
}
.side-bar .side-bar-links ul.navbar-nav li a i {
    font-size: 35px;
    color: white;
}
.side-bar .side-bar-links ul.navbar-nav li a:hover, .side-bar-links ul.navbar-nav li a:focus{
    text-decoration: none;
    /*background-color: #14b014;*/
    color:#fff;
}
.side-bar .side-bar-links ul.navbar-nav li a:hover i{
    color:#fff;
}
.side-bar .side-bar-logo img{
    width: 100px;
    height: 100px;
}
.side-bar .side-bar-icons{
    position: absolute;
    top:20px;
    right:0;
    width: 100px;
    opacity: 1;
    transition: ease 0.5s;
}
.side-bar .side-bar-icons .side-bar-logo img{
    width: 50px;
    height: 50px;
    object-fit: cover;
}
.side-bar .side-bar-icons .side-bar-logo h5{
    font-size: 14px;
}
.side-bar .side-bar-icons .set-width {
    color: white;
    font-size: 32px;
    padding-bottom: 29px;
}
.side-bar .side-bar-icons .set-width:hover,.side-bar .side-bar-icons .set-width:focus{
    color: #14b014;
    text-decoration: none;
}
/*login*/

.input-flid-3 {
    border: 3px solid #006600 !important;
    border-left: 8px solid green !important;
    width: 90%;
}
.input-flid-4 {
    border: 3px solid #006600 !important;
    width: 100% !important;
}
.ai{
    /*margin: 0px 46px;*/
}
/*p {*/
/*    margin: 0px 46px;*/
/*    color: gray;*/
/*}*/
.melt{
    border-left: 3px solid green;
    /*height: 400px;*/
}
.coin {
    font-size: 20px;
    color: gray;
    /* text-align: center; */
    /*width: 57%;*/
    /*display: flex;*/
    justify-content: center

}

.mil {
    text-align: center;
}
/*.btn-primary {*/
/*    color: #fff !important;*/
/*    background-color: #006600 !important;*/
/*    border-color:#006600 !important;*/
/*    height: 59px !important;*/
/*    width:56% !important;*/
/*    font-size:17px !important;*/
/*    font-weight: bold !important;*/
/*    border-radius: 40px !important;*/
/*}*/
.btn-primary:hover{
    background-color:#006600;
    border-color:#006600;
}
span.filter {
    color: gray;
}

/*/rigester/*/
.log {
    height: 180px;
    width: 14%;
}
.hed{
    text-align: center;
}
.input-flid {
    border: 2px solid #006600;
    border-left: 7px solid #006600;
}
.input-flid-2{
    border: 2px solid #006600;
}
.mil {
    text-align: center;
}
/*.btn-primary {*/
/*    color: #fff;*/
/*    background-color: #006600;*/
/*    border-color:#006600;*/
/*    height: 59px;*/
/*    width:26%;*/
/*    font-size: 32px;*/
/*    font-weight: bold;*/
/*    border-radius: 40px;*/
/*}*/
.btn-primary:hover{
    background-color:#006600 ;
}
.rim {
    background-color: gainsboro;
    height: 67px;
    width: 100%;
    padding-top: 17px;
}
.fil{
    text-align: center;
}
/*/welcome/*/
.logo {
    height: 107px;
    width: 38%;
}
.input-flid {
    border: 2px solid #006600;
    border-left: 7px solid #006600;
}
.input-flid-2{
    border: 2px solid #006600;
}
.mil {
    text-align: center;
}
/*.btn-primary {*/
/*    color: #fff;*/
/*    background-color: #006600;*/
/*    border-color:#006600;*/
/*    height: 59px;*/
/*    width:26%;*/
/*    font-size: 32px;*/
/*    font-weight: bold;*/
/*    border-radius: 40px;*/
/*}*/
.btn-primary:hover{
    background-color:#006600;
    border-color:#006600;
}
/*.form-check-label {*/
/*    margin-bottom: 0;*/
/*    font-size: 28px;*/
/*    color:#006600;*/
/*}*/
.form-check-input {
    position: absolute;
    top: 27px;
}
/*img.log {*/
/*    position: relative;*/
/*    top: 115px;*/
/*    width: 9%;*/
/*    height: 217px;*/
/*}*/

/* Profile Image */
.profile-image-outer-container {
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.profile-image-outer-container .profile-image-input {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 3;
    cursor: pointer;
}

.profile-image-outer-container .profile-image-inner-container {
    border-radius: 50%;
    padding: 5px;
}

.profile-image-outer-container .profile-image-inner-container img {
    height: 200px;
    width: 200px;
    border-radius: 50%;
    border: 5px solid white;
    object-fit: cover !important;
}
.sub-btn {
    text-align: center;
}
.profile-image-outer-container .profile-image-inner-container .profile-image-button {
    position: absolute;
    z-index: 2;
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    line-height: 38px;
    transition: ease all 0.1s;
}

.profile-image-outer-container:hover .profile-image-button {
    transform: scale(1.1);
}

.mu {
    position: fixed;
    width: 100%;
    background-color: white;
    z-index: 99;
}
.accordion-button:focus {
    z-index: 3;
    border-color: #006600;
    outline: 0;
    box-shadow: none !important;
    color: gray !important;
    background-color: white !important;
}
.accordion-item {
    background-color: #e4e4e4;
}
img.cool {
    width: 43%;
    height: 110px;
}
.mu {
    box-shadow: 1px -1px 10px 0px;
}
/*.heer {*/
/*    padding-top: 20px;*/
/*}*/
.footer h4 {
    font-size: 18px;
    font-family: initial;
    /*padding: 9px 15px;*/
    padding: 0px 12px !important;
}
.dataTables_wrapper  {
    overflow: scroll;
}
.main-body-content {
    overflow-x: scroll;
}
.accordion-item {
    border: navy;
}
li.nav-item i {
    width: 100%;
    text-align: center;
    padding-top: 29px;
    font-size: 23px;
    color: white;
}
.footer {
    height: unset;
    background-color: #006600;
    padding: 10px 0px;
}

/*body{*/
/*    font-family: 'Comfortaa';*/
/*}*/
/*::-moz-selection {*/
/*    color: #fff;*/
/*    background: #b80100;*/
/*}*/
/*::selection {*/
/*    color: #fff;*/
/*    background: #b80100;*/
/*}*/
/*::-webkit-scrollbar-track {*/
/*    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
/*    border-radius: 10px;*/
/*    background-color: #F5F5F5;*/

/*}*/
/*::-webkit-scrollbar {*/
/*    width: 6px;*/
/*    background-color: #F5F5F5;*/

/*}*/
/*::-webkit-scrollbar-thumb {*/
/*    border-radius: 10px;*/
/*    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/
/*    background-color: #b80100;*/

/*}*/
.accoundion-btn-1 {
    border: 2px solid #006600;
    border-left: 8px solid #006600;
    margin-bottom: 39px;
    font-size: 34px;
    color: #707070;
    font-weight: 600;
}
.accoundion-btn-2::placeholder{
    font-size:15px;
}

/*===========================NAVBAR START===========================*/

.bg-dark {
    background-color: #292929!important;
}

.navbar {
     box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

/*HAMBURGER START*************************/

/*.hamburger {*/
/*    border-radius: 5px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    margin: 0px 10px 0px 0px;*/
/*    margin-left: -15px;*/
/*    transition: all 1s ease;*/

/*    border: none;*/
/*    border-radius: unset;*/
/*}*/
/*.cta {*/
/*    height: 50px;*/
/*    width: 65px;*/
/*    cursor: pointer;*/
/*    background-color: #006600;*/
/*}*/

/*.toggle-btn {*/
/*    height: 2px;*/
/*    width: 25px;*/
/*    background-color: #fff;*/
/*    position: relative;*/
/*    top: 50%;*/
/*    left: 0;*/
/*    margin: auto;*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/
/*.toggle-btn:before {*/
/*    content: "";*/
/*    height: 2px;*/
/*    width: 25px;*/
/*    box-shadow: 0 -10px 0 0 #fff;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/
/*.toggle-btn:after {*/
/*    content: "";*/
/*    height: 2px;*/
/*    width: 25px;*/
/*    box-shadow: 0 10px 0 0 #fff;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/

/*.active .type14 {*/
/*    background-color: #fff;*/
/*    width: 12px;*/
/*    margin: auto;*/
/*}*/
/*.active .type14:before {*/
/*    width: 6px;*/
/*}*/
/*.active .type14:after {*/
/*    width: 25px;*/
/*}*/

/*HAMBURGER END*************************/

/*.nav-item .nav-link{*/
/*    display: block;*/
/*    color:#c8c8c8;;*/
/*    font-size:15px;*/
/*    position: relative;*/
/*    white-space: nowrap;*/
/*}*/

/*.user-icon{*/
/*    width: 35px;*/
/*    height: 35px;*/
/*    display: inline-block;*/
/*    background-color: #b80100;*/
/*    border-radius: 50px;*/
/*}*/


/*@media (min-width: 576px){*/
/*    .navbar-expand-sm .navbar-nav .nav-link {*/
/*        margin-left: 15px;*/
/*    }*/
/*}*/

/*!*============================SIDE BAR START============================*!*/
/*.sidebar-menu {*/
/*    position: fixed;*/
/*    z-index: 99;*/
/*    !*height: 100vh;*!*/
/*    display: inline-block;*/
/*    background-color: #006600;*/
/*    box-shadow: 9px 0px 16px 0 rgba(0,0,0,0.2), 9px 0px 20px 0 rgba(0,0,0,0.19);*/
/*    display: block;*/
/*    min-height: 100%;*/
/*    transition: all .3s cubic-bezier(.55,0,.1,1);*/
/*    !*    transform: translate3d(-200px,0,0);*!*/
/*    top: 110px;*/
/*}*/

/*.sidebar-menu .navbar-nav .nav-link {*/
/*    padding: 15;*/
/*    position: relative;*/
/*    white-space: nowrap;*/


/*}*/

/*.sidebar-menu .navbar-nav .nav-link img{*/
/*    margin-bottom:5px;*/
/*}*/
/*.sidebar-menu .nav-link:hover {*/
/*    background-color: #171717;*/
/*}*/

/*!*SMALL SIDE BAR****************!*/
/*.full-side-bar {*/
/*    width: 260px!important;*/
/*    transition: all 0.5s ease;*/
/*    -moz-transition: all 0.5s ease;*/
/*    -webkit-transition: all 0.5s ease;*/
/*}*/
/*.small-side-bar{*/
/*    width:50px;*/
/*    transition: all 0.5s ease;*/
/*    -moz-transition: all 0.5s ease;*/
/*    -webkit-transition: all 0.5s ease;*/
/*}*/

/*.nav-link-name{*/
/*    position: relative;*/
/*    margin-left: 15px;*/

/*}*/
/*.nav-link-name {*/
/*    position: absolute;*/
/*    white-space: nowrap;*/
/*    transition: opacity 0.4s ease-out 0s;*/
/*    border-radius: 0.6rem;*/
/*    padding: 4px 10px;*/
/*    top: 9px;*/
/*    left: 50px;*/

/*}*/
/*.tax-active > .tax-show{*/
/*    display: inline-block !important;*/
/*    position: absolute;*/
/*    white-space: nowrap;*/
/*    transition: opacity 0.4s ease-out 0s;*/
/*    border-radius: 0.6rem;*/
/*    padding: 4px 10px;*/
/*    top: 9px;*/
/*    left: 50px;*/
/*    background-color:#171717;*/

/*}*/
/*.tax-active > .tax-show::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 6px;*/
/*    left: -16px;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border: 8px solid transparent;*/
/*    border-right: 15px solid #171717;*/

/*}*/
/*.name-hide{*/
/*    display: none;*/
/*}*/


                                               /*    -webkit-animation-duration: .5s;*/
                                               /*    animation-duration: .5s;*/
                                               /*    -webkit-animation-fill-mode: both;*/
                                               /*    animation-fill-mode: both;*/
                                               /*    animation: mymove 1s ;*/
                                               /*    animation-iteration-count: 1;*/
                                               /*}*/

                                               /*!*FADE IN RIGHT*!*/

                                               /*.fadeInRight {*/
                                               /*    -webkit-animation-name: fadeInRight;*/
                                               /*    animation-name: fadeInRight;*/
                                               /*}*/


                                               /*@keyframes fadeInRight{*/

                                               /*    0% {*/
                                               /*        opacity: 0;*/
                                               /*        -webkit-transform: translate3d(20%, 0, 0);*/
                                               /*        transform: translate3d(20%, 0, 0);*/
                                               /*    }*/
                                               /*    100% {*/
                                               /*        opacity: 1;*/
                                               /*        -webkit-transform: none;*/
                                               /*        transform: none;*/
                                               /*    }*/
                                               /*}*/



                                               /*.content{*/
                                               /*    padding-top:120px;*/
                                               /*}*/

                                               /*site bar*/
                                           .navbar.bg-light{
                                               background-color: #000 !important;
                                               transition: ease 0.5s;
                                           }
.user-profile{
    width: 50px;
    height: 50px;
    background-color: #f1f1f1;
}
.navbar .menu-bar{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
}
.navbar .menu-bar .bars{
    position: relative;
    top:50%;
    width:30px;
    height: 2px;
    background-color: #fff;
}
.navbar .menu-bar .bars::after{
    content: "";
    position: absolute;
    bottom: -8px;
    width: 100%;
    height: 2px;
    background-color: #fff;
}
.navbar .menu-bar .bars::before{
    content: "";
    position: absolute;
    top:-8px;
    width: 100%;
    height: 2px;
    background-color: #fff;
}
.navbar ul.navbar-nav li.nav-item.ets-right-0 .dropdown-menu{
    left: auto;
    right: 0;
    position: absolute;
}
/*.side-bar{*/
/*    position: fixed;*/
/*    top:81px;*/
/*    left:0;*/
/*    padding: 15px;*/
/*    display: inline-block;*/
/*    width: 100px;*/
/*    background-color: #060;*/
/*    !*box-shadow: 0px 0px 8px #ccc;*!*/
/*    height: 100vh;*/
/*    transition: ease 0.5s;*/
/*    overflow-y: auto;*/
/*    !*overflow: unset !important;*!*/
/*}*/
.main-body-content{
    display: inline-block;
    padding: 15px;
    background-color:#eef4fb;
    /*height: 100vh;*/
    /*padding-left: 100px;*/
    transition: ease 0.5s;
}
.ets-pt{
    padding-top: 100px;
    padding-right: 0;
    padding-bottom: 0;
}
.main-admin.show-menu .side-bar{
    width: 250px;
}

.main-admin.show-menu .main-body-content{
    /*padding-left: 159px;*/
}
.main-admin.show-menu .navbar .menu-bar .bars{
    width: 15px;
}
.main-admin.show-menu .navbar .menu-bar .bars::after{
    width: 10px;
}
.main-admin.show-menu .navbar .menu-bar .bars::before{
    width: 25px;
}
.main-admin.show-menu .side-bar-links{
    opacity: 1;
}
.main-admin.show-menu .side-bar .side-bar-icons{
    opacity: 0;
}
/**** end effacts ****/
.side-bar .side-bar-links{
    opacity: 0;
    transition:  ease 0.5s;
}
.side-bar .side-bar-links ul.navbar-nav li a {
    font-size: 14px;
    color: white;
    font-weight: 500;
    text-align: unset;
    padding: 5px;
}
.side-bar .side-bar-links ul.navbar-nav li a i {
    font-size: 35px;
    color: white;
}
.side-bar .side-bar-links ul.navbar-nav li a:hover, .side-bar-links ul.navbar-nav li a:focus{
    text-decoration: none;
    /*background-color: white;*/
    color:#fff;
}
.side-bar .side-bar-links ul.navbar-nav li a:hover i{
    color:#fff;
}
.side-bar .side-bar-logo img{
    width: 100px;
    height: 100px;
}
.side-bar .side-bar-icons{
    position: absolute;
    top:20px;
    right:0;
    width: 100px;
    opacity: 1;
    transition: ease 0.5s;
}
.side-bar .side-bar-icons .side-bar-logo img{
    width: 50px;
    height: 50px;
    object-fit: cover;
}
.side-bar .side-bar-icons .side-bar-logo h5{
    font-size: 14px;
}
.side-bar .side-bar-icons .set-width {
    color: white;
    font-size: 32px;
    padding-bottom: 29px;
    background: transparent;
    border: none;
}
.side-bar .side-bar-icons .set-width:hover,.side-bar .side-bar-icons .set-width:focus{
    color: black;
    text-decoration: none;
}
/*login*/

.input-flid-3 {
    border: 3px solid #006600 !important;
    border-left: 8px solid green !important;
    width: 90%;
}
.input-flid-4 {
    border: 3px solid #006600 !important;
    width: 100% !important;
}
.ai{
    /*margin: 0px 46px;*/
}
/*p {*/
/*    margin: 0px 46px;*/
/*    color: gray;*/
/*}*/
.melt {
    border-left: 3px solid green;
    /*height: 441px;*/
    padding: 0px 11px;
}
/*.coin{*/
/*    font-size: 20px;*/
/*    color: gray;*/
/*}*/
.mil {
    text-align: center;
}
/*.btn-primary {*/
/*    color: #fff !important;*/
/*    background-color: #006600 !important;*/
/*    border-color:#006600 !important;*/
/*    height: 59px !important;*/
/*    width:56% !important;*/
/*    font-size:17px !important;*/
/*    font-weight: bold !important;*/
/*    border-radius: 40px !important;*/
/*}*/
.btn-primary:hover{
    background-color:#006600;
    border-color:#006600;
}
span.filter {
    color: gray;
}

/*/rigester/*/
.log {
    height: 180px;
    width: 14%;
}
.hed{
    text-align: center;
}
.input-flid {
    border: 2px solid #006600;
    border-left: 7px solid #006600;
}
.input-flid-2{
    border: 2px solid #006600;
}
.mil {
    text-align: center;
}
/*.btn-primary {*/
/*    color: #fff;*/
/*    background-color: #006600;*/
/*    border-color:#006600;*/
/*    height: 59px;*/
/*    width:26%;*/
/*    font-size: 32px;*/
/*    font-weight: bold;*/
/*    border-radius: 40px;*/
/*}*/
.btn-primary:hover{
    background-color:#006600 ;
}
.rim {
    background-color: gainsboro;
    height: 67px;
    width: 100%;
    padding-top: 17px;
}
.fil{
    text-align: center;
}
/*/welcome/*/
/*.logo {*/
/*    height: 107px;*/
/*    width: 18%;*/
/*}*/
.input-flid {
    border: 2px solid #006600;
    border-left: 7px solid #006600;
}
.input-flid-2{
    border: 2px solid #006600;
}
.mil {
    text-align: center;
}
/*.btn-primary {*/
/*    color: #fff;*/
/*    background-color: #006600;*/
/*    border-color:#006600;*/
/*    height: 59px;*/
/*    width:26%;*/
/*    font-size: 32px;*/
/*    font-weight: bold;*/
/*    border-radius: 40px;*/
/*}*/
.btn-primary:hover{
    background-color:#006600;
    border-color:#006600;
}
.igs {
    font-family: cursive;
    font-size: 26px;
}
.nav-item {
    height: 55px;
    /*margin: 1px 9px;*/
}


.form-check-input {
    position: absolute;
    top: 27px;
}

.fa-chevron-right {
    padding: 0px 11px;
}
 .meet{
    margin-left: 75px;
    margin: -15px 0px;
}
 .reed{
     border-left: none;
     border-right: none;
     border-top: none;
 }

.fa-bars:before {
    cursor: pointer;
    /* content: "\f0c9"; */
}

/*.main-body-content.w-100.ets-pt.bg-white {*/
/*    min-height: 90vh !important;*/
/*}*/
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #006600;
}
img.taskimage {
    height: 42px;
    width: 62px;
}
.main-body-content {
    min-height: calc(100vh - 78px);
    overflow: auto !important;
}
button.fas.fa-trash.text-dark.bg-none {
    background-color: transparent;
    border: none;
}
button.trash {
    background-color: transparent;
    border: none;
}
.dropdown i {
    font-size: 35px !important;
    color: white !important;
}
.dropdown {
    padding: 10px !important;
}
.dropdown a{
    font-size: 18px !important;

}
/*.ets-pt {*/

/*    overflow: scroll;*/
/*}*/

.dropdown.show {
    display: none;
}
li.nav-item-1 {
    text-align: end;
    z-index: 99;
    padding-top: 25px;
}
.data-22 {
    padding: 0px 9px;
}
.data-22 :hover {
    background-color: transparent !important;
}
@media screen and (max-width: 992px) {
    .d-pdf {
        padding: 0px;
        padding-bottom: 0px;
    }
    .card.card-stats {
        margin-bottom: 17px;
    }
    .logo-emp {
        height: 115px;
        width: 264px;
    }
    .h2, h2 {
        font-size: 19px !important;
    }
    .h5, h5 {
        font-size: 16px !important;
    }
    .nav-item {
        /*margin: 0px 38px!important;*/
    }
    .coin {
        width: 100% !important;
    }
    .navigation {
        width: 159px!important;
    }
    .dac-h {
        font-size: 15px;
    }
    .eds {
        height: 106px;
        width: 253px;
    }
    .dfv {
        height: 40% !important;
        margin-bottom: 31px;
        margin-left: 12px;
    }
    .eci {
        margin: 0px 13px;
    }
    .logo-img {
        /*height: 104px;*/
        /*width: 100%;*/
    }
    .heer {
        padding-top: 0px;
    }
    .foot{
        text-align: end;
        padding-right: 26px;
        font-size: 16px !important;
    }
    .logo {

        height: 98px;
        width: 100%;
    }
    #accordionExample {
        margin: 0px 0px !important;
        /*padding: 0px 5px !important;*/
        width: 100% !important;
    }
    .accoundion-btn-1{
        font-size: 17px;
    }
    .main-admin.show-menu .side-bar {
        z-index: 99;
    }
    .main-admin.show-menu .main-body-content {
        /*padding-left: 108px;*/
    }
    .main-admin.show-menu .side-bar {
        width: 136px;
        /*margin-top: 18px;*/
        top: 100px !important;
    }
   .show-menu .main-admin.show-menu .side-bar {
       width: 136px;
       /*margin-top: 18px;*/
       top: 100px !important;
    }
    .log {
        height: 180px;
        width: 100%;
    }
    .login-data {
        padding: 0px 0px !important;
    }
    .ai {
        /*margin: 15px 19px;*/
        font-size: 26px;
        font-family: sans-serif;
    }
    .bg-green {
        background-color: #006600 !important;
        padding: 7px 25px !important;
        margin: 0px 0px !important;
    }
    .melt{
        border-top: 8px solid green;
        /*height: 530px;*/
        border-left: none;
    }
    /*.coin {*/
    /*    font-size: 20px;*/
    /*    color: gray;*/
    /*    margin: 15px 32px;*/
    /*}*/
    .input-data.w-75 {
        width: 100% !important;
    }
    #pills-tab {
        display: block !important;
    }
    nav-item {
        height: 87px;
        margin: 0px 39px;
    }
    .register-data {
        padding: 0px 0px !important;
    }
    .side-bar .side-bar-icons .set-width {
        font-size: 26px;
        padding-left: 36px;
    }
    .side-bar {
        width: 63px;
        z-index: 99;
        top: 100px !important;
    }
    .icons {
        padding: 8px 0px !important;
    }
    .main-body-content {
        /*padding-left: 63px;*/
    }
    form.needs-validation {
        width: 69%;
        margin-left: 78px;
    }
    .main-heading {
        font-size: 17px;
    }
    .kbw-signature {
        margin-left: 2%;
        width: 100%;
        height: 132px;
    }
    .btn-dark {
        margin: 6px 0px !important;
    }
    img.meet {
        width: 24%;
        height: 55px;
        width: 65px;
        margin: 2px 0px;
    }
    .navigation {
        width: 124px !important;
        margin: 10px 6px;
    }
}
/*@media only screen and (max-width: 640px) {*/
/*    .side-bar {*/
/*        width: 63px;*/
/*        top: 130px !important;*/
/*    }*/

/*    .main-admin.show-menu .side-bar {*/
/*        top: 130px !important;*/
/*    }*/

/*}*/


/*dropdown*/


/* define a fixed width for the entire menu */

.navigation {
    width: 100%;
    /*margin: 10px 0px;*/
    /*height: 50px;*/
}
.submenu {
    margin: 10px 7px !important;
    width: 95%;
}

/*.navigation-1 {*/
/*    width: 203px;*/
/*    margin: 0px 9px;*/
/*    height: 87px;*/
/*}*/
/* reset our lists to remove bullet points and padding */

.mainmenu,
.submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    margin: 0px 0px !important;
}


/* make ALL links (main and submenu) have padding and background color */

.mainmenu a,
.mainmenu label {
    display: block;
    background-color: transparent;
    text-decoration: none;
    padding: 10px;
    color: white;
}

.mainmenu input {
    display: none;
}


/* add hover behaviour */

.mainmenu a:hover {
    background-color: #C5C5C5;
}


/* when hovering over a .mainmenu item,
  display the submenu inside it.
  we're changing the submenu's max-height from 0 to 200px;
*/

.mainmenu :checked+.submenu {
    display: block;
    max-height: 510px;
}


/*
  we now overwrite the background-color for .submenu links only.
  CSS reads down the page, so code at the bottom will overwrite the code at the top.
*/

.submenu a {
    background-color: transparent;
    /*color: #1a202c !important;*/
    border: 1px solid #FFFFFF;
}


/* hover behaviour for links inside .submenu */

.submenu a:hover {
    background-color: black;
}


/* this is the initial state of all submenus.
  we set it to max-height: 0, and hide the overflowed content.
*/

.submenu {
    overflow: hidden;
    max-height: 0;
    /*-webkit-transition: all 0.9s ease-out;*/
    transition-timing-function: ease-out;
    transition: 1s;
    color: #1a202c;
}
/*.submenu {*/
/*    !* overflow: hidden; *!*/
/*    max-height: 0;*/
/*    -webkit-transition: all 0.5s ease-out;*/
/*    color: #1a202c;*/
/*    !*z-index: 99;*!*/
/*    left: 47px;*/
/*    position: relative;*/
/*    z-index: 9999999999;*/
/*}*/
.main-admin.show-menu .side-bar-icons {
    display: none !important;
}
.side-bar li.nav-item:hover {
    background-color: black;
    /*margin: 2px 0px;*/
    padding: 0px 0px;
    color: white !important;
}
.side-bar li.nav-item:hover a, .side-bar li.nav-item:hover a span i{

    color: white !important;
}
.side-bar label.back:hover {
    background-color: black !important;
    width: 100% !important;
    cursor: pointer;
}
label.back {
    margin:0 !important;
    cursor: pointer;
}
/*Healthandsaftey*/
.healthsafetytext{
    background: transparent;
    border: none;
    border-bottom: 1px solid #000000;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.healthsafetytext:focus,
.healthsafetytext:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.input-data {
    border-top: none;
    border-left: none;
    border-right: none;
}

.input-data {
    border-top: none;
    border-left: none;
    border-right: none;

}

.eci {
    box-shadow: 0px 2px 10px 1px green;
    /* height: 350px; */
}
.indexicon{

    font-size: 24px;
    vertical-align: middle;
}
.indexdelete {
    background: transparent;
    border: none;
    color: red;
    font-size: 23px;
    vertical-align: middle;
}
.indexdelete:hover{

    /*font-size: 25px;*/
    vertical-align: middle;
    color: brown;
}
/*New Sidebar CSS*/
@keyframes swing {
    0% {
        transform: rotate(0deg);
    }
    10% {
        transform: rotate(10deg);
    }
    30% {
        transform: rotate(0deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    50% {
        transform: rotate(0deg);
    }
    60% {
        transform: rotate(5deg);
    }
    70% {
        transform: rotate(0deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes sonar {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}
body {
    font-size: 0.9rem;
}
.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-search input.search-menu,
.sidebar-wrapper .sidebar-search .input-group-text,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*----------------page-wrapper----------------*/

/*.page-wrapper {*/
/*    height: 100vh;*/
/*}*/

.page-wrapper .theme {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 4px;
    margin: 2px;
}

.page-wrapper .theme.chiller-theme {
    background: #1e2229;
}

/*----------------toggeled sidebar----------------*/

.page-wrapper.toggled .sidebar-wrapper {
    left: 0px;
    /*padding-top: 141px;*/
    padding-top: 95px;
}

@media screen and (min-width: 768px) {
    .page-wrapper.toggled .page-content {
        padding-left: 300px;
    }
}
/*----------------show sidebar button----------------*/
#show-sidebar {
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 140px;
    border-radius: 0 4px 4px 0px;
    width: 35px;
    transition-delay: 0.3s;
}
.page-wrapper.toggled #show-sidebar {
    left: -40px;
}
/*----------------sidebar-wrapper----------------*/

.sidebar-wrapper {
    width: 260px;
    height: 100%;
    max-height: 100%;
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 999;
}

.sidebar-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidebar-wrapper a {
    text-decoration: none;
}

/*----------------sidebar-content----------------*/

.sidebar-content {
    max-height: calc(100% - 30px);
    height: calc(100% - 30px);
    overflow-y: auto;
    position: relative;
}

.sidebar-content.desktop {
    overflow-y: hidden;
}

/*--------------------sidebar-brand----------------------*/

.sidebar-wrapper .sidebar-brand {
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.sidebar-wrapper .sidebar-brand > a {
    text-transform: uppercase;
    font-weight: bold;
    flex-grow: 1;
}

.sidebar-wrapper .sidebar-brand #close-sidebar {
    cursor: pointer;
    font-size: 20px;
}
/*--------------------sidebar-header----------------------*/

.sidebar-wrapper .sidebar-header {
    padding: 20px;
    overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic {
    float: left;
    width: 60px;
    padding: 2px;
    border-radius: 12px;
    margin-right: 15px;
    overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic img {
    object-fit: cover;
    /*height: 100%;*/
    width: 100%;
}

.sidebar-wrapper .sidebar-header .user-info {
    float: left;
}

.sidebar-wrapper .sidebar-header .user-info > span {
    display: block;
}

.sidebar-wrapper .sidebar-header .user-info .user-role {
    font-size: 12px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status {
    font-size: 11px;
    margin-top: 4px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status i {
    font-size: 8px;
    margin-right: 4px;
    color: #5cb85c;
}

/*-----------------------sidebar-search------------------------*/

.sidebar-wrapper .sidebar-search > div {
    padding: 10px 20px;
}

/*----------------------sidebar-menu-------------------------*/

.sidebar-wrapper .sidebar-menu {
    padding-bottom: 10px;
}

.sidebar-wrapper .sidebar-menu .header-menu span {
    font-weight: bold;
    font-size: 14px;
    padding: 15px 20px 5px 20px;
    display: inline-block;
}

.sidebar-wrapper .sidebar-menu ul li a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    position: relative;
    padding: 8px 0px 8px 6px;
}

.sidebar-wrapper .sidebar-menu ul li a i {
    margin-right: 10px;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}

.sidebar-wrapper .sidebar-menu ul li a:hover > i::before {
    display: inline-block;
    animation: swing ease-in-out 0.5s 1 alternate;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    font-style: normal;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    background: 0 0;
    position: absolute;
    right: 15px;
    top: 14px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
    padding: 5px 0;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
    padding-left: 25px;
    font-size: 13px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    font-size: 8px;
}

.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
    float: right;
    margin-top: 8px;
    margin-left: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
    float: right;
    margin-top: 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu {
    display: none;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
    transform: rotate(90deg);
    right: 17px;
}

/*--------------------------side-footer------------------------------*/

.sidebar-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
}

.sidebar-footer > a {
    flex-grow: 1;
    text-align: center;
    height: 30px;
    line-height: 30px;
    position: relative;
}

.sidebar-footer > a .notification {
    position: absolute;
    top: 0;
}

.badge-sonar {
    display: inline-block;
    background: #980303;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 0;
}

.badge-sonar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #980303;
    opacity: 0;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: sonar 1.5s infinite;
}

/*--------------------------page-content-----------------------------*/

.page-wrapper .page-content {
    display: inline-block;
    width: 100%;
    padding-left: 0px;
    padding-top: 20px;
}

.page-wrapper .page-content > div {
    padding: 20px 40px;
}

.page-wrapper .page-content {
    overflow-x: hidden;
}

/*------scroll bar---------------------*/

::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background: #525965;
    border: 0px none #ffffff;
    border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
    background: #525965;
}
::-webkit-scrollbar-thumb:active {
    background: #525965;
}
::-webkit-scrollbar-track {
    background: transparent;
    border: 0px none #ffffff;
    border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
    background: transparent;
}
::-webkit-scrollbar-track:active {
    background: transparent;
}
::-webkit-scrollbar-corner {
    background: transparent;
}


/*-----------------------------chiller-theme-------------------------------------------------*/

.chiller-theme .sidebar-wrapper {
    background: #006600;
}

.chiller-theme .sidebar-wrapper .sidebar-header,
.chiller-theme .sidebar-wrapper .sidebar-search,
.chiller-theme .sidebar-wrapper .sidebar-menu {
    border-top: 1px solid #006600;
}

.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    border-color: transparent;
    box-shadow: none;
}

.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,
.chiller-theme .sidebar-wrapper .sidebar-brand>a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,
.chiller-theme .sidebar-footer>a {
    color: white;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info,
.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,
.chiller-theme .sidebar-footer>a:hover i {
    color: #ffffff;
}

.page-wrapper.chiller-theme.toggled #close-sidebar {
    color: #bdbdbd;
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
    color: #ffffff;
}

.chiller-theme .sidebar-wrapper ul li:hover a i,
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
    color: #16c7ff;
    text-shadow:0px 0px 10px rgba(22, 199, 255, 0.5);
}
i.fa.active{
    color: #006600;

}
i.fas.active{
    color: #006600;

}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    background: #000000;
}

.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
    color: #ffffff;
}

.chiller-theme .sidebar-footer {
    background: #000000;
    box-shadow: 0px -1px 5px #282c33;
    border-top: 1px solid #464a52;
}

.chiller-theme .sidebar-footer>a:first-child {
    border-left: none;
}

.chiller-theme .sidebar-footer>a:last-child {
    border-right: none;
}
nav.navbar.navbar-expand-md.navbar-light.fixed-top {
    background-color: #ffffff;
}
/*img.logo.header {*/
/*    height: 107px;*/
/*    width: 61%;*/
/*}*/
img.logo.header {
    height: 70px;
    width: auto;
}
 /*FlipBook*/
.trainer-course img{
    width: 100%;
}
#training {
    overflow: hidden;
    height: 60% !important;
    width: 100% !important;
    background-size: cover;
}
.trainingbtn{
    border: none;
    background: none;
}
.trainingbtn i{
    font-size: 40px;
}
.ddd:focus {
    border-left: 7px solid green !important;
}
.back-button:hover {
    background-color: #006600 !important;
    color: white !important;
}
.indexicon a:hover {
    color: blue;
    text-decoration: none !important;
}
.input-euro {
    position: relative;
}
.input-euro.left input {
    padding-left:18px;
}
.input-euro.right input {
    padding-right:18px;
    text-align:end;
}

.input-euro:before {
    position: absolute;
    top: 0;
    content:"$";
}
.input-euro.left:before {
    left: 5px;
}
.input-euro.right:before {
    right: 5px;
}
.ddd-1 {
    position: relative;
    top: 42px;
}
.atc {
    font-size: 39px;
    color: gray;
    font-family: cursive;
}
.check {
    background-color: white !important;
    color: black !important;
    border: 1px solid green !important;
}
.check.active{
    background-color: green !important;
    color: white !important;
    border: 1px solid green !important;
    box-shadow: none !important;
}
.infr-line {
    background-color: green;
    color: white;
    text-align: center;
}
.infr-line-1 {
    background-color: green;
    color: white;
    text-align: center;
}
.table-masla-2{
    display: none;
}
ul.dropdown-menu.mt-3.show {
    box-shadow: 0px 4px 1px 3px green;
}
a.block {
    color: black;
    text-decoration: none;
}
@media screen and (max-width: 930px) {
    .table-masla {
        display: none;
    }
    .table-masla-2{
        display: block;
    }
    .h1, h1  {
        font-size: 24px !important;
    }
}
@media screen and (max-width: 767px) {
   .registration-main-custom .nav-link {
        width: 100% !Important;
    }
    .registration-main-custom h2{
        font-size: 1.75rem;
    }
    .registration-main-custom  h3{
        font-size: 1rem;
    }
    .log {
        height: 130px;
        width: 130px;
        margin: 20px 0;
    }
    .accoundion-btn-2{
        font-size: 14px;
        margin-bottom: 20px;

    }
    form.needs-validation {
        width: 100%;
        margin-left: 0;
    }
    .main-body-content.ets-pt{
        padding-left: 0;
    }
    .eds{
        width: 100% !important;
        height: unset;
    }
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: left;
    }
    .ets-pt {
        padding-top: 40px;
    }
    .kbw-signature {
        margin-left: 0;
    }
    .page-wrapper .page-content > div {
        padding: 20px 15px !important;
    }
    .profile-main-custom ul {
        padding-left: 0;
    }

}
.main-body-content.w-100.ets-pt.bg-white {
    overflow: unset !important;
}
.profile-main-custom li {
    list-style-type: none !important;
}
.text-style{
    margin: 0px 0px !important;
}