.font-dosis{font-family:Dosis,Roboto,sans-serif}.bg-ui-general{background-image:url(../img/header/general.png)}.doc-btn-spacing .btn{margin-bottom:10px;margin-right:6px}.doc-btn-spacing .btn-group{margin-bottom:10px}.doc-btn-spacing .btn-group .btn,.doc-btn-spacing .btn-group .btn-group,.doc-btn-spacing .btn-group-vertical .btn{margin-bottom:0;margin-right:0}.doc-dropdown .dropdown,.doc-dropdown .dropup{display:inline-block}.doc-dropdown .dropdown-grid,.doc-dropdown .dropdown-menu{-webkit-transform:scale(1,1);transform:scale(1,1)}.doc-bg-colors-spacing>[class*=bg-]{padding:8px;margin-bottom:8px}.doc-link-colors-spacing>a[class]{padding-right:8px}.doc-topbar-static .topbar{position:static;-webkit-box-shadow:0 0 5px rgba(0,0,0,.08);box-shadow:0 0 5px rgba(0,0,0,.08)}.doc-topbar-static .topbar .sidebar-toggler,.doc-topbar-static .topbar .topbar-menu-toggler{display:none}.topbar-menu-open .doc-topbar-static .topbar .topbar-navigation{display:none}.doc-topbar-static .topbar.bg-transparent{-webkit-box-shadow:none;box-shadow:none}.doc-aos div{width:200px;height:200px;margin:0 auto 50px;background-color:#fff;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-shadow:0 0 15px rgba(0,0,0,.07);box-shadow:0 0 15px rgba(0,0,0,.07)}.demo-code-for-media .code-title{background-color:#fff}.demo-code-for-media .code-preview{padding:0}.demo-code-for-media .code-toggler~pre{display:none}.doc-media-bg .media{background-color:#f9fafb}.demo-icons-list{display:-webkit-box;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:32px}.demo-icons-list li{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;margin-right:20px;margin-bottom:20px;width:72px;height:72px;text-align:center;cursor:pointer;-webkit-transition:.1s;transition:.1s}.demo-icons-list li .material-icons{font-size:inherit}.demo-icons-list li [data-i8-icon]{margin:0 10px}.demo-icons-list li [data-provide~=emoji] svg{width:32px;height:32px}.demo-icons-list li:hover{background-color:#f7fafc}.demo-icons-list.icons-size-16px{font-size:16px}.demo-icons-list.icons-size-16px li{width:56px;height:56px}.demo-icons-list.icons-size-24px{font-size:24px}.demo-icons-list.icons-size-24px li{width:64px;height:64px}.demo-icons-list.icons-size-32px{font-size:32px}.demo-icons-list.icons-size-32px li{width:72px;height:72px}.demo-icons-list.icons-size-48px{font-size:48px}.demo-icons-list.icons-size-48px li{width:88px;height:88px}.demo-icons-list.icons-size-64px{font-size:64px}.demo-icons-list.icons-size-64px li{width:104px;height:104px}.demo-icons-list.icons-size-80px{font-size:80px}.demo-icons-list.icons-size-80px li{width:120px;height:120px}.demo-icons-list.icons-size-96px{font-size:96px}.demo-icons-list.icons-size-96px li{width:136px;height:136px}.demo-emoji-list-container .demo-icons-list li{margin-right:0;margin-bottom:0;width:52px;height:52px}.demo-emoji-list-container .demo-icons-list.icons-size-16px li{width:36px;height:36px}.demo-emoji-list-container .demo-icons-list.icons-size-16px li [data-provide~=emoji] svg{width:16px;height:16px}.demo-emoji-list-container .demo-icons-list.icons-size-24px li{width:44px;height:44px}.demo-emoji-list-container .demo-icons-list.icons-size-24px li [data-provide~=emoji] svg{width:24px;height:24px}.demo-emoji-list-container .demo-icons-list.icons-size-32px li{width:52px;height:52px}.demo-emoji-list-container .demo-icons-list.icons-size-32px li [data-provide~=emoji] svg{width:32px;height:32px}.demo-emoji-list-container .demo-icons-list.icons-size-48px li{width:68px;height:68px}.demo-emoji-list-container .demo-icons-list.icons-size-48px li [data-provide~=emoji] svg{width:48px;height:48px}.demo-emoji-list-container .demo-icons-list.icons-size-64px li{width:84px;height:84px}.demo-emoji-list-container .demo-icons-list.icons-size-64px li [data-provide~=emoji] svg{width:64px;height:64px}.demo-emoji-list-container .demo-icons-list.icons-size-80px li{width:100px;height:100px}.demo-emoji-list-container .demo-icons-list.icons-size-80px li [data-provide~=emoji] svg{width:80px;height:80px}.demo-emoji-list-container .demo-icons-list.icons-size-96px li{width:116px;height:116px}.demo-emoji-list-container .demo-icons-list.icons-size-96px li [data-provide~=emoji] svg{width:96px;height:96px}.demo-color-list{list-style:none;padding:0;margin:0}.demo-color-list li{display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;margin:20px;margin-right:0;border:1px solid #f1f2f3}.demo-color-list li>span{display:-webkit-box;display:flex;-webkit-box-flex:1;flex-grow:1;flex-basis:100px;min-height:80px;min-width:160px}.demo-color-list p{font-size:12px;padding:6px 12px;margin-bottom:0;background-color:#fcfdfe;border-top:1px solid #f1f2f3}.demo-tooltip-static .tooltip{position:relative;display:inline-block;opacity:1;margin-bottom:15px}

.touch-menu {
    padding:0;
}

.touch-menu li{
    list-style:none;
}

.touch-menu > li {
    float: left;
    margin: 10px 0 0 10px;
}

.touch-menu > li > a {
    display:inline-block;
    padding-bottom:8px;
    transition: 0.1s;
    background-image: linear-gradient(45deg,#f0f0f0,#fff);
    width:175px;
    color:#666
}

.touch-menu > li > a > .touch-text {
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to right, rgba(0, 0, 0, 0),#CBC8C8, rgba(0, 0, 0, 0)) 1 ;
    border-left:none;
    border-bottom:none;
    padding-top: 3px;
    text-align: center;
    font-size: 1.1em;
}

.touch-menu > li > a > .touch-icon {
    padding-bottom: 10px;
    text-align: center;
    color:#fa4b06;
    transition: transform 0.3s;
}

.touch-menu > li > a:hover, .touch-menu > li > a.hover{
    background-image: linear-gradient(45deg,#e70000,#ffb10c);
    color:white;
}

.touch-menu > li > a.hover > .touch-icon, .touch-menu > li > a:hover > .touch-icon {
    color:white;
    transform: scale(1.1)
}

.touch-menu > li > a.hover > .touch-text, .touch-menu > li > a:hover > .touch-text {
border-width: 1px;
border-style: solid;
border-image: linear-gradient(to right, rgba(0, 0, 0, 0),#fff, rgba(0, 0, 0, 0)) 1 ;
border-left:none;
border-bottom:none;
}

.display-5 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 2.8;
}

.display-6 {
    font-size: 2.3rem;
    font-weight: 300;
    line-height: 1.7;
}

.display-7 {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.6;
}

.display-8 {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.6;
}

input.form-control.invalid, select.form-control.invalid, textarea.form-control.invalid {
    border-color: #d26464 !important;
    background: #ff000005;
    box-shadow: 0 0 3px #ff000033;
}

.form-horizontal .control-split {
    background: var(--orange);
    height: 1px;
    margin: 22px 0px;
}

.form-horizontal .control-split .control-split-legend {
    background: #ffffff;
    padding: 6px 6px 6px 0;
    position: relative;
    top: -10px;
    display: inline;
    border-radius: 3px;
    color: var(--danger);
}

label {
    margin-bottom: 0;
    letter-spacing:0;
}

.card {
box-shadow:0 1px 5px 0px #32598338;
border-radius:5px;
}

body {
    
}

th.AutoSize, td.AutoSize {
    white-space: nowrap;
    width: 1%;
}

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.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;
}


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

body.theme-default aside.sidebar::before {
    background-image: url(/assets/img/sidebar/sidebar-default.jpg);
    background-size: cover;
    filter: none;
    opacity: .4;
}
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.jpg);
    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);
    background-size: cover;
    filter: grayscale(0);
    opacity: 0.5;
}
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;
    opacity: .3;
}

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:.2;
}

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;
}




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

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


header.header {
    max-height: 100px;
}


.header-info {
    padding: 0 25px;
}

.header-info {
    margin: .4rem 0 !important;
}

.aside {
    /*top: 185px;*/
    padding-top: 0px;
    position:static
}


.aside ~ .header, .aside ~ .main-content, .aside ~ .site-footer {
    margin-left: 0;
}


.card-toolbar {
    border-bottom: 1px solid #f2f3f3;
    background: #f9fafb !important;
    padding: 0.5rem 1rem;
}




































.switcher {
    position: relative;
    display: inline-block;
    margin-right: 0.75rem;
    margin-bottom: 0;
    border-radius: 60rem;
    vertical-align: middle;
    font-weight: normal;
    cursor: default;
    padding-left: 2.375rem;
    min-height: 1.375rem;
    font-size: 0.894rem;
    line-height: 1.4;
}
.switcher .switcher-indicator {
    width: 2.375rem;
    height: 1.375rem;
    font-size: 0.625rem;
    line-height: 1.375rem;
    top: 0;
}
.switcher .switcher-label {
    top: 0.0617rem;
}
.switcher .switcher-input:checked ~ .switcher-indicator::after {
    left: 1rem;
}
.switcher .switcher-indicator::after {
    top: 0;
    margin: 0.25rem 0 0 0.25rem;
    width: 0.875rem;
    height: 0.875rem;
}
.switcher .switcher-no {
    padding-right: 0.25rem;
    padding-left: 1.125rem;
}
.switcher .switcher-yes {
    padding-right: 1.125rem;
    padding-left: 0.25rem;
}
[dir="rtl"] .switcher .switcher-input:checked ~ .switcher-indicator::after {
    right: 1rem;
    left: auto;
}
[dir="rtl"] .switcher .switcher-indicator::after {
    margin-right: 0.25rem;
    margin-left: 0;
}
[dir="rtl"] .switcher .switcher-no {
    padding-right: 1.125rem;
    padding-left: 0.25rem;
}
[dir="rtl"] .switcher .switcher-yes {
    padding-right: 0.25rem;
    padding-left: 1.125rem;
}
[dir="rtl"] .switcher {
    margin-right: 0;
    margin-left: 0.75rem;
}
@media (min-width: 576px) {
    .form-inline .switcher {
        display: block;
        margin-right: 0;
    }
    [dir="rtl"] .form-inline .switcher {
        margin-left: 0;
    }
}
.switcher-input {
    position: absolute;
    z-index: -1;
    margin: 0;
    padding: 0;
    opacity: 0;
}
.switcher-indicator {
    position: absolute;
    left: 0;
    overflow: hidden;
    border-radius: 60rem;
    background: rgba(24, 28, 33, 0.1);
    color: rgba(24, 28, 33, 0.3);
    font-weight: bold;
    cursor: default;
    transition-duration: 0.2s;
    transition-property: left, right, background, box-shadow;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.switcher-label {
    position: relative;
    display: inline-block;
    padding-left: 0.5rem;
    color: #4e5155;
    font-weight: 400;
    cursor: default;
}
.switcher-no,
.switcher-yes {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    transition-duration: 0.2s;
    transition-property: left, right;
}
[dir="rtl"] .switcher-no > *,
[dir="rtl"] .switcher-yes > * {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.switcher-no {
    left: 0;
}
[dir="rtl"] .switcher-no {
    right: 0;
    left: auto;
}
.switcher-yes {
    left: -100%;
}
[dir="rtl"] .switcher-yes {
    right: -100%;
    left: auto;
}
.switcher-input:not(:checked) ~ .switcher-indicator .switcher-yes {
    color: transparent;
}
.switcher-input:checked ~ .switcher-indicator .switcher-no {
    left: 100%;
    color: transparent;
}
[dir="rtl"] .switcher-input:checked ~ .switcher-indicator .switcher-no {
    right: 100%;
    left: auto;
}
.switcher-input:checked ~ .switcher-indicator .switcher-yes {
    left: 0;
}
[dir="rtl"] .switcher-input:checked ~ .switcher-indicator .switcher-yes {
    right: 0;
    left: auto;
}
.switcher-indicator::after {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(24, 28, 33, 0.04), 0 1px 6px rgba(24, 28, 33, 0.09);
    transition-duration: 0.2s;
    transition-property: left, right, background;
}
[dir="rtl"] .switcher-indicator::after {
    right: 0;
    left: auto;
}
.switcher-input:disabled ~ .switcher-indicator {
    opacity: 0.5;
}
.switcher-input:disabled ~ .switcher-indicator::after {
    box-shadow: none;
}
.switcher-input:disabled ~ .switcher-label {
    color: #a3a4a6;
}
.switchers-stacked::after {
    display: block;
    clear: both;
    content: "";
}
.switchers-stacked .switcher {
    display: block;
    margin-right: 0;
    margin-bottom: 0.5rem;
}
[dir="rtl"] .switchers-stacked .switcher {
    margin-left: 0;
    float: right;
    max-width: 100%;
    clear: both;
}
.switcher-square,
.switcher-square .switcher-indicator {
    border-radius: 0.25rem;
}
.switcher-square .switcher-indicator::after {
    border-radius: calc(0.25rem - 2px);
}
.switcher-sm,
.form-group-sm .switcher {
    padding-left: 2rem;
    min-height: 1.125rem;
    font-size: 0.75rem;
    line-height: 1.486;
}
.switcher-sm .switcher-indicator,
.form-group-sm .switcher .switcher-indicator {
    width: 2rem;
    height: 1.125rem;
    font-size: 0.625rem;
    line-height: 1.125rem;
    top: 0;
}
.switcher-sm .switcher-label,
.form-group-sm .switcher .switcher-label {
    top: 0.00525rem;
}
.switcher-sm .switcher-input:checked ~ .switcher-indicator::after,
.form-group-sm .switcher .switcher-input:checked ~ .switcher-indicator::after {
    left: 0.875rem;
}
.switcher-sm .switcher-indicator::after,
.form-group-sm .switcher .switcher-indicator::after {
    top: 0;
    margin: 0.25rem 0 0 0.25rem;
    width: 0.625rem;
    height: 0.625rem;
}
.switcher-sm .switcher-no,
.form-group-sm .switcher .switcher-no {
    padding-right: 0.25rem;
    padding-left: 0.875rem;
}
.switcher-sm .switcher-yes,
.form-group-sm .switcher .switcher-yes {
    padding-right: 0.875rem;
    padding-left: 0.25rem;
}
[dir="rtl"] .switcher-sm .switcher-input:checked ~ .switcher-indicator::after,
[dir="rtl"] .form-group-sm .switcher .switcher-input:checked ~ .switcher-indicator::after {
    right: 0.875rem;
    left: auto;
}
[dir="rtl"] .switcher-sm .switcher-indicator::after,
[dir="rtl"] .form-group-sm .switcher .switcher-indicator::after {
    margin-right: 0.25rem;
    margin-left: 0;
}
[dir="rtl"] .switcher-sm .switcher-no,
[dir="rtl"] .form-group-sm .switcher .switcher-no {
    padding-right: 0.875rem;
    padding-left: 0.25rem;
}
[dir="rtl"] .switcher-sm .switcher-yes,
[dir="rtl"] .form-group-sm .switcher .switcher-yes {
    padding-right: 0.25rem;
    padding-left: 0.875rem;
}
.switcher-lg,
.form-group-lg .switcher {
    padding-left: 3.25rem;
    min-height: 1.75rem;
    font-size: 1rem;
    line-height: 1.47;
}
.switcher-lg .switcher-indicator,
.form-group-lg .switcher .switcher-indicator {
    width: 3.25rem;
    height: 1.75rem;
    font-size: 0.625rem;
    line-height: 1.75rem;
    top: 0;
}
.switcher-lg .switcher-label,
.form-group-lg .switcher .switcher-label {
    top: 0.14rem;
}
.switcher-lg .switcher-input:checked ~ .switcher-indicator::after,
.form-group-lg .switcher .switcher-input:checked ~ .switcher-indicator::after {
    left: 1.5rem;
}
.switcher-lg .switcher-indicator::after,
.form-group-lg .switcher .switcher-indicator::after {
    top: 0;
    margin: 0.25rem 0 0 0.25rem;
    width: 1.25rem;
    height: 1.25rem;
}
.switcher-lg .switcher-no,
.form-group-lg .switcher .switcher-no {
    padding-right: 0.25rem;
    padding-left: 1.5rem;
}
.switcher-lg .switcher-yes,
.form-group-lg .switcher .switcher-yes {
    padding-right: 1.5rem;
    padding-left: 0.25rem;
}
[dir="rtl"] .switcher-lg .switcher-input:checked ~ .switcher-indicator::after,
[dir="rtl"] .form-group-lg .switcher .switcher-input:checked ~ .switcher-indicator::after {
    right: 1.5rem;
    left: auto;
}
[dir="rtl"] .switcher-lg .switcher-indicator::after,
[dir="rtl"] .form-group-lg .switcher .switcher-indicator::after {
    margin-right: 0.25rem;
    margin-left: 0;
}
[dir="rtl"] .switcher-lg .switcher-no,
[dir="rtl"] .form-group-lg .switcher .switcher-no {
    padding-right: 1.5rem;
    padding-left: 0.25rem;
}
[dir="rtl"] .switcher-lg .switcher-yes,
[dir="rtl"] .form-group-lg .switcher .switcher-yes {
    padding-right: 0.25rem;
    padding-left: 1.5rem;
}
.switcher-secondary.switcher .switcher-input:checked ~ .switcher-indicator {
    background: #8897aa;
    color: #fff;
}
.switcher-secondary.switcher .switcher-input:focus ~ .switcher-indicator {
    box-shadow: 0 0 0 2px rgba(136, 151, 170, 0.4);
}
.switcher-secondary.switcher .switcher-input:active ~ .switcher-indicator {
    box-shadow: none;
}
.switcher-success.switcher .switcher-input:checked ~ .switcher-indicator {
    background: #02bc77;
    color: #fff;
}
.switcher-success.switcher .switcher-input:focus ~ .switcher-indicator {
    box-shadow: 0 0 0 2px rgba(2, 188, 119, 0.4);
}
.switcher-success.switcher .switcher-input:active ~ .switcher-indicator {
    box-shadow: none;
}
.switcher-info.switcher .switcher-input:checked ~ .switcher-indicator {
    background: #28c3d7;
    color: #fff;
}
.switcher-info.switcher .switcher-input:focus ~ .switcher-indicator {
    box-shadow: 0 0 0 2px rgba(40, 195, 215, 0.4);
}
.switcher-info.switcher .switcher-input:active ~ .switcher-indicator {
    box-shadow: none;
}
.switcher-warning.switcher .switcher-input:checked ~ .switcher-indicator {
    background: #ffd950;
    color: #665720;
}
.switcher-warning.switcher .switcher-input:focus ~ .switcher-indicator {
    box-shadow: 0 0 0 2px rgba(255, 217, 80, 0.4);
}
.switcher-warning.switcher .switcher-input:active ~ .switcher-indicator {
    box-shadow: none;
}
.switcher-danger.switcher .switcher-input:checked ~ .switcher-indicator {
    background: #d9534f;
    color: #fff;
}
.switcher-danger.switcher .switcher-input:focus ~ .switcher-indicator {
    box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.4);
}
.switcher-danger.switcher .switcher-input:active ~ .switcher-indicator {
    box-shadow: none;
}
.switcher-dark.switcher .switcher-input:checked ~ .switcher-indicator {
    background: rgba(24, 28, 33, 0.9);
    color: #fff;
}
.switcher-dark.switcher .switcher-input:focus ~ .switcher-indicator {
    box-shadow: 0 0 0 2px rgba(24, 28, 33, 0.4);
}
.switcher-dark.switcher .switcher-input:active ~ .switcher-indicator {
    box-shadow: none;
}
.switcher .valid-feedback,
.switcher .invalid-feedback {
    padding-left: 0.5rem;
}
.was-validated .switcher-input[class]:valid:checked ~ .switcher-indicator,
.switcher-input[class].is-valid:checked ~ .switcher-indicator {
    background: #02bc77;
    color: #fff;
}
.was-validated .switcher-input[class]:valid:focus ~ .switcher-indicator,
.switcher-input[class].is-valid:focus ~ .switcher-indicator {
    box-shadow: 0 0 0 2px rgba(2, 188, 119, 0.4);
}
.was-validated .switcher-input[class]:valid:active ~ .switcher-indicator,
.switcher-input[class].is-valid:active ~ .switcher-indicator {
    box-shadow: none;
}
.was-validated .switcher-input[class]:valid ~ .switcher-label,
.switcher-input[class].is-valid ~ .switcher-label {
    color: #02bc77;
}
.was-validated .switcher-input[class]:valid ~ .valid-feedback,
.was-validated .switcher-input[class]:valid ~ .valid-tooltip,
.switcher-input[class].is-valid ~ .valid-feedback,
.switcher-input[class].is-valid ~ .valid-tooltip {
    display: block;
}
.was-validated .switcher-input[class]:invalid:checked ~ .switcher-indicator,
.switcher-input[class].is-invalid:checked ~ .switcher-indicator {
    background: #d9534f;
    color: #fff;
}
.was-validated .switcher-input[class]:invalid:focus ~ .switcher-indicator,
.switcher-input[class].is-invalid:focus ~ .switcher-indicator {
    box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.4);
}
.was-validated .switcher-input[class]:invalid:active ~ .switcher-indicator,
.switcher-input[class].is-invalid:active ~ .switcher-indicator {
    box-shadow: none;
}
.was-validated .switcher-input[class]:invalid ~ .switcher-label,
.switcher-input[class].is-invalid ~ .switcher-label {
    color: #d9534f;
}
.was-validated .switcher-input[class]:invalid ~ .invalid-feedback,
.was-validated .switcher-input[class]:invalid ~ .invalid-tooltip,
.switcher-input[class].is-invalid ~ .invalid-feedback,
.switcher-input[class].is-invalid ~ .invalid-tooltip {
    display: block;
}


.switcher-input:checked ~ .switcher-indicator {
    background: var(--success);
    color: #fff;
}


.bg-cake {
    position:relative;
    color:white;
}

    .bg-cake:hover {
        
    }


.media.bg-cake {

}

.media.bg-cake:hover {
    background-color:transparent !important;
}


.bg-cake::after {
    position:absolute;
    width:100%;
    height:100%;
    content:"";
    z-index:-2;
    left:0;
    top:0
    
}

.bg-cake.male::after {
    background-image:url(/assets/img/header/birthday_male.jpg);
    background-size:cover;

}

.bg-cake.female::after {
    background-image:url(/assets/img/header/birthday_female.jpg);
    background-size:cover;
}


.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next {
    line-height: 24px;
}

.datepicker table tr .dow {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.datepicker .prev::before, .datepicker .next::before {
    color: white;
}

.datepicker td, .datepicker th {
    height: 32px !important;
    width:32px;
}



.bootstrap-select.show .dropdown-toggle {
    border-color: #83e0d7;
    color: #ffffff;
}




.schema_item:nth-child(2n) {
    background: #00000004;
}

.schema_item {
    border-bottom:1px solid #00000010
}


.modal-lg, .modal-xl {
    max-width: 65rem;
}









[data-toggle='collapse']:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f077";
    position: absolute;
    color: grey;
    right: 15px;
}
[data-toggle='collapse'].collapsed:after {
    content:"\f078";
}





.customer-card {

}

    .customer-card.male {
        border:1px solid #9fd9eb;
    }

    .customer-card.female {
        border: 1px solid #e3a4d0;
    }



.customer-card.male .customer-card-header {
    background: linear-gradient(45deg, #c3ecfc,#d6e9e51a,#edfcfa);
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #9fd9eb;
}

.customer-card.female .customer-card-header {
    background:linear-gradient(45deg, #f8dcef,#776a8a0d,#f5eff5);
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #e3a4d0;
}
.customer-card.male .card-footer {
    border-top-color: #9fd9eb;
}

.customer-card.female .card-footer {
    border-top-color: #e3a4d0;
}



.customer-card .customer-card-header:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    top: 0;
    left: 0;
    background-position: right center;
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    opacity: .8;
}



.customer-card.male .customer-card-header:before {
    background-image: linear-gradient(45deg, #9ce0fb,#d6e9e5,#a6fff3);
 }

.customer-card.female .customer-card-header:before {
    background-image: linear-gradient(45deg, #f7c8e8,#b287f180,#ad58ad);
}

.input-group > .twitter-typeahead {
   flex: 1 1 auto;
   width: auto;
}

.modal.show .modal {
    background: #00000055;
}

.bootstrap-tagsinput {
    display:block !important;
    border:1px solid #ebebeb !important;
    box-shadow:none !important;
}

.bootstrap-tagsinput input::placeholder {
    color: #d1d1d1;
}


.bootstrap-tagsinput {
min-height:0;
}


    .bootstrap-tagsinput .badge {
        margin-bottom:0;
    }













	.chip {
    background: #f0f0f0;
    border-radius: 3px;
    padding: 5px 10px;
    margin: 5px;
    display: inline-block;
    font-size: 11px;
	}


	.chip.chip-default {
		background: #f0f0f0;
	}

	.chip.chip-success{
		background: #d3f1d3;
	}

	.chip.chip-warning{
		background: #ffe6c3;
	}

	.chip.chip-info{
		background: #daf5fd;
	}


		.chip .legend {
			    color: #1d85c8;
				margin-right: 5px;
    
		}

		.chip .value {
			
		}

.chip i {
    margin-left: 5px;
}

.chip .chipSplit {
    border-left: 1px solid #a7d3e0;
    margin: 0 10px;
    border-right: 1px solid rgba(255,255,255,.5);
}