@font-face {
    font-family: 'Segoe UI Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Regular'), url('/fonts/segoe-ui/Segoe UI.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Italic'), url('/fonts/segoe-ui/Segoe UI Italic.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold'), url('/fonts/segoe-ui/Segoe UI Bold.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold Italic'), url('/fonts/segoe-ui/Segoe UI Bold Italic.woff') format('woff');
}

:root {
    --primary: #0ba1a2;
    --secondary: #e65d0d;
    --dark-primary: #086869;
    --success: #1d9e74;
    --danger: #ef3b4f;
    --warning: #e65d0d;
}

html {
    font-family: 'Segoe UI Regular', system-ui !important;
}

body {
    background-size: cover;
}
header, main, footer {
    margin-left: 240px;
    padding: 20px 40px;
}

main {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

nav#breadcrumbs {
    background-color: var(--primary);
}

@media only screen and (max-width : 992px) {
    header, main, footer {
        margin-left: 0;
    }
}

.sidenav.sidenav-fixed {
    top: 64px;
    width: 240px;
}

@media only screen and (max-width: 992px) {
    .sidenav.sidenav-fixed {
        top: 0!important;
    }
}

.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
label.required:before {
    content:"* " !important;
    color: red!important;
}
.no-margin {
    margin: 0;
}
label.browser-default {
    color: unset;
    font-size: unset;
}

.dt-paging nav {
    color: unset;
    background-color: unset;
    width: unset;
    height: unset;
    line-height: unset;
}
.dt-input {
    height: unset!important;
    width: unset!important;
    font-size: unset!important;
    margin: unset!important;
}
select.dt-input{
    display: inline-block!important;
}

.btn, .btn-large, .btn-small{
    background-color: var(--primary);
    color: #fff;
    border: none;
    box-shadow: 0 5px 0 var(--dark-primary);
    transition: all .3s;
}

.btn:hover, .btn-large:hover, .btn-small:hover{
    background-color: var(--primary);
    transform: translateY(-4px);
    box-shadow: 0 5px 0 var(--dark-primary);
    /*border-bottom-width: 2px;*/
    /*box-shadow: none;*/
}

.btn:active, .btn-large:active, .btn-small:active{
    background-color: var(--primary);
    transform: translateY(2px);
    /*box-shadow: 0 5px 0 var(--dark-primary);*/
    border-bottom-width: 2px;
    box-shadow: none;
}

:root {
    --primary: #0ba1a2;
    --secondary: #e65d0d;
    --dark-primary: #086869;
    --success: #1d9e74;
    --danger: #ef3b4f;
    --warning: #e65d0d;
}

.text-primary, .primary-text{
    color: var(--primary);
}

.text-danger, .danger-text{
    color: var(--danger);
}

.text-warning, .warning-text{
    color: var(--warning);
}

.text-success, .success-text{
    color: var(--success);
}

.text-secondary, .secondary-text{
    color: var(--secondary) !important;
}

.bg-primary{
    background-color: var(--primary) !important;
}

.bg-secondary, .secondary{
    background-color: var(--secondary)!important;
}

.bg-success{
    background-color: var(--success)!important;
}

.bg-danger{
    background-color: var(--danger)!important;
}

.bg-warning{
    background-color: var(--warning)!important;
}

.overflow-x-auto {
    overflow-x: auto;
}

.dataTable th {
    background: var(--primary);
    color: #fff;
    border-radius: 0;
    padding: 14px 24px!important;
}

.table-collection {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.table-collection th, .table-collection td{
    padding: 15px 20px;
    vertical-align: top;
}

.table-collection tr:not(:last-child), .view_item:not(:last-child), .border-bottom-dotted {
    border-bottom: 1px dashed #c1c1c1!important;
}

ul.tabs > li.tab > a.active {
    color: var(--secondary)!important;
}

ul.tabs .indicator {
    background-color: var(--secondary) !important;
}

.tabs .tab a {
    color: var(--primary) !important; /* Use !important if needed to override Materialize's default */
}

label {
    color: #666666;
}

select.browser-default {
    border-bottom: 1px solid #9e9e9e;
    border-left: none;
    border-right: none;
    border-top: none;
    outline: none;
}
select.browser-default:focus {
    border-bottom: 2px solid #4CAF50;
}