// .layout-boxed {
//   background: #e7e7e8 !important;
// }
// .custom-modal-title {
//   color: #fff;
// }
// .profile-thumb {
//   background: #F8F8F8;
//   border: 2px solid #DDD;
//   text-align: center;
//   width: 200px;
//   height: auto;
//   margin: 10px 0;
//   padding: 5px;
// }
// .profile-thumb img {
//   width: 185px;
// }
// .btn-custom {
//   background-color: #b89f6d !important;
//   border-color: #b89f6d !important;
//   color: #fff;
//   font-size: 12px !important;
// }
// .label-custom {
//   background-color: #b89f6d !important;
//   border-color: #b89f6d !important;
//   font-size: 12px;
// }
// .bg-custom3 {
//   background-color: #b79f6d !important;
// }
// .bg-custom {
//   background-color: #555658 !important;
// }
// .table-custom {
//   font-size: 16px !important;
// }
// .media-custom .media-body p {
//   line-height: 30px;
//   font-size: 24px;
// }
// .media-custom .media-body ul {
//   line-height: 28px;
//   font-size: 24px;
// }
// .custom-list li {
//   font-size: 15px !important;
// }
// span.order_number {
//   cursor: pointer;
// }
// span.order_number:hover {
//   color: #166dba !important;
// }


body{
    font-family: "heebo", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 15px;
    
}    

.layout-boxed .page-container, .layout-boxed > .navbar {
    width: 100%;
}

.navbar.bg-custom{
    background-color: #fff !important;;
    border: 0 none !important;
    box-shadow: 0 0px 30px #ccc !important;;
    padding: 10px !important;
    min-height: 60px;
    
}

.navbar-inverse .navbar-nav > li > a {
    color: #595a5c;
}
.layout-boxed {
    background: #fff !important;
}
a.dropdown-toggle {
    border-radius: 22px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #595a5c;
    
}
.page-header{
    border: 0 none;
    margin: 0;
}
.page-header-content{
    margin-top: 40px;
}

.layout-boxed .page-container{
    background-color: #fff;
}
.table-bordered{
    border:0 none;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 0;
    border-bottom: 1px solid #f1f2f3;
}
.table-bordered tr:first-child > td, .table-bordered tr:first-child > th {
    border-top-color: #bbb;
    border-bottom: 1px solid #595a5c;
    
}
hr{
    display: none;
}
.navbar-fixed-top, .navbar-fixed-bottom{
    position: fixed !important;
}
.heading-elements.ng-scope {
    left: 38px;
    top: 48px;
}
.btn {
    padding: 7px 24px;
    border: 0 none;
    font-size: 16px;
}
.btn-custom,
.btn:hover,
.btn:focus,
.btn.focus,
.btn-success{
    background-color: #b89f6d !important;
    border: none 0 !important;
    color: #fff;
    font-size: 16px !important;
    box-shadow: 0 10px 40px rgba(183, 157, 108, .4);
    transition: box-shadow .3s , letter-spacing .3s;
}
.btn:hover,
.btn:focus,
.btn.focus{
    box-shadow: 0 0px 20px rgba(183, 157, 108, .4);
        letter-spacing: 0.05em;
}

.btn-link, 
.btn-link:hover, 
.btn-link:focus, 
.btn-link:active{
    background-color: transparent !important;
    box-shadow: none !important;
    color: #333333 !important;
    font-size: 16px;
    letter-spacing: 0;
    border: 0 none;
}
modal-footer .btn-link{
    float: right;
}
.panel {
    margin-bottom: 20px;
    border-color: transparent;
    color: #333333;
    box-shadow: 0 0 0 transparent;
    border-radius: 0;
}

.label-custom {
    background-color: #fff !important;
    border-color: #b89f6d !important;
    font-size: 14px !important;
    font-weight: 200 !important;
    color: #b89f6d !important;
    padding: .2em .6em !important;
        margin-top: 0 !important;
}
h4, .h4{
    font-size: 16px;
}
h5.panel-title, .h5.panel-title {
        font-size: 24px;
    font-weight: 100;
    width: 40%;
    line-height: 28px;
    
}

a.dropdown-toggle.ng-binding {
    width: auto !important;
    padding: 10px 20px;
    margin-left:10px;
    border-radius: 22px;
}

.pagination > .active > a{
    background-color: #595a5c;
    border-color: #595a5c;
}

.footer {
    position: absolute;
    bottom: 20px;
    font-size: 11px;
}
.footer a {
    color: #666;
    text-decoration: underline;
}
.text-size-small {
    font-size: inherit;
}

.navbar-header {
    margin-right: 0px;
    position: absolute;
    left: 50%;
    margin-left: -95px;
    min-width: 150px !important;
}
.navbar-header,
.navbar-header ul,
{
    display: none !important;
}
.navbar-brand{
    padding: 6px 20px;
}
.navbar-brand > img{
    width: 150px;
    height: auto;
}

.text-size-small a.ng-binding{
    color: #b89f6d;
    text-decoration: underline;
}
.modal-backdrop{
    background-color: #fff;
}
.modal-backdrop.in {
    opacity: 0.8;
}

.modal-content{
        box-shadow: 0 0px 40px rgba(0, 0, 0, 0.2);
        border: 0 none;
        border-radius: 0;
}
.modal-header{
    border: 0 none;
    border-radius: 0;
}
.modal-footer .panel{
    color: #fff;
    text-align: center;
}
.modal-header[class*=bg-] .close {
    margin-top: -17.75px;
    font-size: 34px;
}
.modal-dialog{
    width: 90%;
    margin: 60px auto;
    max-width: 1000px;
}
.modal-body{
    padding: 20px;
}
.form-horizontal .form-group{
    margin: 0 0 20px;
}

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

.input-group-addon,
.input-group-addon:first-child,
.input-group-addon:last-child{
    background-color: transparent;
    border: none 0;
    border-bottom: 1px solid #ddd;
}
.modal-body .form-group:nth-child(7) input {
    text-align: center;
}
.ng-table th{
    text-align: right;
}
.ng-table th.sortable.sort-asc, .ng-table th.sortable.sort-desc {
    background-color: #f3f2f1;
}

@media (max-width: 769px){
    .page-header-content{
        margin-top: 80px;
    }
    .input-group-addon{
        padding: 0;
    }
     .navbar-nav:last-child
    {
        display: none !important;
    }
    
}


span.order_number {
   cursor: pointer;
}
span.order_number:hover {
   color: #166dba !important;
}