/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 16, 2014, 5:52:16 PM
    Author     : Mahabubur Rahman
*/


div.container-fluid{
    padding: 0px;
}
.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 30px;    
}
.left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}

.left-inner-addon .form-control{
    background: none;
    color: #fff;
}
.left-inner-addon .form-control:focus{
    background-color: #fff;
    color: #000;
}

div .baner-text{
        position: relative;
        bottom: 210px;
        margin-right: 50px;
        text-align: right;
        height: 0px;
        width: auto;
        font-weight: bolder;
        font-size: xx-large;
        /*line-height: 0px;*/
    }
    div.library-content{
        margin: 0px auto;
    }
    div.library-content div{
        margin: 1px;
        padding: 5px 0px;
        text-align: center;
        color: #fff;
        /* font-weight: bold; */
        font-size: 18px;
    }
    div.library-content div p{
        margin: 2px auto;
        padding: 2px 0px;
    }
    p.heading{
        font-size: 30px;
    }
    p.count{
        color:rgba(62, 212, 233, 0.67);
    }
    div.hl{
        border-top: solid 2px #ccc;
        margin: 30px auto;
    }

    .hl .cat-title{
        border: solid 1px #ded;
        padding: 5px 15px;
        background: #fff;
        border-radius: 10px;
        font-size: 20px;
        color: #6180FF;
        margin: 0px auto;
        width: 200px;
        margin-top: -20px;
        text-align: center;
    }
    .input-label{
        width: 35%; 
        /*line-height: 30px;*/
        text-align: left;
    }
    .input-text{        
        width: 65%;        
    }
    .input-label,.input-text{
        color:#ffffff;
        padding: 2px 0px;
        font-size: 16px;
        float: left;        
    }
    input[type="text"],input[type="password"]{
        border: none;
        padding: 5px 10px;
        width: 100%;
        background-color: #F1F1F1;
    }
    .login-head{
        color: #fff;
        font-weight: bold;
        font-size: 20px;
    }
    .form-button{
        float: right;
        padding: 2px 0px;
    }
    .form-button input[type="submit"]{
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        padding: 7px 15px;
        width: 110px;
        border: none;        
    }
    .form-button input[type="submit"]:hover{
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        background-color: #F6FFDB;
        color: #39b3d7;
        text-shadow: 0 0 1px #A0E9FF;
    }
    p.sn img{
        width: 50px;
    }
    
    .LibraryTab a{
        color: #fff;
    }
    
    .user-login{overflow: hidden; height: auto; width: 100%;}