.navbar-brand.navbar-brand-center {
    float: none;
    height: 4.715rem;
    padding: 0;
    margin: 0;
    font-size: 1.286rem;
    font-weight: 500;
    line-height: 22px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.site-navbar .navbar-header .navbar-brand-logo{
    height: 54px;
	/* height: 29px; */
    margin-top: 2px;
}

.author-name{
    color: #000000;
	margin-left: 10px;
	margin-bottom: 2px;
	margin-right: 10px;
    font-weight: 600;
}

.form-material.has-warning .form-control-label, .form-control-feedback, .error {
  color: #f44336;
}
.form-control-feedback{
margin-left: 15px;
}

/* Side modal */
.modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto;background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{overflow-y: auto;overflow-x: hidden;}

.modal-content{ width: 100%; }

.modal-dialog .slidePanel-header {
    position: relative;
    padding: 40px 30px;
    padding-right: 120px;
    color: #fff;
}

.modal-dialog .slidePanel-actions {
    float: right;
    margin: 0;
    margin-left: 15px;
    text-align: right;
    list-style: none;
}
.modal-dialog .slidePanel-header .stage-name {
    margin-top: 11px;
    font-size: 20px;
    font-weight: bold;
}
.text-bold{
  font-weight: 600;
}
.custom-nav-tabs .active{
    display: block;
}

.custom-nav-tabs .hide{
    display: none;
}
/* End Side modal */

.app-contacts table>tbody>tr>td, .app-contacts table>tbody>tr>th, .app-contacts table>thead>tr>td, .app-contacts table>thead>tr>th {
   /* white-space: nowrap;*/
    vertical-align: middle;
}

.app-contacts table .avatar {
    margin-right: 10px;
    vertical-align: middle;
}
div.dataTables_wrapper div.dataTables_info {
    position: unset;
}
#toast-container > .toast {
  width: 700px; /* width: 100% */
}
.navbar-inverse .navbar-toolbar .nav-link {
    color: rgb(0, 0, 0) !important;
}

.navbar-inverse .hamburger .hamburger-bar, .navbar-inverse .hamburger:after, .navbar-inverse .hamburger:before {
    background: #000000;
}
.site-menu>.site-menu-item.active>a {
    color: #1a1a4c;
}
.page-item.active .page-link {
    color: rgb(255, 255, 255);
    border-color: #1a1a4c;
    background: #1a1a4c;
}
.btn.btn-primary{
    background: #1a1a4c !important;
}

.rotate-color-combo,.nav-link.active{
    color: rgb(255, 255, 255) !important;
    background: #1a1a4c !important;
}
label {
    margin-bottom: 0rem !important;
}
.site-menu-item.active{
    color: rgb(0, 0, 0) !important;
}
.error {
    color: red !important;
}
.state-visible {
    display: block !important;
}