body{
    margin: 0;
    padding:0;
    font-family: 'product_sansregular' !important;
    background: #F7F8FA;
}
a{
   color: #4a4a4a;
}
a:hover{
    color: #FF7E06;
}
a:hover{
    text-decoration: none;
}
ul{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
.vh-100{
    height: 100vh;
}
.ps-100{
    height: 100%;
}
.shadow {
    box-shadow: 0px 1px 6px #E4E4E4 !important;
}
.text-primary{
    color: #090F38;
}

.bg-primary {
    background-color: #4994ec!important;
}
.bg-transparent {
    background: transparent !important;
}
.btn-light{
    color: #090F38;;
    background-color: #fff;
    border-color: #fff;
}
.border-radius-4{
    border-radius: 4px;
}

p{
    font-size: 14px;
    line-height: 16px;
}

td{
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
  color: #4a4a4a;
    border-top: 1px solid #E0E0E0 !important;
    border-bottom: 1px solid #E0E0E0;
}
.table td, .table th {
    vertical-align: middle;
}

.custom-control {
    min-height: auto;
    display: flex;
}


th, .categoryListingTable th{
    font-family: 'product_sans_mediumregular';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    border-bottom: 1px solid #dee2e6 !important;
    border-top: 0px;
}
.btn-link {
    background: transparent;
}
.p-6{
    padding: 33px !important;
}

label {
    color: #05071E;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.5px;
}
.listingTableHeader .showingtxt{
    color: rgb(0 0 0 / 0.75);
    font-weight: 500;
}
.label-add-category {
    padding: 16px 12px;
}

.modal-header {
    background: #FF7E06;
    border: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
}

.modal-header h5{
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
.modal-header button{
    color: #fff;
    opacity: 1;
    font-weight: 500;
}

.modal-dialog {
    max-width: 750px !important
}
button:focus {
    outline: 0 !important;
}

/* .modal-content {
    border: 0;
    border-radius: 0;
} */

.modal{
    background:rgba(0, 0, 0, 0.74);
}
.mg-login .css-b8ldur-Input input { 
    height: auto;
    line-height: normal; 
}
/* ---------------------------- Sidebar --------------------- */

.sideBar{
    width: 252px;
}

.side-navbar li a{
    display: flex;
    align-items: center;
    transition: 0.5s;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
}
.side-navbar li a span{
    margin-left: 32px;
  color: #4a4a4a;
}
.side-navbar li a:hover span{
    color: #FF7E06;
}
/* .register-table tr td:first-child{
    color: #FF7E06;
} */
.side-navbar li a:hover{
    background: rgba(255, 126, 6, 0.1);
    color: #FF7E06;
    text-decoration: none !important;
}

.side-navbar li  .dropdown.show > a, .dropdown.show .nav-link.dropdown-toggle span, .dropdown.show .nav-link.dropdown-toggle svg path{
    color: #FF7E06; stroke: #FF7E06;
}
.side-navbar li a:hover span, .side-navbar li.active a span, .side-navbar li.active a  svg path, .side-navbar li.active > div > a { 
color: #FF7E06; stroke: #FF7E06;
}
/* .side-navbar li a:hover svg path{    
    stroke: #FF7E06;
} */
.side-navbar li a:hover svg path{
    stroke: #FF7E06;
    /* stroke-width: 1.3px */
} 
.side-navbar li.nav-item.active{
  background:  rgba(255, 126, 6, 0.1);  
}
.side-navbar li.nav-item.active > a{
    color: #FF7E06;
}
.side-navbar li.nav-item.active > a svg path{
    stroke: #FF7E06;
}
.side-navbar li.nav-item.stroke-color > a:hover svg path{
    stroke: none; fill: #FF7E06;
}
.side-navbar li.nav-item.stroke-color.active > a svg path{
    stroke: none; fill: #FF7E06;
}
/* .sidebarFooter .logoutBtn{
    position: absolute;
    bottom: 20%;
    left: 38%;
    transform: translateX(-20%);
} */
.sidebarFooter .logoutBtn span{
    margin-left: 9px;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #979797;
}
.logoutBtn{
    padding: 8px 0 8px 24px !important;
}
.logoutBtn svg path{
    stroke: black;
}
.side-navbar .dropdown-menu.show .dropdown-item.active{
    background-color: transparent;
    color: #FF7E06;
}
.side-navbar .dropdown-menu.show {
    position: static !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    border: 0;
}
.side-navbar .dropdown-menu.show .dropdown-item{
    padding: .25rem 1.5rem .25rem 4.9rem;
}

.dropdown.show .nav-link.dropdown-toggle{
    color: #FF7E06
}
.register-table.customDashboardTable tr td {
    border-top: 1px solid #E0E0E0 !important;
    border-bottom: 1px solid #E0E0E0 !important;
}
.register-table.customDashboardTable tr td:first-child { 
    border-left: 1px solid #E0E0E0 !important;
}
.register-table.customDashboardTable tr td:last-child { 
    border-right: 1px solid #E0E0E0 !important;
}
.register-table.customDashboardTable tr th{ 
    border-bottom: none !important;
}
.modal-content{
    border-radius: 0px;
}

/* ------------------------------ main content wrapper ------------------------------- */

.mainContentWrapper {
    padding: 36px 34px 73px;
    /* margin-top: 36px; */
    flex: 1;
    margin-left: 252px;
}
.dashHeading{
    font-size: 22px;
    line-height: 24px;
  color: #4a4a4a;
}
.dashContentHeader{
    margin-bottom: 38px;
}
.search-menu button{
    width: auto;
    height: 48px;
    background: transparent;
    border-radius: 4px;
    color: #ff7e06;
    line-height: 48px;
    padding: 0 28px;
    font-weight: 700;
    font-size: 14px;
    position: absolute;
    right: 0;
    opacity: .7;
    transition: all .4s ease-in-out;
    z-index: 3;
    border: none !important;
}
.search-menu button i::before{
    margin-right: 10px;
}
.search-menu button:hover{
    background: transparent;
    opacity: 1 !important;
    transition: all ease-in-out 0.4s;
    color: #ff7e06;
}
.search-menu button:active, .search-menu button:focus {
    background-color: transparent !important;
    color: #ff7e06 !important;
    box-shadow: none !important;
}
.dashboardCard{
    font-family: 'product_sans_mediumregular';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}

/* .dashboardCard{
    box-shadow: 0px 1px 6px #E4E4E4;
} */

.dashboardCard .card-title{
    font-size: 18px;
    line-height: 24px;
}

.dashboardCard .card-text{
    font-family: 'product_sansbold';
    font-size: 56px;
    line-height: 56px;
}
.dashboardCard .card-link{
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #FF7E06;
}

/* .dashboardCardRow .row{
    margin-bottom: 32px;
} */
.dashboardCard .card-body{
    padding: 24px 0 32px;
}
.circleStyle1{
    position: relative;
}
.circleStyle1:before, .circleStyle2:before, .circleStyle3:before, .circleStyle4:before, .circleStyle5:before, .circleStyle6:before{
    position: absolute;
    content: "";
    background: rgba(255, 126, 6, 0.04);
    width: 176px;
    height: 176px;
    border-radius: 100%;
    right: -132px;
    top: -106px;
}
.circleStyle1:after, .circleStyle2:after, .circleStyle3:after, .circleStyle4:after, .circleStyle5:after, .circleStyle6:after{
    position: absolute;
    content: "";
    background: rgba(255, 126, 6, 0.04);
    width: 176px;
    height: 176px;
    border-radius: 100%;
    left: -76px;
    bottom: -100px;
}


.circleStyle2:before{
    background: #F1FCFF
}
.circleStyle2:after{
    background: #F1FCFF
}

.circleStyle3:before{
    background: rgba(1, 66, 106, 0.1);
}
.circleStyle3:after{
    background: rgba(1, 66, 106, 0.1);
}

.circleStyle4:before{
    background: rgba(240, 0, 0, 0.1);
}
.circleStyle4:after{
    background: rgba(240, 0, 0, 0.1);
}

.circleStyle5:before{
    background: rgba(255, 221, 85, 0.2);
}
.circleStyle5:after{
    background: rgba(255, 221, 85, 0.2);
}

.circleStyle6:before{
    background: rgba(108, 99, 255, 0.15);
}
.circleStyle6:after{
    background: rgba(108, 99, 255, 0.15);
}
.notificationCol .media{
    padding: 8px 16px;
}
.notificationCol .media .media-body h5{
    font-size: 14px;
    line-height: 24px;
    color: #979797;
}
.notificationCol .media .media-body h5 span{
    font-family: 'product_sans_mediumregular';
   color: #4a4a4a;
}

.notificationCol .media .media-body .noti-date{
    font-size: 12px;
    line-height: 16px;
    color: #797979;
}

.notificationCol .media.active{
    background: rgba(255, 126, 6, 0.06);
}

.notificationCol{
    padding-bottom: 150px;
}
.deleteButton{
    background: #FF7E06;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}

.delete-Button, .saveBtn, .cancelbutton{
    background: #F00000;
    border-radius: 4px;
    border: 0;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    width: 105px;
    height: 37px;
    color: #FFFFFF;
}
.saveBtn{
    background: #FF7E06;
}

.cancelbutton{
    background: #E0E0E0;
    color: #B7B7B7;
}
/* ------------------------------ Table ------------------------------------------- */

table.customDashboardTable {
    border-collapse: separate;
    border-spacing: 0 15px;
}

table.customDashboardTable tr:first-child{
    box-shadow: none;
}

table.customDashboardTable tr{
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.11);
    border-radius: 4px;
}

table.customDashboardTable th{
    border: 0;
    padding-top: 16px;
    padding-bottom: 16px;
}

table.customDashboardTable tr{
    border: 1px solid #E0E0E0;
}

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

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #FF7E06;
    background-color: #FF7E06;
}

.customDashboardTable .custom-control-label{
    color: #FF7E06;
}

.search-menu input{
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    text-indent: 43px;
    height: 48px;
    font-size: 14px;
    line-height: 16px;
}

.search-menu .input-group-append .input-group-text{
    background: transparent;
    color: #FF7E06;
    border: 0;
    padding: 0;
}

.search-menu .input-group-append {
    position: absolute;
    top: 50%;
    left: 26px;
    transform: translateY(-50%);
}

.deleteButton{
    width: 92px;
    height: 32px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.deleteButton svg{
    margin-right: 11px;
}

.shortListedDropdown{
    font-size: 14px;
    line-height: 16px;
}
.shortListedDropdown button.card-link{
    background: transparent;
    color:rgba(0,0,0,0.6);
}

.shortListedDropdown label{
    font-family: 'product_sans_mediumregular';
}

.search-menu .form-control:focus {
    background-color: transparent !important;
}


.soldBtn, .ExpiredBtn, .biddingBtn, .listedBtn{
    background: rgba(255, 126, 6, 0.1);
    border: 1px solid #FF7E06;
    box-sizing: border-box;
    border-radius: 14px;
    font-size: 14px;
    line-height: 20px;
    padding: 0 16px;
    text-transform: capitalize;
    color: #FF7E06;
}

.ExpiredBtn{
    background: #F00000;
    border: 1px solid #F00000;
    box-sizing: border-box;
    border-radius: 14px;
    color: #fff;
}

.biddingBtn{
    background: #42C31D;
    border: 1px solid #42C31D;
    box-sizing: border-box;
    border-radius: 14px;
    color: #fff;
}

.listedBtn{
    background: rgba(66, 195, 29, 0.1);
    border: 1px solid #42C31D;
    box-sizing: border-box;
    border-radius: 14px;
    color: #42C31D;
}
.customDashboardTable tr td:first-child{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left: 1px solid #E0E0E0;
}

.customDashboardTable tr td:last-child{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #E0E0E0;
}
.customDashboardTable td span {
    color: rgba(0,0,0,0.6);
    display: flex;
    text-decoration: underline
}   


.addNewRow{
    margin-left: 100px;
}

.mg-login label {
    color: #05071E;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.5px;
}

.sub-button {
    background: #FF7E06;
    border: 0;
    border-radius: 6px;
    color: #fff;
    font-family: 'product_sansbold';
    padding: 10px 30px;
    font-size: 14px;
    line-height: 24px;
}


.categoryListingTable{
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.11);
    border-radius: 4px;
}

/* .categoryListingTable th{
    border: 0;
} */

.categoryListingTable th, .categoryListingTable td{
    /* border: 0 !important; */
    padding: 19px 24px;
}
.categoryListingTable tr:first-child{
    background-color: #fff !important;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #F7F8FA;
    box-shadow: 0px 1px 0px #EEEEEE;
}
.table-striped tbody tr:nth-of-type(odd){
    background-color: transparent;
}
.saveInput input{
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 4px ;
   color: #4a4a4a;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    padding: 15px 19px;
    flex: 1;
}

.saveInput button {
    background: #FF7E06;
    border-radius: 0px 4px 4px 0px;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 12px 66px;
    margin-left: -5px;
}


/*  */

.radiobtn {
    position: relative;
    display: block;
}
.radiobtn label {
    display: block;
    color: #444;
    border-radius: 5px;
    padding: 10px 20px;
    border: 1px solid #EEEEEE;
    margin-bottom: 5px;
    cursor: pointer;
}
.radiobtn label:after, .radiobtn label:before {
    content: "";
    position: absolute;
    right: 11px;
    top: 11px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #EAEAEA;
}
.radiobtn label:before {
    /* background: transparent; */
    transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
    z-index: 2;
    overflow: hidden;
    background-position: center;
    /* width: 0; */
    height: 0;
    content: "\f00c";
    font-family: FontAwesome;
    color: #FF7E06;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}
.radiobtn input[type="radio"] {
    display: none;
    position: absolute;
    width: 100%;
    appearance: none;
}
.radiobtn input[type="radio"]:checked + label {
    background: rgba(255, 126, 6, 0.11);
    animation-name: blink;
    animation-duration: 1s;
    border-color: #FF7E06;;
}
.radiobtn input[type="radio"]:checked + label:after {
    background: #fff;
    border: 2px solid #FF7E06;
}
.radiobtn input[type="radio"]:checked + label:before {
    width: 20px;
    height: 20px;
    border: 2px solid #FF7E06;
}
@keyframes blink {
    0% {
        background-color: rgba(255, 126, 6, 0.11);
   }
    10% {
        background-color: rgba(255, 126, 6, 0.11);
   }
    11% {
        background-color: rgba(255, 126, 6, 0.11);
   }
    29% {
        background-color: rgba(255, 126, 6, 0.11);
   }
    30% {
        background-color: rgba(255, 126, 6, 0.11);
   }
    50% {
        background-color: rgba(255, 126, 6, 0.11);
   }
    45% {
        background-color:rgba(255, 126, 6, 0.11);
   }
    50% {
        background-color: rgba(255, 126, 6, 0.11);
   }
    100% {
        background-color: rgba(255, 126, 6, 0.11);  
   }
}

.radioContentCategory{
    padding-bottom: 30px;
}

.radioContentCategory label{
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
  color: #4a4a4a;
    margin: 0;
}
.radioContentCategory label span{
    color: rgba(0, 0, 0, 0.32);
    margin-left: 12px;
}
.radioContentCategory label svg{
    margin-right: 16px;
}

.radioContentCategory .radiobtn{
    margin-bottom: 16px;
}

.modalBodyHeading{
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
  color: #4a4a4a;
    margin-bottom: 42px;
}

/* .custom-control-label::after, .custom-control-label::before {
    width: 14px;
    height: 14px;
} */

.addanotherField{
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    color: #FF7E06;
    background: #FFFFFF;
    border: 1px solid #FF7E06;
    box-sizing: border-box;
    border-radius: 4px;
    height: 37px;
    width: 172px;
    padding: 0;
    line-height: 37px;
}

.addanotherField svg{
    margin-right: 12px;
}

.categoryFieldsTable .table tr{
    box-shadow: 0px 1px 0px #EEEEEE;
}

.categoryFieldsTable .table tr.active{
    box-shadow: 0px 1px 10px rgba(255, 126, 6, 0.08);
    background: #FFFFFF;
    border: 1px solid rgba(255, 126, 6, 0.1);
    box-sizing: border-box;
}

.customDashboardTable td{
    border: 0 !important;
}

.mobileSideBarToogle{
    display: none;
}
.mylisting .customDashboardTable .custom-control-label{
    font-weight: 400;
    font-size: 14px;
}
.mylisting .customDashboardTable tr td .dropdown .dropdown a button {
    padding: 0;
}
.mylisting table.customDashboardTable th {
    border: 0;
    vertical-align: middle;
}
.css-yxeh5r-singleValue {
    color: #4a4a4a !important;
}
.css-vfgybp-IndicatorsContainer { 
    height: 46px !important
    ;
}
.saveInput .d-flex .invalid-feedback {
    margin: 0px !important;
    align-items: center;
    display: flex;
    max-height: 50px;
    padding-left: 20px;
    border: 1px solid;
    border-left: 0;
    border-radius: 0 !important;
}
.label-add-category {
    padding: 16px 12px;
    min-width: 130px;
}
.p-33{
    padding:14px 33px 33px;
}
.p-14{
    padding:14px 33px ;
}
.css-tlfecz-indicatorContainer svg , .css-vfgybp-IndicatorsContainer svg,   .css-1p1cok9 > div {
    display : none !important;
}
.css-1okebmr-indicatorSeparator { 
    display: none;
}
.css-1g6gooi div input {
    height: auto !important;
}
.css-vfgybp-IndicatorsContainer,  .css-1p1cok9 > span{
    height: 46px !important;
    background-image: url(../images/select-dropdown.svg);
    width: 30px !important;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999999;
    position: relative;
    display: block;
    background-color: transparent !important;
    background-position: center !important;
    padding: 0;
    margin: 0;
}

.fontfammedium{
    font-family: 'product_sans_mediumregular';
}
.catpopup .position-absolute {
    border: 0;
    bottom: 1px;
    right: 0;
}
.saveInput{
    position: relative;
}
.catpopup .invalid-feedback {
    position: absolute;border-radius: 0px 4px 4px 0px;

}
.modal-header .close {
    background-image: url('/assets/images/cross.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    color: transparent !important;
    z-index: 999999;
    position: relative; 
}
.modal-header .close span{
    display: none;
}
.cat-firsttd th:first-child , .cat-firsttd td:first-child {
    text-align: center;
}
.listingTableHeader div label {
    font-weight: 500 !important;
  color: #4a4a4a;
    font-size: 14px;
}
.listingTableHeader .dropdown-menu {
    font-size: 14px;
    font-weight: 400;
}
.listingTableHeader div .dropdown label{
    cursor: pointer;
}
.shortListedDropdown .dropdown-menu.show {
    transform: none !important;
    right: 0 !important;
    left: auto !important;
    top: 100% !important;
}
p.error {
    color: red;
    font-size: 12px;
    position: absolute;
}
.astrik{
    color: red;
}
.rdt_TableRow > div{
    padding-right: 8px !important  ;
    padding-left: 8px !important;
    font-size: 14px;
}

/***responsive****/

@media only screen and (max-width: 1199px){
    .p-6 {
        padding: 16px !important;
    }
    .categoryListingTable th, .categoryListingTable td {
        /* border: 0 !important; */
        padding: 14px 18px;
    }
    /* .categoryListingTable{
        overflow-x: auto;
    } */
}



@media only screen and (max-width: 1024px){
    
    .dashContentHeader {
        margin-bottom: 45px;
    }
    .mainContentWrapper {
        padding: 26px 20px 73px;
        flex: 1;
        margin-left: 252px;
    }
    .dashboardCard .card-text {
        font-size: 48px;
        line-height: 48px;
    }
    .addNewRow {
        margin-left: 20px;
    }
}


@media only screen and (max-width: 991px){
    .mobileSideBarToogle{
        display: block;
    }

    .sideBar.slideSideBar {
        width: 220px;
        z-index: 99;
        left: 0;
        position: fixed;
    }
    .categoryFieldsTable .table{
        width: 991px;
    }
    .categoryListingTable table, .customDashboardTable{
        width: 1024px;
    }
    .listingTable .customDashboardTable{
        width: 1366px;
    }
    .addNewRow {
        margin-left: 0px;
    }
    .sideBar {
        width: 220px;
        left: -220px;
    }
    .side-navbar li a span {
        margin-left: 16px;
    }
    .mainContentWrapper {
        margin-left: 0 !important;
    }

    .bodySideBar:before {
        position: absolute;
        content: "";
        background: rgba(0, 0, 0, 0.7);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99;
    }

    .dashContentHeader {
        margin-bottom: 35px;
    }
    .notificationCol .media {
        padding: 8px;
    }
    .categoryListingTable .table tr th:first-child{
        width: 80px !important;
    }
    .dashHeading {
        font-size: 20px;
        line-height: 22px;
    }
    body .modal-dialog{
        max-width: 95% !important;
        margin: 50px auto auto;
    }

}

@media only screen and (max-width: 768px){
    
}


.mobileSideBarToogle {
    display: block;
    z-index: 9999;
    position: relative;
}



.open{display:none; margin: 20px;}

@media only screen and (min-width: 220px) and (max-width: 990px) {
  .open{display:block;}
  .sideBar.position-fixed {
      position: unset !important;
  }
  .mainContentWrapper {
      margin-left: 0 !important;
  }


}


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 0px;
}

.sidenav a {
  padding: 8px 8px 8px 0px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: inline-block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}


button.sub-button[type=submit] {
    min-width: 121px;
}
.invalid-feedback { 
    margin-top: 0px;  
    position: absolute;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

li.nav-item {
    cursor: pointer;
}