.bg-magenta {
	color: #ffffff;
	background-color: #FC00FC;
}

.badge-magenta {
	color: #ffffff;
	background-color: #FC00FC;
}
.dropdown-menu-xxl {
	height: 640px;
}

.la-md {
	font-size: 1.25em;
}

.text-brand {
	color: #099DAE;
}

.btn-outline-primary:hover {
	background: #099DAE;
	border-color: #0db5c8;
}

.btn-warning {
	color: #000;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #0098D9;
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}


body {
    /*font-variant-numeric: tabular-nums;*/
    font-variant-numeric: slashed-zero;
    color: #525151;
}

.table th {
    border-top: 0;
}

.table th, .table td {
    vertical-align: middle !important;
}

.table .thead-graydark th {
    color: #fff;
    background-color: #666666;
    border-color: #666666;
    font-weight: bold;
}


.dropdown-menu {
    padding: 0 !important;
}

.kt-font-control {
    color: #444341 !important;
}

.toast .toast-title {
    color: #ffffff;
    font-weight: bolder;
}

#toast-container.toast-bottom-full-width > div {
    width: 100%;
}

.hide {
    display: none;
}

.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items {
    width: 100%;
}


.bootstrap-select .btn {
    background-color: #fff;
    border-style: solid;
    border-left: 1px solid #d7dbda;
    border-top: 1px solid #d7dbda;
    border-bottom: 1px solid #d7dbda;
    border-right: 1px solid #d7dbda;
    color: #000;
    font-weight: 400;
    padding: 12px 12px;
    font-size: 14px;
    margin-bottom: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.bootstrap-select .btn-light {
    background-color: #fff !important;
}

.spinner {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.bs-searchbox > .form-control {
    height: 35px !important;
}

.dropdown-item {
    margin-bottom: 3px;
    font-size: 16px;
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
    outline: thin #089bab !important;
    /*outline: 5px auto -webkit-focus-ring-color !important;*/
    outline-offset: -2px;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #089bab;
}

.dropdown, .dropleft, .dropright, .dropup {
    cursor: pointer;
}


.iq-card-icon-lg {
    font-size: 26px;
}

.iq-profile-avatar.status-on:before {
    background-color: #0abb78;
}


.iq-profile-avatar.status-off:before {
    background-color: #F26361;
}

.viewTrans {
    position: relative;
    top: 0;
    right: 0;
    background-color: yellow;
    color: black;
    height: 20px;
    padding: 2px;
    font-size: 10px;
    cursor: pointer;
    z-index: 1000;
}

.viewTransAbsolute {
    position: relative;
    top: 0;
    left: 0;
    background-color: lime;
    color: black;
    height: 20px;
    padding: 2px;
    font-size: 10px;
    cursor: pointer;
    z-index: 1000;
}