body aside.sidebar::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    filter: grayscale(100%);
    opacity:.2;
    background-position:bottom center;
    background-repeat:no-repeat;
    z-index:1;
}




body aside.sidebar .sidebar-header {
    z-index:10
}

body aside.sidebar .sidebar-navigation {
    z-index:10
}

	
body.theme-forest header.header h1,body.theme-forest header.header h2,body.theme-forest header.header h3,body.theme-forest header.header h4,body.theme-forest header.header h5, body.theme-forest header.header h6,
body.theme-forest header.header .h1,body.theme-forest header.header .h2,body.theme-forest header.header .h3,body.theme-forest header.header .h4,body.theme-forest header.header .h5, body.theme-forest header.header .h6,
body.theme-air header.header h1,body.theme-air header.header h2,body.theme-air header.header h3,body.theme-air header.header h4,body.theme-air header.header h5, body.theme-air header.header h6,
body.theme-air header.header .h1,body.theme-air header.header .h2,body.theme-air header.header .h3,body.theme-air header.header .h4,body.theme-air header.header .h5, body.theme-air header.header .h6,
body.theme-gradient header.header h1,body.theme-gradient header.header h2,body.theme-gradient header.header h3,body.theme-gradient header.header h4,body.theme-gradient header.header h5, body.theme-gradient header.header h6,
body.theme-gradient header.header .h1,body.theme-gradient header.header .h2,body.theme-gradient header.header .h3,body.theme-gradient header.header .h4,body.theme-gradient header.header .h5, body.theme-gradient header.header .h6,
body.theme-orange header.header h1,body.theme-orange header.header h2,body.theme-orange header.header h3,body.theme-orange header.header h4,body.theme-orange header.header h5, body.theme-orange header.header h6,
body.theme-orange header.header .h1,body.theme-orange header.header .h2,body.theme-orange header.header .h3,body.theme-orange header.header .h4,body.theme-orange header.header .h5, body.theme-orange header.header .h6,
body.theme-blue header.header h1,body.theme-blue header.header h2,body.theme-blue header.header h3,body.theme-blue header.header h4,body.theme-blue header.header h5, body.theme-blue header.header h6,
body.theme-blue header.header .h1,body.theme-blue header.header .h2,body.theme-blue header.header .h3,body.theme-blue header.header .h4,body.theme-blue header.header .h5, body.theme-blue header.header .h6,
body.theme-rainbow header.header h1,body.theme-rainbow header.header h2,body.theme-rainbow header.header h3,body.theme-rainbow header.header h4,body.theme-rainbow header.header h5, body.theme-rainbow header.header h6,
body.theme-rainbow header.header .h1,body.theme-rainbow header.header .h2,body.theme-rainbow header.header .h3,body.theme-rainbow header.header .h4,body.theme-rainbow header.header .h5, body.theme-rainbow header.header .h6,
body.theme-birthday header.header h1,body.theme-birthday header.header h2,body.theme-birthday header.header h3,body.theme-birthday header.header h4,body.theme-birthday header.header h5, body.theme-birthday header.header h6,
body.theme-birthday header.header .h1,body.theme-birthday header.header .h2,body.theme-birthday header.header .h3,body.theme-birthday header.header .h4,body.theme-birthday header.header .h5, body.theme-birthday header.header .h6
{
    color:white;
}



body.theme-default {
    background-color:#f9f9f9;
}

body.theme-default aside.sidebar::before{
    background-image:url(/assets/img/sidebar/sidebar-default.jpg);
    background-size:cover;
}

body.theme-default header.header {
    background-image: url(/assets/img/header/header-default.jpg);
    background-color:#fff;
}

body.theme-default .modal-header:before, body.theme-default .card-header:before {
    content: "";
    position: absolute;
    width: 100%;
    background-image: url(/assets/img/header/header-default.png);
    height: 5px;
    top: 0;
    left: 0;
    background-position: center 310px;
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    opacity: .7;
    filter: grayscale(100%);
}

body.theme-default header.header::before, body.theme-default header.header::before {
    opacity:0 !important
}

body.theme-default .header-inverse .header-info .breadcrumb-item,  body.theme-default .header-inverse .header-info .breadcrumb-item a, body.theme-default .header-inverse .header-info .breadcrumb-item::before {
    color:#888;
}

body.theme-default .card-overlay {
    background-image: url(/assets/img/header/header-default.jpg);
    background-size: cover;
    background-position: left bottom;
    z-index:0;
    background-color:#fff
}

/*Forest*/

body.theme-forest {
    background-color:#f9f9f9;
}

body.theme-forest aside.sidebar::before{
    background-image:url(/assets/img/sidebar/sidebar-forest.jpg);
}

body.theme-forest header.header {
    background-image: url(/assets/img/header/header-forest.png);
    color: white;
    filter: grayscale(100%);
    background-position: 0 -100px;
}

body.theme-forest .modal-header:before, body.theme-forest .card-header:before {
    content: "";
    position: absolute;
    width: 100%;
    background-image: url(/assets/img/header/header-forest.png);
    height: 5px;
    top: 0;
    left: 0;
    background-position: center 310px;
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    opacity: .7;
    filter: grayscale(100%);
}

body.theme-forest .card-overlay {
    background-image: url(/assets/img/header/header-forest.png);
    background-size: cover;
    background-position: left bottom;
    z-index:0;
}


body.theme-forest .datepicker table thead {
    background: #444444  !important;
}

body.theme-forest .datepicker table thead th.dow {
    background: #5a5a5a !important;
}

body.theme-forest .datepicker .datepicker-switch:hover, 
body.theme-forest .datepicker .datepicker-switch.hover, 
body.theme-forest .datepicker .prev:hover, 
body.theme-forest .datepicker .next:hover, 
body.theme-forest .datepicker tfoot tr th:hover {
    background:  #333 !important;
    background:  linear-gradient(#555,#444) !important;
}


/*Gradient*/
body.theme-gradient {
    background-color:#fcf9ff;
}


body.theme-gradient  aside.sidebar::before {
    background-image: url(/assets/img/sidebar/sidebar-gradient-1.jpg);
    background-size: cover;
    filter:none;
}

body.theme-gradient header.header {
    background-image: url(/assets/img/sidebar/sidebar-gradient-1.jpg);
    color: white;
    background-position: center 0;
}

body.theme-gradient .modal-header:before, body.theme-gradient .card-header:before {
    content: "";
    position: absolute;
    width: 100%;
    background-image: url(/assets/img/sidebar/sidebar-gradient-1.jpg);
    height: 5px;
    top: 0;
    left: 0;
    background-position: center -400px;
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    opacity: .7;
}

body.theme-gradient .card-overlay {
    background-image: url(/assets/img/sidebar/sidebar-gradient-1.jpg);
    background-size: cover;
    background-position: left bottom;
    z-index:0;
}


body.theme-gradient .datepicker table thead {
    background: #356cc1 !important
}

body.theme-gradient .datepicker table thead th.dow {
    background: #8b71b1 !important;
}


body.theme-gradient .datepicker .datepicker-switch:hover, 
body.theme-gradient .datepicker .datepicker-switch.hover, 
body.theme-gradient .datepicker .prev:hover, 
body.theme-gradient .datepicker .next:hover, 
body.theme-gradient .datepicker tfoot tr th:hover {
    background:  linear-gradient(#457cd1,#356cc1) !important;
}

/*AIR*/

body.theme-air {
    background-color:#f9feff;
}

body.theme-air  aside.sidebar::before {
    background-image: url(/assets/img/sidebar/sidebar-air.jpg);
    background-size: cover;
    filter:none;
    opacity:.5;
}

body.theme-air header.header {
    background-image: url(/assets/img/sidebar/sidebar-air.jpg);
    color: white;
    background-position: center 0;
}

body.theme-air .modal-header:before, body.theme-air .card-header:before {
    content: "";
    position: absolute;
    width: 100%;
    background-image: url(/assets/img/sidebar/sidebar-air.jpg);
    height: 5px;
    top: 0;
    left: 0;
    background-position: center -400px;
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    opacity: .5;
}

body.theme-air .card-overlay {
    background-image: url(/assets/img/sidebar/sidebar-air.jpg);
    background-size: cover;
    background-position: left -365px;
    z-index: 0;
}


body.theme-air .datepicker table thead {
    background:#246195 !important
}

body.theme-air .datepicker table thead th.dow {
    background: #369dad !important
}

body.theme-air .datepicker .datepicker-switch:hover, 
body.theme-air .datepicker .datepicker-switch.hover, 
body.theme-air .datepicker .prev:hover, 
body.theme-air .datepicker .next:hover, 
body.theme-air .datepicker tfoot tr th:hover {
    background:  linear-gradient(#3471a5,#246195) !important;
}

/*Orange*/
body.theme-orange {
    background-color:#faf6f5;
}


body.theme-orange  aside.sidebar::before {
    background-image: url(/assets/img/sidebar/sidebar-orange.jpg);
    background-size: cover;
    filter:none;
    opacity:.5;
}


body.theme-orange header.header {
    background-image: url(/assets/img/sidebar/sidebar-orange.jpg);
    color: white;
}


body.theme-orange .modal-header:before, body.theme-orange .card-header:before {
    content: "";
    position: absolute;
    width: 100%;
    background-image: url(/assets/img/sidebar/sidebar-orange.jpg);
    height: 5px;
    top: 0;
    left: 0;
    background-position: right center;
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    opacity: .8;
}

body.theme-orange .card-overlay {
    background-image: url(/assets/img/sidebar/sidebar-orange.jpg);
    background-size: cover;
    background-position: left bottom;
    z-index:0;
}

body.theme-orange .datepicker table thead {
    background: #cb5540;
}

body.theme-orange .datepicker table thead th.dow {
    background: #ef8451;
}

body.theme-orange .datepicker .datepicker-switch:hover, 
body.theme-orange .datepicker .datepicker-switch.hover, 
body.theme-orange .datepicker .prev:hover, 
body.theme-orange .datepicker .next:hover, 
body.theme-orange .datepicker tfoot tr th:hover {
    background:  linear-gradient(#db6550,#cb5540) !important;
}






/*blue*/

body.theme-blue  aside.sidebar::before {
    background-image: url(/assets/img/sidebar/sidebar-blue.jpg);
    background-size: cover;
    filter:none;
    opacity:.5;
}

body.theme-blue header.header {
    background-image: url(/assets/img/sidebar/sidebar-blue.jpg);
    color: white;
}


body.theme-blue .modal-header:before, body.theme-blue .card-header:before {
    content: "";
    position: absolute;
    width: 100%;
    background-image: url(/assets/img/sidebar/sidebar-blue.jpg);
    height: 5px;
    top: 0;
    left: 0;
    background-position: right center;
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    opacity: .8;
}

body.theme-blue .card-overlay {
    background-image: url(/assets/img/sidebar/sidebar-blue.jpg);
    background-size: cover;
    background-position: left bottom;
    z-index:0;
}


body.theme-blue .datepicker table thead {
    background: #2d5864 !important;
}

body.theme-blue .datepicker table thead th.dow {
    background:#4a8ca8 !important
}

body.theme-blue .datepicker .datepicker-switch:hover, 
body.theme-blue .datepicker .datepicker-switch.hover, 
body.theme-blue .datepicker .prev:hover, 
body.theme-blue .datepicker .next:hover, 
body.theme-blue .datepicker tfoot tr th:hover {
    background:  linear-gradient(#3d6874,#2d5864) !important;
}




/*Rainbow*/

body.theme-rainbow  aside.sidebar::before {
    background-image: url(/assets/img/sidebar/sidebar-rainbow.jpg);
    background-size: cover;
    filter:none;
    opacity:.7;
}

body.theme-rainbow header.header {
    background-image: url(/assets/img/header/header-rainbow.jpg);
    color: white;
}


body.theme-rainbow .modal-header:before, body.theme-rainbow .card-header:before {
    content: "";
    position: absolute;
    width: 100%;
    background-image: url(/assets/img/header/header-rainbow.jpg);
    height: 5px;
    top: 0;
    left: 0;
    background-position: right center;
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    opacity: .8;
}



body.theme-rainbow header.header::before, body.theme-rainbow header.header::before {
    opacity:0.6 !important
}


body.theme-rainbow .card-overlay {
    background-image: url(/assets/img/header/header-rainbow.jpg);
    background-size: cover;
    background-position: left bottom;
    z-index:0;
}


body.theme-rainbow .datepicker table thead {
    background: #1a4766 !important
}

body.theme-rainbow .datepicker table thead th.dow {
    background: #326a33 !important
}

body.theme-rainbow .datepicker .datepicker-switch:hover, 
body.theme-rainbow .datepicker .datepicker-switch.hover, 
body.theme-rainbow .datepicker .prev:hover, 
body.theme-rainbow .datepicker .next:hover, 
body.theme-rainbow .datepicker tfoot tr th:hover {
    background:  linear-gradient(#2a5776,#1a4766) !important;
}




/*Birthday*/
body.theme-birthday aside.sidebar::before {
    background-image: url(/assets/img/header/birthday_male.jpg);
    background-size: cover;
    filter:none;
    opacity:.7;
}

body.theme-birthday.female aside.sidebar::before {
    background-image: url(/assets/img/header/birthday_female.jpg);
}



body.theme-birthday header.header {
    background-image: url(/assets/img/header/birthday_male.jpg);
    color: white;
}

body.theme-birthday.female header.header {
    background-image: url(/assets/img/header/birthday_female.jpg);
    background-position: left -137px;
}

body.theme-birthday .modal-header:before, body.theme-birthday .card-header:before {
    content: "";
    position: absolute;
    width: 100%;
    background-image: url(/assets/img/header/birthday_male.jpg);
    height: 5px;
    top: 0;
    left: 0;
    background-position: right center;
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    opacity: .8;
}

body.theme-birthday.female .modal-header:before, body.theme-birthday.female .card-header:before {
    background-image: url(/assets/img/header/birthday_female.jpg);
}

body.theme-birthday aside.sidebar::after {
    background: #0000004f;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}


body.theme-birthday header.header::before, body.theme-birthday header.header::before {
    opacity:0.6 !important
}

body.theme-birthday .card-overlay {
    background-image: url(/assets/img/header/birthday_male.jpg);
    background-size: cover;
    background-position: left bottom;
    z-index:0;
}


body.theme-birthday.female .card-overlay {
    background-image: url(/assets/img/header/birthday_female.jpg);
    background-size: cover;
    background-position: left bottom;
    z-index:0;
}


body.theme-birthday .datepicker table thead {
    background: #cb5540 !important;
}

body.theme-birthday .datepicker table thead th.dow {
    background: #ef8451 !important;
}

body.theme-birthday .datepicker .datepicker-switch:hover, 
body.theme-birthday .datepicker .datepicker-switch.hover, 
body.theme-birthday .datepicker .prev:hover, 
body.theme-birthday .datepicker .next:hover, 
body.theme-birthday .datepicker tfoot tr th:hover {
    background:  linear-gradient(#db6550,#cb5540) !important;
}




.sidebar-header {
    background-color: #ffffffaa;
}

 .header-info {
            margin: 1rem 0;
        }

 .bg-ui-general {
            background-color: #fffffff0;
        }


.breadcrumb {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
}