.ui-autocomplete {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100px;
}

.calNameBtn {
    display: none !important;
}

::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-left: 50px;
    /*background-color:red;*/
    margin-left: 50px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6d6d6d;
    padding-top: 50px;
}

::-webkit-scrollbar {
    width: 10px;
}

.floatRight {
    float: right;
}

.MN_h4 {
    display: inline;
}

.line {
    height: 1px;
    flex: 1;
    background-color: #EFEFEF;
    margin-bottom: 5px;
    margin-top: 5px;
}

.modalHeaderText {
    font-size: 13pt;
}

.lblFieldLabel {
    font-weight: bold;
    margin-top: 10px !important;
}

.thExcelFilter .fa-filter {
    display: none !important;
}

.fa .fa-list {
    pointer-events: none;
}


.lblNoShare{
    text-align:center;
}

.fa-arrow-up, .fa-arrow-down {
    padding-top: 20px;
}

.pb-5{
    padding-bottom:5px;
}

.w3-modal-content {
    border-radius: 6px !important;
}

.lblFieldLabel {
    font-weight: bold;
    margin-top: 10px !important;
}

.lblBold_Myprfl{
    padding-top:10px;
}
.lblPadding {
    font-weight: bold;
    padding-top: 6px;
}

/*.container_header {
    background-color: darkgreen;
    padding-bottom: 10px;
}*/




/* ======================================= RESPONSIVENESS ========================================*/

@media screen and (max-width: 1920px) {
    @media screen and (max-height: 1080px) {
        @media screen and (max-height: 960px) {
            .fixTableHead_BDG {
                overflow-y: auto;
                height: 740px;
            }

            @media screen and (max-height: 925px) {
                .fixTableHead_BDG {
                    overflow-y: auto;
                    height: 440px;
                }
            }
        }
    }
}


@media screen and (max-width: 1920px) {

    @media screen and (max-height: 1080px) {
        @media screen and (max-height: 960px) {
                /*============================================== DISPATCH MANAGEMENT ==============================================*/

div#mdActivateUser .w3-modal-content {
    width: 1875px;
    height:820px; 
}
.container_DM {
    width: 100px;
    background-color: white;
    display: flex;
    flex-direction: column;
    width: auto;
    padding:8px;
}
.container__footer_DM {
     width: 1850px;
}
.container__content_DM {
    background-color: white;
    height: 695px;
    overflow-y: scroll;
    width: auto;
    padding-right: 8px;
      overflow-x:hidden !important;
}
.container_header_DM {
    background-color: darkgreen;
    padding-bottom: 10px;
}
        }
    }

        /*============================================== DISPATCH MANAGEMENT ==============================================*/

div#mdActivateUser .w3-modal-content {
    width: 1875px;
    height:820px; 
}
.container_DM {
    width: 100px;
    background-color: white;
    display: flex;
    flex-direction: column;
    width: auto;
    padding:8px;
}
.container__footer_DM {
     width: 1850px;
}
.container__content_DM {
    background-color: white;
    height: 695px;
    overflow-y: scroll;
    width: auto;
    padding-right: 8px;
      overflow-x:hidden !important;
}
.container_header_DM {
    background-color: darkgreen;
    padding-bottom: 10px;
}
}

@media screen and (min-width: 1370px) 
{ 
    div#mdActivateUser .w3-modal-content {
    width: 1875px;
    height:820px; 
}
.container_DM {
    width: 100px;
    background-color: white;
    display: flex;
    flex-direction: column;
    width: auto;
    padding:8px;
}
.container__footer_DM {
     width: 1850px;
}
.container__content_DM {
    background-color: white;
    height: 695px;
    overflow-y: scroll;
    width: auto;
    padding-right: 8px;
      overflow-x:hidden !important;
}
.container_header_DM {
    background-color: darkgreen;
    padding-bottom: 10px;
}
}

@media only screen and (max-width: 1605px) {
        div#mdActivateUser .w3-modal-content {
    width: 1875px;
    height:820px; 
}
.container_DM {
    width: 100px;
    background-color: white;
    display: flex;
    flex-direction: column;
    width: auto;
    padding:8px;
}
.container__footer_DM {
     width: 1850px;
}
.container__content_DM {
    background-color: white;
    height: 695px;
    overflow-y: scroll;
    width: auto;
    padding-right: 8px;
      overflow-x:hidden !important;
}
.container_header_DM {
    background-color: darkgreen;
    padding-bottom: 10px;
}
}

@media screen and (max-width: 1920px) {

    @media screen and (max-height: 1080px) {
        div#mdActivateUser .w3-modal-content {
    width: 1875px;
    height:820px; 
}
.container_DM {
    width: 100px;
    background-color: white;
    display: flex;
    flex-direction: column;
    width: auto;
    padding:8px;
}
.container__footer_DM {
     width: 1850px;
}
.container__content_DM {
    background-color: white;
    height: 695px;
    overflow-y: scroll;
    width: auto;
    padding-right: 8px;
      overflow-x:hidden !important;
}
.container_header_DM {
    background-color: darkgreen;
    padding-bottom: 10px;
}
    }
}

/* ========== FOR LAPTOPS =========*/

@media only screen and (max-width:1536px) {
    @media only screen and (max-height:768px) {
        /*============================================== DISPATCH MANAGEMENT ==============================================*/

div#mdActivateUser .w3-modal-content {
    width: 1300px;
    height:520px; 
}
.container_DM {
    width: 1300px;
    background-color: white;
    display: flex;
    flex-direction: column;
    width: auto;
    padding:8px;
}
.container__footer_DM {
     width: 1260px;
}
.container__content_DM {
    background-color: white;
    height: 415px;
    overflow-y: scroll;
    width: auto;
    padding-right: 8px;
      overflow-x:hidden !important;
}
.container_header_DM {
    background-color: darkgreen;
    padding-bottom: 10px;
}
    }
}

/*TABLETS*/
@media only screen and (max-width:1024px) {
    @media only screen and (max-height:768px) {
        /*============================================== DISPATCH MANAGEMENT ==============================================*/

div#mdActivateUser .w3-modal-content {
    width: 1300px;
    height:520px; 
}

div#mdGroup .w3-modal-content {
    height:520px !important; 
}

.container_DM {
    width: 1300px;
    background-color: white;
    display: flex;
    flex-direction: column;
    width: auto;
    padding:8px;
}

.container__footer_DM {
     width: 1260px;
}

.container__content_DM {
    background-color: white;
    height: 415px;
    overflow-y: scroll;
    width: auto;
    padding-right: 8px;
      overflow-x:hidden !important;
}

.container_header_DM {
    background-color: darkgreen;
    padding-bottom: 10px;
}

    }

}

@media only screen and (max-width:1536px) {
    @media only screen and (max-height:668px) {
        /*============================================== DISPATCH MANAGEMENT ==============================================*/

div#mdActivateUser .w3-modal-content {
    width: 1200px;
    height: 480px !important;
}

div#mdGroup .w3-modal-content {
    height: 480px !important;
}

.container_DM {
    width: 1200px;
    background-color: white;
    display: flex;
    flex-direction: column;
    width: auto;
    padding:8px;
}

.container__footer_DM {
     width: 1187px;
}
.container__content_DM {
    background-color: white;
    height: 370px;
    overflow-y: scroll;
    width: auto;
    padding-right: 8px;
      overflow-x:hidden !important;
}
.container_header_DM {
    background-color: darkgreen;
    padding-bottom: 10px;
}
    }
}