.navbar-custom-top {

    margin-bottom:0;

}



.page-header-nav {

    background: #f1f1f1;

    position : relative;

}



.page-header-nav #nav-block {

    position : absolute;

    right : 0;

    bottom : 0;

}



.page-header-menu {

    background: #323232;

    border-radius: 0;

    border-top: 1px solid #999;

}



.page-header-menu a {

    color : #F1F1F1;

    font-size: 95%;

}



.page-header-menu a:hover {

    background: #AAA !important;

}



.page-header-menu a:focus, .page-header-nav a:focust {

    background: transparent !important;

}



.page-header-nav a {

    color:#F1F1F1;

}



.page-header-nav a:hover {

    background : transparent !important;

}



.navbar-custom-white {

    background: #FFF;

    border-bottom: 1px solid #000;

    border-radius: 0;

}



.page-head {

    background: #FFF;

    color: #697882;

}



.navbar-brand-custom {

    height: auto;

}



body {

    background: #F0F0F0;

    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

}



#sidebar-main {

    background: #FFF;

}



#sidebar-main ul > li {

    padding-top:15px;

    padding-bottom:15px;

    padding-left: 30px;

}



#sidebar-main ul > li:hover {

    background: #fafafa;

}



#central-container {

    margin-top:30px;

}



ul, ol, li {

    list-style: none;

}



a:hover {

    text-decoration: none;

}



.form-control-money {

    text-align: right;

}



.top-buffer {

    margin-top:15px;

}



.list-tag-inline .glyphicon {

    vertical-align: text-top;

    margin-left: 5px;

}



.list-tag-inline {

    padding-left: 0;

}



.list-tag-inline li {

    font-size: 1.1em;

}



.dataTables_wrapper {

    margin: 30px 0;

}



.custom-panel-white .panel-heading {

    background-color: #FFF !important;

}



.list-images-inline {

    padding-left: 0;

}



.list-images-inline li {

    float : left;

    margin:5px;

}



.sticky-box a {

    display: inline-block;

    line-height: 130px;

    padding:15px;

    width : 100%;

    text-align: center;

}



.sticky-box h2 {

    display: inline-block;

    vertical-align: middle;

    margin: 0;

}



.sticky-box-default a {

    background: #FFF;

}



.form-error-message {

    font-weight: bold;

    display: block;

    padding: 5px 0;

}



#login-block {

    background: #FFF;

    margin-top: 4em;

    border: 1px solid #e1e1e1;

}



#login-block-header {

    background-color: #fff;

    text-align: center;

    margin-bottom: 2em;

    border-bottom: 1px solid #DDD;

}



#login-block-header img {

    padding: 15px;

    max-width: 350px;

    width: 100%;

}



#login-block .panel-group {

    margin-bottom:0;

}

#login-block .panel-heading {

    background: #FFF;

    padding: 20px 15px 20px 15px;

}



#login-block .panel-default {

    border:none;

}



.ng-invalid.ng-dirty {

    border-color: #FA787E;

}



.ng-valid.ng-touched {

    border-color : #78FA89;

}



.portlet.light {

    padding          : 12px 20px 15px 20px;

    background-color : #FFF;

    margin-bottom: 15px;

}

.portlet.light > .portlet-title {

    padding: 0;

    min-height: 48px;

    margin-bottom: 10px;

}



.portlet > .portlet-title {

    padding: 0;

    margin-bottom: 10px;

    min-height: 41px;

    -webkit-border-radius: 4px 4px 0 0;

    -moz-border-radius: 4px 4px 0 0;

    -ms-border-radius: 4px 4px 0 0;

    -o-border-radius: 4px 4px 0 0;

    border-radius: 4px 4px 0 0;

}

.portlet.light .portlet-body {

    padding-top: 8px;

}



.grid-separator {

    margin-bottom : 15px;

}

.invoice-address-resume tr {

    padding:10px 0;

}



.table-vertical {

    font-size : 90%;

}

.table-vertical .row-head {

    font-weight: bold;

}



.table-vertical .row {

    line-height: 3em;

    border-bottom:1px solid #DDDDDD;

}



.table-vertical .row:nth-child(even) {

    background:#FAFAFA;

}

.dropdown-menu-error-message {

    text-align: center;

    margin-top: 2em;

    font-size: 125%;

}

#list-addresses .panel-body {

    padding:0 0 2em 0;

}



#list-addresses form {

    padding: 0;

}

.table-borderless th {

    border-color:#FFF !important;

}



.modal-header-dark {

    background: #323232;

    color : #F1F1F1;

}



.modal-header-dark button {

    background-color: #fff;

    border-radius: 200px;

    padding: 2px 5px;

}



#catalogue-container ul {

    padding-left:0;

}



#catalogue-container ul li {

    font-style: italic;

    font-size: 89%;

    border-bottom: 1px solid #eee;

    padding: 10px 0;

}

.brick {

    -webkit-transition: opacity 0.7s;

    transition: opacity 0.7s;

    cursor: pointer;

}

.brick:hover {

    opacity: 0.5;

}



.label-dark {

    background: #323232;

}



.btn-dark {

    background: #323232;

    color: #F1F1F1;

}



.btn-dark:hover {

    background: #666;

    color : #F1F1F1;

}



#loading-bar-spinner {

    width: 100%;

    height: 100%;

    background: #eee;

    opacity: 1;

    left: 0 !important;

    top: 0 !important;

    pointer-events: none;

}



.spinner-icon {

    border-width: 4px !important;

    width: 60px !important;

    height: 60px !important;

    border-radius: 40px !important;

    left: 48%;

    position: absolute;

    top: 48%;

}



.catalogue-overlay {

    width: 100%;

    height: 100%;

    background: #EEEEEE;

    opacity: 1;

    z-index: 10;

    position: absolute;

    pointer-events: none;

}



#go-to-top-container {

    text-align: center;

}

#go-to-top {

    width: 55px;

    height: 55px;

    background: #323232 none repeat scroll 0% 0%;

    position: fixed;

    bottom: 0px;

    right: 50%;

    margin-right: -570px;

    display: block;

    vertical-align: middle;

    border-radius: 5px;

    color : #FFF;

    font-size: 20px;

}