style.dashboard.css

/*
    dashboard
*/
.header {
    background-color: #fefefe;
       border-bottom: 1px solid #f4f4f4;
             display: none;
	     padding: 15px 20px;
	      height: 69px;
}

/*
    Notifications
*/
span.notifi {
    background-color: #10a2f1;
       border-radius: 3px;
         margin-left: 30px;
	   font-size: smaller;
	     padding: 0 5px 2px;
	       color: #2b2e35;
}

/*
    dashboard header menu
*/
.header ul.breadcrumb  {
    list-style: none;
        margin: 3px 0 0 15px;
}

.header ul.breadcrumb li {
    display: inline-block;
     margin: 0 10px 0 0;
}

.header ul.breadcrumb li a i.fa {
    padding-right: 10px;
        font-size: 1.25em;
         position: relative;
              top: 2px;
}

.header ul.breadcrumb li a span {
    margin-left: 15px;
}

.header ul.breadcrumb li a {
    text-decoration: none;
              color: #858585;
}

.header ul.breadcrumb li a:hover,
.header ul.breadcrumb li a.current {
    color: #10a2f1;
}

/*
    user display in header
*/
.user.panel {
    display: none;
}

.logged.in ul {
    list-style: none;
        margin: 0;
}

.logged.in ul li {
    margin: 0;
}

.logged.in ul li.user {
    margin-right: 20px;
      margin-top: 7px;
           color: #858585;
}

.logged.in ul li.gravatar img {
    border-radius: 30px;
        max-width: 40px;
	  display: block;
}

/*
    user logged display in sidebar
*/
.logged.sidebar {
    display: block;
}

.logged.sidebar ul {
    background-color: #272a30;
       margin-bottom: 0;
             padding: 30px 0 10px;
	       color: #717377;
}

.logged.sidebar li {
    list-style: none;
}

.logged.sidebar li.username {
    font-weight: 500;
}

/*
    content
*/
.content {
    padding: 15px 25px;
}

.content .box {
    display: block;
}

.content .box .style {
    background-color: #fefefe;
       border-radius: 3px;
       margin-bottom: 20px;
             padding: 10px 15px;
	      border: 1px solid #f4f4f4;
}

/*
    content form style
*/
.content form fieldset {
    background-color: #fefefe;
        border-color: #f4f4f4;
}

.content form {
    margin-bottom: 0;
}

/*
    table acction buttons
*/
a.action-button {
    text-decoration: none;
      border-radius: 3px;
            padding: 2px 7px;
	    display: inline-block;
	      color: white;
}

a.action-button.edit {
    background-color: #82bbf5;
}

a.action-button.edit:hover {
    background-color: #3881cb;
}

a.action-button.delete {
    background-color: #f58282;
}

a.action-button.delete:hover {
    background-color: #cd2b2b;
}

a.action-button.detail {
    background-color: #a8a8a8;
}

a.action-button.detail:hover {
    background-color: #6e6e6e;
}

@media only screen and (min-width: 768px) {

    .header {
	display: block;
    }

    .content {
	padding: 15px 35px;
    }

    .user.panel {
	display: block;
    }

    .logged.in ul li.user,
    .logged.sidebar {
	display: none;
    }

}

@media only screen and (min-width: 1024px) {

    .logged.in ul li.user {
	display: block;
    }

}