/*
Poppy Red:
#eb4664

Dark Purple:

#533747
*/


@font-face{
  font-family:"Mont W05 ExtraLight";
  src:url("/fonts/3adeb464-8760-4c88-b728-d98ef58dff4a.woff2") format("woff2"),url("/fonts/16af94c2-548e-4a03-91dd-63a2c58df3a2.woff") format("woff");
  font-display: swap;

}
@font-face{
  font-family:"Mont W05 Light";
  src:url("/fonts/ff6f36f1-d7bd-45b5-8369-3f6fa1dfabdc.woff2") format("woff2"),url("/fonts/d55eaae9-db27-47ca-920d-4bdde5081913.woff") format("woff");
  font-display: swap;

}
@font-face{
  font-family:"Mont W05 Regular";
  src:url("/fonts/43bc1d39-e6ab-4d76-88b2-397cf5c92526.woff2") format("woff2"),url("/fonts/7896e26a-a97e-4a04-ad72-3324c29977cf.woff") format("woff");
  font-display: swap;

}
@font-face{
  font-family:"Mont W05 Bold";
  src:url("/fonts/70562c10-d8ab-42a5-888d-5c0e73ac7245.woff2") format("woff2"),url("/fonts/ea1751cf-feea-4af3-a294-c334399f3dac.woff") format("woff");
  font-display: swap;

}


@font-face {
  font-family: "icomoon";
  src:  url("/fonts/icomoon.eot");
  src:  url("/fonts/icomoon.eot") format("embedded-opentype"),
 url("/fonts/icomoon.ttf") format("truetype"),
 url("/fonts/icomoon.woff") format("woff"),
 url("/fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


html {
  
  height: 100%;
  width: 100%;
  overflow: hidden;



}
  
  
  body {
  background: #f9fafc;
height: 100%;
padding: 0;
overflow: auto;
margin: 0;
-webkit-overflow-scrolling: touch;


  }
  
  

li.dashboard_user {
  display: none
}

li.quick-links {
  display: none
}



body, p, li, a {
font-family:"Mont W05 Light";
}

h1,h2,h3,h4{
  
  font-family:"Mont W05 ExtraLight";
text-transform: uppercase;
letter-spacing: 0.1em
}


.admin #header {
  position: fixed;
  width: 100%;

}


aside {
overflow: scroll;

}

aside#menu.sidebar {
}

#side-menu {
  padding-bottom: 80px
}

.onoffswitch-checkbox:checked+.onoffswitch-label {
  background-color: #68bc86;
  border-color: #68bc86;

}

.onoffswitch-checkbox:checked+.onoffswitch-label:before {
    border-color: #68bc86;
}

#wrapper {
background: #ffffff;
/*box-shadow:  3px -20px 10px  5px rgba(0,0,0,0.07);*/
border-left: 1px solid #f2f2f2;
padding-top: 70px
}

.dashboard #wrapper {
  background: #fbfbfb;
  min-height: 2000px
  
  }

.icon-home4:before {
  content: "\e603";
}



.dropdown-menu {
background: rgba(255, 255, 255, 0.5)!important;
  -webkit-backdrop-filter: saturate(130%) blur(20px);
  backdrop-filter:saturate(130%) blur(20px);
  
}


/* Web To Lead */


body.web-to-lead  {font-family: 'Mont W05 Light'!important;}


[class^="fa-"], [class*=" fa-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa { 
}



.fa-gavel::before {
  content: "\e931";
}

.fa-power-off::before {
  content: "\e6d3";
  }
  


.fa-plus-square::before, .fa-plus-square-o::before {
  content: "\e95b";
}

.fa-user-o::before {
  content: "\e723";
}

.fa-balance-scale::before {
  content: "\e75b";
}

.fa-file-text-o::before {
  content: "\e758";
}

.fa-file::before {
  content: "\e6d1";
}

.fa-cubes::before, .fa-bars::before {
  content: "\e808";
}

.fa-window-maximize::before, .fa-tasks::before {
  content: "\e92e";
}

.fa-life-ring::before, .fa-ticket::before {
  content: "\e7da";
}

.fa-tty::before {
  content: "\e72e";
}

.fa-folder-open-o::before {
  content: "\e715";
}

.fa-cogs::before {
  content: "\e63a";
}

.fa-area-chart::before {
  content: "\e7fb";
}

.fa-cog::before {
  content: "\e672";
}


/* Kundenprofil */

.fa-user-circle::before {
  content: "\e71b";
}

.fa-users::before {
  content: "\e726";
}

.fa-file-o::before, .fa-sticky-note-o::before {
  content: "\e6ca";
}

 .fa-file-text::before {
  content: "\e914";
}

.fa-line-chart::before {
  content: "\e75f";
}


.fa-file-powerpoint-o::before {
  content: "\e912";
}


.customer_tab_credit_notes .fa-sticky-note-o::before {
  content: "\e763";
}


.fa-clipboard::before {
  content: "\e913";
}

.fa-refresh::before, .fa-repeat::before {
  content: "\e8da";
}

.fa-paperclip::before {
  content: "\e698";
}

.fa-lock::before {
  content: "\e769";
}

.fa-map-marker::before {
  content: "\e77a";
}

.fa-close::before {
  content: "\e943";
}

.fa.arrow::before {
  font-family: 'icomoon' !important;
  content: "\e965";
}

.active>a>.fa.arrow::before {
font-family: 'icomoon' !important;
content: "\e963";
}

/* Dashboard */

.fa-clock-o::before {
  content: "\e8ea";
}

.widget-dragger::before {
  font-family: 'icomoon' !important;
  content: "\e92b";
}

.fa-angle-left::before {
  content: "\e93b";
}

.fa-angle-right::before {
  content: "\e93c";
}

.todo-title .fa-warning::before , .fa-check::before  {
  content: "\e959";
}

.fa-question-circle::before {
    content: "\e7da";

  
}

/* Top Bar */

.fa-chevron-down::before {

line-height: 2.1em;
font-family: 'icomoon' !important;
content: "\e963";
}



#top_search_button button { 
   border: none!important;
   background: transparent!important

}

#top_search_button button .fa-search::before {
  content: "\e922";
  color: #7a7871;
}

.fa-search::before {
  content: "\e6a9";
}


#top-timers .fa-clock-o::before, .project_tab_project_timesheets .fa-clock-o::before {
  content: "\e8ef";
}

.fa-check-circle::before, .fa-check-square-o::before {
  content: "\e959";
}


.fa-bell-o::before {
  content: "\e8aa";
}

.fa-bullhorn::before, .fa-share::before {
  content: "\e8ae";
}

.fa-remove::before{
  content: "\e95a";
}



.screen-options-btn {
  position: absolute;
  color: white;
  background: #e3e8ee;
  padding: 3px 5px 1px 6px;
  display: inline-block;
  right: 0;
  z-index: 98;
  border-radius: 20px;
  cursor: pointer;
/*  -webkit-box-shadow: 0 4px 0 #ccc;
  box-shadow: 0 0px 5px #ccc;*/
  margin: 3px 19px 0px 0px;
}

.screen-options-btn::before {
  font-family: icomoon;
content: "\e672"
}

#mobile-search #top_search input {
box-shadow: inset 0px -27px 15px -20px rgba(0,0,0,0.1)

}
#mobile-search #top_search_button {
}

.screen-options-area {
  
  background: #F8F9FA;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  -webkit-box-shadow: inset 0px -37px 11px -30px rgba(0,0,0,0.1);
  box-shadow: inset 0px -37px 11px -30px rgba(0,0,0,0.1)
;
}

/* Invoice */


.fa-expand::before, .fa-angle-double-right::before {
  content: "\e94c";
}

.fa-angle-double-left:before {
  content: "\e94d";
}

.fa-pencil-square-o::before {
  content: "\e615";
}

.fa-file-pdf-o::before {
  content: "\e6b3";
  }
  
  .fa-envelope::before {
    content: "\e699";
    }

.fa-bar-chart::before {
  content: "\e7fa";
  }

.fa-filter::before {
  content: "\e97c";
  }
  
.fa-envelope-open-o::before {
  content: "\e697";
  }
  
.fa-eye::before {
  content: "\e973";
  }
  
  .fa-calendar:before {
    content: "\e789";
    
  }
  
 label input[type="checkbox"]:checked + span:before { content: "\f046";letter-spacing: 3px; color: red}
  
  /* Project */
  
  
.fa-align-left::before {
  content: "\e92f";
  }
  
.fa-files-o::before {
  content: "\e6b8";
  }
  
.fa-th::before {
  content: "\e880";
  }
  
.fa-rocket::before {
  content: "\e779";
  }
  
.fa-commenting::before {
  content: "\e7d7";
  }
  
  
 .fa-exclamation::before {
   content: "\e92d";
   }
   

   


/*General icons*/

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
font-family: "icomoon";
  content: '\e95b'
  
}


/*.content {padding: 30px 35px 35px 35px; }*/


.content {
  padding: 0px 20px
}
 
@media (max-width: 768px) {
  
  .content {padding: 0px;
   }
  
  body {    overflow-x: hidden;
}
}


.progress-bar-mini {
  height: 10px!important;
  border-radius: 20px;
  }

.label {
  border-radius: 20px;
}

#side-menu  li a{
text-transform: capitalize!important;
font-family:'Mont W05 Light';
padding: 15px 20px 15px 16px
}


#header::before {
position: absolute;
top: 0;
left:0;
content: "";
width: 100%;
height: 4px;
background: linear-gradient(135deg, #e83758 0%,#4e55a0 100%)!important;
margin-bottom: 10px;
}

#header {
padding-top: 4px;
height: 68px;
border-bottom: 1px solid;
border-color: #f2f2f2 ;

}


#setup-menu>li>a {
font-family:'Mont W05 Regular'; 
text-transform: none!important
}


.btn {
  border-radius: 20px;
  border: 1px  ;
  color: #fff;
  border-style:   solid;
  border-color: #97a8be ;
  text-transform: none; 
  font-weight: normal; 
  background-color: #fbfdfb
}


.btn-default {
color: #97a8be;
background-color: #fbfdfb;

}

.btn-info {
  
  background: #97a8be;

}

.btn-info:hover {
color: #466285;
}


.btn:hover {
 
color: #466285!important ;
background: #fbfbfb!important;
border-style:   solid;
border-color: #a7bfdc ;

}


.btn-info.active {
 
color: #466285
}

.btn-success, .btn-danger {
color: #fff
  
}


.btn-group.open .dropdown-toggle {
border: 1px  ;
border-style:   solid;
border-color: #97a8be!important ;
background-color: #97a8be!important;
color: #fff!important
  
}

div.panel_s.mbot10 {

  border-bottom:1px solid #eee
}



.text-uppercase, .home-summary a {
  
  text-transform: none
}

.user-data .home-activity .nav-tabs>li.active>a, .user-data .home-activity .nav-tabs>li.active>a:focus, .user-data .home-activity .nav-tabs>li.active>a:hover, .user-data .home-activity .nav-tabs>li>a:focus, .user-data .home-activity .nav-tabs>li>a:hover {color: #95c2c4!important}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #95c2c4; border-color: #95c2c4}


.description span:first-child {
font-family:'Mont W05 Bold';
text-transform: uppercase;
letter-spacing: 0.05em;
color: #a7afa9

}


/*.admin #side-menu li a:hover {
color: #d64d71;

opacity: 0.7;
}

.admin #setup-menu li a:hover {
opacity: 0.7;

}*/

.dashboard .top_stats_wrapper, .dashboard .panel_s .panel-body {
  border: 1px  ;
  border-style:   solid;
  border-color: #e5e5e5!important ;
box-shadow: 0px 3px 15px rgba(0,0,0,0.05 );

}

.welcomewidget .panel_s .panel-body {
  border: none  ;
box-shadow: none;
background: transparent
}


.top_stats_wrapper, .panel_s .panel-body {
border-radius: 10px!important;
border: none;
/*box-shadow: 0px 10px 64px -24px rgba(0,0,0,0.75);*/

}

.widget {
  border-bottom: 5px solid #f9fafc;
}

.panel_s {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.user-data .home-activity .nav.nav-tabs 
 {background: transparent!important;
color: #f7748d}

.admin #side-menu, .admin #setup-menu {
background: transparent!important
}





/*.sidebar {background-color: rgba(255,255,255,0.2)}*/
#menu {
/*  box-shadow: 0px 10px 34px -24px rgba(0,0,0,0.95);*/
  margin-top: 25px;
 /* background: #f9fafc;*/
 background: #F8F9FA;
  height: 100vh;
  }



.btn-bottom-toolbar {
background: linear-gradient(to top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); 
border: none;
}

#setup-menu-wrapper {
background: linear-gradient(135deg, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
opacity: 0.95;
}



.panel_s>.panel-footer {
background: transparent!important;
border: none
}

.admin #side-menu li .nav-second-level li, .admin #setup-menu li .nav-second-level li {
background: transparent;

};



/*
 .project-top-panel .panel-full {
background: transparent!important;
box-shadow: none!important;

}

.project-top-panel .panel-body {
background-color: transparent!important;
background: none!important;
box-shadow: none!important;

}*/

.panel-full {margin: 0 0 15px 0}

/*@import url("https://fast.fonts.net/cssapi/5ef927ea-0a45-4871-9b57-5e479c0482f1.css");

.content {padding: 30px 35px 35px 35px; }

body, p, li,  a {font-family:'Mont W05 Regular' !important}

body {
background:linear-gradient(45deg, rgba(126,129,158,1) 0%,rgba(95,98,119,1) 100%);
background-position: cover}

html {
height: auto}


#side-menu li.active {
background: linear-gradient(to top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%)!important;
background-color: transparent;
}
*/


/*

#side-menu  li a{
text-transform: capitalize!important;
font-family:'Mont W05 Regular'!important;
}

#header::before {
position: absolute;
top: 0;
content: "";
width: 100%;
height: 4px;
background: linear-gradient(135deg, #e83758 0%,#4e55a0 100%)!important;
margin-bottom: 10px;

}

#header {
padding-top: 4px;
height: 73px;
border-bottom: 2px solid #ececec;
box-shadow: 0px 10px 34px -24px rgba(0,0,0,0.55);

}


#menu {
font-family:'Mont W05 Regular';
}

#setup-menu>li>a {
font-family:'Mont W05 Regular'; !important; 
text-transform: none!important
}

#wrapper {
background: transparent
}

.btn {
font-family:'Mont W05 Bold'; !important; 
text-transform: none!important; 
font-weight: normal; 
border-radius: 20px;
background: transparent!important;
color: #7a7871
}

.btn-info {
  border: 2px;
  border-style: solid;
  border-color: red!important
}

.btn-default {color: #7a7871}

*/





/* BUTTON SHADOW */ /*
.btn:link,
.btn:visited {
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 20px;
    transition: all .15s;
}

.btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

.btn-white {
    background-color: #fff;
    color: #777;
}

.btn::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 20px;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s;
}

.btn-white::after {
    background-color: #fff;
}

.btn:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

.btn-animated {
    animation: moveInBottom 5s ease-out;
    animation-fill-mode: backwards;
}

@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

}*/

#side-menu.nav li a  {
  border-radius: 10px;
  margin: 1px 6px ;
  transition-duration: 0.2s;
  transition: all;
  background: transparent
}
  
    
  #side-menu li.active {
 background: transparent
  }
  
  #side-menu li.active > a {
    border-radius: 10px!important;
    transition-duration: 0.2s;
    transition: all;
    background: #fff
  }
  
  .nav-second-level{
    background: #fff;
    margin: -8px 6px 0px 6px;
    border-radius: 0px 0px 10px 10px;
    padding-top: 10px: 
    
    }

.nav-second-level > li  {
background: transparent!important

}

.nav-second-level > li > a:hover {
border-left: 0!important;
/*display: inline-block;*/
padding: 5px 5px;
/*margin: 8px 0 8px 30px;*/
border-radius: 20px!important;

}

.nav-second-level li.active a {
  border-left: 0!important;
  /*display: inline-block;*/
  padding: 5px 5px;
  /*margin: 8px 0 8px 30px;*/
  border-radius: 20px!important;
  
  }

#side-menu .menu-icon::before {
  padding: 7px;
  border-radius: 20px;
  transition-duration: 0.2s;

  }
  
  
  .dataTables_empty {
    background: url("/uploads/img/nothing-to-see.png") no-repeat;
background-size: contain;
background-position: top center;
padding-bottom: 250px!important;
overflow: hidden;
filter: opacity(0.3)
    
  }
/*
#side-menu .active:before {
  content: ' ';
  position: absolute;
  background: red;
width: 100%;
height: 100%;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
border-radius: 10px!important;
left: 0;
top: 0;
transition-duration: 0.2s;

transition: all;
margin: 0px 15px;
}
  */
  
.menu-text {
  
  padding-left: 5px;
}


#side-menu .active .menu-icon::before {
background: #d64d71;
padding: 7px;
border-radius: 20px;
color: #fff;
transition-duration: 0.2s;

}


#side-menu li a:hover .menu-icon::before {
background: #533747;
padding: 7px;
border-radius: 20px;
color: #fff;
transition-duration: 0.2s;
transition: ease-in-out;

}


#side-menu li a:hover  {
color: #533747!important;
transition-duration: 0.2s;

transition: ease-in-out;

}

table.dataTable thead>tr>th {
  
background: #fff;
border-top: none!important;
border-left: none!important;
border-right: none!important;
font-size: 13px!important;
font-family:"Mont W05 Light";
padding-bottom: 10px!important;
text-transform: uppercase;
letter-spacing: 0.1em
}

table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc {
   background: #f9fafc;
  border-radius: 10px 10px 0px 0px
  }


td.sorting_1 a {
  font-family:'Mont W05 Regular'

}

.progress-bar-danger {
  background: #eb4664

}

.progress-bar-success {
  background: #68bc86

  
}
/*

.user-data .home-activity .nav-tabs>li.active>a, .user-data .home-activity .nav-tabs>li.active>a:focus, .user-data .home-activity .nav-tabs>li.active>a:hover, .user-data .home-activity .nav-tabs>li>a:focus, .user-data .home-activity .nav-tabs>li>a:hover {color: #95c2c4!important}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #95c2c4; border-color: #95c2c4}


.description span:first-child {
font-family:'Mont W05 Bold';
text-transform: uppercase;
letter-spacing: 0.05em;
color: #a7afa9

}

.admin #side-menu li a:hover {
color: white;
}

.admin #setup-menu li a:hover {
color: white!important;
}

.top_stats_wrapper,.panel_s .panel-body {
border-radius: 0px!important;
border: none!important;
box-shadow: 0px 10px 64px -24px rgba(0,0,0,0.75);
background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 100%)!important;
}*/

@media (max-width: 768px) {
body.show-sidebar #wrapper:after {
  
  background: ;
  box-shadow: 20px 15px 25px rgba(0,0,0,.125);

  
}

#header {
padding-top: 4px;
height: 68px;
border-bottom: 1px solid;
border-color: #f2f2f2;
}

ul.mobile-icon-menu>li {
  
  border-color: #f2f2f2!important
}

}



.dropdown-menu {
  
  margin: 0;
  margin-top: 5px;
  padding: 0;
  border-radius: 10px;
  z-index: 9000;
  -webkit-box-shadow: 0px 15px 25px rgba(0,0,0,.125);
  box-shadow: 0px 15px 25px rgba(0,0,0,.125);
  border: none;
  
}




/* @supports (backdrop-filter: none) and (backdrop-filter: none) {
  .admin #header {
    background: transparent!important;
     background-color: rgba(255, 255, 255, 0.9);
            -webkit-backdrop-filter: saturate(80%) blur(20px);
            backdrop-filter:saturate(80%) blur(20px);
          }
  } */
  
  @supports (-webkit-backdrop-filter: none)  {
    .admin #header {

 background: rgba(255, 255, 255, 0.7)!important;
              -webkit-backdrop-filter: saturate(120%) blur(20px);
              backdrop-filter:saturate(120%) blur(20px);
            }
    }

  
  
  
  @supports not (backdrop-filter: none) and (backdrop-filter: none){
  .admin #header {
    background: transparent!important;
    background-color: rgba(255, 255, 255, 0.9)!important;
  
          }
  }
  
  
  
  @supports not (-webkit-backdrop-filter: blur) and (-webkit-backdrop-filter: saturate){
  .admin #header {
    background: transparent!important;
  
    background-color: rgba(255, 255, 255, 1)!important;
  
          }
  }
  
.small-table-right-col {
    border-left: 1px solid #dce1ef;
  }
  
  select {
    
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: url(http://dropdown/arrow/url/) no-repeat;
    background-position: right center;
    background-color: #CCCCCC;
    color: #000000;
height: 32px!important    
    }
    
    #newsfeed {
      background-color: transparent!important;
       background: rgba(255, 255, 255, 0.99);
              -webkit-backdrop-filter: saturate(80%) blur(20px);
              backdrop-filter:saturate(80%) blur(20px);
              transition-duration: 0.2s
      
    }