body {
    font-family: 'Roboto', sans-serif;
}

.dropdown-toggle {
    outline: 0;
}

.nav-tabs .nav-item .nav-link {
    background-color: #FFF;
    color: #787a87;
    border-bottom: 1px solid #0D9737;
}

    .nav-tabs .nav-item .nav-link.active {
        color: #787a87;
        background-color: #eaf2ec;
    }

.form-control:disabled {
    border: 1px solid #CBD5E1;
}

.form-control {
    border: 1px solid #CBD5E1;
    font-size: 0.875rem;
}

.MainTitle {
    color: #3B3F5C;
    font-size: 17px;
    font-weight: bold; /* This line makes the text bold */
    padding: 25px 23px 25px 23px;
    word-wrap: break-word;
}

header {
    background: #EAF2EC;
    height: auto;
}

.navbar {
    --bs-navbar-padding-y: 0rem !important;
    padding-bottom: 0px !important;
}

.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
    border-bottom: 5px solid #277D39;
    color: #277D39;
    font-size: 14px;
    font-weight: 500;
    padding: 15px;
    word-wrap: break-word;
    margin-left: 10px;
}

.nav-link {
    color: #277D39;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 30px 13px 30px;
    word-wrap: break-word;
}

.dropdown {
    margin-top: -4px;
}

.link-secondary-other, .link-secondary-other:focus, .link-secondary-other:hover {
    color: #3B3F5C;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    word-wrap: break-word;
}

.link-dark-other, .link-dark-other:focus, .link-dark-other:hover {
    color: #67768C;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    word-wrap: break-word;
}

.nav {
    --bs-nav-link-padding-x: 0.5rem !important;
}

.nav-item img {
    margin-top: -4px;
    margin-right: 10px;
}

.bgAfterLogin {
    background: #fff;
    height: 100%;
}

.minitextbox {
    float: left;
    width: 100% !important;
}

.uploadbutton {
    background: #277D39;
    border-radius: 4px;
    padding: 8px;
}

    .uploadbutton svg {
        margin-top: -5px;
    }

@media screen and (min-width:992px) {
    .left {
        width: 65%;
    }
}

@media screen and (min-width:1400px) {
    .left {
        width: 78%;
    }
}

.right {
    float: right;
    margin-top: 6px;
    width: 35px;
    height: 35px;
}

.radius {
    border-radius: 4px !important;
}

.top-border {
    border-top: 1px solid #CBD5E1 !important;
}

.nobottomborder {
    border-bottom: none !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #515365;
    background-color: #EAF2EC;
    border: none !important;
    font-size: 16px;
    font-weight: 400;
}

.nav-tabs .nav-link {
    font-size: 16px;
    font-weight: 400;
}

.myGrid {
    border: 1px solid #CBD5E1;
    border-radius: 4px;
}

.myReceiptGrid {
    border: 1px solid #CBD5E1;
    border-radius: 4px;
}

.myReceiptLineGrid {
    border: 1px solid #CBD5E1;
    border-radius: 4px;
}

#nav-tab {
    padding: 0px 23px 0px 23px;
    border-bottom: none !important;
}

#nav-tabContent {
    border-top: 1px solid #CBD5E1 !important;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border: none !important;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

label {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #515365;
}

.nav-link:focus, .nav-link:hover {
    color: #277D39;
}

@media (max-width: 768px) {
    .navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
        border: 1px solid #277D39;
        text-align: center;
    }

    .navbar-collapse .nav-link {
        border: 1px solid #277D39;
        text-align: center;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: none;
        padding-left: none;
    }
}

.col-sm-1 {
    width: 16.40%;
}

.col-sm-5 {
    width: 16.40%;
    margin-top: 25px;
}

.form-control-enable:enabled {
    border: 1px solid #CBD5E1;
}

.form-control-enable {
    border: 1px solid #CBD5E1;
    border-radius: 6px;
    background-color: #FFFFFF;
    padding: 6px;
    font-size: 0.875rem;
}

#button {
    width: 16.33%;
}

.page-item .page-link {
    color: #67768C;
}

.page-item.active .page-link {
    background-color: green;
    border-color: green;
    color: #CBD5E1;
}

.col-md-3 {
    flex: 0 0 auto;
    width: 23%;
}

.border-top {
    margin-left: -25px;
    margin-right: -25px;
}

#breadcrumb li {
    text-decoration: none;
    font-size: 120%;
    margin-left:10px;
    color: #3B3F5C;
}
.oeye {
      margin-left: 85%;
      margin-top: -60px;
      cursor: pointer;
}

#passwordMatchMessage {
    margin-left: 50px;
    color: red;
}

#width {
    margin-left: 2px;
}

#btun {
    width: 20px;
    background-color: green;
}

#update {
    width: 70%;
}

.lable {
    margin-left: 9%;
}

.control {
    width: 81%;
    margin-left: 9%;
}

#exampleModalLabel {
    margin-left: 31%;
}

.ctr {
    background-color: white;
}

.mc {
    border-radius: 15px;
    margin-top: 12%;
}

.mb {
    height: 416px;
}

.bt {
    width: 81%;
    margin-left: -2%;
    margin-top: 6%;
}

.alert-danger {
    margin-left: 80%;
}

.alert-success {
    margin-left: 80%;
}

#newrow {
    margin-top: -30px;
    padding-top: 0.7%;
}


.dotted-border {
    background-color: #FFFFFF;
    border: 2px #CBD5E1;
    border-style: dashed;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 2px !important;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
/*change language*/

.dropdown-container {
    margin-top: -50px !important;
    position: relative !important;
    display: inline-block !important;
}

/* Styles for the trigger element */
.trigger {
    cursor: pointer !important;
    padding: 10px;
}

/* Styles for the dropdown menu */
.dropdown-menu {
    position: absolute;
    left: -93%;
    top: 0;
    background-color: #fff;
    padding: 10px;
    display: none;
    min-width: 150px;
}

/* Show the dropdown when hovering over the trigger element */
.dropdown-container:hover .dropdown-menu {
    display: block;
}

/* Example styles for dropdown items */
.dropdown-item {
    padding: 5px;
    text-decoration: none;
    color: #333;
    display: block !important;
}

    .dropdown-item:hover {
        background-color: #f0f0f0;
    }

.required {
    color: red;
}

.noevent {
    pointer-events: none;
}

.dropdown-divider {
    height: 0;
    margin: $dropdown-divider-margin-y 0 !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    overflow: hidden !important;
    border-top: 1px solid $dropdown-divider-bg !important;
}
#svgicon
{
    margin-left:10px;
   
}