@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@500;600&family=Open+Sans:wght@400&display=swap');
/*
font-family: 'Dosis', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

/* SET VARIABLES */
:root {
    --theme-primary: #4db70a;    /* Finn Red */
    --theme-secondary: #1c5866;  /* Strikemaster Pink */
    --theme-success: #5E7461;    /* Finlandia Green */
    --theme-danger: #f55753;     /* Finn Red */
    --theme-warning: #f8d053;    /* Husk Yellow */
    --theme-info: #6399AE;       /* Hippie Blue */
    --theme-light: #EEEEEE;
    --theme-dark: #2C2A29;       /* Dune Black */
    --theme-muted: #253746;      /* Pickled Blue */
    --theme-white: #FFFFFF;
}

.primary, .text-primary { color: var(--theme-primary) !important; }
.secondary, .text-secondary { color: var(--theme-secondary) !important; }
.success, .text-success { color: var(--theme-success) !important; }
.danger, .text-danger { color: var(--theme-danger) !important; }
.warning, .text-warning { color: var(--theme-warning) !important; }
.info, .text-info, .complete, .text-complete { color: var(--theme-info) !important; }
.light, .text-light { color: var(--theme-primary) !important; }
.dark, .text-dark { color: var(--theme-dark) !important; }
.muted, .text-muted { color: var(--theme-muted) !important; }
.white, .text-white { color: var(--theme-white) !important; }

.bg-primary, .btn-primary { background-color: var(--theme-primary) !important; }
.bg-secondary, .btn-secondary { background-color: var(--theme-secondary) !important; }
.bg-success, .btn-success, .fc-event.success { background-color: var(--theme-success) !important; }
.bg-danger, .btn-danger, .fc-event.danger { background-color: var(--theme-danger) !important; }
.bg-warning, .btn-warning, .fc-event.warning { background-color: var(--theme-warning) !important; }
.bg-info, .btn-info { background-color: var(--theme-info) !important; }
.bg-light, .btn-light { background-color: var(--theme-light) !important; }
.bg-dark, .btn-dark { background-color: var(--theme-dark) !important; }
.bg-muted, .btn-muted { background-color: var(--theme-muted) !important; }
.bg-white, .btn-white { background-color: var(--theme-white) !important; }

.fc-event.success { color: var(--theme-white) !important; }
.fc-event.danger { color: var(--theme-white) !important; }
.fc-event.warning { color: var(--theme-white) !important; }

body {
    /*
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    */
    color: var(--theme-dark);
}

h1, h2, h3, h4, h5 {
    /*
    font-family: 'Dosis', sans-serif;
    
    font-weight: 600;
    */
    
}
h1.text-success,
h2.text-success {
    color: var(--theme-dark) !important;
}
*::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.15) !important;
}
a:focus, a:hover, a:active {
    color:inherit;
}

.login-wrapper {
    background: var(--theme-light);
}
.login-container{
    background: #FFF;
}
.login-logo {
    padding-left: 0 !important;
    padding-right: 0 !important;
    /*max-width: 200px;*/
}
.btn-primary {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}
.btn-primary:hover {
    background-color: var(--theme-muted);
    border-color: var(--theme-muted);
}
.panel-dark {
    background-color: var(--theme-secondary);    
}
.panel-dark * {
    color: var(--theme-white) !important;
}
.panel-dark:hover {
    background-color: var(--theme-primary);    
}
.page-sidebar {
    background: var(--theme-secondary);
}
.icon-thumbnail {
    background: var(--theme-muted);
}


#task-widget i {
    font-size: 1.5em;
}
#task-widget .text-danger i.fa.fa-circle::before {
    content: "\f06a";
}
#task-widget .text-danger,
#task-widget .text-warning,
#condensedTable .text-danger,
#condensedTable .text-warning {
    font-weight: bold;
}
.bg-complete {
    background-color: var(--theme-muted);
}
.pg-close {
    color: var(--theme-light);
}
.page-sidebar .sidebar-header {
    background-color: var(--theme-muted);
    border-bottom: 1px solid #232730;
    color: #fff;
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu {
    background-color: var(--theme-muted);
}
.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li .icon-thumbnail {
    background-color: var(--theme-dark);
}


.page-sidebar .sidebar-menu .menu-items > li.plus > a.detailed > .title {
    color: #FFF !important;
}
li.plus a {
    color: var(--theme-success);
}

.company-select .select2-container .select2-selection {
    background: var(--theme-muted);
}
li.active-class > .icon-thumbnail {
    background: var(--theme-primary);
}
.radiosupersmall input[type="radio"]:checked + label, .radiosupersmall input[type="checkbox"]:checked + label {
    background: var(--theme-primary);
}
.radiosupersmall input[type="radio"].radio-success:checked + label, .radiosupersmall input[type="checkbox"].radio-success:checked + label {
    background: var(--theme-success);
}
.radiosupersmall input[type="radio"].radio-danger:checked + label, .radiosupersmall input[type="checkbox"].radio-danger:checked + label {
    background: var(--theme-danger);
}
.radiosupersmall input[type="radio"].radio-warning:checked + label, .radiosupersmall input[type="checkbox"].radio-warning:checked + label {
    background: var(--theme-warning);
}
.radiosupersmall input[type="radio"].radio-complete:checked + label, .radiosupersmall input[type="checkbox"].radio-complete:checked + label {
    background: var(--theme-success);
}

.breadcrumb-container {
    background-color: var(--theme-muted);
}
.square-button a {
    color: var(--theme-light);
}
.jFiler-theme-default .jFiler-input-button {
    background: var(--theme-muted);
}

.doc-menu a.text-danger:hover {
    background-color: var(--theme-danger);
}
.btn-complete, .btn-complete, .show .dropdown-toggle.btn-complete {
    background-color: var(--theme-info);
    border-color: var(--theme-info);
    color: #fff;
}


.round-arrow {
    color: var(--theme-primary);
}


.doc-menu a.text-primary:hover {
    background-color: var(--theme-primary);
    color: #FFF !important;
}
.doc-menu a.text-success:hover {
    background-color: var(--theme-success);
}
.doc-menu a.text-warning:hover {
    background-color: var(--theme-warning);
}
.doc-menu a.text-danger:hover {
    background-color: var(--theme-danger);
}
.doc-menu a.text-complete:hover {
    background-color: var(--theme-info);
    color: #FFF !important;
}

.bug-report {
    background: var(--theme-primary) !important;
}

.employee-header h3 {
    color: var(--theme-white);
}


.file-item{
    transition: all 500ms ease;
}

.modal-open .select2-container {
    z-index: 1040!important;
}
.modal-open .select2-container.select2-container--open {
    z-index: 1051!important;
}

.modal .modal-body{
    max-height: 80vh;
}

.square-menu li{
    display:inline-block;
}
.square-menu .icon-thumbnail{
    margin:0;
}
.page-sidebar .sidebar-menu .menu-items{
    margin-top:0;
}
.form-group{
    position:relative;
}
label.error {
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 11px;
    color: #f55753;
    font-weight: 300;
    text-transform: none;
    transform: translateY(-50%);
    color: transparent;
    transition: all 250ms ease;
    pointer-events: none;
    white-space: nowrap;
    z-index:9;
}
label.error:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f06a";
    margin-left: 10px;
    color: #f55753;
    font-size: 16px;
    pointer-events: all;
}
label.error:hover {
    color: #f55753;
}
label.error + .flatpickr-calendar {
    border: 1px solid red;
}

.check-group{
    position:relative;
}
.check-group .file-item{
    box-shadow:0 0 0.5rem rgba(0,0,0,.15)!important;
}
.trans{
    transition: all 500ms cubic-bezier(.02, .01, .47, 1);
}

.overscroll{
    overflow-y:scroll;
}
*::-webkit-scrollbar-track
{
	border-radius: 10px;
    background-color: transparent;
}

*::-webkit-scrollbar
{
	    width: 10px;
    background-color: transparent;
}

*::-webkit-scrollbar-thumb
{
	border-radius: 10px;
    background-color: #00d0bd;
}
.nav-tabs > li > a.active:hover{
    background-color:inherit;
    border-bottom:0;
}
 .nav-tabs > li > a.active:focus{
     color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
 }
.nav-tabs .nav-item {
    margin-bottom: -2px;
}

.columns > div {
  
    break-inside: avoid-column;
}
.pointer{
    cursor:pointer;
}
.doc-menu{
    padding: 5px 5px 0px 5px;
}
.doc-menu a{
    /*max-width:32px;*/
    white-space:nowrap;
    overflow-x:hidden;
    transition:all 250ms ease!important;
}
.doc-menu a:hover{
    max-width:1000px;
}
.doc-menu:after{
    display:none;
}
.profile-image {
    background: var(--theme-light);
    color: var(--theme-primary);
    position: relative;
}
.profile-image * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.note-editor.note-frame{
    border:0;
}
.panel-heading.note-toolbar{
    padding:0 0 5px 0;
}
.note-editor.note-frame .note-editing-area{
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: var(--theme-primary);
    border-color: var(--theme-primary);
}
#modalStatus.success .bg-status {
    background-color: var(--theme-muted);
}