@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

/* Misc */
:root {
    --color-white: #fff;
    --color-black: #19191e;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
}

a {
    color: var(--orange);
}
a:hover {
    color: var(--orange);
    text-decoration: underline;
}

.line-height-1 {
    line-height: 1;
}

/* Scrollbar */
* {
    scrollbar-color: var(--color-black) #ddd;
    scrollbar-width: thin;
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background-color: #ddd;
}
::-webkit-scrollbar-thumb {
    border: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
    background-color: var(--color-black);
}

/* Header */
.main-header {
    background-color: var(--color-black) !important;
    border: none;
}
.main-header .navbar-nav .nav-link {
    color: #fff;
}

/* Sidebar */
.main-sidebar {
    background-color: #fff;
}
.main-sidebar .brand-link {
    background-color: var(--color-black) !important;
    border: none !important;
}
.main-sidebar .nav-sidebar > .nav-item > .nav-link {
    color: var(--color-black);
    transition: all 0.3s ease-in-out;
    padding: .5rem 1.3rem;
}
.main-sidebar .nav-sidebar > .nav-item > .nav-link:hover {
    background-color: var(--orange);
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    color: #fff;
}
.main-sidebar .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--orange);
    color: #fff;
}

/*Fixed layout*/
.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link {
    height: 3.5rem;
}
.layout-fixed .wrapper .sidebar {
    height: calc(100vh - 3.5rem);
}
.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
    margin-top: 3.5rem;
}
.layout-navbar-fixed .wrapper .content-wrapper {
    margin-top: 3.5rem;
}
.layout-footer-fixed .wrapper .content-wrapper {
    padding-bottom: 3.5rem;
}

/* Content */
.content-wrapper {
    background-color: #eee;
    border-left: 1px solid #dee2e6;
}

/* Footer */
.main-footer {
    border-top: 1px solid #dee2e6;
}

/* Forms */
.form-control {
    font-size: 0.9rem;
}

/* Tooltip */
.tooltip {
    font-family: 'Roboto', sans-serif;
    font-size: 0.75rem;
}

/* Daterangepicker */
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--orange);
}

/* WYSIWYG Editor */
textarea.wysiwyg.rounded + .tox-tinymce {
    border-radius: .25rem !important;
    border: 1px solid #ced4da;
}
textarea.wysiwyg.rounded.is-invalid + .tox-tinymce {
    border: 1px solid #dc3545;
}
.tox.tox-tinymce--disabled .tox-toolbar,
.tox.tox-tinymce--disabled .tox-edit-area__iframe,
.tox.tox-tinymce--disabled .tox-statusbar {
    background-color: #e9ecef;
}
.tox.tox-tinymce--disabled .tox-tbtn--disabled:hover {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #e9ecef;
}
.tox-notifications-container {
    display: none !important;
}

/* Brand */
.brand-link {
    overflow: hidden;
}
.brand-link .brand-image {
    float: none;
    margin: -3px 0.5rem 0;
    max-height: 30px;
}

/* Table */
.table thead th {
    vertical-align: bottom;
    border-bottom-width: 1px;
}
.table .badge {
    padding: 8px;
}
.table .text-sm {
    font-size: 0.75rem !important;
    line-height: 0.95rem;
}
.table .table-fit {
    width: 1px;
}

/* Custom Radio Toggle Switch*/
/*radio toggle switches*/
.switch-toggle {
	display: flex;
	background-color: #fff;
	border: 1px solid #ced4da;
	position: relative;
	z-index: 0;
}
.switch-toggle.disabled {
    background-color: #e9ecef;
}
.switch-toggle > input {
	display: none;
}
.switch-toggle > input + label {
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
	margin: 0;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
    font-weight: 400 !important;
	cursor: pointer;
	transition: all 0.15s ease-in-out 0s;
}
.switch-toggle.disabled > input + label {
    cursor: default;
}
.switch-toggle > input:checked + label {
    color: #fff;
}
.switch-toggle > span {
	background-color: var(--primary);
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	z-index: -1;
	transition: all 0.15s ease-in-out 0s;
}
.switch-toggle.disabled > span {
    background-color: rgba(0, 123, 255, .5);
    border: 1px solid var(--primary);
}

/* Color - red / green */
.switch-toggle.colored-2 > input:first-of-type:not(:checked) ~ span,
.switch-toggle.colored-2 > input:first-of-type:checked ~ span {
    background-color: var(--danger);
}
.switch-toggle.colored-2 > input:last-of-type:checked ~ span {
    background-color: var(--success);
}
.switch-toggle.colored-2.disabled > input:first-of-type:checked ~ span {
    background-color: rgba(220, 53, 69, .6);
    border: 1px solid var(--danger);
}
.switch-toggle.colored-2.disabled > input:last-of-type:checked ~ span {
    background-color: rgba(40, 167, 69, .6);
    border: 1px solid var(--success);
}

/*width from blue pill*/
.switch-toggle label:nth-child(2):nth-last-child(4) ~ span { width: calc(100% / 2 + 1px); }
.switch-toggle label:nth-child(2):nth-last-child(6) ~ span { width: calc(100% / 3 + 1px); }
.switch-toggle label:nth-child(2):nth-last-child(8) ~ span { width: calc(100% / 4 + 1px); }
.switch-toggle label:nth-child(2):nth-last-child(10) ~ span { width: calc(100% / 5 + 1px); }

/*with 2 pills*/
.switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) ~ span { left: calc((100% / 2) * 1); }

/*with 3 pills*/
.switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) ~ span { left: calc((100% / 3) * 1); }
.switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) ~ span { left: calc((100% / 3) * 2); }

/*with 4 pills*/
.switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) ~ span { left: calc((100% / 4) * 1); }
.switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) ~ span { left: calc((100% / 4) * 2); }
.switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) ~ span { left: calc((100% / 4) * 3); }

/*with 5 pills*/
.switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) ~ span { left: calc((100% / 5) * 1); }
.switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) ~ span { left: calc((100% / 5) * 2); }
.switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) ~ span { left: calc((100% / 5) * 3); }
.switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) ~ span { left: calc((100% / 5) * 4); }