/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
body{
	font-family: 'Ubuntu', sans-serif;

}
h1,h2,h3,h4,h5,h6{font-family: 'Raleway', sans-serif;}
.kic {
font-size:22px;
}
div#wrap {
    background: #f0f3f7;
}
userDropCon.col-md-2 {
    background: #fff;
}
.userDropCon span b, .userDropCon span a {
    font-weight: normal;
    display: block;
    padding: 10px 0px;
    font-size: 16px;
}
.userDropCon span {
    display: block;
}
.input-field label.poa {
    top: 5px;
    text-transform: capitalize;
    color: #5f6060;
        cursor: text;
        left:0;
}
.input-field input, .input-field input:focus:not([readonly]){
    border: none;
    box-shadow:none;
}
.input-field {
    border-bottom: 1px solid #cccccc;
}
label.animate[for] {
    right: 0;
    left:initial;
}
input[type="submit"] {
    display: block;
    width: 100%;
    padding: 7px;
    
}
.btn.grey-bg {
    border-bottom: 3px solid #3e3e3e;
    border-radius: 2px;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.btn:hover{text-decoration: none;color: #fff; border-bottom: 3px solid #565757; box-shadow: none;}
.sidebar{
	width: 200px;
transition: all 0.3s ease-in;   
}
.navResult ul {
    overflow-y: auto;
     height: calc(100% - 169px);
}
.collapse .expander:before {
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff;
    top: 10px;
    left: 50%;
    margin-left: -3px;
    transition: all 0.3s ease-in-out;
}

.expander:before {
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
    top: 10px;
    left: 85%;
    margin-left: -3px;
}

.expander {
    height: 30px;
    cursor: pointer;

}
#lblLogo img {
    padding: 10px 0;
}
.collapse .navigationWrap ul li {
    text-align: center;
}

.collapse li span, [class*="secUl"] {
    display: none;
}
.navigationCon {
    height: calc(100% - 149px);
    overflow-y: auto;
    direction:rtl;
}
.collapse .navigationWrap li a:after {
    content: attr(navName);
    color: #fff;
   // text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 5px;
    width: 50px;
    display: inline-block;
    overflow: hidden;
    letter-spacing: 0.4px;
    transform: translateY(15px);
    transition: all 0.18s ease-in-out;
}
.collapse li.active a:after{
   transform: translateY(-40px);
}
.collapse span>ul>li.active>a i img {
         transform: translateY(-40px);
}

.navSearch i img{   
    transition: all 0.18s ease-in-out;
}

.navigationWrap a{
    overflow: hidden;
        height: 53px;
        display:block;
}
[class*="secUl"] {
    position: absolute;
    top: 0;
    left: 200px;
    height: 100%;
    border-left: 1px solid #000!important;
    z-index:1;
}
.collapse [class*="fstLi"]>[class*="secUl"]{
    left: 58px;
} 

.subNav {width: 200px;}
.navResult .subNav {width: 183px;}
.subNav a{text-align:left;}
.sidebar a i, .sidebar a i, .sidebar .navigationWrap ul li.subNav>a>i{padding: 0 15px;}

.navigationCon li.subNav a:after {display:none;}
.collapse .navigationWrap span>ul>li a i {
    padding: 0;
}

.sidebar.collapse {
    width: 60px;
}
.expand .navigationCon ul li {
    text-align: left;
}
.collapse [class*="fstLi"]>[class*="secUl"]:before {
    content: url(../logo/hfcl.png);
    height: 66px;
    display: block;
    background-color: #e25445;
    padding: 10px 0;
    text-align: left;
}
.expand .navigationCon li span {
    display: inline-block;
}
.expand [class*="secUl"] {
    left: 199px;
}
.active> [class*="secUl"] {
    display: block;
}
[class*="secUl"] li span {
    display: inline-block;
}
li.removeHover {
    background: none!important;
}
.navSearch input {
    width: 70%;
}
.elements {
    width: calc(100% - 200px);
}
.userDropCon span {
    display: block;
    border-top: 1px solid #e5e5e5;
    padding: 0 15px;
    cursor: pointer;
}

.userDropCon.openDrop {
    background: #fff;
    height: 144px;

}
.userDropCon {
    overflow: hidden;
    height: 42px;
    transition: 0.5s all ease-in;
    position: absolute;
    right: 0;
    top:3px;
}
span#lblUserMsg {
    border: none;
}
header .input-field label.poa {
    font-size: 16px;
    top: 0;
}
.navUl img, .navResult img {
    display: block;
    width: 22px;
}
.navUl {
    direction: ltr;
}
.subNav img {
    float: left;
}