.topBarbase {
    background-color: #ddd;
    position: relative;
    z-index: 1000;
    width: 100%;
}

.notificationIconbase {
    text-align: right;
    padding-top: 0px;
    height: 32px;
    border-left: 1px gray solid;
    margin-top: 5px;
    float: right;
    width: 100%;
    display: flex;
    justify-content: right;
    align-items: center;
}

.logOuticonbase {
    text-align: left;
    padding-top: 6px;
    min-height: 30px;
    line-height: 30px;
}

.logoCarrier {
    border-right: 1px #877 solid;
    height: 32px;
    margin: 5px 0px;
    text-align: center;
}

.companyLogo {
    padding-top: 5px;
    float: left;
    width: 25%;
    text-align: -webkit-right;
    text-align:right
}

.logoCarrier img {
    max-width: 120px;
}

.companyLogo img {
    max-width: 85px !important;
}

.companyName {
    float: right;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-right: 1px #877 solid;
    min-height: 32px;
    margin: 5px 0px;
    text-align: -webkit-left;
    padding-bottom: 5px;
    padding-top: 8px;
    padding-right: 5px;
    font-size: 12px;
    height: 32px;
    padding-left: 8px;
    cursor:pointer;
}

.scroll {
    width: 80%;
    margin: 5px auto;
    height: 40px;
    border: 1px #877 solid;
    border-radius: 40px;
}

.social-circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    padding-top: 0px;
    color: #FFFFFF;
    margin: 0px 3px 0px 3px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    line-height: 25px;
}

.circle-color-alert {
    background-color: red;
}
.circle-color2 {
    background-color: #8ada55;
}

.circle-color1 {
    background-color: #0069b4;
}

.circle-color3 {
    /*background-color: #ff9900;*/
    background-color: #ff756a;
}

.circle-color4 {
    background-color: #999999;
}

.circle-color5 {
    background-color: #2196f3;
}


.alertIconon{
    opacity:1
}
.alertIconoff{
    opacity:0
}
.out {
    cursor: pointer;
    text-align: left;
    font-size: 16px;
}

    .out:hover {
        cursor: pointer;
        color: red;
    }


.NormalMode{display:block;}
.SearchMode{display:none;}




.notoficationCircle {
    width: 22px;
    height: 22px;
    background-color: #e83232;
    color: white;
    border-radius: 50%;
    text-align: center;
    font-size: 9px;
    position: absolute;
    top: -6px;
    right: -12px;
    line-height: 22px;
    font-weight: 700;
    z-index: 500;
}

.profileImg {
    width: 25px;
    height: 25px;
    background-color: none;
    border-radius: 50%;
    margin-top: 7px;
    display: inline-block;
}

    .profileImg img {
        /*width: 45px;
	height: 45px;
	background-color:none;
	border-radius: 50%;*/
        width: 30px;
        height: 30px;
        background-color: none;
        border-radius: 50%;
    }

.logedUser {
    font-size: 12px;
    display: block;
}

.logedName{text-align:right;padding-top: 5px;overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    white-space: nowrap;}
.logedDesig{text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    white-space: nowrap;}


/* Left Side Menu Css  */
.menuDropHolder .panel-group .panel + .panel {
    margin-top: 0px !important;
}

.menuDropHolder .panel-group .panel {
    margin-bottom: 1px;
    border-radius: 0px;
}

.menuDropHolder .panel {
    margin-bottom: 20px;
    background-color: #fbfbfb;
    border: 0px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.menu-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #FFFFFF;
    margin: 0px 5px 0px 5px;
    font-size: 14px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 30px;
}

.pageTitleholder {
    width: 80%;
    float: left;
    height: 50px;
}

.formSearchBase {
    width: 20%;
    float: right;
    height: 50px;
    padding-right: 20px;
    text-align: right;
}

.dataContainer {
    background-color: #fdfcfc;
    padding: 0px 10px;
}










.downLogo {
    text-align: center;
    padding: 12px 0px;
    background-color: #d3eef5;
    position: absolute;
    bottom: 45px;
    width: 100%;
    transition: all 0.4s ease-in-out;
}

.downLogoshifter {
	bottom:135px;
}


/* Body Wrapper Css*/
.bodyWrapper {
    position: relative;
    overflow-x: hidden;
    margin: 0 auto;
    width: 100%;
}

.leftSideWrapper {
    width: 15.7%;
    height: 100vh;
    background-color: #13abd6;
    float: left;
    position: fixed;
    /*transition: all 0.2s ease-in-out;*/
    overflow: hidden;
    margin-left: 0%;
}

.FormWrapper {
    width: 84.3%;
    min-height: 100vh;
    background-color: #fbfbfb;
    float: right;
    transition: all 0.2s ease-in-out;
}

.leftSideWrapperClose {
    width: 15.7%;
    margin-left: -15.7%;

}
.FormWrapperFull {
    width: 100%;
}

.menuDropHolder {
    width: 100%;
    height: auto;
}

.hclose {
    display: none;
}

.Headertoggle {
    display: none;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    background-color: #bbc1c1;
    vertical-align: -webkit-baseline-middle;
    cursor: pointer;
}

.captionBar {
    height: 50px;
    background-color: gray;
    position: fixed;
    width: 83.6%;
    z-index: 900;
    transition: all 0.2s ease-in-out;
}

.PageTitle {
    margin-left: 30px;
    padding-top: 12px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
}

.panelSearch {
    width: 35px;
    height: 35px;
    background-color: silver;
    text-align: -webkit-center;
    line-height: 35px !important;
    color: white;
    margin-top: 7px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .panelSearch:hover {
        background-color: orange;
    }

.captionBarfull {
    height: 50px;
    background-color: gray;
    position: fixed;
    width: 100%;
    z-index: 900;
    transition: all 0.2s ease-in-out;
}

.formborder {
    border: 1px solid #c0bebe;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 10px 10px 20px 10px;
    margin-top: 15px;
    margin-bottom: 100px;
    min-height: 180px;
}

.microPH {
    cursor: pointer;
    width: 50px;
    height: 50px;
    text-align: -webkit-center;
    line-height: 50px !important;
    background-color: #a9a9a99c;
    border-radius: 50%;
}

.mCSB_inside > .mCSB_container {
    margin-right: 5px;
}


.minbartop {
    background-image: none !important;
    background-size: 100% 100%;
    float: left !important;
    display: block !important;
    height: 46px !important;
    width: 35px !important;
    margin-left: -1.0% !important;
    background-color: orange !important;
    text-align: -webkit-center !important;
    line-height: 46px !important;
    color: #fff !important;
    font-size: large !important;
}

.theme-config{top:48px;}
.row.formhead .col-sm-4.iconmargin.text-center {width: 20%;text-align:right;}


.headbar a:hover, .headbar a:focus {
    color: #fff;
    text-decoration: none;
}

.sliderHack{background-image:none !important;height:auto!important}


.accordion .panel {
    margin-bottom: 0px;
    border-radius: 0;
    border-bottom: 1px solid #efefef;
}

.panel-group .panel + .panel {
    margin-top: 0px;
}

.btn-icon-search, .btn-icon {
    font-size: 12px;
}

/*For Layout test Only Start */
/*if the client need to stratch the page on full screen remove this section*/

/*.bodyWrapper{max-width:1366px;position:relative;overflow-x:hidden;margin:0 auto;}
.leftSideWrapper{width: 228px;float: left;background-color: aliceblue;position: fixed;z-index: 500;height: 100vh;margin-left: 0%;margin-top:44px;transition: all 0.2s ease-in-out;}
.FormWrapper{width: 1137px;float: right;background-color: #fff;min-height: 100vh;margin-left: 0px;transition: all 0.2s ease-in-out;margin-top:44px;}
.topBarbase {background-color: #ddd;position: fixed;z-index: 1000;width:1366px;}
.captionBar {height: 50px;background-color: gray;position: fixed;width:1105px;z-index: 900;transition: all 0.2s ease-in-out;}
.leftSideWrapperClose{width:200px;margin-left:-200px;position:absolute;}
.FormWrapperFull{width:100%;background-color:#fff;min-height:100vh;margin-left:0%;transition:all 0.2s ease-in-out}
.captionBarfull{height: 50px;background-color: gray;position: fixed;width: 1352px;z-index: 900;transition: all 0.2s ease-in-out;}*/






    .pageyScroll{overflow-y:hidden;}
    .bodyWrapper{width:100%;}
    .leftSideWrapper{width:16.5%;float:left;background-color:aliceblue;position:fixed;z-index:500;height:100vh;margin-left:0%;margin-top:44px;transition:all 0.2s ease-in-out;background-image:url(../../Images/LayoutPageLeft.png);background-repeat:no-repeat;background-size:cover;}
    .FormWrapper{width:83.5%;float:left;background-color:#fff;min-height:100vh;margin-left:16.5%;transition:all 0.2s ease-in-out;margin-top:44px}
    .leftSideWrapperClose{width:16.5%;margin-left:-16.5%;position:fixed;transition:all 0.2s ease-in-out;}
    .FormWrapperFull{width:100%;float:left;background-color:#fff;min-height:100vh;margin-left:0%;transition:all 0.2s ease-in-out}
    .topBarbase {background-color: #ddd;position:fixed;z-index: 1000;width: 100%;background-image:url(../../Images/LayoutTopbar.png);background-repeat:no-repeat;background-size:cover;}
    .captionBar {height: 50px;background-color: gray;position: fixed;width: 83.6%;z-index: 900;transition: all 0.2s ease-in-out;}
    .captionBarfull{height: 50px;background-color: gray;position: fixed;width:100%;z-index: 900;transition: all 0.2s ease-in-out;}

/* Newly Added Css For 2024 Layout Updation Start */

.homeIconTop{
    font-size: 16px;
    cursor: pointer;
    background-color: #12af7c;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    color: #fff;
    margin: 0px 3px 0px 3px;
}

.homeIconTop i {
    color:#fff;
}


/* Alert Notification Box */
.DropNotificationBox {
    width: 240px;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #f9f9f9;
    z-index: 10000;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(143,143,143,1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(143,143,143,1);
    box-shadow: 0px 0px 13px 0px rgba(143,143,143,1);
}

.AlertNotificationBox {
    width: 140px;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #f9f9f9;
    z-index: 10000;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(143,143,143,1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(143,143,143,1);
    box-shadow: 0px 0px 13px 0px rgba(143,143,143,1);
}

#triangle-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    position: absolute;
    top: -10px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.notification-inner-div {
    width: 95%;
    margin: 10px auto;
    background-color: #f5f5f5;
}


/*-------------------------------------*/

.menuDropHolder .panel-title {
    cursor: pointer
}

.menuDropHolder .panel-body {
    padding: 5px !important
}

.menuDropHolder .panel-group {
    margin-bottom: 0px;
}

.menuDropHolder .panel-body ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.menuDropHolder .panel-body ul li {
    list-style-type: none;
    margin: 0px 0px 1px 0px;
    padding: 8px 5px;
    background-color: #dedede;
    transition: all 0.2s ease-in-out;
}

.menuDropHolder .panel-body ul li:hover {
    background-color: aliceblue;
}

.menuDropHolder .panel-body ul li a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
}

.menuDropHolder .panel-body ul li a:hover {
    text-decoration: none;
    display: inline-block;
    width: 100%;
}

.nav > li > a {
    position: relative;
    display: block;
    padding:2px бpx;
}

.autoheight{
    height:auto;
}

.scrollheight {
    overflow-y: scroll;
    height: 420px;
}


.selectallpatch {
    /*padding: 3px 15px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 10px;
    border: 1px #dbcccc solid;*/
}

.selectallspan {
    display: inline-block;
    background-color: #ffffff;
    padding: 8px 5px;
    width: 83%;
}


#FormContent .tablepanel {
    width: 100%;
    margin: auto !important;
    max-height: 350px !important;
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
    padding: 0px 5px;
}

#FormContent .tablepanel .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
}


.displaylief ul li {
    margin: 0px;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: relative;
    min-height: 85px;
    display: flex;
    justify-content: flex-start;
    counter-increment: random-counter;
    min-height:100px;
}


.displaylief ul li::before {
    content: counter(random-counter);
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: #607D8B;
    z-index: 100;
    text-align: center;
    line-height: 22px;
    top: 0px;
    left: 0px;
    color: #fff;
    font-size: 9px;
    box-shadow: 0 2px 4px rgb(213 213 213);
}

.cornerCheck {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #f5f5f5;
    text-align: center;
    top: auto;
    bottom: auto;
    left: 2px;
    line-height: 29px;
    margin: auto;
}

/*css Updation Data 30-12-2023*/


.quicknotes {
    padding: 5px;
    background-color: #ffff01;
    width: 70%;
    margin: 0 auto;
    margin-top: 7px;
    position: absolute;
    right:0px;
    left:0px;
    font-weight: 800;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        cursor: pointer;
    z-index: 1000;
    font-size:11px;
    }
.quicknotes i{
    font-weight: bold;
    color: black;
        font-size: 12px;
    }

.quicknotes:hover {
    background-color: #ffe500;
    transition: all ease-in-out 0.2s linear;
    }


/*Css Updation End Date 30-12-2023*/






/* For Webkit Browsers (Chrome, Safari) */
ul.tablepanel::-webkit-scrollbar {
    width: 5px; /* Set the width of the scrollbar */
}

ul.tablepanel::-webkit-scrollbar-thumb {
    background-color: #3498db; /* Set the color of the scrollbar thumb */
    border-radius: 4px; /* Set the border radius of the scrollbar thumb */
}

ul.tablepanel::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Set the color of the scrollbar track */
}

/* For Firefox */
ul.tablepanel {
    scrollbar-width: thin; /* Set the width of the scrollbar */
}

    ul.tablepanel::-webkit-scrollbar-thumb {
        background-color: #3498db; /* Set the color of the scrollbar thumb */
    }

    ul.tablepanel::-webkit-scrollbar-track {
        background-color: #f1f1f1; /* Set the color of the scrollbar track */
    }


.popover .tablepanel {
    width: 100%;
    margin: auto !important;
    max-height: 350px !important;
    height: auto !important;
    overflow-y:auto;
    overflow-x:hidden !important;
    padding: 0px 5px;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 459px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #526993;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}


.popover-content {
    padding: 9px 6px;
}

.navbar-top-links {
    padding: 0px 5px;
    padding-bottom: 10px;
}

.popover .nav > li > a:hover,
.popover .nav > li > a:focus {
    text-decoration: none;
    background-color: #b4dfff;
    border-radius: 5px;
}

.popover .nav > li {
    position: relative;
    display: block;
    background-color: #fffef3;
    margin-bottom: 5px;
    border-radius: 4px;
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #a7a7a7;
    border-bottom: 1px solid #9d9797;
    border-radius: 5px;
    width: 95%;
    margin: 0 auto;
    margin-top: 10px;
    color: #fff;
    text-align: center;
}

.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #526993;
}


#UlNotific .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 5px !important;
}


#UlNotific .fa-check-circle {
    display: none;
}

#UlNotific .LastUpdatedlabel {
    border-bottom: 1px #551313 solid;
}

#UlNotific .lastupdatedtime {
    color: #551313;
}

.countpatch {
    width: 30px;
    height: 25px;
    background-color: #0088cc;
    text-align: center;
    line-height: 25px;
    border-radius: 15%;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
}


.round-div {
    width: 50px;
    height: 50px;
    background-color: lightgreen;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 261px;
    margin: auto;
    left: 0;
    right: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adjust shadow as needed */
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
    display:none;
}

    /* Adjust the color and size of the icon as needed */
    .round-div i {
        font-size: 24px;
        color: #ffffff; /* White color for the icon */
    }

    .round-div:hover {
        background-color: #178585; /* Change color on hover */
    }

.popover {
    width: 500px !important; /* Adjust the maximum width as needed */
}

    .popover.bottom > .arrow {
        top: -11px;
        left: 60%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0,0,0,.25);
    }
/* Layout Updation 02-01-2024 start */

.modal-header-company-selection {
    padding: 9px 15px;
    background-image:url(../../Images/PopupHeaderBG.png);
    background-repeat:no-repeat;
    background-size:cover;
}

.Quickmsgbox {
    width: 90%;
    padding: 5px 5px;
    background-color: #6eb4d1;
    position: absolute;
    margin: auto;
    bottom: 150px;
    z-index: 1000;
    left: 0;
    right: 0;
    border-radius: 5px;
    color: #0a1a4a;
    text-align: center;
    cursor: text;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;	
}


.msgClose {
    background: #082b44;
    border-radius: 50%;
    color: #fff;
    width: 21px;
    height: 21px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    font-weight: 700;
    border: 1px #5099c7 solid;
    cursor: pointer;
    right: 11px;
    margin: auto;
    position: absolute;
}

.msgClose:hover{
    background-color:#03628d;
} 

.Quickmsgboxdata {
    background-color: #fff;
    padding: 10px;
    color: black;
    margin: 5px;
    border-radius: 5px;
    text-align: left;
    cursor: text;
}

.Quickmsgbox i {
    font-size: 18px;
}

/* Layout Updation 02-01-2024 end */


/* Layout Updation 03-01-2024 Start */

.skin-1 .leftSideWrapper{background-image:url(../../Images/LayoutPageLeftGreen.png);background-repeat:no-repeat;background-size:cover;}
.skin-1 .topBarbase {background-image:url(../../Images/LayoutTopbarGreen.png);background-repeat:no-repeat;background-size:cover;}

.skin-2 .leftSideWrapper{background-image:url(../../Images/LayoutPageLeftOrange.png);background-repeat:no-repeat;background-size:cover;}
.skin-2 .topBarbase {background-image:url(../../Images/LayoutTopbarOrange.png);background-repeat:no-repeat;background-size:cover;} 

.skin-3 .leftSideWrapper{background-image:url(../../Images/LayoutPageLeftBurgandy.png);background-repeat:no-repeat;background-size:cover;}
.skin-3 .topBarbase {background-image:url(../../Images/LayoutTopbarBurgandy.png);background-repeat:no-repeat;background-size:cover;} 

.skin-4 .leftSideWrapper{background-image:url(../../Images/LayoutPageLeftGray.png);background-repeat:no-repeat;background-size:cover;}
.skin-4 .topBarbase {background-image:url(../../Images/LayoutTopbarGray.png);background-repeat:no-repeat;background-size:cover;}


.skin-1 .accordion-heading {border-bottom: 1px solid #31891c}
.skin-2 .accordion-heading {border-bottom: 1px solid #cd8419}
.skin-3 .accordion-heading {border-bottom: 1px solid #d10c5d}
.skin-4 .accordion-heading {border-bottom: 1px solid #7e7e7e}


.skin-1 .Quickmsgbox {color: #fff;background-color: #a8c333;}
.skin-1 .msgClose {background: #1d890a;}
.skin-1 .msgClose:hover {background-color: #0dc132;}


.skin-2 .Quickmsgbox {background-color: #be790d;color: #fff;}
.skin-2 .msgClose {background: #b13605;border: 1px #760505 solid;}
.skin-2 .msgClose:hover {background-color: #8d0909;}


.skin-3 .Quickmsgbox {background-color: #70193d;color: #fff;}
.skin-3 .msgClose {background: #fb3587;border: 1px #760505 solid;}
.skin-3 .msgClose:hover {background-color: #c13109;}


.skin-4 .Quickmsgbox {background-color: #423c3f;color: #fff;}
.skin-4 .msgClose {background: #878787;border: 1px  #2c2525 solid;}
.skin-4 .msgClose:hover {background-color: #1e1c1c;}




.skin-1 .modal-header-company-selection {background-image:url(../../Images/PopupHeaderBGSk1.png);}
.skin-2 .modal-header-company-selection {background-image:url(../../Images/PopupHeaderBGSk2.png);}
.skin-3 .modal-header-company-selection {background-image:url(../../Images/PopupHeaderBGSk3.png);}
.skin-4 .modal-header-company-selection {background-image:url(../../Images/PopupHeaderBGSk4.png);}

/* Layout Updation 03-01-2024 End */


/* Approval Page Updation Css 05-01-2024 start */


.displaylief ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.displaylief ul li {
    margin: 0px;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: relative;
}

.liefDiv {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.liefDiv .numbadge {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    cursor: pointer;
    box-shadow: rgb(102 98 104) 0px 3px 4px 0px;
    text-align:center;
    border-radius:50%;
}

.liefDivinnerLeft {
    width: 8%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.liefDivinnerLeft i {
    cursor: pointer;
}

.liefDivinnerRight {
    width: 92%;
    display: flex;
    flex-wrap: wrap;
}

.partDiv {
    padding: 5px 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    flex-wrap:wrap;
}

.partDiv p, .EMPpartDiv p {
    margin-bottom: 3px;
    cursor: auto !important;
}

.partDiv .label {
    font-size: 100%;
    font-weight: normal;
}

.partDiv .empIcon {
    font-size: 18px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    background-color: burlywood;
}

.partDiv a {
    color: #fff;
    font-style: italic;
}

.cmp {
    font-size: 14px !important;
    color: darkred;
    background-color: lightcoral !important;
}

.partDiv .numbadge {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
}

.partDiv > p:first-child {
    color: red;
    font-weight: 600;
}

.label2 {
    background-color: #37afac;
}

.label1 {
    background-color: #2196f3;
    text-decoration: underline;
}

.liefDiv .description {
    font-style: italic;
    border-top: 1px #ddd4d4 solid;
}

.cornerCheck {
    position: absolute;
    width: 25px;
    height: 25px;
    text-align: center;
    top: 0px;
    bottom:0px;
    left: 2px;
    line-height: 29px;
    margin:auto;
}

.cornerCheck input[type="checkbox"] {
    margin: 0 auto !important;
    float: none;
    z-index: 9999 !important;
}

.togglePannelApproval {
    background-color: #fff;
    background-color: #efefef;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: relative;
    padding: 15px;
}

.headerpatch1 {
    background-color: #607D8B;
    border-radius: 4px 4px 0px 0px;
    padding: 3px 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-weight: 600;
    display: flex;
    justify-content: start;
    cursor: pointer;
    color:#fff;
}
.approvalheaderleft{
    width:50%;
    display:flex;
    justify-content:start;
}

.approvalheaderright {
    width: 50%;
    display: flex;
    justify-content:end;
    padding-right:10px;
    align-items:center;
}

.approvalheaderright i {
    font-size: 16px;
    cursor: pointer;
    transition: all ease-in-out 0.2s linear;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius:50%;
}

.approvalheaderright i:hover {
    font-size: 17px;
}
    
.searchpatch1{
    width:100%;
    margin:0 auto;
    border-radius:0px 0px 5px 5px;
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);
    padding:10px;
    background-color:#fff;
    margin-bottom:10px;
}
.selectAllCheckbox {
    padding: 1px 5px;
    background-color: #fff;
    display: inline-block;
    margin-right: 10px;
    border-radius: 2px;
    color:#000;
}
.displaylief ul li:last-child {
    margin-bottom:0px;
}
    
.approvalSortheaderleft {
    width: 50%;
    display: flex;
    justify-content: start;
}

.approvalSortheaderright {
    width: 50%;
    display: flex;
    justify-content: end;
    padding-right: 10px;
    align-items: center;
}

.approvalSortheaderright i {
    font-size: 16px;
    cursor: pointer;
    transition: all ease-in-out 0.2s linear;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 50%;
}

.approvalSortheaderright i:hover {
    font-size: 17px;
}


    /*----------------------------------*/


    .approvalResultHeaderleft{
        width: 50%;
        display: flex;
        justify-content: start;
    }

    .approvalResultHeaderright {
        width: 50%;
        display: flex;
        justify-content: end;
        padding-right: 10px;
        align-items: center;
    }

    .approvalResultHeaderright i {
        font-size: 16px;
        cursor: pointer;
        transition: all ease-in-out 0.2s linear;
        color: #fff;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        border-radius: 50%;
    }

    .approvalResultHeaderright i:hover {
        font-size: 17px;
    }



/* Approval Page Updation Css 05-01-2024 End  */


/*Alert Page Updation CSS 05-01-2024 start */



.alertPatch {
    width: 90%;
    margin: 0 auto;
    min-height: 60vh;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.alertHeader {
    display: flex;
    justify-content: flex-start;
    text-align: center;
    /*padding: 10px;*/
    width: 100%;
    box-shadow: rgb(0 0 0 / 22%) 0px 25px 20px -24px;
    border-bottom: 1px #cfcaca solid;
}
.alertHeader .labelpatch{
    display: flex;
    justify-content: flex-start;
    text-align: center;
    padding: 10px;
    width: 50%;
}
.alertHeader .searchpatch {
    display: flex;
    justify-content: flex-end;
    text-align: center;
    padding: 10px;
    width: 50%;
}

.searchpatch .btn {
    font-size: 11px !important;
}

.searchpatch .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 80%;
}


.searchpatch .btn-success {
    color: #fff;
    background-color: #c52626;
    border-color: #b50d01;
}

.alertBody{
    padding:10px;
}

.alerttable {
    border: 1px #edebeb solid;
    border-radius: 5px;
    padding: 5px;
    box-shadow: rgb(0 0 0 / 9%) 0px 3px 12px;
    margin-bottom: 10px;
    display:none;
    overflow-x: auto;
}

.alertLief{
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
    border: 1px #edebeb solid;
    border-radius: 5px;
    padding: 5px;
    box-shadow: rgb(0 0 0 / 9%) 0px 3px 12px;
    margin-bottom: 10px;
}

.alertDescription {
    width: 70%;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 5px;
    background-color: #6bd3f70f;
    border-radius: 4px;
    font-weight: 600;
    border: 1px #aae3ed solid;
}

.alertOther {
    width: 30%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.alertCount {
    width: 35%;
    display: flex;
    justify-content: end;
    align-items: center;
}
.alertNature {
    width: 35%;
    display: flex;
    justify-content: start;
    align-items: center;
    display:none;
}
.exportexel {
    width: 20%;
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
    color: #5d8331;
    transition: all 0.2s ease-in-out;
}

.togglebtn {
    width: 15%;
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
    color: #5d8331;
    transition: all 0.2s ease-in-out;
}

.togglebtn:hover {
    width: 15%;
    font-size: 22px;
}
    
    
.exportexel:hover {
    width: 20%;
    font-size: 22px;
}

.count-align {
    width: 90%;
    background-color: bisque;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    font-weight: 600;
    border: 1px #dfb584ab solid;
}

.ibtnClass {
    width: 25px;
    height: 25px;
    background-color: #00bcd4;
    text-align: center;
    line-height: 27px;
    font-size: 14px;
    border-radius: 50%;
    color: #fff;
    box-shadow: rgb(0 0 0 / 7%) 0px 1px 2px, rgb(0 0 0 / 36%) 0px 2px 4px, rgb(0 0 0 / 7%) 0px 4px 8px, rgb(0 0 0 / 7%) 0px 8px 16px, rgb(0 0 0 / 7%) 0px 16px 32px, rgb(0 0 0 / 7%) 0px 32px 64px;
    transition: all 0.2s ease-in-out;
}

.ibtnClass:hover {
    font-size: 15px;
    background-color: #4caf50;
}


.ExportIcon {
    width: 25px;
    height: 25px;
    background-color: #497cef;
    text-align: center;
    line-height: 27px;
    font-size: 14px;
    border-radius: 50%;
    color: #fff;
    box-shadow: rgb(0 0 0 / 7%) 0px 1px 2px, rgb(0 0 0 / 36%) 0px 2px 4px, rgb(0 0 0 / 7%) 0px 4px 8px, rgb(0 0 0 / 7%) 0px 8px 16px, rgb(0 0 0 / 7%) 0px 16px 32px, rgb(0 0 0 / 7%) 0px 32px 64px;
    transition: all 0.2s ease-in-out;
}



.count-align2 {
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    font-weight: 600;
    background-color: #f1f1f1;
    border: 1px #8080803d solid;
}


.btnPatch{
    padding:10px;
    text-align:center;
    display:none;
}



.pagenumber {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    background-color: #18234F;
    color: #9E8B70;
    margin:0px 5px;
}

.activePage {
    background-color: #9E8B70;
    color: #18234F;
}
.d-none{
    display:none;
}


/*Alert Page Updation CSS 05-01-2024 End */
/* 2024  Layout Css Updation End*/
@media (max-width:1366px) {
.minbartop {margin-left: -1.8% !important;}
    }


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
    .logoCarrier {
        border-right: 1px #877 solid;
        height: 35px;
        margin: 5px 0px;
        text-align: center;
    }

    .companyLogo {
        padding-top: 5px;
        float: left;
        width: 40%;
    }

    .companyName {
        float: right;
        width: 60%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-right: 1px #877 solid;
        min-height: 32px;
        margin: 5px 0px;
        text-align: -webkit-left;
        padding-bottom: 5px;
        padding-top: 10px;
        padding-right: 5px;
        font-size: 12px;
        height: 35px;
        padding-left: 8px;
    }


    .social-circle {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        padding-top: 0px;
        color: #FFFFFF;
    margin: 0px 5px 0px 5px;
        font-size: medium;
        display: inline-block;
        position: relative;
    }

    .logoCarrier img {
        max-width: 125px;
    }

    .scroll {
        width: 80%;
        margin: 5px auto;
        height: 35px;
        border: 1px #877 solid;
        border-radius: 40px;
    }

    .profileImg {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        margin-top: 5px;
        display: inline-block;
    }

        .profileImg img {
            width: 35px;
            height: 35px;
            border-radius: 50%;
        }

    .headbar {
        padding-left: 15px !important;
    }


    .leftSideWrapper {
        width: 20%;
        height: 100vh;
        margin-left: 0%;
    }

    .FormWrapper {
        width: 80%;
        min-height: 100vh;
    }

    .leftSideWrapperClose {
        width: 20%;
        margin-left: -20%;
    }

    .FormWrapperFull {
        width: 100%;
    }


    /*For Layout test Only Start */
   .leftSideWrapper{width:25%;float:left;background-color:aliceblue;position:fixed;z-index:500;height:100vh;transition:all 0.2s ease-in-out;margin-left:0%;margin-top:45px}
   .FormWrapper{width:75%;float:left;background-color:#ffffff;min-height:100vh;margin-left:25%;transition:all 0.2s ease-in-out;margin-top:45px}
   .leftSideWrapperClose{width:25%;margin-left:-25%}
   .FormWrapperFull{width:100%;float:left;background-color:#ffffff;min-height:100vh;margin-left:0%;transition:all 0.2s ease-in-out}
    /*For Layout test Only End */

.headbar {padding-left: 0px !important;}
.theme-config{top:50px;}
.out{cursor: pointer;text-align:-webkit-center;}
.minbartop {margin-left: 0.2% !important;}
    }





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

   .Headertoggle{display: inline-block;}
   .headbar{padding-left:0px !important;}



    .captionBar {
        height: 50px;
        background-color: gray;
        position: fixed;
        width: 100%;
        z-index: 900;
        transition: all 0.2s ease-in-out;
    }

    .social-circle {
        width: 25px;
        height: 25px;
        text-align: -webkit-center;
    }

    .leftSideWrapperClose {
        width: 60%;
        margin-left: 0%;
    }

    .FormWrapperFull {
        width: 100%;
        margin-left: 60%;
        float: inherit;
    }




    .companyLogo {
        padding-top: 5px;
        float: left;
        width: 50%;
        text-align: -webkit-right;
    }

    .companyName {
        float: right;
        width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-right: 0px #877 solid;
        min-height: 32px;
        margin: 0px 0px;
        text-align: -webkit-left;
        padding-bottom: 5px;
        padding-top: 20px;
        padding-right: 5px;
        font-size: 12px;
        height: 41px;
        padding-left: 8px;
    }

    #holder {
        padding-bottom: 10px;
    }

    .hopen {
        display: block;
    }

    /* ----------------------------------------- Old Layout Modified Start------------------------------------------*/

    .headbar {
        padding-left: 0px !important;
    }
    /* ----------------------------------------- Old Layout Modified End------------------------------------------*/

    .profileImg {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-bottom: 3px;
        display: inline-block;
    }


    /*For Layout test Only Start */
.leftSideWrapper{width:80%;margin-left:-80%;position:fixed}
.FormWrapper{width:100%;float:left;min-height:100vh;margin-left:0%;transition:all 0.2s ease-in-out}
.leftSideWrapperClose{width:80%;margin-left:0%;overflow-y:scroll;position:fixed;margin-top:44px}
.FormWrapperFull{width:100%;float:inherit;min-height:100vh;margin-left:80%;transition:all 0.2s ease-in-out}
/*For Layout test Only End */

  .logedUser{display:none}
  .notificationIconbase {text-align:center;}
  .companyName,{border:none}
  .Headertoggle{display:none;}
  .theme-config{top:48px;}
  .out{cursor: pointer;text-align: -webkit-right;}

  .btn-icon-search, .btn-icon {font-size: 11px;}

  .minbartop{margin-left: 0.2% !important;}
    }

@media only screen and (max-width: 414px){
    .Headertoggle{display:inline-block;}
    .logoCarrier {
    border-right: 0px #877 solid;
    height: 41px;
    margin: 5px 0px;
    text-align: -webkit-center;
    }
.logedUser{display:block}
.notificationIconbase {
    text-align: -webkit-center;
    padding-top: 10px;
    border-left:0px;
    justify-content: space-around;
}
.FormWrapper{margin-top:75px}
.leftSideWrapper{margin-top:75px}
/* ----------------------------------------- Old Layout Modified Start------------------------------------------*/
.headbar {
    padding-left: 0px !important;
}
.formhead h1 {
    display: inline-block !important;
    width: 80% !important;
    font-size: 14px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.row.formhead .col-sm-4.iconmargin.text-center {
    text-align: -webkit-left;
}
/* ----------------------------------------- Old Layout Modified End------------------------------------------*/
#topminimize {display: block;}
.theme-config {display: none;}
.out {cursor: pointer;text-align: -webkit-left;}
.quicknotes {
        padding: 5px;
        background-color: #ffff01;
            display:none !important;
    }

    .popover {
        width: 98% !important;
    }
    .round-div{
        display: flex;
        z-index: 2000;
        left: 20px;
        bottom: 0;
        text-align: center;
        margin: initial;
        position: fixed;
    }
    #headerpo{
    padding-bottom:10px;
    padding-top:10px;
    background-image:url('../../Images/LayoutPageLeft.png');
    background-size:cover;
    background-repeat:no-repeat;
    }
.partDiv {
    padding: 5px 10px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: column;
    width: 100%;
    flex-wrap: wrap;
    grid-row-gap: 10px;
}

.cornerCheck {
    left: auto;
    bottom: auto;
    right: 10px;
}
.approvalResultHeaderleft {
    width: 100%;
}
.approvalResultHeaderright {
    width: 0%;
}

.alertLief {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    flex-direction: column;
}

.alertDescription {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
}

.alertOther{
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 0px;
}

.alertCount {
    width: 35%;
    display: flex;
    justify-content: start;
    align-items: center;
}
.exportexel {
    width: 35%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.togglebtn {
    width: 30%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.approvalimg {
    BACKGROUND: #fff url(../images/Approve.png) no-repeat -2px 0;
    background-size: 15% 100%;
    height: auto;
    padding-left:0px !important;	
    padding:10px !important;
}
.alertHeader {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-flow: column;
    padding-bottom: 20px;
}
.alertHeader .labelpatch {
    display: flex;
    justify-content: flex-start;
    text-align: center;
    padding: 10px;
    width: 100%;
}
.alertHeader .searchpatch {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 10px;
    width: 100%;
}
.searchpatch .input-group {
    width: 100%;
}
.togglebtn:hover {
    width: 30%;
    font-size: 22px;
}
.exportexel:hover {
    width: 35%;
    font-size: 22px;
}

}
.screenresizer{
	width: 35px;
    height: 50px;
    position: fixed;
    top: 51px;
    background-color: #FFC107;
    z-index: 1000;
    cursor: pointer;
    text-align: center;
    line-height: 51px;
    font-size: 16px;
    color: #fff;
    }

/* Down menu */
.downMenuHolder{
	width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 5000;
    }
.keying{
	width: 50px;
	height: 25px;
	background-color: red;
	cursor: pointer;
	position: absolute;
	top: -25px;
	right: 10px;
	text-align: center;
	color:#fff;
    padding-top:4px;
}

.keyingSearch{
	width: 30px;
    height: 25px;
    background-color: #FF9800;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: -30px;
        text-align: center;
    color: #fff;
    padding-top: 4px;
    }

.menuItemHolder{
  height:75px;
  background: rgb(38, 81, 109);
  transition: all 0.2s ease-in-out;
  overflow: hidden;
    }

.searchHolderopen{
	right:0px !important;
    }

.menuItemHoldercol{
	height:0px;
    }

/* Slider */

.slick-prev:before {
    content: '<';
    }

.slick-next:before {
    content: '>';
    }

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
.slick-prev {
    left: -35px;
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1.3;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    width: 30px;
    height: 30px;
    background-color: red;
    border-radius: 50%;
        display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    }

.menubox{
	width: 100px;
	height: 100px;
	background-color: lightblue;
    }

.displayWidth{width:80%;margin: 0  auto}

@media only screen and (max-width: 900px) {
	.displayWidth{width:60%;margin: 0  auto}
    }

.mCSB_scrollTools {
    position: absolute;
    width: 5px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_inside > .mCSB_container {
    margin-right: 0px;
}
.slick-slide{
    width: 102px;
    height: 99px;
        text-align: -webkit-center;
    background-color: #2196f345;
    border-right: 1px white solid;
    padding-top:0px;
    }
.slick-slide a{color:white}

#leftmenu h4 {
    font-weight: normal !important;
    font-size: 15px !important;
    margin-bottom: 0px !important;
    display: inline-block;
    padding: 8px 5px;
    background-color: slategray;
    width: 100%;
    color: #fff;
    }
.Quicksearch{
    width: 350px;
    height: 100px;
    position: absolute;
    background-color: #cccccc;
    right: -350px;
    top: 130px;
    transition: all 0.2s ease-in;
    z-index: 3000;
    }

.quickSearchformHolder{
    width: 80%;
    margin:10px auto;
    color:#fff;
    }

.activeDownmenu{
    background-color: #00BCD4;
    }
.minbartop {
    background-image:none !important; 
    background-size: 100% 100%;
    float: left;
        display: block;
    height: 46px;
    width: 35px;
    margin-left: -1%;
    background-color: orange;
    text-align: -webkit-center;
    line-height: 46px;
    color: #fff;
    font-size: large;
    text-align:center;
    }

.midnav-hide-button {
    background-color: #60dac8 !important;
    position: absolute;
    padding: 5px 20px 0px 20px !important;
    border-radius: 0px !important;
    font-size: 16px;
    margin-top: -28px!important;
    color: #fff;
    cursor: pointer;
    z-index: -1 !important;
    right: 60px;
    }

.fixed-buttonbar {
    background-color: #26516d !important;
}
.midnav li a.active {
    background: #366aad !important;
    height: 100px;
    }
.midnav li a {
    border-right: 1px solid #a7a7a7;
    height: 90px;
}
.owl-carousel .owl-wrapper-outer {
    background-color: #2196f345;
}

.accordion .panel {
    margin-bottom: 1px !important;
    border-radius: 0;
    border-bottom: 0px solid #efefef;
    }

.accordion .panel-heading {
    background: none;
    padding: 8px 15px !important;
    }
.skin-1 .navbar {background-color: #188809 !important;}
.skin-1 .owl-carousel .owl-wrapper-outer {background-color: #43a9746b !important;}
.skin-1 .downLogo {background-color: #9ef3b3;}
.skin-1 .midnav-hide-button {background-color: #60dac8 !important;}

.skin-2 .owl-carousel .owl-wrapper-outer {background-color: #bb652b45;}
.skin-2 .downLogo {background-color: #e2c6a1;}
.skin-2 .midnav-hide-button {background-color: #60dac8 !important;}

.skin-3 .minbartop {background-color: #70193d!important}
.skin-3 .owl-carousel .owl-wrapper-outer {background-color: #ce8ea875;}
.skin-3 .downLogo {background-color: #fbbdd7;}
.skin-3 .midnav-hide-button {background-color: #60dac8 !important;}

.skin-4 .minbartop {background-color: slategrey !important;}
.skin-4 .owl-carousel .owl-wrapper-outer {background-color: #01172945;}
.skin-4 .midnav li a.active {background: #92b4ce82 !important;}
.skin-4 .midnav-hide-button {background-color: #60dac8 !important;}

/*Dash Board Hack*/
.right_col_align {
    width: 98% !important;
    margin: 5px auto !important;
        text-align: center;
}

.famenu {
    color: #254271;
    margin: 0 5px 0 0px !important;
    }
.welcome-page-background {
    background: url(../images/welcomepage.png) 0 0;
    background-size: cover !important;
    min-height: 100vh;
}


/*Over Riding Css*/
.accordion-inner {
    padding: 0px !important;
    background-color: #fff;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 95%;
    margin: 0px auto;
}

.accordion-body{
    background-color: rgba(177, 194, 210, 0.39);
    padding-top: 5px;
    padding-bottom: 5px;
}
.accordion-inner h4 {
    margin: 0px 0 0px 0px !important;
}

.accordion-inner ul li a {
    padding-left: 10px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    }
.accordion-inner ul li {
    padding: 5px !important;
}

.accordion-heading {
    border-bottom: 1px solid #6eb5ef;
    /*background-color: #c9e8f5;*/
}

#btnSearchCI{
	display: inline;
    margin-top: 15px;
    padding: 3px 10px;
}

.handsontable.listbox tr td.current, .handsontable.listbox tr:hover td {
    background: #2196f3 !important;
    color: #fff !important;
}