/*
 * Charlie Main CSS
 */
#install
{
    color: rgb(51, 51, 51);
    background-color: rgb(238, 238, 238);
}
#install .main
{
    background-color:white;
    border-radius:5px;
}

/*
* Outside Styles
*/
.login-form, .logout-form
{
    background-color:white;
    padding:35px;
    border-radius:15px;
}

#main_loginButton
{
    display:block;
    margin-left:auto;
    margin-Right:auto;
}

#logout-text, #outside-logo
{
    text-align:center;
    display:block;
    margin-left:auto;
    margin-Right:auto;
}

/*
*Inside Styles    
*/
.nav-sidebar > li > li > a 
{
    list-style:none;
    padding-right: 20px;
    padding-left: 30px;
}

.mobile-sidenav
{
    display:normal;
}

@media screen and (min-width: 767px)
{
    .mobile-sidenav
    {
        display:none;
    }
}

/*
* Tab Styling    
*/
@media screen and (max-width: 1106px)
{
    .navbar-header
    {
        /*display:none;*/
    }
}

@media screen and (max-width:992px)
{
    .navbar-form.navbar-right
    {
        float:left!important;
    }
}

@media screen and (max-width:768px)
{
    .navbar-default .navbar-form
    {
        border:none;
    }
}

/*
* Manage Page Styles
*/
.col-sm-8, .col-md-9, .col-sm-4, .col-md-3
{
    padding-left:11px;
}

.col-sm-4, .col-md-3
{
    padding-right:19px;
}

@media screen and (max-width: 400px)
{
    .searchLabel
    {
        display: none;
    }
}

@media screen and (max-width:767px)
{
    .pull-right
    {
        padding-top:5px;
        float:left!important;
    }
}
.nav.nav-pills-sm > li > a
{
    padding:6px 15px;
}

/*
*BootStrap Pager    
*/
.bootstrap-pager {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
 
.bootstrap-pager table > tbody > tr > td {
    display: inline;
}
 
.bootstrap-pager table > tbody > tr > td > a,
.bootstrap-pager table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
 
.bootstrap-pager table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}
 
.bootstrap-pager table > tbody > tr > td:first-child > a,
.bootstrap-pager table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
 
.bootstrap-pager table > tbody > tr > td:last-child > a,
.bootstrap-pager table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
 
.bootstrap-pager table > tbody > tr > td > a:hover,
.bootstrap-pager table > tbody > tr > td > span:hover,
.bootstrap-pager table > tbody > tr > td > a:focus,
.bootstrap-pager table > tbody > tr > td > span:focus {
    color: #97310e;
    background-color: #eeeeee;
    border-color: #dddddd;
}

/*
* Edit Page Styles    
*/
.radioButtonList label
{
    margin-right: 10px;
}

/*
 * Select 2 modifications
 */
.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow
{
    height:34px;
}
.select2-dropdown, .select2-container--default .select2-selection--single
{
    border:1px solid #CCC;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height: 34px;
    padding-left: 11px;
}

/*
 *Table Modification
 */
.table > tbody > tr > th,
.table > tbody > tr > td
{
    vertical-align:middle;
}
.table-edit > tbody > tr > td:first-child,
.table-edit-double > tbody > tr > td:first-child,
.table-command > tbody > tr > td:last-child
{
    text-align:center;
}
.table-edit-tripple > tbody > tr > td:first-child
{
    text-align:left;
}
.table-edit > tbody > tr > td:first-child
{
    width:52px;
}
.table-edit-double > tbody > tr > td:first-child
{
    width:104px;
}
.table-edit-tripple > tbody > tr > td:first-child
{
    width:128px;
}
.table-command > tbody > tr > td:last-child
{
    width:132px;
}