:root {
    --blue: #203f5b;
    --grey: #A5A08F;
    --white: #ffffff;
    --white-shade: #f2f2f2;
}

/****** BOOTSTRAP TABLES CSS ********/

/* EXPORT/TOGGLE COLUMN CSS */
.bootstrap-table .fixed-table-toolbar .columns-right {
    margin-left: 3px !important;
}
/* END CSS */

/* CUSTOM TOOLBAR CSS */
.fixed-table-toolbar {
    display: flex;
    place-items: end;
    place-content: end;
}
/* END CSS */

/* Table Line Height Css*/
.table>:not(caption)>*>* {
    padding: 0.3rem 0.5rem !important;
}
/* End Css */
.bootstrap-table{
    font-size:0.9rem;
    text-align: center;
}
.bootstrap-table td, .bootstrap-table th{
    white-space: nowrap;
}
.table-striped .fa-edit:before{
    color:var(--blue);
}
.table-striped .fa-user:before, .table-striped .fa-globe{
    color: var(--grey);
}
.table-striped .fa-trash:before,
.table-striped .fa-trash-alt,
.table-striped .fa-archive{
    color: var(--blue);
}
.table-striped .fa-undo:before{
    color:var(--grey);
}
.btn-save,.btn-cancel{
    margin-top:1rem;
}
.btn-save,.btn-cancel:hover{
    background: var(--blue);
    color: var(--white);
}

.btn-save:hover,.btn-cancel{
    background: var(--grey);
    color:var(--white) !important;
}
#custom_toolbar .btn-secondary:first-child{
    margin-right:3px !important;
}
div#v-pills-tabContent label {
    height: 42px;
}
div#v-pills-tabContent .note-modal label {
    height: unset;
}
.scroll{padding:40px 0;}
/* END CSS */

.page-list .dropdown-menu{
    z-index: 1 !important;
}


.page-list .dropdown:hover .dropdown-menu{
    position: absolute;
    margin-top: 1px;
    bottom: 100%;
}

.modal-header .close{
    background:transparent;
    border:none;
    outline:none;
    font-size:20px;
    font-weight:bold;
}

.note-btn-primary.disabled,.note-btn-primary{
    background: var(--grey) !important;
    border-color: var(--grey) !important;
}

.note-btn-primary:hover{
    background: var(--blue) !important;
    border-color: var(--blue) !important;
}
.table>thead{
    background: #d9d9d9 !important;
}
.fixed-table-toolbar .dropdown-item:hover,
.fixed-table-toolbar .dropdown-item:focus,
.page-list .dropdown-item:hover,
.page-list .dropdown-item:focus {
    background-color: var(--blue) !important;
    color:#fff !important;
}
#user-profile label{
    height:unset !important;
}

.note-modal-footer .note-btn{margin-top:0 !important;margin-right:20px;}
.note-modal-footer{height:60px !important;}