@font-face {
    font-family: Museo Slab;
    src: url(/fonts/275760_0_0.eot);
    src: url(/fonts/275760_0_0.eot?#iefix) format("embedded-opentype"), url(/fonts/275760_0_0.woff) format("woff"), url(/fonts/275760_0_0.ttf) format("truetype")
}
#userbox {
    padding-right: 40px;
}
#userbox .dropdown-item-user {
    max-width: 181px;
    width: 100%;
    height: 40px;    
    line-height:20px;
}
#userbox .user-item.user-item-name {
    color: #517C00;
    font-size: 16px;
    font-family: Arial;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
#userbox .user-nav-caret {
    display:inline-flex;
    width: 20px;
    height: 20px;
    color: #517C00;
    padding-right: 3px;
    padding-left: 3px;
}
#userbox .dropdown.dropdown-item-user .user-nav-caret {
    background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none"  xmlns="http://www.w3.org/2000/svg"><g id="ui / caret-down"><path id="caret" opacity="0.95" fill-rule="evenodd" clip-rule="evenodd" d="M10 13L15 8L5 8L10 13Z" fill="green"/></g></svg>');
    background-position-y: 5px;
    background-repeat: no-repeat;
}
#userbox .dropdown.dropdown-item-user.show .user-nav-caret {
    background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="ui / caret-down"><rect width="20" height="20" transform="translate(20 20) rotate(-180)" fill="none"/><path id="caret" opacity="0.95" fill-rule="evenodd" clip-rule="evenodd" d="M10 7L5 12L15 12L10 7Z" fill="green"/></g></svg>');
    background-position-y: 5px;
}
#userbox .dropdown #userDropdownMenuButton.btn-secondary {
    color: transparent;
    background-color: transparent;
    border-color: unset;
    padding-right: 0;
    background-image: none;
    box-shadow: none;
    height: 100%;
}
#userbox .dropdown-divider {
    margin-top: 0;
    margin-bottom: 0;
}
#userbox .dropdown-divider.dropdown-divider-custom {
    margin-right: 16px;
    margin-left: 16px;    
}
.header-container #userbox.navbar-nav .nav-link {
    text-transform: inherit;
    margin-left: 0;
    padding-left: 16px;
}

.NavBarCircular_Profile_Photo {
    width:40px;
    height:40px;
    display:inline-flex;
}
.NavBarCircular_Profile_Photo .Mask_Group{
    width: 36.364px;
    height: 36.364px;
    flex-shrink: 0;
}
.NavBarCircular_Profile_Photo .Mask_Group .Photo_user{
    width: 100%;
    height: 100%;
    border-radius: 36.364px;
    flex-shrink: 0;
    
}
.NavBarCircular_Profile_Photo .Mask_Group .Photo_user .usernavbar-photo-user {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    border-radius: 40px;
    border: 1.5px solid #517C00;
}
#userbox .dropdown-menu.show {
    border-radius: 5px;
}
#navbarCollapse {
    justify-content: left;
    padding-left: 60px;
}
#userbox .dropdown-item-user.show {
    z-index: 1;
    position:relative;
}

.NavBarCircular_Profile_Photo .Mask_Group .Photo_user .usernavbar-photo-user.default-user-pic {
    border:none;
}


.sitewidesearch-container {
    width: 100%;
    border: 1px solid #D7D7D7;
    background-color: #FAFAFA;
}
.sitewidesearch-container .form-control {
    border:none;
    background-color: #FAFAFA;
    height: 60px;
}
.searchnavbarCollapse-form {
    margin-bottom: 0;
}

.navbar-toggler.sitewidesearch-button {
    margin-left: 35px;
    background-color: #517C00;
    color : #FAFAFA;
    border-radius: 25px;
    width: 30px;
    height: 30px;
}

.navbar-toggler.sitewidesearch-button.collapsed {
    background-color: #FAFAFA;
    color:#201100;
}

#sitewidesearchCollapse button.btn {
    background-image: none;
    box-shadow: none;
    height: auto;
}
.user-nav-envelope {
    font-size: 10px;
    margin-top: -5px;
}
.user-nav-envelope .fa-envelope {
    color:#2F4801;
}
.user-nav-envelope .user-nav-envelope-text {
    font-family: Roboto;
    margin-left: 3px;
    margin-right: auto;
    font-size: 7px;
    margin-top: 7px;
    display: block;
    text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}
.user-nav-envelope .user-nav-envelope-text-number {
    color:red;
}
.user-nav-envelope  .numberCircle {
    border-radius: 50%;
    width: 14px;
    height: 14px;
    padding: 0px;
    background: red;
    color: #FFFFFF;
    text-align: center;
    font-size: 7px;
    line-height: 2.4;
    display: block;
    text-shadow: none;
    margin-top: -18px;
    margin-left: -7px;
}

@media screen and (max-width: 767px) {
    .user-nav-envelope {
        margin-top: -25px;
    }
    .user-nav-envelope  .numberCircle {
        margin-top: -34px;
        margin-left: 9px;
    }
    .navbar-toggler .NavBarCircular_Profile_Photo .Mask_Group .Photo_user .usernavbar-photo-user {
        display: none;
    }
    .navbar-toggler .NavBarCircular_Profile_Photo .Mask_Group .Photo_user, 
    .navbar-toggler .navbar-toggler-icon {
        background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="ui / close"><path id="close-outline" fill-rule="evenodd" clip-rule="evenodd" d="M3.64645 3.64645C3.84171 3.45118 4.15829 3.45118 4.35355 3.64645L10 9.29289L15.6464 3.64645C15.8417 3.45118 16.1583 3.45118 16.3536 3.64645C16.5488 3.84171 16.5488 4.15829 16.3536 4.35355L10.7071 10L16.3536 15.6464C16.5488 15.8417 16.5488 16.1583 16.3536 16.3536C16.1583 16.5488 15.8417 16.5488 15.6464 16.3536L10 10.7071L4.35355 16.3536C4.15829 16.5488 3.84171 16.5488 3.64645 16.3536C3.45118 16.1583 3.45118 15.8417 3.64645 15.6464L9.29289 10L3.64645 4.35355C3.45118 4.15829 3.45118 3.84171 3.64645 3.64645Z" fill="black"/></g></svg>');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .navbar-toggler.collapsed  .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }
    .navbar-toggler.collapsed .NavBarCircular_Profile_Photo .Mask_Group .Photo_user .usernavbar-photo-user {
        display: block;
    }
    .navbar-toggler.collapsed .NavBarCircular_Profile_Photo .Mask_Group .Photo_user {
        background-image: none;
    }
}

@media screen and (max-width: 992px) {
    #sitewidesearchCollapse.collapse.navbar-collapse {
        display: block;
    }
}