@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat');

html,body {
    width: 100%;
    height: 100%;
    max-width: none;
}
.grid img {
    max-width: 100%;
}
.grid svg {
    width: 100%;
    height: auto;
}
iframe {
    border: 0px;
}
 
input, 
img, 
svg{
    transition: all 500ms ease 0s;
}
.login-logo{
    max-width: 100%;
}
a{
    color:inherit;
}
figure {
    margin: 0 0 20px 0;
}
figure img {
    margin: 0;
}
figcaption {
    padding-top: 10px;
    font-style: italic; 
}
label {
    margin-right: 10px; 
    padding-bottom: 5px;
    display: block;
}
input {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}
input, select {
    position: relative;
    width: 100%;
}
input[type=submit],
input[type=button] {
    cursor: pointer;
    background-color: #575a56;
    color: #c7ccc7;
    width: auto;
}
input[type=submit]:hover,
input[type=button]:hover {
    background-color: #4a3c31;
    color: #FFF;
}
select {
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
body{
    overflow-x:hidden;
    position: relative;
}
.login-container {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a6dde2+2,f1ead8+100 */
    background: rgb(166,221,226); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(166,221,226,1) 2%, rgba(241,234,216,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(166,221,226,1) 2%,rgba(241,234,216,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(166,221,226,1) 2%,rgba(241,234,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    position:relative;
}
.language-container ul{
    position:absolute;
    top:0;
    right:0;
    list-style:none;
}
.language-container ul li ul{
    display:none;
    position:absolute;
    top:100%;
    
}
.language-container > ul > li:before{
    content:"\F0ac";
    font-family: 'Font Awesome 5 Pro';
    margin-right:10px;
}
.language-container > ul > li:after{
    content:"\F0d7";
    font-family: 'Font Awesome 5 Pro';
    margin-left:10px;
}
.language-container ul li{
    padding:5px 10px;
    background-color:rgba(255,255,255,0.6);
    position:relative;
}
.language-container ul li:hover ul{
    display:block;
}
.btn-primary {
    color: #fff;
    background-color: #00d0bd;
    border-color:#00d0bd;
    margin-bottom: 20px;
}
.text-warning{
    color:#d2a311!important;
}
@media (max-width: 767px){
    .page-sidebar .sidebar-header {
        padding: 2px 12px;
    }
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        text-align: center;
        margin-bottom: 20px;
    }
}
.quickview-wrapper .nav-tabs {

    padding: 0;
}
#chat .list-view-group-container {
    padding:0px;
}
.page-sidebar .sidebar-menu .menu-items > li > a > .title {
    width:auto;
    max-width:130px;
}
.page-sidebar .sidebar-menu{
    height: calc(100% - 60px);
}
.header .container-fluid .fa{
    font-size:24px;
}
.header .header-inner i.fa{
    vertical-align: super;
}
.container-fluid .header-inner a.relative span.badge{
    position:absolute;
    top:-5px;
    right:-5px;
}
table.table .dropdown-menu{
    right:0;
    left:auto;
}
.widget-1:after{
    background:none;
}

a.text-black.jq-close-widget i{
    color: #fff;
    font-size:20px
}
.icon-btn{
    padding: 10px;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color:#FFF;
    height:100%;
}
.icon-btn i{
    font-size:50px;
    display:block;
    margin-bottom:10px;
    font-style: normal;
    font-weight: 300;
    line-height: 50px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 43%;
}
.icon-btn span {
    position: absolute;
    bottom: 15px;
    transform: translateX(-50%);
    left: 50%;
    line-height: 1.2;
}
.icon-btn.danger i{
    color:#f8564e;
}
.icon-btn.complete i{
    color:#48B0F7;
}
.icon-btn.success i{
    color:#10CFBD;
}
.icon-btn.warning i{
    color:#F8D053;
}
.icon-btn.master i{
    color:#626262;
}
.icon-btn.primary i{
    color:#6D5CAE;
}
.icon-btn.info i{
    color:#3B4752;
}
@media (max-width:1366px) and (min-width:992px){
    .icon-btn{
        font-size:11px;
    }
}
@media (max-width: 500px){
    .icon-btn{
        font-size:10px;
    }
}
.panel{
    background-size:cover;
    background-position:center;
}
.notification-container ul{
    padding:0px;
}
.notification-container li {
    padding-top:5px;
    padding-left: 15px;
    margin-bottom:1px;
    white-space: nowrap;
    cursor: pointer;
    width: 100%;
    display: table;
    background-color:#FFF;
}
.notification-list-header {
    margin-bottom: 10px;
    font-family: 'Montserrat';
    text-transform: uppercase;
}
.page-sidebar .sidebar-menu .menu-items > li > a > .arrow:before {
    content:"\f107";
}
.breadcrumb-container{
    background-color:#272b36;
    position: relative;
}
ul.breadcrumb{
    display:inline-block;
}
.breadcrumb li:last-child span{
    color:#FFF;
}
.breadcrumb li{
    font-size: 11px !important;
}
.breadcrumb-buttons {
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
}
.square-button{
    width: 20px;
    height: 55px;
    position: relative;
    font-size:22px;
    
    display:inline-block;
    margin:0 5px;
}
.square-button a{
    color:#00d0bd;
}
.square-button.active{
    background-color:#00d0bd;
    color:#FFF;
}
.square-button *{
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
.panel{
    
}
.nav-tabs-simple {
    border-bottom: 0px;
    width: 100%;
    display: table;
}
.nav-tabs-simple li {
    background-color:#FFF;
    display:table-cell;
    text-align: center;
}
.nav-tabs-simple > li.active{
    background-color:#00d0bd;
   
}
.nav-tabs-simple li.active a{
     color:#FFF !important;
}
.nav-tabs-simple > li:after {
    content:none;
}
.nav-tabs > li > a {
    padding: 10px 15px;
    font-weight: 700;
}
.nav-tabs-simple:after {
    border:none;
}
.nav-tabs-simple>li {
    float:none;
}
.nav-tabs ~ .tab-content {
    background-color:#FFF;
    padding: 0px;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.no-padding{
    padding:0px !important;
}
.no-margin{
    margin:0px;
}
@media (max-width:767px){
.oversikt .sm-gutter .row > [class^="col-"], .oversikt .sm-gutter .row > [class*="col-"] {
    padding-left: 0px;
    padding-right: 0px;
}
}
.oversikt .panel, .oversikt .table-responsive{
    margin-bottom:0px;
        overflow: visible;
}
.table tbody tr td, .table thead tr th{
    font-size:10px;
    background-color:#FFF;
}
.table.table-condensed tbody tr td{
        white-space: normal;
}
table.dataTable{
    margin:0!important;
}
table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after {
    top: 10px;
}
.table tbody tr td{
    padding:10px;
}
.table.table-condensed thead tr th{
    padding-left:10px!important;
    padding-right:10px!important;
    
}
.table.table-condensed tbody tr td span{
    vertical-align: bottom !important;
    margin-right:5px;
}
span.icon-circle {
    width: 20px;
    height: 20px;
    background-color: #11d1bd;
    display: block;
    border-radius: 100%;
    text-align: center;
    line-height: 1.1;
    font-size: 14px;
    color: #FFF;
    position: relative;
    overflow:visible!important;
    float:right;
    cursor:pointer;
}
span.icon-circle i.fa.fa-chevron-down {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
span.icon-circle .dropdown-menu{
    top:30px;
}
.table.table-condensed thead tr th, .table.table-condensed tbody tr td, .table.table-condensed tbody tr td *:not(.dropdown-default) {
    overflow: visible;

}
table.dataTable{
    width:100%;
}
table.circles tbody tr td:first-of-type{
    position:relative;
    padding-left:25px;
    color:#626262;
}
table.circles tbody tr td:first-of-type:before{
    content:'\f111';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-weight:300;
}
table.circles tbody tr.danger td:first-of-type:before, table.table tbody tr.danger .textcolor{
    color:#f8564e;
}
table.circles tbody tr.warning td:first-of-type:before, table.table tbody tr.warning .textcolor{
    color:#f9d146;
}
table.circles tbody tr.success td:first-of-type:before, table.table tbody tr.success .textcolor{
    color:#00d0bd;
}
span.icon-circle:hover > ul.dropdown-menu{
    display:block;
}
span.icon-circle .profile-dropdown:before {
    position: absolute;
    top: -8px;
    right: 3px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ccc;
    border-left: 8px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.05);
    content: '';
}
span.icon-circle .profile-dropdown:after {
    position: absolute;
    top: -6px;
    right: 5px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}
span.icon-circle .dropdown-menu > li:first-child {
    padding-top: 0px;
}
span.icon-circle .profile-dropdown li:last-child {
    margin-top: 0px;
    padding: 0;
}
span.icon-circle .dropdown-menu > li {
    border-bottom:1px solid rgba(230, 230, 230, 0.7);
    position:relative;
}
span.icon-circle .dropdown-menu > li:last-child{
    border-bottom:0px;
}
span.icon-circle .dropdown-menu li:after {
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 12px;
    top: 6px;
}
span.icon-circle .dropdown-menu li.pencil:after {
    content: "\f040";
    color: #f9d146;
}
span.icon-circle .dropdown-menu li.archive:after {
    content: "\f187";
    color: #626262;
}
span.icon-circle .dropdown-menu li.trash:after {
    content: "\f1f8";
    color: #f55753;
}
span.icon-circle .dropdown-menu li.check:after {
    content: "\f00c";
    color: #11d1bd;
}
span.icon-circle .dropdown-menu li.check-box:after {
    content: "\f046";
    color: #11d1bd;
}
.table-icon{
    font-size:18px;
}
.doc-menu{
    background-color:#FFF;
    font-family: Montserrat;
    text-transform: uppercase;
    font-size:11px;
    padding:5px 10px;
}
.doc-menu a i{
    font-size: 1em;
    line-height: 1.5em;
    vertical-align: top;
}
.doc-menu:after{
    content:"";
    display:table;
    clear:both;
}
[id*=datepicker] .form-control[disabled], [id*=datepicker]  .form-control[readonly]{
    color:#000;
    background:#FFF;
}
.select-wrapper .cs-wrapper{
    display:block;
    margin-bottom:20px;
    
}
.select-wrapper div.cs-skin-slide{
    width:100%;
        max-width: 100%;
}
.select-wrapper .cs-select .cs-placeholder{
    background-color:#3b4753;
    color:#FFF;
    border-radius:5px;
}
.select-wrapper  div.cs-skin-slide > span:after, .select-wrapper  div.cs-skin-slide.cs-active > span:after{
    color:#FFF;
}
.doc-menu a{
    padding:5px;
    display:inline-block;
    border-radius:5px;
}
.doc-menu a:hover{
    color:#FFF!important;
}
.doc-menu a.text-primary:hover{
    background-color:#6d5cae!important;
}
.doc-menu a.text-success:hover{
    background-color:#10cfbd!important;
}
.doc-menu a.text-warning:hover{
    background-color:#d2a311!important; 
}
.doc-menu a.text-danger:hover{
    background-color:#f55753!important;
}
.doc-menu a.text-complete:hover{
    background-color:#48b0f7!important;
}
.doc-menu a.text-master:hover{
    background-color:#626262!important;
}

.doc-menu a.text-info:hover{
    background-color:#3b4752!important;
}


.jFiler * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.jFiler {
    font-family: sans-serif;
    font-size: 14px;
    color: #494949;
}

/* Helpers */
.jFiler ul.list-inline li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.jFiler .pull-left {
    float: left;
}

.jFiler .pull-right {
    float: right;
}

/* File Icons */
span.jFiler-icon-file {
	position: relative;
    display: block;
    background: #e1e1e1 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMQAAAEACAYAAADsqNl9AAAD5klEQVR42u3azUqUURjA8bHAEpIK+9hlRBGC0QfVustI+oAo2nQJgYGFFEUhJF1NUVAXEC6iSyhIDCoX5js9Z5xpXmxsRjOdmfP7wfPqwtWZ589xhqlUN2Y5Zi5mJmYi5lzMgZhdFbpavEb32sxsURSfq5mqrPPv52MexYxZrb4NIusoOgoiDudb/JiMGbZSWQSRbRSdBPEqZtQqZRdEllFU2rxPuB8zYI2yDSK7KNYKYinmlvURRG5RVNa4GW5aHUHkGEWrIKasjSByjWJ1EC+tjCByjqKy6qPVI1ZGEDlHUb4h7loXQeQeRSOILzF7rIsgco+iEcS0VRGEKFaCSB+znrQqghDFShDvrYkgRNEM4pk1EYQomkFctiaCEEUziDPWRBCiaAYxYk0EIYpmEIPWRBCiqAeBIEQhCEGIQhBsWxA9E4UNEYQoBCEIUQiC7giiq6OwIYIQhSAEIQpB0H1BdF0UNkQQohCEIEQhCLo7iFoUMZ8EgSC6JAobIghRCEIQohAEvRXEtkRhQwQhCkEIQhSCoHeD2LIobIggRCEIQYhCEPRHEP81ChsiCFEIQhCiEAT9F8SmR2FDBCEKQQhCFIKgv4PYlChsiCD6bZ7/SxQ2RBCiEIQgRCEI8gpiQ1HYEEGIQhCCEIUgyDeIjqOwIYIQhSAEIQpBsBLEKVGsHYUNcUuIQhCCMK2jsB2CEEUpCtshClOKwmYIwpSisBn5BjEqgj+jsBluCVMaWyEKIQiCUhCXhCAI3BKC4K9RXBeEIHBbCALvKwTBRuO4IQgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAyEi1Wh10ClBrYXd6jDgKqAVxMD3OOgqoBXE+PSYcBdSCuJIeM44CakHMpseco4BKpSiKDymI5Zgxx0Hmt8N4TDX9kjx0JGQexONyEPMxw46FTGPYF7NQDiKZdDRkGsSDRgTlIL7HHHU8ZBbD8ZjFVkEkr2MGHBOZxLAj5m05gNVBJNOOipzeSLcLIn0Me9tx0ecx3KnvetsgkiVR0Ocx/Gy1+GsF0bgppr2noI9C2BnzpNXN0EkQDW9ijjlOejyGEzHv2i17J0EkP2KmYvY6WnoshP31/3QWO1n0ToNoWKhfOeOOmi4P4XTM06Iovq5nwdcbxG/pm4Hp67IxV2MuxByKGfJSsMWLPxRzOOZizLWYF7GbHze6178AQI59RSRyAJkAAAAASUVORK5CYII=') no-repeat;
    background-size: cover;
    width: 57px;
    height: 74px;
    line-height: 90px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
}
.bg-light-red{
    background:#feefef;
    transition: all 500ms ease;
}
span.jFiler-icon-file i[class*="icon-jfi-"] {
    font-size: 24px;
}

span.jFiler-icon-file.f-image {
    background-color: #e15955;
}

span.jFiler-icon-file.f-video {
    background-color: #4183d7;
}

span.jFiler-icon-file.f-audio {
    background-color: #5bab6e;
}

/* Progress Bar */
.jFiler-jProgressBar {
    height: 8px;
    background: #f1f1f1;
    margin-top: 3px;
    margin-bottom: 0;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.jFiler-jProgressBar .bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #50A1E9;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

.jFiler-jProgressBar .bar.dark {
    background-color: #555;
}

.jFiler-jProgressBar .bar.blue {
    background-color: #428bca;
}

.jFiler-jProgressBar .bar.green {
    background-color: #5cb85c;
}

.jFiler-jProgressBar .bar.orange {
    background-color: #f7a923;
}

.jFiler-jProgressBar .bar.red {
    background-color: #d9534f;
}

/* Thumbs */
.jFiler-row:after,
.jFiler-item:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both;
}

.jFiler-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*-------------------------
	Default Theme
-------------------------*/
.jFiler-theme-default .jFiler-input {
    position: relative;
    display: block;
    margin: 0 0 5px 0;
    font-size: 12px;
    font-family: sans-serif;
    color: #888;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
}

.jFiler-theme-default .jFiler-input-caption {
    display: none;
}
.jFiler-theme-default .jFiler-input-button {
    display: block;
    height: 100%;
    padding:10px;
    color: #FFF;
    background-color:#6D5CAE;
    position:relative;
}
.jFiler-input-button:after{
    content:"\f07b";
    font-family: 'Font Awesome 5 Pro';
    position:absolute;
    right:10px;
    top:10px;
}
.jFiler-theme-default .jFiler-input-button:hover {
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.07);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.07);
    box-shadow: inset 0 0 10px rgba(0,0,0,0.07);
}

/*-------------------------
	Thumbnails
-------------------------*/
.jFiler-items-default .jFiler-item {
    position: relative;
    padding: 10px;
    margin-bottom: 5px;
    background: #FFF;
    color: #4d4d4c;
    border-radius: 3px;
}
.jFiler-item-title i{
    color:#00d0bd;
}
.jFiler-items-default .jFiler-item .jFiler-item-icon {
    font-size: 32px;
    color: #48A0DC;
    margin-right: 15px;
    margin-top: -3px;
}
.jFiler-items-default .jFiler-item .jFiler-item-title {
    font-size:14px;
}
.jFiler-items-default .jFiler-item .jFiler-item-others {
    font-size: 12px;
    color: #777;
    margin-left: -5px;
    margin-right: -5px;
}
.jFiler-items-default .jFiler-item .jFiler-item-others span {
    padding-left: 5px;
    padding-right: 5px;
}
.jFiler-items-default .jFiler-item-assets {
    position: absolute;
    display: block;
    right: 16px;
    top: 50%;
    margin-top: -10px;
}
.jFiler-items-default .jFiler-item-assets a {
    cursor: pointer;
    color: #f8564e;
}
.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:hover,
.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:active {
    color: #d9534f;
}
.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:active {
    background: transparent;
}
/* Thumbnails: Grid */
.jFiler-items-grid .jFiler-item {
    float: left;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container {
    position: relative;
    margin: 0 20px 30px 0;
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.06);
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb {
    position: relative;
    width: 190px;
    height: 145px;
    min-height: 115px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image {
    width: 100%;
    height: 100%;
    text-align: center;
}
.jFiler-item .jFiler-item-container .jFiler-item-thumb img {
    max-width: none;
    max-height: 100%;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb span.jFiler-icon-file {
    margin-top: 32px;
}
.jFiler-items-grid .jFiler-item-thumb-image.fi-loading {
    background: url('data:image/gif;base64,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') no-repeat center;
    width: 100%;
    height: 100%;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgba(76, 76, 77, 0.8);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 10;
    overflow-y: auto;
    -webkit-transition: all 0.12s;
       -moz-transition: all 0.12s;
            transition: all 0.12s;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb:hover .jFiler-item-thumb-overlay {
    opacity: 1;
    filter: aplpha(opacity(100));
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info {
    display: table;
    padding: 0 10px;
    overflow: auto;
    width: 100%;
    height: 100%;
    text-align: center;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info .jFiler-item-title {
    display: block;
    font-weight: bold;
    word-break: break-all;
    line-height: 1;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info .jFiler-item-others {
    display: inline-block;
    font-size: 10px;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets {
    margin-top: 10px;
    color: #999;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .text-success {
    color: #3C763D
}
.jFiler-items-grid .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .text-error {
    color: #A94442
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .jFiler-jProgressBar {
    width: 120px;
    margin-left: -5px;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .jFiler-item-others {
    font-size: 12px;
}
.jFiler-items-grid .jFiler-item-trash-action:hover {
    cursor: pointer;
    color: #d9534f;
}
textarea.form-control {
    max-width: 100%;
}
.icon-description-list{
    padding:0px;
}
.icon-description-list li{
    display:inline-block;
    font-size:12px;
    margin-right:10px;
    color:#919191;
}
.icon-description-list.is-block li{
    display:block;
}
.icon-description-list li:before{
    font-family: 'Font Awesome 5 Pro';
    padding-right:5px;
}
.icon-description-list li.editor:before{
    content:"\f040";
}
.icon-description-list li.date:before{
    content:"\f073";
}
.icon-description-list li.user:before{
    content:"\f007";
}
.icon-description-list li.check:before{
    content:"\f00c";
}
.icon-description-list li.flag:before{
    content:"\f024";
}
.icon-description-list li.clock:before{
    content:"\f017";
}
.icon-description-list li.kobling:before{
    content:"\f0c1 ";
}
.icon-description-list li.pie-chart:before{
    content:"\f200 ";
}
.icon-description-list li.repeat:before{
    content:"\f01e";
}
.icon-description-list li.visible:before{
    content:"\f06e";
}
.icon-description-list li.notvisible:before{
    content:"\f070";
}
.icon-description-list li.archive:before{
    content:"\f187";
}
.icon-description-list li.hourglass-end:before{
    content:"\f253";
}
.icon-description-list li.globe:before{
    content:"\f0ac";
}
.icon-description-list li.wrench:before{
    content:"\f0ad";
}
.icon-description-list li.edited:before{
    content:"\f044";
}
.icon-description-list li.tag:before{
    content:"\f02b";
}
.icon-description-list li.users:before{
    content:"\f0c0 ";
}
.file-item{
    background-color:#FFF;
    padding:10px;
    margin-bottom:2px;
    position:relative;
    border: 1px solid rgba(0,0,0,0.075);
    border-radius: 3px;
}
.file-item .file-title{
    display:inline-block;
    max-width: 90%;
    color: #3a3a3a;
    word-wrap: break-word;
    padding-left: 25px;
}
.file-item .file-title i{
    color:#00d0bd;
    padding-right:5px;
    position: absolute;
    top: 15px;
    left: 15px;
}
.file-item.shadow{
    height: 100%;
}
.file-item .file-type{
    float:right;
    color:#00d0bd;
    text-transform: uppercase;
}
.file-item .file-delete {
    float: right;
    color: #f55753;
    margin-left:5px;
}
.check-group, .annet-group{
    margin-bottom:20px;
    border:1px solid rgba(0,0,0,0.1);
}
.check-group .checkbox, .check-group .radio{
    display:inline-block;
    margin:0px;
    width:40px;
    height:40px;
    border:2px solid #F5f5f5;
    border-right:0;
    position:relative;
    
}
.nav-link.error:after {
    content: "\f06a";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    margin-left: 3px;
    color: #f55753;
}
.check-group .checkbox, .check-group .radio:last-of-type{
    border-right:2px solid #F5f5f5;
    
}
.annet-group .check-group-title {
    background: #FFF;
    padding: 15px;
}
.check-group .checkbox label, .check-group .radio label {
    margin: 0px;
    padding: 0px !important;
    height: 100%;
    width: 100%;
    background-color:#FFF;
    transition: all 0.2s linear 0s, color 0.2s linear 0s;
}
.check-group-container .radio input[type=radio], .check-group-container .checkbox input[type=checkbox]{
    display:block;
}
.radio label span, .checkbox label span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.check-group .checkbox label::after, .check-group .radio label::after {
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.check-group .checkbox input[type=checkbox]:checked + label::after, .check-group .radio input[type=radio]:checked + label::after{
    content:"";
}
.check-group .checkbox input[type="checkbox"]:focus + label:before, .check-group .radio input[type="radio"]:focus + label:before {
    background:none;
}

.check-group  .checkbox.check-warning input[type=checkbox]:checked + label, .check-group  .radio.radio-warning input[type=radio]:checked + label {
    background-color: #f8d053;
    color:#FFF;
}
.check-group .checkbox input[type=checkbox]:checked + label:before, .check-group .radio input[type=radio]:checked + label:before {
    color:#FFF;
}

.check-group .checkbox.check-success label, .check-group .radio.radio-success label{
    color:#00d0bd;
}
.check-group .checkbox.check-danger label, .check-group .radio.radio-danger label{
    color:#f8564e;
}
.check-group .checkbox.check-warning label, .check-group .radio.radio-warning label{
    color:#f8d053;
}
.check-group .checkbox.check-success input[type=checkbox]:checked + label, .check-group .radio.radio-success input[type=radio]:checked + label {
    background-color: #00d0bd;
    color:#FFF;
}

.check-group  .checkbox.check-danger input[type=checkbox]:checked + label, .check-group  .radio.radio-danger input[type=radio]:checked + label {
    background-color: #f8564e;
    color:#FFF;
}

.check-group .checkbox.check-info.has-comment label, .check-group .radio.radio-info.has-comment label{
    color:#FFF;
}
.check-group  .checkbox.check-info input[type=checkbox]:checked + label, .check-group  .radio.radio-info input[type=radio]:checked + label {
    background-color: #3B4752;
    color:#FFF;
}
.check-group  .checkbox.check-info input[type=checkbox].has-comment + label, .check-group  .radio.radio-info input[type=radio].has-comment + label {
    background-color: #3B4752;
    color:#FFF;
}

.check-group .radio label:before, .check-group .checkbox label:before{
    display:none;
}
.check-group .check-group-title{
    display:inline-block;
    vertical-align: top;
    width: 100%
}
.check-group .check-group-title > span{
    padding:10px;
    display:block;
}
.check-group-container{
    margin-top: 10px;
    position: relative;
}
.hidden-comment {
    padding: 10px 20px;
    margin-top: 3px;
}

.check-group span.required-error, .check-group span.comment-required-error, label.error{
    font-family: Montserrat;
    text-transform: uppercase;
    color: #f8564e;
    font-size: 11px;
    display:none;
    margin:0;
    padding:0;
}
.check-group.required span.required-error, .check-group.comment-required span.comment-required-error {
    display: block;
}
.check-group.required .check-group-title, .check-group.required .radio label, .check-group.required .checkbox label, .check-group.required .check-group-title, .check-group.comment-required .check-group-title, .check-group.comment-required .radio label, .check-group.comment-required .checkbox label, .check-group.comment-required .check-group-title{
    background-color:#FEDDDC;
}
.profile-dropdown{
    right:0;
    left:auto;
}
.page-sidebar .sidebar-menu .menu-items{
    margin-top:15px;
    padding-bottom: 20px!important;
}
/* ################## RESPONSIVE ###################### */
@media screen and (min-width:767px){
    .table tbody tr td, .table thead tr th{
        font-size:14px;
    }
    table.circles tbody tr td:first-of-type:before{
        font-size:10px;
    }
    .form-group label:not(.error){
        font-size:14px;
    }
    .doc-menu{
        font-size:14px;
    }
    table.circles tbody tr td:first-of-type {
        padding-left: 35px;
    }
}
@media screen and (min-width:991px){
    .breadcrumb{
        padding:15px;
    }
}

.status-message-container {
    color: #FFF;
    padding: 20px;
}
.status-message-icon {
    display: block;
    font-size: 54px;
    text-align:center;
}
.status-message-content {
    display: block;
    font-size: 18px;
    text-align:center;
}
.status-message_close{
    position:absolute;
    top: 5px;
    right: 15px;
    font-size: 24px;
}
.login-wrapper .bg-pic {
    background-size: cover;
    background-position: center;
}
.list-view li p{
        max-width: 190px;
}
.employe-item{
    background:#FFF;
    padding:10px;
    margin-bottom:10px;
    display:table;
    width:100%;
    border-radius: 50px;
    transition: all 500ms ease;
    display:inline-block;
    vertical-align: middle;
}
.employe-item.open{
    border-radius:0px;
}
.employe-item span{
    display:block;
}
.employe-img, .employe-name, .employe-info{
    display:table-cell;
    vertical-align:middle;
}
.employe-img{
    width:70px;
}
.employe-name{
    width:100%;
    padding-left:10px;
}
.employe-img img{
    border-radius:100%;
}
.employe-item ul {
    list-style: none;
    padding: 0px;
}
.employe-info {
    font-size: 24px;
    text-align: right;
    padding-right: 21px;
}
@media screen and (min-width:767px){
    .employe-item{
        width: calc(50% - 20px);
    margin-right: 10px;
    }
    
}
@media screen and (min-width:1024px){
    .employe-item{
        width: calc(33.33% - 20px);
    }
}
@media screen and (min-width:1400px){
    .employe-item{
        width: calc(25% - 20px);
    }
}
@media screen and (min-width:1750px){
    .employe-item{
        width: calc(20% - 20px);
    }
}
.table-responsive{
    overflow: visible;
}
.table {
   margin-top: 0px; 
}

.logo-text {
    height: 30px;
}
span.icon-circle:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 30px;
    right: 0;
    top: 0;
}
.page-sidebar .sidebar-header{
    padding: 3px 20px;
    padding-left: 15px;
}
img.brand {
    height: 30px;
    margin-bottom: 10px;
}
h2.list-view-fake-header {
    display: none;
}
li.active-class > .icon-thumbnail {
    background-color:#00d0bd;
    color:#FFF;
}
li.active-class > .icon-thumbnail i{
    color:#FFF;
}
.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li.active-class .icon-thumbnail{
    color:#FFF!important;
}
li.active-class > .title {
    color:#00d0bd;
}
li.active-class > a{
    color:#FFF!important;
}
body.mobile .page-sidebar .sidebar-menu .menu-items li:hover > .icon-thumbnail {
    color: #FFF !important;
}
.popup_content{
    width:100%;
    max-width:540px;
}
.info-modal-container{
    background-color:#FFF;
    padding:20px;
    position:relative;
}
.info-modal-container h2:before {
    content: "\f059";
    font-family: 'Font Awesome 5 Pro';
    margin-right: 10px;
    color: #10CFBD;
    font-size: 25px;
}
.info_popup_close{
    position:absolute;
    top:10px;
    right:15px;
}
.info-modal-container ul{
    list-style:none;
}
.info-modal-container li{
    position:relative;
}
.info-modal-container li:before{
    font-family: 'Font Awesome 5 Pro';
    position:absolute;
    left: -15px;
}
ul.participants{
    list-style:none;
    padding:0px;
}
.participants li:before{
     font-family: 'Font Awesome 5 Pro';
     margin-right:5px;
}
li.comment:before{
    content:"\f075";
    color: #3B4752;
}
li.minus:before{
    content:"\f068";
    color:#f8d053;
}
li.check-b:before{
    content:"\f00c";
    color: #00d0bd;
}
li.times:before{
    content:"\f00d";
    color: #f8564e;
}
.white{
    color:#FFF;
}
#info_popup_background {
  transition: all 0.3s 0.3s;
}
#info_popup,
#info_popup_wrapper {
  transition: all 0.3s ease-out;
      top: 50px;
}
#info_popup {
  transform: translateX(40%) translateY(calc(-100% + 200px)) scale(0.1);
}
.popup_visible #info_popup {
  transform: translateX(0) translateY(0) scale(1);
  padding:0px 20px;
}
.page-sidebar .sidebar-menu .menu-items > li > a.detailed > .title {
    line-height: 38px;
    font-weight: 500;
    color: #d4d4d4;
}
.page-sidebar .sidebar-menu .menu-items > li.plus > a.detailed > .title{
    color:#00d0bd!important;
}
.page-sidebar .sidebar-menu .menu-items > li > a{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.page-sidebar a, .page-sidebar button {
    color: #8c95a9;
}
.fc th, .fc td, .fc hr, .fc thead, .fc tbody, .fc-row {
    border:0px!important;
    background: none !important;
}
.fc-row .fc-bg {
    z-index: -1;
    display:block;
    
}
.fc-row .fc-bg td{
    background:#FFF!important;
        border: 1px solid #F5f5f5!important;
}
.fc-row .fc-bg td.fc-sun{
    background:#FFF7F6!important;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px;
    background: none;
    font-size: 6px;
    line-height: 11px;
    position: absolute;
    bottom: 0;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: left;
}
.fc-center{
    text-transform:uppercase;
}
.fc-row .fc-content-skeleton td {
    line-height: 10px;
}
.fc tbody .fc-row .fc-content-skeleton {
    min-height: 50px;
}

th.fc-day-header {
    text-align: right;
    font-weight: 400;
    text-transform: uppercase;
        padding-right: 3px;
}
.fc-event {
    position: relative;
    display: block;
    line-height: 1.3;
    border: 0px;
    background-color: #00d0bd!important;
    text-transform: uppercase;
    color: #FFF!important;
    padding: 0px 3px 1px;
    border-radius: 0;
}
.fc-sun{
    color:#f8564e;
}
.fc-event.danger{
    background-color:#f55753!important;
}
.fc-event.warning{
    background-color:#f8d053 !important;
}
.fc-event.success{
    background-color:#10cfbd !important;
}
.fc-event.master{
    background-color:#626262 !important;
}
.fc-event.complete{
    background-color:#48b0f7 !important
}
.fc-event.primary{
    background-color:#6D5CAE !important;
}

.fc-icon, body .fc {
    font-size: 10px;
    padding: 5px;
    padding:0;
}
.fc-day-grid-event .fc-content {
    text-overflow: ellipsis;
}
.panel-dark{
    background:#2b303b;
}
div[data-chunk=saga-shortcuts] .panel-dark{
    height: 100%;
}
.fc-row.fc-widget-header {
    position: absolute;
    z-index: 2;
    line-height: 15px;
}
td.fc-bgevent, .fc-row .fc-bg td.helligdag {
    background-color:rgba(248,86,78,0.15)!important;
}
.fc-row .fc-bgevent-skeleton{
    display:block;
}

.fc button .fc-icon {
    top: 10px;
    height: auto;
    color: #00d0bd;
    font-size: 16px;
}
.fc-row .fc-bg td.fc-other-month{
    background: #f5f5f5!important;
}
.fc-row .fc-bg td.fc-today{
    background:rgba(0,208,189,0.1)!important;
}
.avvik .mix-container i{
    font-size:18px;
}
@media screen and (min-width:1824px){
    .fc tbody .fc-row .fc-content-skeleton {
        min-height: 100px;
    }
    .fc-icon, body .fc {
        font-size: 16px;
    }
    th.fc-day-header {
        padding-right: 8px;
        padding-top: 5px;
    }
    .fc-row .fc-content-skeleton td {
        line-height: 21px;
        padding-left: 7px;
    }
    .fc-event{
        padding:5px;
    }
    .fc-ltr .fc-basic-view .fc-day-top .fc-week-number{
        font-size:14px;
        line-height:24px;
    }
}
@media screen and (min-width:992px){
    .fc tbody .fc-row .fc-content-skeleton {
        min-height: 77px;
    }
    .fc-icon, body .fc {
        font-size: 12px;
    }
    th.fc-day-header {
        padding-right: 8px;
        padding-top: 5px;
    }
    .fc-row .fc-content-skeleton td {
        line-height: 21px;
        padding-left: 7px;
    }
    .fc-event{
        padding:2px;
    }
    .fc-ltr .fc-basic-view .fc-day-top .fc-week-number{
        font-size:14px;
        line-height:24px;
    }
    
}
.table.table-condensed tbody tr td a{
    white-space:normal!important;
}
.checkbox input[type=checkbox].check-times:checked + label::after {
    content: "\f00d";
    left: 4px;
}
.checkbox input[type=checkbox].check-file:checked + label::after {
    content: "\f46c";
}
.checkbox input[type=checkbox].check-contract:checked + label::after {
    content: "\f56c";
    left: 4px;
}
.checkbox input[type=checkbox].check-certification:checked + label::after {
    content: "\f559";
    left: 5px;
    top: 1px;
}
.checkbox input[type=checkbox]:checked + label:before {
    border-width: 9px;
}
.fs-26{
    font-size:26px;
}
.badger {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index:1;
}
.header .brand {
    width: 180px;
}
@media screen and (max-width:767px){
    .login-wrapper{
    height:auto;
    min-height:100vh;
}
.login-wrapper .login-container{
        min-height: 100vh;
}
}
.note-editor .note-editable {
    background-color: #FFF;
        min-height: 100px;
}
.boxeebox{
    transition: all 500ms ease;
}
.boxeebox:hover{
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.noliststyle {
    list-style: none;
    padding: 0px;
}
.jFiler-file-type{
    text-transform:uppercase;
    font-weight:bold;
    color:#00d0bd!important;
}
span.file-size {
    color: rgba(0,0,0,0.5);
    font-size: 10px;
    margin-left: 5px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: #f8f8f8;
    color: rgba(98, 98, 98, 0.70);
}
.dataTables_length select{
        width: auto;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 3px;
    padding: 0px 5px 0px 10px
}
span .paginate_button{
    background: #11d1bd;
    position: relative;
    padding: 5px 10px;
    margin: 0px 5px;
    color: #FFF;
    opacity:.7;
}
.paginate_button.current{
    opacity:1;
}
.dataTables_paginate a{
    cursor:pointer;
}
.table tbody tr td[class*='sorting_'] {
    color: #626262;
}
.rte h3{
    font-family: 'Montserrat';
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 22px;
    color:#626262;
}
@media screen and (max-width:767px){
    .page-container .page-content-wrapper .footer{
        position:relative;
    }
    h1{
        font-size:24px;
        line-height:36px;
    }
    h2{
        font-size:20px;
        line-height:30px;
    }
    .rte h3{
        font-size:11px;
    }
}
/*
div#condensedTable_length {
    padding: 20px 20px 0px;
}
div#condensedTable_filter {
    padding: 20px 20px 0;
}
*/
.image-upload{
    max-width:380px;
    position:relative;
}
.image-placeholder {
    position: absolute;
    top: 0;
    z-index: 3;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
}
.image-placeholder img {
    position: absolute;
    bottom: 70px;
    left: 120px;
}
fieldset.group-container, .border-container {
    padding: 15px;
    border: 1px dashed rgba(0,0,0,0.2);
    margin-bottom:20px;
}
.abs-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
ul.nodnummer {
    list-style: none;
    padding: 0px;
    text-align: center;
    font-size: 26px;
}
ul.nodnummer li{
    margin-bottom:6px;
}
.emergency h3 {
    font-size: 16px;
    line-height: 16px;
}
@media screen and (max-width:430px){
    ul.nodnummer {
        font-size: 16px;
    }
    ul.nodnummer li{
        margin-bottom:-6px;
    }
}
li.brann:before{
    font-family: 'Font Awesome 5 Pro';
    content:"\f134";
        margin-right: 5px;
}
li.politi:before{
    font-family: 'Font Awesome 5 Pro';
    content:"\f1b9";
        margin-right: 5px;
}
li.ambulanse:before{
    font-family: 'Font Awesome 5 Pro';
    content:"\f0fa";
        margin-right: 5px;
}
.error-alert{
    background-color: #FEDDDC;
    padding:15px;
    
}
.rte img {
    width: 100%;
    height: auto;
}
.profile-photo img {
    border-radius: 100%;
}
a.btn-link.quickview-toggle:hover {
    cursor: pointer;
}
@media screen and (max-width:767px){
    .m-t-10.user-nav-profile{
        margin-top:3px!important;
    }
    .page-container .header a h2{
        font-size: 16px;
    }
    .page-container > .header > .row{
        width: 100%;
    }
}

.company_prefix{
    display:inline-block;
}
.username-control{
    display:inline-block!important;
    width:70%;
}
.faq-title {
    padding: 10px;
    border: 1px solid rgba(0,0,0,0.1);
    background: #FFF;
}
.faq-content{
        padding: 20px;
    background: rgba(255,255,255,0.7);
}
.rte {
    margin-bottom: 20px;
}
.doc-menu button {
    padding: 0;
    border: 0;
    background: none;
    text-transform: uppercase;
    padding: 0px 5px;
}
.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}
.fa-SagaTask:before{
    content: "\f058 ";
}
.fa-SagaDeviation:before{
    content: "\f057 ";
    font-weight:300;
}
.fa-SagaCustomForm:before{
    content:"\f46c";
    font-weight:300;
}
.fa-SagaRiskManagement:before{
    content:"\f080";
}
.fa-SagaContract:before{
    content:"\f56c";
}
.fa-SagaCertification:before{
    content: "\f097";
}
.fa-SagaLeader:before, .fa-SagaEmployee:before, .fa-SagaUser:before{
    content:"\f007";
}
.loading-screen {
    position: fixed;
    background: rgba(255,255,255,0.5);
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    padding-top: 25%;
    z-index:99999;
}
.dataTable th{
    cursor:pointer;
    position:relative;
}

.fc-year-month-border{
    width:0px;
}
.planner .fc-row{
    margin-bottom: 30px!important;
}

.planner span.fc-week-number  {
    position: absolute;
    right: 0px;
    top: -25px;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
    color:#8c95a9;
}
.planner .fc-row .fc-bg{
    border:2px solid #e4e4e4;
    
}
.planner .fc-row .fc-bg td{
    background:transparent!important;
    border-right:2px solid #e4e4e4!important;
    border-left:2px solid #e4e4e4!important;
}
.planner th.fc-week-number-head.fc-widget-header {
    opacity:0;
}
.planner .fc-row .fc-bg td.fc-week-number {
    border: 0px!important;
    background-color: #e4e4e4!important;
}
.planner .fc-year-monthly-name a {
    text-transform: uppercase;
    color: #00d0bd;
    font-family: 'Montserrat', sans-serif;
}
@media screen and (max-width:767px){
    .planner .fc-row .fc-content-skeleton td {
        line-height: 17px;
        padding-left: 3px;
    }
    .planner th.fc-day-header{
        padding-right: 5px;
        line-height: 17px;
    }
}
.planner td.fc-week-number, .planner .fc-week-number-head {
    display: none;
}
.ukenummer {
    position: absolute;
    right: 0;
    top: -22px;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
    color:#8c95a9;
}
.planner .fc-toolbar {
    background: #3b4753;
    border-radius: 3px;
    margin-bottom: 30px;
}
.planner .fc-toolbar .fc-center h2{
    color:#FFF;
    padding-top: 3px;
    font-weight:400;
}
.planner.fc button .fc-icon{
    top:10px;
    
}
.m-w-100{
    max-width:calc(100% - 90px);
}
.alert-list .col-xs-height{
    display:inline-block;
}
.float-right{
    float:right;
}
.float-left{
    float:left;
}
.fc-state-default{
    text-shadow:none!important;
}
.employee-header{
    background-color:#3b4753;
    padding:20px;
    color:#ced1d4;
    font-size:11px;
}
.employee-header h3{
    color: #00d0bd;
    line-height: 24px;
    margin: 0;
    margin-bottom:12px;
    white-space: nowrap;
}
.employee-header.consultant h3{
    font-size:20px;
}
.employee-header.consultant p{
    margin:0;
}
.employee-header-content{
    padding-left:10px;
    width: calc(100% - 48px);
}
table.circles tbody tr td.vacation-1:first-of-type:before{
    color:#f9d146;
    font-size: 16px;
}
table.circles tbody tr td.vacation-2:first-of-type:before{
    color:#00d0bd;
    content:"\f058";
    font-size: 16px;
}
table.circles tbody tr td.vacation-3:first-of-type:before{
    color:#f8564e;
    content:"\f057";
    font-size: 16px;
}
table.circles tbody tr td.vacation-1, table.circles tbody tr td.vacation-2, table.circles tbody tr td.vacation-3 {
    padding-left:30px;
}
.wide{
    width:100%;
}
.fwer .select2-container-multi .select2-choices li{
    float:none;
    width:calc(100% - 15px);
}
ul.bubles{
    padding:0px;
    margin:0;
        white-space: normal!important;
}
.bubles li{
    display:inline-block;
    list-style:none;
    background-color: #e6e6e6;
    background-image: none;
    border: none;
    box-shadow: none;
    color: inherit;
    border-radius: 8px;
    margin: 0px 5px 5px 0px;
    padding: 4px 8px 4px 8px;
    font-weight:600;
    transition: all 250ms ease;
}
.bubles li:hover{
    background-color:#626262;
    color:#e6e6e6;
}
.bubles li:hover a{
    color:#e6e6e6;
}
span.bubbles{
    font-weight:600;
}
td span.bubbles{
    background-color: #e6e6e6;
    border-radius: 8px;
    margin: 0px 5px 5px 0px;
    padding: 4px 8px 4px 8px;
    font-size:12px;
    display:block;
    white-space: normal!important;
}

@media screen and (max-width:767px){
    td span.bubbles{
        font-size: 10px;
    }
}
td span.bubbles.icon-task:before{
    font-family: 'Font Awesome 5 Pro';
    content:"\f046 ";
    margin-right:5px;
    vertical-align: bottom;
}
td span.bubbles.icon-form:before{
    font-family: 'Font Awesome 5 Pro';
    content:"\f0f6  ";
    margin-right:5px;
    vertical-align: bottom;
}
.bubles li:before{
    display:none;
}
.login-wrapper .checkbox label::after{
    left:0;
}
.view-port{
    overflow-y:scroll;
}
.icon-btn:hover i {
    color:#FFF;
    transition: all 250ms ease;
}
a.fc-day-grid-event.fc-event:hover {
    background: #2b303b!important;
}
.master-ressurs td.v-align-middle.bold .fa {
    vertical-align: baseline !important;
    margin-right:10px;
}
.master-ressurs td.v-align-middle.bold .fa-exclamation-triangle{
    color:#f8d053;
}
.master-ressurs td.v-align-middle.bold .fa-heart{
    color:#6D5CAE;
}
.master-ressurs td.v-align-middle.bold .fa-building{
    color:#48B0F7;
}
.js-delete-message.fa-trash{
    color:#f55753 ;
}
.delete-message {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFF;
    z-index: 1;
}
.quickview-wrapper .nav-tabs ~ .tab-content ul li{
    position:relative;
}
li.message-list{
    padding-left:0;
}
.delete-message-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.delete-message-content a {
    padding: 2px 8px 3px;
    border-radius: 3px;
    color: #FFF;
    font-size: 13px;
}
.message-wrapper{
    display:flex;
    padding-left:15px;
    position:relative;
}
.company-select select{
    background:#2b303b;
    border-color:#2b303b;
    color:#2b303b;
    height: 35px;
}
.company-select .select2-container .select2-selection{
    width:100%;
    background: #272b35;
    color: #FFF;
}
.company-select .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#d4d4d4
}
@media screen and (max-width: 992px){
    .header .company-select{
        display:none!important;
    }
    .company h2{
        font-size:12px;
    }
}
@media screen and (min-width: 991px){
    .mobile-company-header .company-select{
        display:none!important;
    }
}
.mobile-company-header .company-select{
    width:100%!important;
    margin:0 0 10px;
}
.yearplanner .fc-week.fc-last {
    display: none;
}
.yearplanner .fc-Desember .fc-week.fc-last{
    display:block;
}
.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .list{
    height:auto;
    padding-bottom: 40px;
    min-height:100%;
}
ul.menu-items li:before{
    content:"";
}
li.plus a {
    color: #00d0bd!important;
}
.datepicker{
    min-width:260px;
}
.datepicker table{
    width:100%;
}
.datepicker-switch{
    text-align:center;
}
.datepicker table tr td span.month, .datepicker table tr td span.year {
    width: 30%;
    background: #10cfbd;
    height: auto;
    line-height: 1;
    padding: 10px 0px;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 500;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
td.disabled.day {
    color: lightgray;
}
td.active.selected.day {
    color: #FFF;
    text-align: center;
}
.delete-overlay{
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    z-index: 9999;
}
.delete-overlay-container {
    padding: 20px 40px;
    background: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius:10px;
    width: calc(100% - 40px);
    max-width: 400px;
}
.delete-overlay-button-group{
    text-align:right;
}
span.bedrift-after{
    position:relative;
}
.bedrift-after:after{
    content: "";
    position: absolute;
    width: 60px;
    height: 40px;
    top: 0;
    left: -2px;
}
.bedrift-after:hover .bedrift-list{
    display:block;
}
.bedrift-after .bedrift-list {
    display: none;
    position: absolute;
    background: #7b7b7b;
    padding: 10px;
    z-index: 999;
    min-width: 500px;
    left: calc(50% - 20px);
    transform: translateX(-50%);
    top: 40px;
    border-radius: 10px;
    max-height: 200px;
    overflow-y:hidden!important;
}
.bedrift-after:hover:before{
    width: 40px;
    height: 40px;
    content: "";
    background: #7b7b7b;
    position: absolute;
    top: 43px;
    transform: rotate(45deg) translateX(-50%);
    left: 50%;
    z-index: 0;
}
.bedrift-list ul.bubles{
    overflow-y: scroll!important;
    max-height: 180px;
}
.bedrift-list ul.bubles::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.bedrift-list ul.bubles::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.bedrift-list ul.bubles::-webkit-scrollbar-thumb
{
	background-color: #5a5a5a;
}
.has-error .form-control{
    border-color: rgba(0, 0, 0, 0.1);
}
input.form-control.error {
    border-color: #f55753;
}
.header-btn {
    color: #FFF!important;
    font-size: 12px!important;
    margin-left: 20px;
}
.header-btn i {
    font-size: 14px!important;
    vertical-align: baseline!important;
}
.p-10{
    padding:10px;
}
span.form-help {
    font-size: 25px;
    vertical-align: sub;
}
.rte-editor a{
    color:#00d0bd;
    font-weight:600;
}
.rte-editor {
    padding-bottom: 60px;
}
.page-content-wrapper:after {
    content: "";
    display: table;
    clear: both;
}
span.message-link a {
    /*position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);*/
    z-index:9;
}
.message-link i {
    font-size: 22px !important;
}
.sidebar-header i {
    font-size: 30px;
    cursor: pointer;
    color:#f1f1f1;
    padding: 12px 0px;
}
.burgeropen:before {
    content: "\f00d";
}
@media screen and (max-width:991px){
    #closeburger{
        display:none;
    }
}
.form-group.question label {
    display: inline-block;
}
.icon-btn.plus i {
    color: #FFF;
}
.icon-btn.plus {
    background: #10CFBD;
    color: #FFF;
}
.planner .fc-row .fc-bg td.helligdag {
    background: rgba(255, 0, 0, 0.09)!important;
}
.loading-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.3);
    width: 100px;
    height: 100px;
    border-radius: 20px;
    color: #FFF;
    padding: 26px 23px;
}
.quickview-wrapper .quickview-toggle {
    color: #c8ccd4;
    opacity: 1;
    font-size: 20px;
    padding:0;
}
.note-editable td {
    border: 1px dashed rgba(0,0,0,0.2)!important;
}
.list-view-wrapper li.alert-list:nth-child(n+20) {
    display: none;
}
.maintenance-content {
    /* max-width: 500px; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.maintenance-content img {
    width: 400px;
    margin-bottom: 40px;
}
.gradient-fill.login-container {
    height: 100vh;
}
.form-group.required > label:not(.error):after {
    content: "*";
    color: #f55753;
    font-size: 20px;
    margin-left: 5px;
}
ul.fa-liste li:before {
    font-family: 'Font Awesome 5 Pro';
    margin-right: 5px;
}
ul.fa-liste {
    list-style: none;
}
.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .top{
    height:20px;
}
.tooltip {
    text-transform: none;
}
@media screen and (max-width:767px){
    .fixed-mobile{
        overflow-y: hidden;
    }
}


/* ### PADDINGS ### */
/* Padding top / bottom */
.ptb-120{padding-top:120px;padding-bottom:120px;} 
.ptb-100{padding-top:100px;padding-bottom:100px;}
.ptb-80{padding-top:80px;padding-bottom:80px;}
.ptb-60{padding-top:60px;padding-bottom:60px;}
.ptb-40{padding-top:40px;padding-bottom:40px;}
.ptb-20{padding-top:20px;padding-bottom:20px;}
.ptb-0{padding-top:0;padding-bottom:0;}
/* Padding left / right */
.plr-120{padding-right:120px;padding-left:120px;} 
.plr-100{padding-right:100px;padding-left:100px;}
.plr-80{padding-right:80px;padding-left:80px;}
.plr-60{padding-right:60px;padding-left:60px;}
.plr-40{padding-right:40px;padding-left:40px;}
.plr-20{padding-right:20px;padding-left:20px;}
.plr-0{padding-right:0;padding-left:0;}
/* Padding all */
.p-120{padding:120px;} 
.p-100{padding:100px;}
.p-80{padding:80px;}
.p-60{padding:60px;}
.p-40{padding:40px;}
.p-20{padding:20px;}
.p-10{padding:10px;}
.p-0{padding:0;}
@media screen and (min-width:576px){
    /* Padding top / bottom */
    .ptb-sm-120{padding-top:120px;padding-bottom:120px;} 
    .ptb-sm-100{padding-top:100px;padding-bottom:100px;}
    .ptb-sm-80{padding-top:80px;padding-bottom:80px;}
    .ptb-sm-60{padding-top:60px;padding-bottom:60px;}
    .ptb-sm-40{padding-top:40px;padding-bottom:40px;}
    .ptb-sm-20{padding-top:20px;padding-bottom:20px;}
    .ptb-sm-0{padding-top:0;padding-bottom:0;}
    /* Padding left / right */
    .plr-sm-120{padding-right:120px;padding-left:120px;} 
    .plr-sm-100{padding-right:100px;padding-left:100px;}
    .plr-sm-80{padding-right:80px;padding-left:80px;}
    .plr-sm-60{padding-right:60px;padding-left:60px;}
    .plr-sm-40{padding-right:40px;padding-left:40px;}
    .plr-sm-20{padding-right:20px;padding-left:20px;}
    .plr-sm-0{padding-right:0;padding-left:0;}
    /* Padding all */
    /* Padding all */
    .p-sm-120{padding:120px;}
    .p-sm-100{padding:100px;}
    .p-sm-80{padding:80px;}
    .p-sm-60{padding:60px;}
    .p-sm-40{padding:40px;}
    .p-sm-20{padding:20px;}
    .p-sm-0{padding:0;}
}
@media screen and (min-width:768px){
    /* Padding top / bottom */
    .ptb-md-120{padding-top:120px;padding-bottom:120px;}
    .ptb-md-100{padding-top:100px;padding-bottom:100px;}
    .ptb-md-80{padding-top:80px;padding-bottom:80px;}
    .ptb-md-60{padding-top:60px;padding-bottom:60px;}
    .ptb-md-40{padding-top:40px;padding-bottom:40px;}
    .ptb-md-20{padding-top:20px;padding-bottom:20px;}
    .ptb-md-0{padding-top:0;padding-bottom:0;}
    /* Padding left / right */
    .plr-md-120{padding-right:120px;padding-left:120px;}
    .plr-md-100{padding-right:100px;padding-left:100px;}
    .plr-md-80{padding-right:80px;padding-left:80px;}
    .plr-md-60{padding-right:60px;padding-left:60px;}
    .plr-md-40{padding-right:40px;padding-left:40px;}
    .plr-md-20{padding-right:20px;padding-left:20px;}
    .plr-md-0{padding-right:0;padding-left:0;}
    /* Padding all */
    .p-md-120{padding:120px;}
    .p-md-100{padding:100px;}
    .p-md-80{padding:80px;}
    .p-md-60{padding:60px;}
    .p-md-40{padding:40px;}
    .p-md-20{padding:20px;}
    .p-md-0{padding:0;}
}
@media screen and (min-width:992px){
    /* Padding top / bottom */
    .ptb-lg-120{padding-top:120px; padding-bottom:120px;} 
    .ptb-lg-100{padding-top:100px; padding-bottom:100px;}
    .ptb-lg-80{padding-top:80px; padding-bottom:80px;}
    .ptb-lg-60{padding-top:60px; padding-bottom:60px;}
    .ptb-lg-40{padding-top:40px; padding-bottom:40px;}
    .ptb-lg-20{padding-top:20px; padding-bottom:20px;}
    .ptb-lg-0{padding-top:0; padding-bottom:0;}
    /* Padding left / right */
    .plr-lg-120{padding-right:120px;padding-left:120px;}
    .plr-lg-100{padding-right:100px;padding-left:100px;}
    .plr-lg-80{padding-right:80px;padding-left:80px;}
    .plr-lg-60{padding-right:60px;padding-left:60px;}
    .plr-lg-40{padding-right:40px;padding-left:40px;}
    .plr-lg-20{padding-right:20px;padding-left:20px;}
    .plr-lg-0{padding-right:0;padding-left:0;}
    /* Padding all */
    .p-lg-120{padding:120px;}
    .p-lg-100{padding:100px;}
    .p-lg-80{padding:80px;}
    .p-lg-60{padding:60px;}
    .p-lg-40{padding:40px;}
    .p-lg-20{padding:20px;}
    .p-lg-0{padding:0;}
}

/* ### MARGINS ### */
/* Margin top / bottom */
.mtb-120{margin-top:120px;margin-bottom:120px;} 
.mtb-100{margin-top:100px;margin-bottom:100px;}
.mtb-80{margin-top:80px;margin-bottom:80px;}
.mtb-60{margin-top:60px;margin-bottom:60px;}
.mtb-40{margin-top:40px;margin-bottom:40px;}
.mtb-20{margin-top:20px;margin-bottom:20px;}
.mtb-2{margin-top:2px;margin-bottom:2px;}
.mtb-0{margin-top:0;margin-bottom:0;}
/* margin left / right */
.mlr-120{margin-right:120px;margin-left:120px;} 
.mlr-100{margin-right:100px;margin-left:100px;}
.mlr-80{margin-right:80px;margin-left:80px;}
.mlr-60{margin-right:60px;margin-left:60px;}
.mlr-40{margin-right:40px;margin-left:40px;}
.mlr-20{margin-right:20px;margin-left:20px;}
.mlr-0{margin-right:0;margin-left:0;}
.mlr-auto{margin-right:auto;margin-left:auto;}
/* margin bottom*/
.mb-120{margin-bottom:120px;} 
.mb-100{margin-bottom:100px;}
.mb-80{margin-bottom:80px;}
.mb-60{margin-bottom:60px;}
.mb-40{margin-bottom:40px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-10{margin-bottom:10px;}
.mb-0{margin-bottom:0;}
/* margin all */
.m-120{margin:120px;} 
.m-100{margin:100px;}
.m-80{margin:80px;}
.m-60{margin:60px;}
.m-40{margin:40px;}
.m-20{margin:20px;}
.m-0{margin:0;}
@media screen and (min-width:576px){
    /* margin top / bottom */
    .mtb-sm-120{margin-top:120px;margin-bottom:120px;} 
    .mtb-sm-100{margin-top:100px;margin-bottom:100px;}
    .mtb-sm-80{margin-top:80px;margin-bottom:80px;}
    .mtb-sm-60{margin-top:60px;margin-bottom:60px;}
    .mtb-sm-40{margin-top:40px;margin-bottom:40px;}
    .mtb-sm-20{margin-top:20px;margin-bottom:20px;}
    .mtb-sm-0{margin-top:0;margin-bottom:0;}
    /* margin left / right */
    .mlr-sm-120{margin-right:120px;margin-left:120px;} 
    .mlr-sm-100{margin-right:100px;margin-left:100px;}
    .mlr-sm-80{margin-right:80px;margin-left:80px;}
    .mlr-sm-60{margin-right:60px;margin-left:60px;}
    .mlr-sm-40{margin-right:40px;margin-left:40px;}
    .mlr-sm-20{margin-right:20px;margin-left:20px;}
    .mlr-sm-0{margin-right:0;margin-left:0;}
    .mlr-sm-auto{margin-right:auto;margin-left:auto;}
    /* margin bottom*/
    .mb-sm-120{margin-bottom:120px;}
    .mb-sm-100{margin-bottom:100px;}
    .mb-sm-80{margin-bottom:80px;}
    .mb-sm-60{margin-bottom:60px;}
    .mb-sm-40{margin-bottom:40px;}
    .mb-sm-20{margin-bottom:20px;}
    .mb-sm-0{margin-bottom:0;}
    /* margin all */
    .m-sm-120{margin:120px;}
    .m-sm-100{margin:100px;}
    .m-sm-80{margin:80px;}
    .m-sm-60{margin:60px;}
    .m-sm-40{margin:40px;}
    .m-sm-20{margin:20px;}
    .m-sm-0{margin:0;}
}
@media screen and (min-width:768px){
    /* margin top / bottom */
    .mtb-md-120{margin-top:120px;margin-bottom:120px;}
    .mtb-md-100{margin-top:100px;margin-bottom:100px;}
    .mtb-md-80{margin-top:80px;margin-bottom:80px;}
    .mtb-md-60{margin-top:60px;margin-bottom:60px;}
    .mtb-md-40{margin-top:40px;margin-bottom:40px;}
    .mtb-md-20{margin-top:20px;margin-bottom:20px;}
    .mtb-md-0{margin-top:0;margin-bottom:0;}
    /* margin left / right */
    .mlr-md-120{margin-right:120px;margin-left:120px;}
    .mlr-md-100{margin-right:100px;margin-left:100px;}
    .mlr-md-80{margin-right:80px;margin-left:80px;}
    .mlr-md-60{margin-right:60px;margin-left:60px;}
    .mlr-md-40{margin-right:40px;margin-left:40px;}
    .mlr-md-20{margin-right:20px;margin-left:20px;}
    .mlr-md-0{margin-right:0;margin-left:0;}
    .mlr-md-auto{margin-right:auto;margin-left:auto;}
    /* margin bottom */
    .mb-md-120{margin-bottom:120px;}
    .mb-md-100{margin-bottom:100px;}
    .mb-md-80{margin-bottom:80px;}
    .mb-md-60{margin-bottom:60px;}
    .mb-md-40{margin-bottom:40px;}
    .mb-md-20{margin-bottom:20px;}
    .mb-md-0{margin-bottom:0;}
    /* margin all */
    .m-md-120{margin:120px;}
    .m-md-100{margin:100px;}
    .m-md-80{margin:80px;}
    .m-md-60{margin:60px;}
    .m-md-40{margin:40px;}
    .m-md-20{margin:20px;}
    .m-md-0{margin:0;}
}
@media screen and (min-width:992px){
    /* margin top / bottom */
    .mtb-lg-120{margin-top:120px; margin-bottom:120px;} 
    .mtb-lg-100{margin-top:100px; margin-bottom:100px;}
    .mtb-lg-80{margin-top:80px; margin-bottom:80px;}
    .mtb-lg-60{margin-top:60px; margin-bottom:60px;}
    .mtb-lg-40{margin-top:40px; margin-bottom:40px;}
    .mtb-lg-20{margin-top:20px; margin-bottom:20px;}
    .mtb-lg-0{margin-top:0; margin-bottom:0;}
    /* margin left / right */
    .mlr-lg-120{margin-right:120px;margin-left:120px;}
    .mlr-lg-100{margin-right:100px;margin-left:100px;}
    .mlr-lg-80{margin-right:80px;margin-left:80px;}
    .mlr-lg-60{margin-right:60px;margin-left:60px;}
    .mlr-lg-40{margin-right:40px;margin-left:40px;}
    .mlr-lg-20{margin-right:20px;margin-left:20px;}
    .mlr-lg-0{margin-right:0;margin-left:0;}
    .mlr-lg-auto{margin-right:auto;margin-left:auto;}
    /* margin bottom */
    .mb-lg-120{margin-bottom:120px;}
    .mb-lg-100{margin-bottom:100px;}
    .mb-lg-80{margin-bottom:80px;}
    .mb-lg-60{margin-bottom:60px;}
    .mb-lg-40{margin-bottom:40px;}
    .mb-lg-20{margin-bottom:20px;}
    .mb-lg-0{margin-bottom:0;}
    /* margin all */
    .m-lg-120{margin:120px;}
    .m-lg-100{margin:100px;}
    .m-lg-80{margin:80px;}
    .m-lg-60{margin:60px;}
    .m-lg-40{margin:40px;}
    .m-lg-20{margin:20px;}
    .m-lg-0{margin:0;}
}

.deviation-header label, .filters label{
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Montserrat';
    vertical-align: middle;
    color: rgba(44, 44, 44, 0.35);
    padding: 0;
    margin: 0;
}
.deviation-list:nth-of-type(odd){
    background: #fff;
}
.deviation-list:nth-of-type(even){
    background: #fafafa;
}
.deviation-list{
        border-bottom: 1px solid rgba(230, 230, 230, 0.7);
}
.filters label{
    color:inherit;
}
.round-arrow {
    width: 60px;
    height: 60px;
    background: #F5F5F5;
    border-radius: 100%;
    margin: -55px auto 20px;
    color: #00d0bd;
}
.deviation-block:nth-of-type(even) .round-arrow {
    background: #e0e0e0;
}
@media screen and (max-width:767px){
    .round-arrow{
        margin-top: -40px;
    }
    .table-responsive{
        border:0;
    }
}
.round-arrow i {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 26px;
}
.divider {
    height: 30px;
}
.select2-before:after {
    content: attr(data-count);
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    background: #00d0bd;
    color: #FFF;
    border-radius: 100%;
    padding: 2px 7px;
    font-weight: 600;
    font-size: 12px;
}
.select2-before.hide-before:after{
    opacity:0;
}
.select2-container--default .select2-before .select2-search--inline .select2-search__field{
    width:100%!important;
}
li.select2-search-choice {
    background: #f4f4f4!important;
    border: 1px solid #dddddd!important;
    margin: 6px 3px 0px 2px!important;
}
.select2-search-choice-close{
    font-family: 'Font Awesome 5 Pro';
    font-weight:300;
    font-size:12px;
}
.select2-search-choice-close:before{
    content: '\f00d';
}
.select2-container--default .select2-before.select2-selection--multiple .select2-selection__choice{
    display:none;
}
@media screen and (max-width:767px){
    .deviation-header{
        display:none;
    }
}
.select2-container{
    width: 100%!important;
}
#filters [class^="col"] {
    margin-bottom: 20px;
}
.bubble{
    padding:5px;
    border-radius: 5px;
}
.deviation-block:nth-of-type(even) {
    background: #e0e0e0;
}
.select2-container--default .select2-before .select2-search--inline .select2-search__field::placeholder{
    color:#626262;
}
.select2-container .select2-selection--single.bigger-container{
    height:44px;
}
.select2-container .select2-selection--single.bigger-container .select2-selection__rendered{
    line-height:40px;
}
.select2-container--default .select2-selection--single.bigger-container .select2-selection__arrow{
    height:38px;
    right:10px;
}
ul.select2-selection__rendered {
    padding-right: 10px !important;
}
.select2-before .select2-search.select2-search--inline{
    margin-left:0;
}
ul.select2-selection__rendered:after {
    content: "\f078";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Font Awesome 5 Pro';
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    display:none;
}
span.select2-selection__arrow:after {
    content: "\f078";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Font Awesome 5 Pro';
}
.js-toggle-filter i{
    transition:all 500ms ease;
}
.rotate-180 i {
    transform: rotate(180deg);
}
ul.clean{
    list-style: none;
    padding:0;
}
ul.clean li {
    font-size: 12px;
}
span.categories{
    display:block;
    font-size:12px;
}
.select2-add-text span.select2-search .select2-btn {
    position: absolute;
    right: 20px;
    top: 12px;
    z-index: 1;
}
.datepicker table tr td.active {
    background-color: #6d5cae !important;
    color: #FFF;
    text-align: center;
}
.datepicker {
    padding: 16px 10px;
}
.print-only{
    display:none;
}
.form-group .inner-form-group{
    margin:10px 0 20px 40px;
}
.select2-dropdown{
    z-index:99999;
}
@supports (-ms-ime-align:auto) {
    .checkbox input[type="checkbox"]{

    }
    .checkbox label{

    }
    .radio label::before, .checkbox label::before{

    }
}
#status-message {
  transform: scale(0.8);
}
.popup_visible #status-message {
  transform: scale(1);
}
.page-sidebar .sidebar-menu .menu-items > li > a > .arrow{
    padding-right:0;
}

@media only screen and (min-width: 980px){
    .page-sidebar{
        z-index:10001;
    }
    .page-sidebar{
        width:350px;
        left:-280px;
    }
    body.menu-pin .page-container .page-content-wrapper .content {
        padding-left: 300px;
    }
    body.menu-pin .page-container .page-content-wrapper .modal{
        padding-left: 300px;
    }
    body.menu-pin .page-sidebar {
        width: 300px;
    }
    body.menu-pin .page-sidebar {
        transform: translate(280px, 0) !important;
        -webkit-transform: translate(280px, 0) !important;
        -ms-transform: translate(280px, 0) !important;
    }
    
    .header{
        padding-left:70px;
        transition: all 250ms ease;
    }
    body.menu-pin .header{
        padding-left: 300px;
    }
    body.menu-pin .header .brand{
        width:80px;
    }
}
.header .brand{
    width: 80px;
    padding-left: 20px;
}
li.chat-user-list .text-warning{
    display:none;
}
li.chat-user-list.unread .text-warning{
    display:block;
}
li.chat-user-list.unread span{
    font-weight:600;
    opacity:1;
}
li.hovbow{
    transition:all 500ms ease;
}
li.hovbow:hover{
    background:#daeffd;
}
.special-scroll::-webkit-scrollbar-thumb{
	border-radius: 40px ;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.special-scroll::-webkit-scrollbar{
	width: 5px;
}
.special-scroll::-webkit-scrollbar-thumb{
	border-radius: 40px ;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #dedede;
}
.thumbnail-wrapper{
    cursor:pointer;
}
.hover-fw-600{
    transition:all 500ms ease;
}
.hover-fw-600:hover{
    font-weight:600;
}
.card-maximized{
    overflow:scroll;
}
.card .card-header{
    padding: 15px 20px 10px 20px;
}
.icon-thumbnail{
    font-weight:300;
}
.checkbox input[type=checkbox]:checked + label::after{
    font-family: 'Font Awesome 5 Pro';
    font-weight:300;
}
@media screen and (min-width:767px){
    div.table-responsive.control-pad .dataTables_length{
        padding-left:20px;
    }    
}
div.table-responsive.control-pad .dataTables_filter{
    padding:0 20px;
}
.fa-check-square-o:before {
    content: "\f14a";
}
.fa-building-o:before {
    content: "\f1ad";
}
.fa-file-text-o:before {
    content: "\f15b";
}
.fa-bookmark-o:before {
    content: "\f02e";
}
.fa-hdd-o:before {
    content: "\f0a0";
}
.fa-clock-o:before {
    content: "\f017";
}
.handle{
    cursor:grab;
}
#widget_popup {
  transform: scale(0.8);
}
.popup_visible #widget_popup {
  transform: scale(1);
}
.select{
    position:relative;
}
.select select{
    padding: 10px;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.1);
}
.select:after{
    font-family: 'Font Awesome 5 Pro';
    content:"\f0ab";
    position:absolute;
    top:50%;
    right:10px;
    transform:translateY(-50%);
}
body.sidebar-visible .page-sidebar .sidebar-header .sidebar-header-controls{
        transform: translate3d(0,0,0);
}
body.menu-pin .page-sidebar .sidebar-header .sidebar-header-controls{
    transform:translateX(0);
}
.sidebar-header-controls .btn{
    padding-left:10px!important;
    padding-right:10px!important;
}
.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li > a.arrow {
    width: 35px;
}
.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li ul.sub-menu {
    padding: 0;
    margin: 0;
}
.login-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
        width: 100%;
}
#message-content {
    max-width: 100%;
}
.view-port .view.chat-view {
    position: fixed;
    width: calc(100% - 17px);
    transform: translate3d(10%, 0, 0);
}

button.no-btn {
    border: 0;
    background: 0;
    cursor: pointer;
}

.smaller {
    font-size: 0.7rem!important;
}

ul.menu-items li label {
    font-family: 'Montserrat';
    text-transform: uppercase;
    color: #FFF;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    font-size: .7rem;
}
.modal-open .select2-container {
    z-index: 1040!important;
}
.radiosuper label {
    background: #FFF;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid rgba(0,0,0,.1);
    transition: all 250ms ease;
    margin:0;
    margin-bottom:5px;
    text-align:center;
}
.radiosuper input[type="radio"]{
    float:left;
}
.radiosuper input[type="radio"]:checked + label {
    background: #00d0bd;
    color: #FFF;
}

.radiosupersmall label {
    background: #FFF;
    padding: 10px;
    border: 1px solid rgba(0,0,0,.1);
    transition: all 250ms ease;
    margin:0!important;
    margin-bottom:5px;
    text-align:center;
    display:block;
    border-right:0;
    height:100%;
    cursor:pointer;
}
@media screen and (max-width:767px){
    .radiosupersmall label {
        padding:5px;
    }
    label{
        margin-bottom:0;
    }
}
.radiosupersmall .rad{
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
/*
.radiosupersmall .rad:first-of-type label{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}
.radiosupersmall .rad:last-of-type label{
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    border-right: 1px solid rgba(0,0,0,.1);
    
}

*/
.radiosupersmall .rad:last-of-type label{
    border-right: 1px solid rgba(0,0,0,.1);
}
.radiosupersmall.month-days-1 .rad:first-of-type label{border-bottom-left-radius:0;}
.radiosupersmall.month-days-1 .rad:last-of-type label{ border-bottom-right-radius:0;}
.radiosupersmall.month-days-2 .rad:first-of-type label{ border-top-left-radius:0;}
.radiosupersmall.month-days-2 .rad:last-of-type label{ border-top-right-radius:0;}
.radiosupersmall.month-days-2 .rad label{border-top:0;}
.radiosupersmall input[type="radio"], .radiosupersmall input[type="checkbox"]{
    float:left;
    visibility: hidden;
    height: 0;
    width: 0;
}
.radiosupersmall.row{
    margin:0;
}
.radiosupersmall input[type="radio"]:checked + label, .radiosupersmall input[type="checkbox"]:checked + label {
    background: #00d0bd;
    color: #FFF;
}
.radiosupersmall input[type="radio"].radio-danger:checked + label, .radiosupersmall input[type="checkbox"].radio-danger:checked + label {
    background: #f55753 ;
    color: #FFF;
}
.radiosupersmall input[type="radio"].radio-warning:checked + label, .radiosupersmall input[type="checkbox"].radio-warning:checked + label {
    background: #f8d053 ;
    color: #FFF;
}
.radiosupersmall input[type="radio"].radio-complete:checked + label, .radiosupersmall input[type="checkbox"].radio-complete:checked + label {
    background: #48b0f7 ;
    color: #FFF;
}
.radiosupersmall input[type="radio"].error + label, .radiosupersmall input[type="checkbox"].error + label{
    border-color:#f55753;
}
.radiosupersmall label.tiny {
    padding: 3px;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){
    box-shadow: -5px 0 0 #e7fffd, 5px 0 0 #e7fffd;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){
    box-shadow: -5px 0 0 #e7fffd, 5px 0 0 #e7fffd!important;
}
.flatpickr-day.inRange{
    box-shadow: -5px 0 0 #e7fffd, 5px 0 0 #e7fffd;
    background:#e7fffd;
    border-color:#e7fffd;
}
.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: #00d0bd;
    border-color: #00d0bd;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus{
  background:#e7fffd;
    border-color:#e7fffd;  
}
.flatpickr-day.hidden{
    display: inline-block!important;
}
label#date_to-error{
    position: static;
    transform: none;
    color: #f55753;
    margin-top: .3rem;
}
hr.menu-border{
    border-color: rgba(255,255,255,.035)
}
.swiper-slide[data-active="1"] button {
    border: 3px solid rgba(0,0,0,0.2)!important;
}
.btn-master{
    background-color:#626262;
    border-color:#626262;
    color:#FFF;
}
.dd{
    max-width:none;
}
.dd-empty.caselist:before {
    content: "Dra saker hit";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-size: 30px;
    color: rgba(0,0,0,.3);
}

.dd3-handle{
    bottom: 0;
    border-color: rgba(230, 230, 230, 0.7);
    color: #626262;
}
.dd-handle{
    height:auto;
    cursor:grab;
    padding: 0;
}
.dd3-content{
    font-weight:400;
    height:auto;
    padding:10px!important;
}
.dd-decimal{
    list-style:decimal;
}
.handlebar{
    padding:10px!important;
    position:relative;
    margin: 5px 0;
}
.handlebar:before{
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Font Awesome 5 Pro';
    content:"\f0c9";
    font-weight:300;
}
.dd-decimal .handlebar:before {
    opacity: 0;
}
.dd3-handle:hover:before{
    opacity:1;
}
.dd-decimal ol {
  list-style: none;
  counter-reset: my-awesome-counter;
}
.dd-decimal ol li {
  counter-increment: my-awesome-counter;
}
.dd-decimal ol li::before {
    content: counter(my-awesome-counter);
    color: rgba(0,0,0,0.5);
    font-weight: bold;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index:1;
}
label.error + .dd > .caselist {
    border-color: #f55753;
    border-width: 2px;
}
input.input-text{
    border: 0;
    font-weight: 300;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    background:transparent;
}
.check-group label.error[for*="probability"] {
    right: 170px;
}
.widget-11 .widget-11-table {
    height: auto;
    min-height:400px;
    flex-basis: 0;
    flex-grow: 1;
}
@keyframes animateBottom{
  0% {
    opacity:0;
    transform:  translate(0px,20px);
    
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px);
  }
}
@keyframes fadeIn{
  0% {
    opacity:0;
    
  }
  100% {
    opacity:1;
  }
}
@keyframes animateRight{
    0% {
        opacity:0;
        transform:  translate(20px,0px);
    }
    40% {
        opacity:0;
        transform:  translate(20px,0px);
    }
    100% {
        opacity:1;
        transform:  translate(0px,0px);
    }
}
@keyframes animateTable{
  0% {
   
    transform:  rotateX(90deg);
    
  }
  100% {
    opacity:1;
    transform:  rotateX(0deg);
  }
}
.change-company .select2-container--default{
    animation: fadeIn linear .1s;
    animation-iteration-count: 1;
}
.dataTable tbody tr{
    animation: animateTable linear .3s;
    animation-iteration-count: 1;
}
.question-item, #task-widget-list > a > li, .alert-list, [data-chunk], .animate-bottom, [data-department], [data-project]{
    animation: animateBottom linear .3s;
    animation-iteration-count: 1;
}
.fc-day-grid-event, .animate-right{
    animation: animateRight linear .2s;
    animation-iteration-count: 1;
}
.fc-event {
    padding: 5px;
}
.fc-event i {
    margin-right: 3px;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background: #ddd;
}
.select2-container--default [aria-multiselectable="true"] .select2-results__option[aria-selected="true"]:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f00d";
    color: #f55753;
    margin-right: 5px;
}
.loading-screen-abs {
    position: absolute;
    top: 0;
    background: rgba(255,255,255,0.5);
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}
.radiosupersmall label.semi-month {
    background: #82d0c9;
    color: #FFF;
}
.columns{
    column-count:4;
}
@media screen and (max-width: 1580px){
    .columns {
        column-count: 3;
    }
}
@media screen and (max-width: 1024px){
    .columns {
        column-count: 2;
    }
}
@media screen and (max-width: 450px){
    .columns {
        column-count: 1;
    }
}
@media screen and (min-width: 1580px){
.modal .modal-dialog.modal-large{
    width:1280px;
    max-width:1280px;
}
}
@media (min-width: 768px){
.modal .modal-dialog.modal-large{
    max-width: 700px;
}
}
@media (min-width: 1024px){
.modal .modal-dialog.modal-large{
    max-width: 900px;
    width: 800px;
}

}
[data-custom-form-tab] label.error {
    transform: none;
    color: #f55753;
    position: relative;
    top: 2px!important;
    right: 0!important;
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.1);
    border-bottom: 0px;
    padding: 0.2rem 1rem;
    z-index: 2;
    background: #FFF;
    margin-right: 3px;
}
.table.table-condensed thead tr th, .table.table-condensed tbody tr td, .table.table-condensed tbody tr td *:not(.dropdown-default){
    white-space: normal;
}
.textarea-height{
    min-height: 200px;
}
.repetition-daynumber-group .radiosupersmall .rad{
    flex-basis: 6.66%;
    max-width: 6.66%;
}
.repetition-daynumber-group .radiosupersmall .rad.last-day{
    max-width: 13.33%;
    flex-basis: 13.33%;
}
@media (max-width: 1250px){
    .repetition-group .radiosupersmall .rad{
        flex-basis: 33%;
        max-width: 33%;
    }
    .repetition-month-group .radiosupersmall .rad{
        flex-basis: 16.66%;
        max-width: 16.66%;
    }
    .repetition-daynumber-group .radiosupersmall .rad{
        flex-basis: 12.5%;
        max-width: 12.5%;
    }
    .repetition-daynumber-group .radiosupersmall .rad.last-day{
        max-width: 25%;
        flex-basis: 25%;
    }
}

@media (max-width: 600px){
    .repetition-group .radiosupersmall .rad{
        flex-basis: 50%;
        max-width: 50%;
    }
    .repetition-day-group .radiosupersmall .rad{
        flex-basis: 33.33%;
        max-width: 33.33%;
    }
}
table tbody tr td{
    position: relative;
}
table tbody tr td .table-username{
    padding-left: 48px;
    display:inline-block;
}
table tbody tr td .profile-image,
table tbody tr td img.rounded-circle{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.boardmeeting-table table tbody tr td .profile-image, .boardmeeting-table table tbody tr td img.rounded-circle{
    position:relative;
    top:auto;
    transform:none;
}
.explorerError {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
}
.explorerError > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.browser-warning {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}
.modal-large form .modal-footer:before{
    content: '';
    display: block;
    position: absolute;
    background: linear-gradient(to bottom, rgba(255,255,255,.2), rgba(255,255,255,1));
    left: 0;
    right: 0;
    bottom: 40px;
    height: 40px;
}

@media screen and (max-width:767px){
    .employee-header {
        padding: 10px;
    }
    .employee-header h3 {
        font-size: 1.3rem;
    }
    .employee-header img {
        width: 40px;
        height: 40px;
    }
    .employee-header-content{
        padding:0;
    }
}
.dragged:after {
    content: "Slipp filen her!";
    font-size: 3rem;
    color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:99999;
}
.dragged:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background: radial-gradient(circle, rgba(0,0,0,0.4) 0%, rgba(255,255,255,0) 100%);
    z-index:9999;
}
.header .progress {
    position: absolute;
    top: 100%;
    width: 100%;
    height:10px;
}
.note-editable a,
.page-content-wrapper .content .rte a:not([class]){
    font-weight: bold;
    text-decoration: underline;
}
.note-editable a:hover,
.page-content-wrapper .content .rte a:hover{
    text-decoration: none;
}
#modalStatus.success .status-icon:after{
    content:"\f058";
}
#modalStatus.success .bg-status{
    background-color:#10cfbd;
}
#modalStatus.warning .status-icon:after{
    content:"\f06a";
}
#modalStatus.warning .bg-status{
    background-color:#f8d053;
}
#modalStatus.danger .status-icon:after{
    content:"\f057";
}
#modalStatus.danger .bg-status{
    background-color:#f55753;
}
.modal-dialog .checkbox.sn-checkbox-open-in-new-window input{
    opacity: 1;
    position: static;
}
.modal-dialog .checkbox.sn-checkbox-open-in-new-window input:checked:before{
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    height: 15px;
    font-size: 14px;
    width: 15px;
    z-index: 9999999;
    color: rgba(0,0,0,0.7);
    opacity: 1;
}
[data-questions] .jFiler-theme-default .jFiler-input-button {
    background: transparent;
    color: #626262;
}


@keyframes start{
    0% {
        transform:  translate(40px,0px);
    }
    100% {
        transform:  translate(0px,0px);
    }
}

@keyframes AnimateOut{
    0% {
        opacity:1;
        transform:  translate(0px,0px);
        
    }
    100% {
        opacity:0;
        transform:  translate(0px,-20px);
    }
}

.animateOut{
    opacity:0;
    transform:  translate(-20px,0px);
}
[data-main]{
    transition:all 500ms ease;
    animation: start linear .25s;
    animation-iteration-count: 1;
}

[data-login-step]{
    animation: animateBottom linear .3s;
    animation-iteration-count: 1;
}
.stepping-container{
    position:relative;
}
[data-login-loading] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.25);
}
.login-animate-out{
    position:absolute;
    left:0;
    right:0;
    animation: AnimateOut linear .3s;
    animation-iteration-count: 1;
}
.nav-tabs{
    position: relative;
    flex-wrap: nowrap;
    width: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-right:20px;
}
.nav-tabs::-webkit-scrollbar {
    display: none; /*Safari and Chrome*/
}
.nav-navigate {
    position: absolute;
    cursor:pointer;
    top: 0;
    z-index: 9;
    padding: 8px;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
}
.nav-navigate.nav-navigate-left{
    left: 0;
}
.nav-navigate.nav-navigate-right{
    right: 0;
}
.nav-navigate:after {
    font-family: "Font Awesome 5 Pro";
}
.nav-navigate.nav-navigate-left:after {
    content: "\f104";
}
.nav-navigate.nav-navigate-right:after {
    content: "\f105";
}
.nav-tabs .nav-item{
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.nav-tabs .nav-item:last-child {
    padding-right: 40px;
}
.tab-content[data-custom-form-tab]{
    background: #FFF;
}
.tab-content .bg-info{
    background: transparent!important;
    color: #333!important;
}
textarea.summernote.error ~ .note-editor .note-editing-area {
    border: 1px solid #f55753;
}
.page-sidebar .sidebar-menu {
    height: calc(100% - 164px);
}

[data-resource-structure] .dd3-content{
    padding: 5px 10px 5px 40px!important;
}

input.label-input{
font-family: 'Montserrat';
   
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0;
    border: 0;
    font-size: 14px;
    display: inline-block;
    width: auto;
}
.content{
    display:flex;
    flex-direction: column;
    min-height: 100dvh!important;
}