body {
	background-color:#fafafa;
}
.navbar-custom {
    background-color:#fff;
    box-shadow:0px 0px 30px rgba(0,0,0,0.1);
    
}

.navbar-brand {
    padding-top:10px;
}

.navbar-span {
    padding-top:12px;
}

.page-container {
    margin-top:4vh;
}

.secondary-nav {
    margin-bottom:3vh;
    margin-top:1vh;
}

.dashboard-flash {
    box-shadow:0px 0px 30px rgba(0,0,0,0.1);
    border-radius:10px;
    margin-bottom:1vh;
}

.page-title {
    font-size:18px;
}
.jumbo-blog {
	height:500px;
}

.heading-sign-in {
    margin-top:40px;
    margin-bottom:50px;
}

.btn-add-post {
    margin-top:12px;
    float:right;
}

.btn-add-post span {
    margin-right:6px;
}

.btn-view-post {
    margin-top:35px;
    margin-right:20px;
    float:right;;
}

.panel {
	background-color:#fff;
	border-radius:0;
	box-shadow:2px 2px 30px rgba(0,0,0,0.1);
	margin-top:30px;
	margin-bottom:30px;
    border:1px solid transparent;
    border-radius:10px;
}

.panel-image {
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	height:400px;
}

.panel-caption {
	padding:20px;
	text-align:center;
}

.post-title {
    line-height:1.5;
    font-size:24px;
}

.item-content {
	padding:75px;
    padding-top:50px;
}

.item-content p {
	white-space:pre-wrap;
}

.item-image {
	padding:20px;
}

.admin-item-image {
    margin:0 auto;
	margin-top:32px;
    max-height:380px;
}

.edit-post-image {
    margin:0 auto;
    max-height:380px;
}

.post-image {
    margin-bottom:30px;
    margin-top:0px;
}

input[type="file"] {
    display: none;
}

.btn-custom-file {
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer
}

.post-content {
	margin-top:0px;
	padding:20px;
}

.panel-form {
	padding:7vh;
}

.btn-form-action {
    width:49.5%;
    display:inline-block;
}

.toolbar {
	border-top:1px solid #eee;
	background-color:#fff;
	padding:20px;
	text-align:center;
}

.toolbar-link {
	margin-left:20px;
	margin-right:20px;
	margin:10px;
	display:block;
    font-size:12px;
}

button.btn-danger-light {
    display:block;    
}

.btn-danger-light {
    border:1px solid #a94442;
    color:#a94442;
    margin-right:10px;
}

.secondary-nav-item {
    margin-top:20px;
}

.badge-unread {
    background-color:red;
}

.contact-list-header {
    margin-top:20px;
    padding:2vh 3vh;
    background-color:#fff;
    box-shadow:0px 0px 30px rgba(0,0,0,0.1);
    border-radius:10px;
    margin-bottom:20px;
}

.panel-contact-preview {
    padding:2vh;
    border-radius:10px;
    border:1px solid #eee;
    box-shadow:0px 0px 30px rgba(0,0,0,0.1);
    background-color:#fff;
    margin-bottom:1.5vh;
    padding-top:2.5vh;
    transition:0.2s;
    color:#000;
}

.panel-contact-preview p {
    margin:0;
}

.panel-contact-preview-unread {
    box-shadow:0px 0px 30px rgba(0,0,0,0.2);
}

.panel-contact-preview:hover {
    transform:scale(100.7%);
    box-shadow:0px 0px 50px rgba(0,0,0,0.075);
}

.panel-contact-preview-badge {
    float:left;
    margin-right:10px;
}

.contact-name {
    color:#222;
}

.btn-pagination {
    background-color:#fff;
    box-shadow:0px 0px 30px rgba(0,0,0,0.1);
    padding:2vh 3vh;
    border-radius:10px;
    border:1px solid #eee;
    transition:0.2s;
}

.btn-pagination:hover {
    background-color:#fff;
    box-shadow:0px 0px 50px rgba(0,0,0,0.075);
    border:1px solid #eee;
}

.btn-action {
    background-color:#000;
    transition:0.2s;
}
.btn-action:hover {
    box-shadow:0px 0px 50px rgba(0,0,0,0.1);
    color:#eee;
    background-color:#111;
}

.panel-contact {
    padding:8vh;
    box-shadow:0px 0px 30px rgba(0,0,0,0.1);
    border-radius:10px;
    border:0px solid transparent;
}

.panel-contact-action {
    padding:30px;
    box-shadow:2px 2px 30px rgba(0,0,0,0.1);
    border-radius:10px;
}

.contact-reply {
    width:100%;
}

.contact-callback {
    margin-top:5px;
    display:inline-block;
}

.contact-reply small{
    margin-top:20px;
    margin-bottom:20px;
    color:#333;
    font-weight:700;
}

.contact-time {
    color:#333;
    border:0px;
    text-align:left;
    width:auto;
    padding:0;
}

.contact-icon {
    margin-right:5px;
}

.contact-text {
    margin-right:15px;
}

.contact-message {
    color:#777;
    margin-top:5px !important;
}

.contact-message-full {
    font-size:18px;
    word-wrap:break-word;
    white-space:pre-line;
}

.contact-table {
    background-color:#fff;
    box-shadow:2px 2px 30px rgba(0,0,0,0.1);
    transition:0.2s;
    border-radius:10px;
    border:0px solid transparent;
    text-decoration:none;
}

.contact-table:hover {
       transform:scale(102%);
       box-shadow:0px 0px 50px rgba(0,0,0,0.075);
}

.form-error {
    padding:6px;
    border:1px solid #c00;
    background-color:#c00;
    border-radius:4px;
    color:#fff;
    box-shadow:2px 2px 5px rgba(0,0,0,0.1);
    margin-top:5px;
}

.footer {
    margin-top:100px;
    background-color:#eee;
    border-top:3px solid #ddd;
    padding:20px;
    padding-bottom:50px;
    padding-top:50px;
}

.footer-logo {
    font-size:30px;
    line-height:1.2;
}

.footer-logo small {
    font-size:0.7em;
    color:#777;
}

.footer-link {
    display:inline-block;
    margin-top:5px;
    margin-bottom:5px;
}

@media(max-width:767px) {
    .navbar-default {
        position:fixed;
        margin:0 auto;
        width:100%;
    }

    .admin-body {
        padding-top:60px;
    }

    .btn-view-post {
        margin:0;
        float:left;
    }

    .panel-post {
        margin-top:10px;
    }
    
	.panel-image {
		height:250px;
	}

	.item-content {
		padding:20px;
	}

    .admin-item-image {
        max-height:220px;
    }
   
    .panel-contact {
        padding:20px;
    }
    .contact-table {
        padding:20px;
    }

    .contact-table tr  {
        border:1px solid #eee;
        border-width: 1px;
    }

    .contact-table > tbody > tr > td {
        display:block;
        border:0px;
        padding:0;
    }

    .contact-table p {
        padding-left:10px;;
        padding-top:10px;
        margin:0;
    }

    .contact-table p.contact-message {
        font-size:14px;
    }

    .contact-table p.contact-date {
        float:right;
        font-size:12px;
    }
    
    .contact-table td.contact-name-td {
        width:100%;
    }

    .contact-details-tr {
        display:block;
        padding:10px;
        padding-top:15px;
        padding-bottom:25px;
        transition:0.2s;
    }
    .contact-table:hover {
        transform:scale(110%);
    }

    .btn-form-action {
        width:100%;
        margin-bottom:10px;
    }

	div.panel-form-small-width {
        padding:5vh;
        width:auto;
	}

    div.panel-form-small-width .form-control {
        font-size:16px;
    }


}

@media(min-width:992px) {
    .navbar-auth-btn {
        border-left:1px solid #eee;
        margin-left:0px;
        padding-left:10px;
        padding-right:10px;
    }

    .secondary-nav {
        margin-top:4vh;
        margin-bottom:4vh;
    }

    .dashboard-flash {
        margin-bottom:2vh;
        box-shadow:0px 0px 30px rgba(0,0,0,0.03);
    }

    .heading-sign-in {
        margin-top:60px;
    }

    .btn-header {
        margin-top:50px;
        float:right;
    }

    .panel-contact-preview {
        box-shadow:0px 0px 30px rgba(0,0,0,0.075);
        margin-bottom:1vh;
    }

    .panel-contact-preview-unread {
        box-shadow:0px 0px 30px rgba(0,0,0,0.125);
        margin-bottom:1vh;
    }
    
	div.panel-form-small-width {
		width:600px;
		margin:0 auto;
        margin-top:50px;
	}
  
    .post-title {
        font-size:26px;
    }
  
    .admin-item-image {
        box-shadow:2px 2px 5px rgba(0,0,0,0.2);
    }
   
    .toolbar-link {
        font-size:14px;
    }
 
    .contact-information h3 {
        margin-top:0;
    }
    
    .contact-table > thead > tr > th > span {
        margin-right:4px;
    }

    .contact-message {
        margin-top:0px !important;
    }
    
    .form-extension{
        margin-bottom:250px;
    }

    .footer-logo {
        margin-top:15px;
    }
}