/* Add here all your CSS customizations */



.LeftMenuArea {
    padding-bottom: 30px;
    position: relative;
    bottom: 0px;
    z-index: 999;
    -webkit-box-shadow: 0px 10px 32px 0px rgba(81,84,86,0.23);
    background-color: #004277;
    min-height: 300px;
}


    .LeftMenuArea:before {
        position: absolute;
        content: "";
        border-style: solid;
        border-width: 35px 240px 0px 0px;
        border-color: #004277 transparent transparent transparent;
        left: 0%;
        top: 100%;
    }

    .LeftMenuArea .MenuTitle {
        padding-top: 15px;
        padding-bottom: 20px;
        padding-left: 0px;
        color: #FFFFFF;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        border-bottom: solid 1px #004F8E;
        line-height: 30px;
        background-image: -webkit-linear-gradient(270deg,rgba(0,66,119,1.00) 0%,rgba(0,45,81,1.00) 100%);
        background-image: -moz-linear-gradient(270deg,rgba(0,66,119,1.00) 0%,rgba(0,45,81,1.00) 100%);
        background-image: -o-linear-gradient(270deg,rgba(0,66,119,1.00) 0%,rgba(0,45,81,1.00) 100%);
        background-image: linear-gradient(180deg,rgba(0,66,119,1.00) 0%,rgba(0,45,81,1.00) 100%);
        background-color: #004277;
    }



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

        .LeftMenuArea ul li {
        }

            .LeftMenuArea ul li a {
                padding-left: 20px;
                padding-top: 10px;
                padding-bottom: 10px;
                display: block;
                white-space: nowrap;
                font-size: 14px;
                font-weight: 400;
                box-sizing: border-box;
                color: #FFFFFF;
                border-bottom: solid 1px #004D8C;
            }


                .LeftMenuArea ul li a:before {
                color: inherit;
	            opacity: 0.5;
	            font-family: 'Font Awesome 5 Free';
	            content: "\f105";
	            padding: 0 7px 0 5px;
	            font-weight: 900;
                }


                .LeftMenuArea ul li a:hover {
                    transition-property: all;
                    transition-duration: 0.2s;
                    color: #FFF !important;
                    background-color: #003867;
                    border-bottom: solid 1px #00325C;
                }

                .LeftMenuArea ul li a.Selected {
                    font-weight: 700;
                    color: #404142;
                    background-color: #FFFFFF;
                    border-bottom: solid 1px #003C6C;
                }

                    .LeftMenuArea ul li a.Selected:hover {
                        border-bottom: solid 1px #004D8C;
                        background-color: #004277;
                        color: #FFFFFF;
                    }


.text-color-icon {
    color: #fbca00 !important;
}