html, body {
    height: 100%;
    font: 11pt "Segoe UI";
    background-color: #eff3f6;
    color: #333;
    overflow: hidden;
}

.container {
    max-width: 1220px;
    width: 100%;
    position: absolute !important;
    left: 20px !important;
    top: 20px !important;
    height: 100%;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    width: 100%;
    position: relative;
    height: 100%;
    font-size: 0.80em;
    padding-right:0;
    padding-left:0;
}

#content {

    clear: both;

    height: 100%;

    overflow: auto;
    padding: 5px;
    padding-top: 0;

padding-bottom: 100px;

}

#content.content-student{
    padding-top: 1px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}
.k-tooltip-error{
    border-color: #FBEED5 !important;
     background-color: #FBEED5 !important;
}
.field-validation-valid {
    display: inline-block;
    color: #b94a48;
    width: 20em;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

html {
    height: 100%;
    font-family: Inter, Helvetica, "sans-serif";
}

body {
    height: 100%;
    padding: 1px;
    font-family: Inter, Helvetica, "sans-serif";
}

h1,h2,h3 {
    color: #670505;
    font-family: Inter, Helvetica, "sans-serif";
    margin-top: 10px;
    }

    #header {
    background-color: #fff;
    position: relative;
    
    }

    #footer {
    position: fixed;
    bottom: 0;

    width: 100%;
    display: block;
    background-color: #670505;
    color: #fff;
    }

    #footer p {
    margin: 0;
    margin-left: -20px;
    line-height: 20px;
    text-align: center;
    padding-top: 1px;
    padding-bottom: 1px;
    }

    #footer p a
    {
    text-decoration: none;
    color: #fff;
    }

    a{
    text-decoration: none;
    }

    .loginfooter p a, .loginfooter a{
    text-decoration: none;
    }

    #search {
    position: absolute;
    bottom: 10px;
    right: 10px;
    }

    #login-name {
    position: absolute;
    right: 10px;
    color: #333;
    font-weight: bold;
    z-index: 6;
    text-align: right;
    padding: 0.5em;
    top: 2px;
    }



    li.menuRight {
    float: right !important;


    width: 9.6em;
    }

    li.k-item.menuRight.k-menu-item{
    float: right !important;
    }

    span.k-delete {
    background: url(/Content/Images/icon_delete.gif) center center;
    }

    .k-grid .k-button-icontext .k-icon {
    margin: 0;
    vertical-align: middle;
    }

    .k-grid tbody .k-button {
    min-width: 28px !important;
    
    line-height: 0.5em;
    padding: 5px;
    }

    .k-grid tbody td {
    text-overflow: clip;
    }

    #logobg {
    width:150px;
    height:85px;
    background-color:#fff;


    top:-13px;
    left:0;
    }

    #logo {

    max-height: 85px;

    max-width: 140px;
    line-height: 100px;
    z-index: 4;
    text-align: center;
    margin-left: 11px;
    }

    .menuStudent{
    display: flex;
    flex-direction: row;
    width: 100%;
    }

    #mnuMainStudentRight{
    margin-left: auto;
    }

    nav {
    position: relative;
    width: 100%;
    padding-right: 2em;
    }


    .navbar{
    align-items: end !important;
    z-index: 3;
    padding-bottom: 0;
    padding-top: 0;
    height: 87px;
    }

    nav.navbar-student{
    display: flex;
    align-items: end;
    }

    nav .navbar-brand{
    padding: 0;
    margin-right: 0;
    }

    .navbar-collapse{
    display: flex;
    align-items: end;
    }

    .navbar-toggler {
    transition: all 0.2s;
    margin-right: 18px;
    }

    .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23670505' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
    }

    #navbarSupportedContent{



    flex-direction: column;
    top: 80px;
    z-index: 3;
    position: absolute;
    transition: all 0.5s ease;
    right: 17px;
    }

    #navbarSupportedContent.student-nav{
    top: 81px;
    right: 13px;
    font-size: 16px;
    }

    a {
    color: #333;
    text-decoration: none;
    }

    a:hover {
    color: #333;
    }

    .navbar-toggler{
    border-color: #670505 !important;
    border: solid 2px;
    }

    .navbar-toggler{
    font-size: 1.6em !important;
    width: 51px;
    padding-left: 9px;
    margin-bottom: 9px;
    }

    .navbar-toggler-student{
    padding-left: 6px;
    }

    .k-menu {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;


    /*The display of Block Type interferes with flex-direction used on Menu Items to achieve a resposive display.*/
    }

    .k-menu .k-state-highlight > .k-link:not(.k-popup) {
    color: #000 !important;
    background-color: #cccccc !important;
    /* border-top-left-radius: 4px; */
    /* border-top-right-radius: 4px; */
    /* border: 1px solid #b31137; */
    }

    .k-menu .k-hover > .k-link {
    background-color: #ccc !important;

    
    color: #000 !important;
    }

    .k-menu .k-state-default:not(.k-state-highlight) > .k-link {
    background-color: #ccc;
    color: #000 !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #ccc;
    }

    a.k-link.k-menu-link, span.k-link.k-menu-link{
    background-color:#670505;
    color: #fff !important;
    }


    ul.k-menu:not(.k-popup) {
    background-color: #eee;
    }

    ul.k-menu:not(.k-popup) > li.k-item {
    border-right: 1px solid #fff;
    font-size: 1.25em;
    }

    @media (max-width: 360px)
    {
    ul.k-menu:not(.k-popup) > li.k-item {
    margin-left: 2px;
    margin-right: 0px;
    border: none !important;
    font-size: 16px;
    }
    }

    ul.k-popup > li.k-item > .k-link {
    border-radius: 0 !important;
    }

    .k-header.k-menu {
    border: none;
    }

    ul.k-menu-group > li.k-item, .k-menu > li.k-item
    {
    width: 182px;
    height: 50px;
    }

    #mnuMain{
    margin-left:auto;
    width: 100%;
    }

    #mnuMainAdmin{
    margin-left: auto;
    height: 36px;
    }

    .k-grid .k-state-selected {
    background-color:#670505;
    }
    .sidebar
    { background-color:#670505;
    }


    .k-notification-info.k-notification {
    color: #333 !important;
    background-color: #ccc !important;
    border-color: #000 !important;
    }

    .k-event-template {
    font-size: 9pt;
    }

    .k-button:hover, .k-hover.k-button {
    color: #515967;
    background-color: #f3f3f4;
    border-color: #f3f3f4;
    }

    

    p.instructions {
    font-size: 1.15em;
    margin-bottom: 20px;
    }


    .paneHeaderPrimary {

    background-color:#eee;
    color: #000;
    font-weight:bold;
    }

    .btnPrimary {
    width: 100%;
    background-color:#ccc;
    }

    @media (max-width: 360px)
    {
    .btnPrimary {
    width: 100px;
    background-color:#ccc;
    }


    }

    #mobile-content > p > span > .k-button, span.show-lockers > .k-button.btnSwitch
    {
    color: #fff;
    background-color: #444444;
    }

    #mobile-content > p > span > .k-button.btnSwitch, span.show-lockers > .k-button
    {
    color: #fff;
    background-color: #133774;
    }
    .h1title{
    background-color: #670505 !important;
    font-size:16px;
    padding: 5px 0 7px 5px;
    color: #fff;
    margin-top:0px;
    }

    .k-input{
    width: auto;
    }

    .k-input, .k-picker{
    width: 10em;
    }

    #login-name > div > ul.dropdown-menu{
    top: 27px;
    }

    #login-name > d-none.d-sm-inline-flex > div.btn-group > ul.language-culture{
    top: 20px;
    }

    .dropdown-menu > li
    {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    }
    .k-input-inner{
    padding: 4px 5px;
    }

    table.k-editor{
    height: 55em;
    }

    .k-item.k-menu-item.k-columns-item, .k-separator.k-menu-separator.k-item, .k-item.k-menu-item.k-sort-desc, .k-item.k-menu-item.k-sort-asc
    {
    width: 100%;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0 !important;

    }

    .dropdown-menu.language-culture > li{
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
    }

    .dropdown-menu.language-culture > li > a{
    position: relative;
    width: auto;
    display: block;
    padding-top: 14px;
    padding-left: 6px;
    padding-bottom: 12px;
    }

    #header div.admin-language-culture{
    z-index: 5;
    position: relative;
    float: right;
    right: 114px;
    top: 52px;
    height: 0;
    }

    #header div.admin-language-culture-lg{
    padding-right: 7px;
    }

    #header div.admin-language-culture-lg > div.btn-group > ul {
    top: 17px;
    }

    #header div.admin-language-culture > div.btn-group > ul{
    top: 17px;
    }

    #header div.admin-language-culture > div.btn-group {
    position: relative;
    }

    .dropdown-menu > li:hover > a
    {
    color: #fff !important;
    }

    .dropdown-menu > li:hover, .dropdown-menu > li > a:hover
    {
    color: #fff !important;
    background-color: #670505 !important;
    }



    .k-icon-button {
    padding:5px !important;
    }

    .k-button, .k-state-default.k-button {

    border-color: #eff3f6;
    padding:6px 12px;
    }
    label{
    font-weight: normal;
    }
    .k-column-menu{
    max-width: 160px;
    }
    .k-textbox, .k-dropdownlist, .k-autocomplete,.k-combobox {
    width: 235px;
    }
    .k-menu-horizontal .k-link {
    padding: 0.5em 1.1em 0.4em;
    }

    .k-menu-horizontal .k-menu-link{
    border-style: none;
    }

    /*fieldset shadow box effect*/

    .correct-item {
    /* box-shadow: 2px 3px 10px rgb(6 6 6); */
    position: relative;
    /* border-radius: 5px; */
    -webkit-transform: translateY(0);
    
    transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: solid #cccccc 1px;
    }

    .correct-item:after {
    content: "";
    border-radius: 5px;
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    opacity: 0;
    
    transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .correct-item:hover:after {
    opacity: 1
    }

    .correct-item:hover {
    

    }


    fieldset.item {
    margin: 10px;
    padding: 18px;
    }


    fieldset.correct-item > legend {
    position: relative;
    margin-bottom: 0;
    border-bottom: none;
    width: auto;
    float: none;
    }

    #main > div.k-tabstrip-wrapper > div#tabsMain > div.k-content > div > div > form > fieldset > legend{
    width: auto;
    }

    #tabCalendar-content .k-scheduler-content div.k-event.k-event-inverse{
    height: auto !important;
    }

    #header > div.notification-mobile > div > ul {
    top: 40px !important;
    right: 0 !important;
    margin-right: -65px !important;
    }

    #login-name > div.notification-desktop > div > ul{
    top: 40px !important;
    }

    .notification-mobile {
    position: absolute;
    float: left;
    top: 38px;
    z-index: 5;
    margin-right: 70px;
    right: 0;
    }

    .notification-desktop{
    display: none;
    }


    a .bedge{ background:#f36427; border:none; font-size:9px; color:#fff; position:absolute; padding:0px 2px; min-width:16px; height:16px; border-radius:50%;
    -webkit-border-radius:50%; -moz-border-radius:50%; text-align:center; line-height:15px; right:0px; top:0px; font-family: 'OpenSansSemibold'; font-weight:normal;
    -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 1); -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 1); box-shadow: 1px 1px 1px rgba(255, 255, 255, 1);}



    .k-grid tbody tr .k-button {
    /*width: 28px;
    min-width: 26px;
    height: 26px;
    padding: 2px 5px 2px !important;*/
    width: 24px;
    min-width: 24px;


    padding: 3px 2px 3px 4px;
    border-radius: 4px;
    border-color: #ceced2;
    align-items: inherit;
    justify-content: inherit;
    }

    .k-grid .k-grid-header .k-grid-header-wrap .k-filter-row .grid-filter-header .k-autocomplete {
    width: 100px;
    }

    .width100 {
    width: 100%;
    float: left;
    }

    .margin5 {
    margin: 5px;
    }

    .margin10 {
    margin: 10px;
    }

    .marginTop10 {
    margin-top: 10px;
    }

    .marginBottom10 {
    margin-bottom: 10px;
    }


    .grdInActiveClass {
    color: #A6A6AD;
    }

    /*.k-button {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-left: 5px !important;
    padding-bottom: 3px !important;
    }*/
    .disableTextbox {
    background-color: #eee !important;
    color: #515967 !important;
    }

    .k-grid tbody td:has(a) {
    font-weight: bold;
    }

    table.k-selectable tbody tr{
    cursor: pointer;
    }

    .tr-greyed-out{
    color: #AAAAAB;
    }

    .tr-blue-color{
    color: #133774;
    }

    a.locker-link{
    font-weight: bold;
    text-align: center;
    }

    td:hover > a{
    text-decoration: underline;
    }
    .searchPanel {
    padding-bottom: 10px;
    padding-top: 20px;
    background-color: white;
    margin-bottom: 10px;
    border: 0px solid #e5e5e5;
    border-radius: 10px;
    }

    .groupboxPanel {
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    }

    .k-content {
    margin: 0px !important;
    }

    .tabWithNoBorder {
    border: 0px !important;
    }

    .k-tabstrip:focus {
    box-shadow: none !important;
    }

    .k-tabstrip-items {
    padding: 0px !important;

    }

    .h2SubTitle {
    margin-bottom: 4px;
    }

    .h4TitleWithStatus {
    margin: 0px !important;
    margin-top: 5px !important;
    font-size: 18px !important;
    }

    .hrTitle {
    margin: 0px;
    }

    .hrSeparator{
    background: none;
    border: none;
    }

    .subTitleText {
    padding-left: 10px !important;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background: #F8F8F9;
    }

    .rowWithoutLeftRightMargin {
    margin-left: 0px;
    margin-right: 0px;
    }

    .tabTopMargin {
    margin-top: 15px !important;
    }

    .k-tabstrip-next, .k-tabstrip-prev {
    display: none !important;
    }

    .leftMargin5 {
    margin-left: 5px !important;
    }

    .textareaWidth100 {
    max-width: 100% !important;
    }

    .k-textarea{
    width: 100%;
    max-width: 100%;
    }

    .navbar-fixed-top {
    left: 10px !important;
    right: 10px !important;
    }

    .k-filter-row .k-dropdown-operator {
    width: 2.1em !important;
    }

    /*For dropdown, date picker etc bottom border was not showing proper border*/
    .k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {

    /*border-width: 1px !important;*/
    }

    .k-multiselect-wrap li {
    padding-right: 20px !important;
    }

    .k-multiselect {
    max-height: 150px !important;
    width: 16em;
    }

    .k-delete, .k-edit {
    margin-left: 3px !important;
    margin-top: -2px !important;
    }

    .k-grid td {
    padding: .3em .3em !important;

    }

    .k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom-width: 0px !important;
    background-color: #EFF3F6;
    }

    .k-tabstrip.k-tabstrip-scrollable>.k-tabstrip-items-wrapper>.k-tabstrip-items{

    overflow: auto;
    }

    .k-tabstrip {
    padding:0px !important;
    border-color: #eff3f6;
    }
    .k-tabstrip-item {
    background-color: #EFF3F6 !important;
    border: none !important;
    font-size:12pt;
    font-weight:600;
    }
    .row {
    margin-left: 0px;
    margin-right: 0px;
    }
    div.k-tabstrip .k-content {
    border-width: 0px 0 0;
    border-radius:10px;
    }
    .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item{
    margin:0px !important;
    }
    .k-grid .k-grouping-row td {
    background-color: #5994CA;
    color: white;
    }
    .k-grid-delete {
    background-color: white !important;
    color:black !important;
    }
    .k-button-solid-base {
    background-color: #133774;
    color:white;
    }
    .k-tabstrip-items .k-loading.k-complete{
    display:none;
    }
    li.k-item.k-state-default.k-state-hover {
    color: #670505 !important;
    text-decoration-color: #670505 !important;
    text-decoration: underline;
    text-underline-offset: 8px;
    text-decoration-thickness: 2px;

    }

    li.k-item.k-state-default.k-tab-on-top.k-state-active .k-link {
    color: #670505 !important;
    }
    .k-tabstrip-items .k-state-default .k-link{
    color:#AAAAAB;
    }

    k-tabstrip-content >k-grid{
    border:none;
    }
    .k-tooltip, .k-tooltip.k-popup, .k-tooltip.k-widget {
    
    color: #646363;
    background-color: #eae8e8;
    padding:10px;
    }

    .k-tooltip > .k-tooltip-content > .template-wrapper > p {
    margin: 0;
    }

    .k-animation-container > .k-tooltip{
    padding-top: 0;
    padding-bottom: 0;
    }
    k-icon k-i-close k-button-icon{
    padding-left:5px;
    }

    .accordion-header{
    margin-top:0;
    z-index: 1;
    position: relative;
    }

    .accordion-header > button{
    font-weight: bold;
    }

    .accordion-item:first-of-type .accordion-button{
    max-height: 35px;
    color: #670505;
    }

    .accordion-button:not(.collapsed){
    background-color: #eff3f6;
    }

    .accordion-button::after{
    margin-left: 13px;
    }

    .accordion-button:not(.collapsed)::after{

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23670505'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

    span.k-menu-link-text{
    overflow: auto;
    }

    .k-command-cell > button.k-grid-update{
    margin-left: 8px;
    -webkit-margin-end: unset;
    margin-inline-end: unset;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
    }

    #mnuMain > li.k-item.nav-item.nav-item-lg.ms-lg-0.k-state-highlight.k-menu-item.k-state-border-left > div > ul > li.k-hover > a > span{
    color: #000 !important;
    }

    #mnuMain > .k-state-highlight > div > ul > li.k-focus > a.k-link.k-menu-link,
    #mnuMain > .k-state-highlight > div > ul > li.k-focus > a > span.k-link.k-menu-link{
    color: #000 !important;
    }

    #mnuMain_mn_active{
    color: #000 !important;
    }

    div[class^=col-sm], div.py-2.row
    {
    padding-left: 0;
    }

    #login-name > .admin-client-lang{
    position: absolute;
    top: -14px;
    right: 0;
    z-index: 10;
    }


    .footer{
    background-color: #670505;
    color: #fff;
    }

    .footer p, .footer a{
    color: #fff;
    }

    #pbRateConfiguration > li > a.k-link.k-state-selected{
    background-color: #670505;
    }

    #pbRateConfiguration > li > a > span.k-panelbar-item-text{
    font-weight: bold;
    }

    .fa-content-box{
    background-color: white;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
    align-items: center;
    }

    .displayOtherFees {
    margin-top: 15px;
    margin-bottom: 15px;
    }

    div#navbarSupportedContent.flex-lg-row{
    font-size: 16px;
    }

    div.panel-primary > div.panel-heading.paneHeaderPrimary.cardText{
    color: #ffffff;
    background-color: #133774;
    border-color: #133774;
    }

    .panel-primary > .panel-heading{
    background-color: #eee;
    color: #000;
    border-color:#eee;
    }

    #frmRotateLock > div > div > fieldset > p > span{
    width: 15em;
    }
    ul.dropdown-menu-loginName > li {
    
    }
    ul.dropdown-menu-loginName > li > a{
    padding: 8px 27px 8px 15px;
    }

    ul.dropdown-menu-loginName > li > a.logout{
    padding-right: 80px;
    }
    div.remove-gridline{
    border:none;
    }

    div.remove-gridline .k-grid-header{
    border:none;
    }

    div.remove-gridline > div.k-grid-content > table > tbody > tr > td{
    border-width: inherit;
    }

    div.remove-gridline > div.k-grid-header > div > table > thead > tr > th{
    border-width: inherit;
    }

    .k-grid-header div.k-grid-header-wrap table thead > tr > th{
    font-weight: bold;
    }

    .k-grid-header div.k-grid-header-wrap table thead > tr > th > a{
    text-overflow: clip;
    }

    .receipt-rental-detail{
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    }

    .search-or-add{
    
    margin-top: 8px;
    position: relative;
    left: -11px;
    }

    #div-login-info{
    display: none;
    }

    #div-login-info #btnUpdate{
    margin-left: 118px;
    font-size: 11.73px;
    }

    #div-login-info > .title-addnew{
    width: 396px;
    color: #670505;
    font-weight: normal;
    font-size: 1rem;
    }

    #div-login-info > .title-login-found{
    width: 396px;
    color: #670505;
    font-weight: normal;
    font-size: 1rem;
    }

    #ddlOtherFeeOptions_taglist:not(:has(span)):after {
    content: "\25BC";
    position: absolute;
    top: 6px;
    right: 8px;
    font-size: 8px;
    }

    #ddlOtherFeeOptions_taglist > input.k-input-inner{
    cursor: pointer;
    }

    .k-chip-label, .k-chip-text, .k-list-item-text{
    font-size: 0.85em;
    }

    .dropdown-toggle-loginName > img{

    }
    #grdRentals table {
    min-width: 100%;
    }

    #grdLockers table {
    min-width: 100%;
    }

    #grdLockerReturn table {
    min-width: 100%;
    }

    #grdLockRotation table {
    min-width: 100%;
    }

    #grdTransactions table {
    min-width: 100%;
    }

    div.k-popup-edit-form.k-window-content{
    padding-left: 10px;
    }

    
    
    @media (min-width: 992px)
    {
    .nav-item-lg > div{
    top: 32px !important;
    left: -56px !important;
    }

    div#navbarSupportedContent.flex-lg-row{
    font-size: 1em;
    }

    ul.k-menu:not(.k-popup) > li.k-item{
    font-size: inherit;
    }

    #content {
    padding-left: 15px;
    }

    #navbarSupportedContent, #navbarSupportedContent.student-nav
    {
    font-size: inherit;
    position: relative;
    top: auto;
    right: auto;
    background-color: #670505;
    }

    ul.k-menu-group > li.k-item, .k-menu > li.k-item
    {
    width: auto;
    height: auto;
    }

    #mnuMain{
    width: auto;
    height: 36px;
    }


    

    ul.k-menu.navbar-nav > li.k-item.nav-item > div > ul {
    
    transform: translateX(0px) !important;
    overflow: hidden !important;
    
    }

    ul.k-menu.navbar-nav > li.k-item.nav-item:hover {
    
    }

    .k-animation-container > .k-popup.k-group.k-reset{
    border-style: none;
    }

    div.k-animation-container > ul{
    border-style: none;
    }

    ul.k-menu.navbar-nav > li.k-item.nav-item > div.k-animation-container > ul{
    border-style: none;
    }

    ul.k-menu.navbar-nav > li.k-item.nav-item:hover > div.k-animation-container > ul {
    transform: translateY(0px) !important;
    overflow: visible !important;
    border-style: none;
    }

    li.menuRight {
    float: right !important;
    width: 7.6em;
    }

    nav {
    padding-right: 0;
    }

    .notification-desktop{
    display: contents;
    }

    .notification-mobile{
    display: none;
    }

    }