/*
 * 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: rgb(238, 238, 238);
    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
*/
@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;
}

/* Data Grid */
.data-grid-empty-row
{
    text-align:center;
    color:maroon;
}

/*
* Edit Page Styles    
*/
.form-control.clear-border
{
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.radioButtonList input
{
    margin-right: 5px;
}

.radioButtonList label
{
    margin-right: 20px;
}

/*
 * Select 2 modifications
 */
.select2-results ul li[aria-disabled="true"]
{
    display: none;
}

.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;
}

/*
 * Input File Modification 
 */
.btn-file {
    position: relative;
    overflow: hidden;
    color:white;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/*
 * Glyphicon Input Group Modification
 */
 .navbar-form .btn.glyphicon,
 .btn-group .btn.glyphicon,
 .input-group-btn .btn.glyphicon{
	 top:0px;
 }
 .dropdown-menu.dropdown-menu-delete{
	 padding:0px;
	 min-width:66px;
 }
 .dropdown-menu.dropdown-menu-delete > li > a{
	 color:#fff;
 }
 .dropdown-menu.dropdown-menu-delete > li > a:hover{
	 color:#333;
 }
 .dropdown-menu.dropdown-menu-delete > li > button{
	display: block;
	padding: 3px 24px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #fff;
	white-space: nowrap;	 
 }
 .dropdown-menu.dropdown-menu-delete > li > button:hover{
	 color: #CCC;
 }

/*
 * Panel Heading Extensions
 */
.panel-extension.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: solid 1px #ddd;
}

.panel-extension > .panel-heading {
    border: 0px;
}

.panel-extension > .panel-heading > .panel-title {
    font-size: 16px;
    padding: 7px 0px;
    line-height: 20px;
}

.panel-extension > .panel-heading-extension {
    background-color: #f5f5f5;
    border-top: solid 1px #ddd;
}

.panel-extension > .panel-heading-extension > .well {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin-bottom: 0px;
}

.panel-default.panel-extension > .panel-heading > .panel-title {
    color: #777;
}
/*
 * Tab Panel Heading Extension
 */
.tab-pane > .panel-extension.panel {
    border: 0;
}

.tab-pane > .panel-extension > .panel-heading {
    background-color: transparent;
    border-bottom: solid 1px #ddd;
}

.tab-pane > .panel-extension > .panel-heading-extension {
    border-top: none;
}

.tab-pane > .well:first-child {
    border-radius: 0;
    border-top: none;
}

.nav-tabs > li > a.create {
    background-color: #ccc;
    padding-bottom: 9px;
}

.nav-tabs > li > a:hover.create {
    padding-bottom: 10px;
}
/*
 * Tab Panel Body Command
 */
.panel > .panel-body-command {
    background-color: #f5f5f5;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

.panel > .panel-body-command > .panel-body-command-title {
    color: #777;
    padding-top: 10px;
    padding-left: 20px;
}

.panel > .panel-body-command > .well {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin-bottom: 0px;
}
/*
 * Tab Panel Panel Body Panel
 */
.panel > .panel-body > .panel {
    margin-left: -15px;
    margin-right: -15px;
}

.panel > .panel-body > .panel > .panel-body > .panel {
    margin-left: -8px;
    margin-right: -8px;
}
/*
 * Panel Tabel Only
 */
.panel-table-only > .table,
.panel-table-only > div > .table {
    margin-bottom: 0px;
    border: 0;
}