html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}
body {
	background-color:#fff;
	font-size:13px;
	padding-right: 0 !important;
}
.sidebar {
	padding-top:70px
}
#header {
	height:70px;
}
.page-header-fixed {
	padding-top:70px;
}
.header .navbar-nav > li > a, .header .navbar-nav > li .dropdown-toggle {
	padding:25px;
}
.header .navbar-brand {
	height: 70px;
	width:250px;
	padding: 10px 10px;
}
.sidebar,
.sidebar-bg {
	width:180px
}
.content {
	margin-left:180px
}
.header .navbar-user img {
	margin-top:0px;
}
.sidebar .nav > li {
	font-size:13px;
}
table.vgt-table td {
	padding: .4em .4em .4em .4em;
}
table.vgt-table {
	font-size:13px;
}
.bpress-bg {
	color: #fff;
}
.alert.alert-bpress {
    color: #fff;
}
.alert.alert-bpress a {
    color: #fff;
}
button.bpress-bg:hover,
button.bpress-bg:focus,
a.bpress-bg:hover,
a.bpress-bg:focus {
	background-color:#c2c2c2;
}
.sidebar .nav > li > a {
	color:white;
}
.sidebar .nav > li > a:hover,
.sidebar .nav > li > a:active,
.sidebar .nav > li > a:focus {
	color: #c0c0c0;
}
.sidebar .nav > li > a .badge {
	background: #dedede;
	color: #222222
}
.sidebar-minify-btn {
	background: #dedede;
}
.sidebar-minify-btn i {
	color: #666666
}
.sidebar-minify.btn:hover i,
.sidebar-minify-btn:focus i,
.sidebar-minify-btn:active i {
	color: #f3f3f3
}
.sidebar .sub-menu > li:before, .sidebar .sub-menu > li > a:after, .sidebar .sub-menu > li.has-sub > a:before,
.sidebar .sub-menu > li:after {
	background : #d8d8d8
}
.sidebar .sub-menu > li > a {
	color: #efefef;
}
.sidebar .sub-menu > li > a:hover,
.sidebar .sub-menu > li > a:focus,
.sidebar .sub-menu > li > a:active {
	color: #cecece;
}

.sidebar .nav > li.active > a, 
.sidebar .nav > li.active > a:hover, 
.sidebar .nav > li.active > a:focus {
	color: #000;
	background: #f7f7f7;
}

.pointer{
	cursor: pointer;
}

table.vgt-table td.pointer:hover {
	background-color: #f7ecf4
}

.form-control.input-sm {
	height: 28px;
}

.vgt-input:focus, .vgt-select:focus,
input.form-control:focus, select.form-control:focus {
	/* border-color: #ffbddc!important; */
    outline: 0!important;
    /* box-shadow: 0 0 0 0.125rem rgba(255, 187, 209, 0.62)!important; */
}

.table.table-profile > tbody > tr > td.field {
	border-right:1px solid #cecece;
}
.table.table-profile > tbody > tr.divider {
	border-top:1px solid #cecece;
	border-bottom:1px solid #cecece
}

.tooltip {
	display: block !important;
	z-index: 10000;
}

.tooltip .tooltip-inner {
color: white;
border-radius: 16px;
padding: 5px 10px 4px;
}

.tooltip .tooltip-arrow {
width: 0;
height: 0;
border-style: solid;
position: absolute;
margin: 5px;
z-index: 1;
}

.tooltip[x-placement^="top"] {
margin-bottom: 5px;
}

.tooltip[x-placement^="top"] .tooltip-arrow {
border-width: 5px 5px 0 5px;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
bottom: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
}

.tooltip[x-placement^="bottom"] {
margin-top: 5px;
}

.tooltip[x-placement^="bottom"] .tooltip-arrow {
border-width: 0 5px 5px 5px;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
top: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
}

.tooltip[x-placement^="right"] {
margin-left: 5px;
}

.tooltip[x-placement^="right"] .tooltip-arrow {
border-width: 5px 5px 5px 0;
border-left-color: transparent !important;
border-top-color: transparent !important;
border-bottom-color: transparent !important;
left: -5px;
top: calc(50% - 5px);
margin-left: 0;
margin-right: 0;
}

.tooltip[x-placement^="left"] {
margin-right: 5px;
}

.tooltip[x-placement^="left"] .tooltip-arrow {
border-width: 5px 0 5px 5px;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
right: -5px;
top: calc(50% - 5px);
margin-left: 0;
margin-right: 0;
}

.tooltip.popover .popover-inner {
background: #f9f9f9;
color: black;
padding: 24px;
border-radius: 5px;
box-shadow: 0 5px 30px rgba(black, .1);
}

.tooltip.popover .popover-arrow {
border-color: #f9f9f9;
}

.tooltip[aria-hidden='true'] {
visibility: hidden;
opacity: 0;
transition: opacity .15s, visibility .15s;
}

.tooltip[aria-hidden='false'] {
visibility: visible;
opacity: 1;
transition: opacity .15s;
}

.vue-friendly-iframe iframe {
	width:100%;
	height:400px;
	border:none;
}

div.search-result {
	border: 1px solid #eee;
	padding: 10px;
	margin-bottom: 4px;
}
div.search-result p {
	margin-bottom: 4px;
}
div.search-result .search-title {
	margin-top:10px;
}
div.search-result .search-title a {
    border: 1px solid;
    padding: 1px 6px;
    border-radius: 4px;
}

.profile-header .profile-header-cover {
	background-image:none;
}

select.form-control:not([size]):not([multiple]) {
	height:24px;
}

.modal-header {
	color:white;
	padding: 7px 20px 0px 20px;
}
.modal-header .modal-title,
.modal-header button {
	color:white;
}

.clickable {
	cursor:pointer;
}

.card .card-block {
	/* border: 1px solid #f5a8c2; */
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
	/* new */
	background-color:white;
    color:#444;
	border: 1px solid #d8d8d8;
	border-top: 0px;
}
.card .card-header {
    color:white!important;
}
.multiselect__content-wrapper {
	z-index:99999
}
.multiselect__single {
	padding:5px 0 0 5px
}

.vuetable-pagination {
	float:right;
	margin-bottom:50px;
}
.vuetable-pagination * {
	text-align:right
}
.vuetable-pagination a:not([href]):not([tabindex]) {
	color: inherit;
    text-decoration: none;
    padding: 8px 14px;
    border: 1px solid #cecece;
    margin: 10px 1px;
    cursor: pointer;
}
.vuetable-pagination a.btn-nav.link {
	padding: 8px 10px;
	font-size:20px;
	line-height:14px;
}
.vuetable-pagination a.active,
.vuetable-pagination a:not([href]):not([tabindex]):hover,
.vuetable-pagination a:not([href]):not([tabindex]):focus {
	background-color: #f2f3f4;
	border: 1px solid #adadad!important
}

.short-cell {
	width:20px!important;
}
.medium-cell {
	width:60px!important
}
.updated-at-cell {
	width:130px!important
}
code {
    background:none;
}

.pagination-selector {
	float:left;
	text-align:left
}
.pagination-selector select {
	height:38px;
	width:70px;
	border-radius:0px;
}

@media (max-width: 767px) {
	#sidebar,
	.page-sidebar-toggled .sidebar-bg {
		background-color:transparent
	}
	#header {
		z-index:1121;
	}
	.navbar-nav.navbar-right {
		display:none;
	}
}

.navbar-header {
	display:inline-block;
}

.profile-header-img {
	position:absolute;
}

.timeline .timeline-body {
	padding : 0px;
}
.timeline > li {
	padding : 4px;
}

.title-buttons-topbar {
	vertical-align:middle
}

.fade-enter-active {
	transition: opacity 0.7s
}
.fade-leave-active {
	transition: opacity 0s
}
.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
	opacity: 0
}

.widget-stats .stats-desc {
	background-color: #0909095c;
    color: white;
    padding: 6px;
}

.stats-table {
	width:100%;
}

.timeline .timeline-time {
	top:0px;
}
.timeline .timeline-icon {
	top:6px;
}
.timeline .timeline-time .time {
	font-size:15px
}

.vuetable-checkboxes input[type='checkbox'],
.vuetable-th-checkbox-id input[type='checkbox'] {
    -webkit-appearance:none;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 0px;
    border: 1px solid #a7a7a7;
}
.vuetable-checkboxes input[type='checkbox']:checked,
.vuetable-th-checkbox-id input[type='checkbox']:checked {
    background: #d05a80;
}

.loading-table {
	opacity:0.8;
}

#loading-table-div {
	position: absolute;
    left: 0px;
    width: 100%;
    /* background-color: #94949461; */
    z-index: 9;
}

.duplicator-container {
	margin-top:20px; 
	margin-bottom:20px; 
	text-align:right;
}

.nospaces-duplicator {
	margin-top: 0px;
	margin-bottom: 0px;
}