/* Add here all your CSS customizations */

/* PC: Theme Customization */

body {
	color: #777;
	font-family: "Cairo", Arial, sans-serif;
	line-height: 22px;
	margin: 0;
	font-size: 13px;
}

html.no-overflowscrolling .sidebar-left .nano {
    background: #243543;
    box-shadow: -5px 0 0 #2f3139 inset;
}

#sidebar-left p {
    color: #abb4be;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Aldrich", Arial, sans-serif;
}

.btn {
    font-size: 1.3rem;
    padding: 0.16rem 0.50rem;
}

.header {
	background: #243543;
}

.header .logo {
    float: left;
    margin: 5px 0 0 15px;
}

.header.header-nav-menu .logo:after {
    border-right: none;
}

.page-header .breadcrumbs{
    margin: 0 50px 0 0;
}

.page-header {
	background: #243543;
}

.sidebar-left {
    background: #243543;
}

.userbox .name {
	color: #C3C3C3;
}

html .bg-tertiary, html .background-color-tertiary {
	background: #243543!important;
}

.body-sign {
    height: auto; /* 100vh */
}

table.table-responsive-md tr {
    background:  rgba(0, 0, 0, 0.05)
}

.body-sign .card-sign .card-body.bg-grey {
    background-color: #EAECEF;
}

.body-sign .card-sign .card-body.bg-grey .input-group-text {
    background-color: #FFF;
}


/* PC:  Mobile Ansicht */

@media only screen and (max-width: 767px) {
    .header, .header .header-right {
        background: #243543;
    }

    .header .logo-container {
       background: #243543;
       border-bottom: none; /
    }

    .header .header-right {
        height: 0;
    }

    .userbox .notifications {
        margin:  4px 8px 0 0;
    }
}

/* PC:  WEBFONTS */

/* aldrich-regular - latin */
@font-face {
  font-family: 'Aldrich';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/aldrich-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/aldrich-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/aldrich-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/aldrich-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/aldrich-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/aldrich-v17-latin-regular.svg#Aldrich') format('svg'); /* Legacy iOS */
}

/* cairo-200 - latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/cairo-v20-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cairo-v20-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cairo-v20-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cairo-v20-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cairo-v20-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cairo-v20-latin-200.svg#Cairo') format('svg'); /* Legacy iOS */
}
/* cairo-300 - latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/cairo-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cairo-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cairo-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cairo-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cairo-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cairo-v20-latin-300.svg#Cairo') format('svg'); /* Legacy iOS */
}
/* cairo-regular - latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cairo-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cairo-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cairo-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cairo-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cairo-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cairo-v20-latin-regular.svg#Cairo') format('svg'); /* Legacy iOS */
}
/* cairo-500 - latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/cairo-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cairo-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cairo-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cairo-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cairo-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cairo-v20-latin-500.svg#Cairo') format('svg'); /* Legacy iOS */
}
/* cairo-600 - latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/cairo-v20-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cairo-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cairo-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cairo-v20-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cairo-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cairo-v20-latin-600.svg#Cairo') format('svg'); /* Legacy iOS */
}
/* cairo-700 - latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/cairo-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cairo-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cairo-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cairo-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cairo-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cairo-v20-latin-700.svg#Cairo') format('svg'); /* Legacy iOS */
}
/* cairo-800 - latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/cairo-v20-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cairo-v20-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cairo-v20-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cairo-v20-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cairo-v20-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cairo-v20-latin-800.svg#Cairo') format('svg'); /* Legacy iOS */
}
/* cairo-900 - latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/cairo-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cairo-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cairo-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cairo-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cairo-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cairo-v20-latin-900.svg#Cairo') format('svg'); /* Legacy iOS */
}