/* 
    Template Name: 
    Document Name  : main.css
    Created on : Nov 15, 2013, 10:15:18 AM
    Author     : Prakasam Mathaiyan
    Website: http://www.themesway.com/
    Version: 1.0
    Description:
        Purpose of the stylesheet follows.
*/


/*******************************************************************************
                                    GENERAL
*******************************************************************************/

body{
    background: #eaeaea url('../images/login_menu_bg.jpg') left repeat-y;
}

#wrapper {
    background:#eaeaea ;
}


/*******************************************************************************
                                    TOP NAVIGATION
*******************************************************************************/

#top-nav .brand, .sidebar-mini #top-nav .brand {
    color: red;
    background-image: url('../images/login_admin_top.png'); 
    background-repeat: no-repeat;
    font-family: 'open_sanssemibold';
    -webkit-box-shadow: 2px 0px 3px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    2px 0px 3px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         2px 0px 3px 0px rgba(50, 50, 50, 0.3);
	height: 45px;
}

.sidebar-mini #top-nav .brand {
    background-image: url('../images/logo_small.png');  
    background-repeat: no-repeat;
    background-position: top center;
}

/*******************************************************************************
                                  TOOLTIPS
*******************************************************************************/

i.tooltipp {outline:none; }
i.tooltipp strong {line-height:30px;}
i.tooltipp:hover {text-decoration:none;} 
i.tooltipp span {
    z-index:1000;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:-300px;
    width:300px; line-height:16px;
}
i.tooltipp:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
i.tooltipp span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}

i.tooltipp i:hover{
    color: white;
}

i.tooltipp{
    float:right;
    margin-top:-17px;
}

i.tooltipp > span {
    z-index: 1000;
}


/*******************************************************************************
                                    ASIDE
*******************************************************************************/

aside {
    background-image: url('../images/login_menu_bg.jpg');  
    /*background-color: #2f313a;*/
}

aside .sidebar-inner .search-block input[type=text] {
    background: #1e1f24;
    border: 1px solid #1e1f24;
}

aside .sidebar-inner .search-block .btn {
    color: #ccc;
    background: #1e1f24;
    border: 1px solid #1e1f24;
}

aside .main-menu>ul>li {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

aside .main-menu>ul>li>a {
    color: #818181;
    font-size: 13px;
    padding: 13px 10px 13px 13px;
    /*text-shadow: 0 0px 1px rgba(0,0,0,.5);*/
    font-family: 'open_sanssemibold';
}

aside .main-menu>ul>li.active {
    border-top: 1px solid #235793;
    border-bottom: none;
}

aside .main-menu>ul>li.active>a {
    color: #fff;
    background: #235793;
}

aside .main-menu>ul>li .submenu li a {
    background-color: #737373;
}

@media (min-width:768px) {
/*    #wrapper.sidebar-mini aside .sidebar-inner .main-menu>ul>li .submenu li a:hover {
        background-color: #5f97fb;
    }
    
    #wrapper.sidebar-mini aside .sidebar-inner .main-menu>ul>li .submenu li a:hover .submenu-label {
        color: #ffffff!important;
    }*/

}

/*******************************************************************************
                                    CONTENT
*******************************************************************************/

.breadcrumb {
    border-bottom: 1px solid #eee;
    box-shadow: none;
}

#breadcrumb{
    position: relative;
    margin-top: -40px;
    z-index: 1001;
    border-bottom: none;
    width: 50%;
    margin-left: 30px;
}

#breadcrumb ul{
    border:none;
    /*margin-left:20px;*/
}

.main-header {
    padding: 20px;
    background: #ffffff;
    font-family: 'open_sansregular';
}

#scroll-to-top:focus,#scroll-to-top:hover {
    background: #00aced;
}

.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #2f313a;
    border-color: #2f313a;
}



/*ERROR*/
.formError .formErrorArrow div {
    background: #546571;
}

.formError .formErrorContent{
    background: #546571;
}