/*
Main Style Sheet of the app
*/

/* ----------------------------
    GENERAL
   ---------------------------- */
body{
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    background-color: #f1f1f1;
    color: #333;
}

/* ----------------------------
    PAGE LAYOUT
   ---------------------------- */
.navbar-fixed-top{
    height: 50px;
}
.sidebar{
    position: fixed;
    left: 0;
    bottom: 0;
    top: 50px;
    width: 200px;
    background-color: #222;
}
.sidebar .nav-pills>li>a{
    border-radius: 0;
    color: #fff;
}
.sidebar .nav>li>a:focus,
.sidebar .nav>li>a:hover{
    background-color: #337ab7;
}
.page-container{
    margin-top: 50px;
    margin-left: 200px;
}
.page-title{
    margin-top: 20px;
    margin-bottom: 20px;
}
.page-title h2,
.page-title h3{
    display: inline-block;
    vertical-align: middle;
    margin: 0 25px 0 0;
}
.page-widget{
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    background-color: #fff;
    padding: 15px;
}
.page-widget.no-gap{
    padding: 0;
}

/* ----------------------------
    DASHBOARD
   ---------------------------- */
.icon-box{
    text-align: center;  
    margin-bottom: 30px;
}
.icon-box > a{
    background-color: #fff;
    display: block;
    padding: 45px 10px;
    color: #333;
    text-decoration: none !important;
}
.icon-box .glyphicon{
    font-size: 35px;
}
.icon-box h3{
    color: #333;
    margin-bottom: 0;
}

/* ----------------------------
    Pre defined
   ---------------------------- */
.vertical-offset-100{ padding-top: 100px; }

.no-underline{ text-decoration: none !important; }

.spacer-10{ height: 10px; }
.spacer-15{ height: 15px; }
.spacer-20{ height: 20px; }
.spacer-25{ height: 25px; }
.spacer-30{ height: 30px; }
.spacer-50{ height: 50px; }

.height-250{ height: 250px !important; }
.width-50{ width: 50px; }
.width-100{ width: 100px; }
.m-top-0{ margin-top: 0; }
.m-top-5{ margin-top:  5px; }
.m-bottom-15{ margin-bottom: 15px;}

.inline-block{ display: inline-block; }

.no-resize{ resize: none; }

.task-list{
    padding: 15px 25px;
}
.task-list li{
    margin-bottom: 10px;
}

.table-bordered-outer{
    border: 1px solid #ddd;
}
.alert{
    margin-bottom: 15px;
    padding: 10px;
}