.page-sidebar {
    background-color: #3d3d3d;
    width: 310px;
}

.page-sidebar .sidebar-toggler {
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-top: 15px;
    margin-left: 265px;
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
}

.page-sidebar-closed .sidebar-toggler {
    margin-right: 3px;
        margin-left: 3px;
}






/* here you can put your own css to customize and override the theme */

/***
Page container
***/
.page-container
{
    margin: 0px;
    padding: 0px;
}


/***
  	Page content
***/
.page-content
{
    margin-left: 225px;
    margin-top: 0px;
    min-height: 760px;
    padding: 0px 0px 20px 0px !important;
}



.page-content
{
    margin: 0px !important;
    padding: 0px 0px 20px 0px !important;
    min-height: 280px;
   /* margin-left: 225px !important;*/
    margin-left: 310px !important;
}

.page-content2
{
    margin-left: 225px;
    margin-top: 0px;
    min-height: 760px;
    padding: 0px 0px 20px 0px !important;
}



.page-content2
{
    margin: 0px !important;
    padding: 0px 0px 20px 0px !important;
    min-height: 280px;
}


.bread-wrapper
{
    margin: 0px !important;
    padding: 0px 23px 0px 23px !important;
    background-color: #212121 !important;
}



.toolbar-wrapper
{
    margin: 0px 0px 20px 0px;
    padding: 1px 20px 1px 20px;
    background-color: #eee;
    height:28px;
}



.page-wrapper
{
    margin: 0px !important;
    padding: 0px 18px 20px 18px !important;
}



.navbar-brand
{
    float: left;
    padding: 15px 10px 15px 10px;
    font-size: 18px;
    line-height: 20px;
}





.page-header-fixed .page-container
{
    margin-top: 42px;
}



/***
Page breadcrumb
***/

.ie8 .row .page-breadcrumb.breadcrumb > li
{
    margin-right: 1px;
}

.page-content .page-breadcrumb.breadcrumb
{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding-right: 30px;
    padding-left: 22px;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0px !important;
    background-color: #212121 !important;
}

.page-content .page-breadcrumb.breadcrumb > li > a, .page-content .page-breadcrumb.breadcrumb > li > i, .page-content .page-breadcrumb.breadcrumb > li > span
{
    color: #ddd;
    font-size: 14px;
    text-shadow: none;
}

.page-content .page-breadcrumb.breadcrumb > li > i
{
    color: #ddd;
}

.page-content .page-breadcrumb.breadcrumb > li + li:before
{
    display: none;
}


/* hack for chrome and safari */
@media all and (-webkit-min-device-pixel-ratio:0)
{
    .page-content .page-breadcrumb.breadcrumb .dashboard-date-range
    {
        padding: 9px;
    }
}

.page-container .page-content .toolbar
{
    background-color: #eee;
    width: 100%;
    padding-top: 0;
    padding-bottom: 20px;
}



.hometile
{
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 900px;
    /*margin:10px;*/
    margin-top:30px;
}


@media only screen 
and (min-width : 320px) 
and (max-width : 480px)
{
    .hometile
    {
    width: 285px;
	text-align: center;
    margin-right: auto;
    margin-left: auto;
	margin-top:30px;
	position: relative;
    }
}





.page-breadcrumb.breadcrumb
{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding-right: 30px;
    padding-left: 22px;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0px !important;
    background-color: #212121 !important;
}

.page-breadcrumb.breadcrumb > li > a, .page-content .page-breadcrumb.breadcrumb > li > i, .page-content .page-breadcrumb.breadcrumb > li > span
{
    color: #ddd;
    font-size: 14px;
    text-shadow: none;
}

.page-breadcrumb.breadcrumb > li > i
{
    color: #ddd;
}

.page-breadcrumb.breadcrumb > li + li:before
{
    display: none;
}




















.checkbox input[type=checkbox],

.checkbox-inline input[type=checkbox],

.radio input[type=radio],

.radio-inline input[type=radio] {

margin-left: -9px;

position: relative;
width:30px;
z-index: 1;

}

.form-horizontal .checkbox,

.form-horizontal .checkbox-inline,

.form-horizontal .radio,

.form-horizontal .radio-inline {

padding-top: 0;

}

label {

position: relative;

top: 1px;

}


















