/*  상단왼편 네비게이션  */
.nav{display: flex; margin-bottom: 0;padding-left: 0;list-style: none;flex-wrap: wrap;}
.nav-link{display: block;padding: .5rem 1rem;}
.nav-link:hover, .nav-link:focus{text-decoration: none;}
.nav-link.disabled {cursor: default; pointer-events: none;color: #95aac9;}
.nav-tabs{border-bottom: 1px solid #e3ebf6;}
.nav-tabs .nav-item{margin-bottom: -1px;}
.nav-tabs .nav-link {border: 1px solid transparent;border-top-left-radius: .25rem;border-top-right-radius: .25rem;}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{border-color: #edf2f9 #edf2f9 #e3ebf6;}
.nav-tabs .nav-link.disabled{color: #95aac9;border-color: transparent;background-color: transparent;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{color: #28304e;border-color: #e3ebf6 #e3ebf6 #f4f7fc;background-color: #f4f7fc;}
.nav-tabs .dropdown-menu{margin-top: -1px;border-top-left-radius: 0;border-top-right-radius: 0;}
.nav-pills .nav-link{border-radius: .25rem;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{color: #fff;background-color: #687ae8;}
.nav-fill .nav-item{text-align: center;flex: 1 1 auto;}
.nav-justified .nav-item{text-align: center; flex-basis: 0;flex-grow: 1;}
.tab-content > .tab-pane{ display: none;}
.tab-content > .active{display: block;}
.navbar{position: relative;display: flex;padding: .5rem 1rem; flex-wrap: wrap;align-items: center;justify-content: space-between;}
.navbar > .container, .navbar > .container-fluid{display: flex; flex-wrap: wrap;align-items: center;justify-content: space-between;}
.navbar-brand{font-size: 1.125rem;line-height: inherit;display: inline-block; margin-right: 1rem;padding-top: .33125rem; padding-bottom: .33125rem;white-space: nowrap;}
.navbar-brand:hover, .navbar-brand:focus{text-decoration: none;}
.navbar-nav{display: flex;flex-direction: column; margin-bottom: 0; padding-left: 0;list-style: none;}
.navbar-nav .nav-link{padding-right: 0;padding-left: 0;}
.navbar-nav .dropdown-menu { position: static;float: none;}
.navbar-text{display: inline-block;padding-top: .5rem; padding-bottom: .5rem;}
.navbar-collapse{flex-basis: 100%; flex-grow: 1; align-items: center;}
.navbar-toggler{font-size: 1.125rem;line-height: 1; padding: .25rem .75rem;border: 1px solid transparent; border-radius: .25rem;     background-color: transparent;}
.navbar-toggler:hover, .navbar-toggler:focus{text-decoration: none;}
.navbar-toggler-icon{display: inline-block;width: 1.5em;height: 1.5em; content: '';vertical-align: middle;background: no-repeat center center;background-size: 100% 100%;}

.navbar-expand{flex-flow: row nowrap; justify-content: flex-start;}
.navbar-expand > .container, .navbar-expand > .container-fluid{padding-right: 0; padding-left: 0;}
.navbar-expand .navbar-nav{ flex-direction: row;}
.navbar-expand .navbar-nav .dropdown-menu{ position: absolute;}
.navbar-expand .navbar-nav .nav-link{padding-right: .5rem;padding-left: .5rem;}
.navbar-expand > .container, .navbar-expand > .container-fluid{flex-wrap: nowrap;}
.navbar-expand .navbar-collapse{display: flex !important;flex-basis: auto;}
.navbar-expand .navbar-toggler{display: none;}
.navbar-light .navbar-brand{color: rgba(0, 0, 0, .9);}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus{color: rgba(0, 0, 0, .9);}
.navbar-light .navbar-nav .nav-link{color: rgba(0, 0, 0, .5);}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color: rgba(0, 0, 0, .7);}
.navbar-light .navbar-nav .nav-link.disabled {color: rgba(0, 0, 0, .3);}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{color: rgba(0, 0, 0, .9);}
.navbar-light .navbar-toggler{color: rgba(0, 0, 0, .5);border-color: rgba(0, 0, 0, .1);}
.navbar-light .navbar-toggler-icon{background-image: url('data:image/svg+xml,%3csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3e%3cpath stroke=\'rgba(0, 0, 0, 0.5)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3e%3c/svg%3e');}
.navbar-light .navbar-text{color: rgba(0, 0, 0, .5);}
.navbar-light .navbar-text a{color: rgba(0, 0, 0, .9);}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus{color: rgba(0, 0, 0, .9);}
.navbar-dark .navbar-brand{color: #fff;}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus{color: #fff;}
.navbar-dark .navbar-nav .nav-link{color: rgba(255, 255, 255, .5);}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{color: rgba(255, 255, 255, .75);}
.navbar-dark .navbar-nav .nav-link.disabled{color: rgba(255, 255, 255, .25);}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active{color: #fff;}
.navbar-dark .navbar-toggler{color: rgba(255, 255, 255, .5);border-color: rgba(255, 255, 255, .1);}
.navbar-dark .navbar-toggler-icon{background-image: url('data:image/svg+xml,%3csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3e%3cpath stroke=\'rgba(255, 255, 255, 0.5)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3e%3c/svg%3e');}
.navbar-dark .navbar-text{color: rgba(255, 255, 255, .5);}
.navbar-dark .navbar-text a{color: #fff;}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus{color: #fff;}



/* 메인 내용 차트 밑에 카드 시작 */
.header-avatar-title{}
.avatar{position: relative;display: inline-block;}
.avatar-img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.avatar-title{ display: flex; width: 100%;height: 100%;color: #fff;background-color: #b1c2d9;align-items: center;justify-content: center;}
.avatar-title:hover, .avatar-img:hover{box-shadow: 0 0 0 2px white;}
.avatar-online::before, .avatar-away::before, .avatar-dnd::before, .avatar-offline::before{position: absolute;right: 0;bottom: 0;display: flex;width: 30%;height: 30%;content: '';border: 3px solid #fff;border-radius: 50%;align-items: center;justify-content: center;}
.avatar-online::before{ background-color: #0c9;}
.avatar-away::before{background-color: #f7bc06;}
.avatar-dnd::before{background-color: #f2545b;}
.avatar-offline::before{background-color: #b1c2d9;}
.avatar{width: 3rem;height: 3rem;}
.avatar .border{ border-width: 4px !important;}
.avatar .rounded{ border-radius: 6px !important;}
.avatar .avatar-title{ font-size: 18px;}
.avatar .avatar-online::before, .avatar .avatar-away::before, .avatar .avatar-dnd::before, .avatar .avatar-offline::before{border-width: 2px;}
.avatar-xs{ width: 1.625rem;height: 1.625rem;}
.avatar-xs .border{border-width: 2px !important;}
.avatar-xs .rounded{border-radius: 4px !important;}
.avatar-xs .avatar-title{ font-size: 10px;}
.avatar-xs .avatar-online::before, .avatar-xs .avatar-away::before, .avatar-xs .avatar-dnd::before, .avatar-xs .avatar-offline::before{ border-width: 1px;}
.avatar-sm{ width: 2.5rem; height: 2.5rem;}
.avatar-sm .border{border-width: 3px !important;}
.avatar-sm .rounded{border-radius: 4px !important;}
.avatar-sm .avatar-title{ font-size: 13px;}
.avatar-sm .avatar-online::before, .avatar-sm .avatar-away::before, .avatar-sm .avatar-dnd::before, .avatar-sm .avatar-offline::before{border-width: 2px;}
.avatar-lg{ width: 4rem; height: 4rem;}
.avatar-lg .border{ border-width: 3px !important;}
.avatar-lg .rounded{border-radius: 8px !important;}
.avatar-lg .avatar-title{font-size: 24px;}
.avatar-lg .avatar-online::before, .avatar-lg .avatar-away::before, .avatar-lg .avatar-dnd::before, .avatar-lg .avatar-offline::before{border-width: 3px;}
.avatar-xl{width: 5.125rem; height: 5.125rem;}
.avatar-xl .border{border-width: 4px !important;}
.avatar-xl .rounded{border-radius: 8px !important;}
.avatar-xl .avatar-title{ font-size: 30px;}
.avatar-xl .avatar-online::before, .avatar-xl .avatar-away::before, .avatar-xl .avatar-dnd::before, .avatar-xl .avatar-offline::before{ border-width: 4px;}
.avatar-xxl{width: 5.125rem; height: 5.125rem;}
.avatar-xxl .border{ border-width: 6px !important;}
.avatar-xxl .rounded{border-radius: 8px !important;}
.avatar-xxl .avatar-title{ font-size: 30px;}
.avatar-xxl .avatar-online::before, .avatar-xxl .avatar-away::before, .avatar-xxl .avatar-dnd::before, .avatar-xxl .avatar-offline::before{border-width: 4px;}

@media (min-width: 768px){
    .avatar-xxl{ width: 8rem; height: 8rem; }
    .avatar-xxl .border{ border-width: 4px !important;}
    .avatar-xxl .rounded{ border-radius: 12px !important;}
    .avatar-xxl .avatar-title{font-size: 42px;}
    .avatar-xxl .avatar-online::before, .avatar-xxl .avatar-away::before,  .avatar-xxl .avatar-dnd::before, .avatar-xxl .avatar-offline::before{ border-width: 4px;}
}

.avatar-group{ display: inline-flex;}
.avatar-group .avatar + .avatar{ margin-left: -.75rem;}
.avatar-group .avatar-xs + .avatar-xs{ margin-left: -.40625rem;}
.avatar-group .avatar-sm + .avatar-sm{ margin-left: -.625rem;}
.avatar-group .avatar-lg + .avatar-lg{margin-left: -1rem;}
.avatar-group .avatar-xl + .avatar-xl{ margin-left: -1.28125rem;}
.avatar-group .avatar:hover{ z-index: 1;}
.avatar-input{position: relative; overflow: hidden;}
.avatar-input .avatar-file-picker{position: absolute; z-index: 2; width: 1px;height: 1px; margin: 0; opacity: 0;}
.avatar-input .avatar-input-icon{ position: absolute;top: 0;display: flex; width: 100%;height: 100%;transition: all ease .2s;opacity: 0;color: #fff;background: rgba(0, 0, 0, .37); justify-content: center; align-items: center;}
.avatar-input:hover .avatar-input-icon{ opacity: 1;}


/*  테이블  */
.table{width: 100%;margin-bottom: 1rem;color: #3e4676;}
.table th, .table td {padding: .9375rem; vertical-align: top; border-top: 1px solid #edf2f9;}
.table_cursor th, .table_cursor td {cursor: pointer;padding: .9375rem; vertical-align: top; border-top: 1px solid #edf2f9;}
.table_cursor thead th{vertical-align: bottom;border-bottom: 1px solid #3e4676;}
.table_cursor thead th:first-child{width: 50px !important;}
.table thead th{vertical-align: bottom;border-bottom: 1px solid #95aac9;}
.table tbody + tbody{border-top: 2px solid #edf2f9;}
.table-sm th, .table-sm td{ padding: .5rem;}
.table-bordered{border: 1px solid #edf2f9;}
.table-bordered th, .table-bordered td{border: 1px solid #edf2f9;}
.table-bordered thead th, .table-bordered thead td{border-bottom-width: 2px;}
.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody{border: 0;}
.table-striped tbody tr:nth-of-type(odd){background-color: #f9fbfd;}
.table-hover thead th:first-child{width: 50px !important;}
.table-hover tbody tr:hover{ color: #3e4676;background-color: #f9fbfd;}
.table-primary, .table-primary > th, .table-primary > td {background-color: #d5daf9;}
.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {border-color: #b0baf3;}
.table-hover .table-primary:hover{background-color: #bfc6f6;}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {background-color: #bfc6f6;}
.table-secondary, .table-secondary > th, .table-secondary > td{background-color: #e1e7f0;}
.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody{border-color: #c8d3e3;}
.table-hover .table-secondary:hover{background-color: #d0d9e8;}
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {background-color: #d0d9e8;}
.table-success, .table-success > th, .table-success > td {background-color: #b8f1e2;}
.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {border-color: #7ae4ca;}
.table-hover .table-success:hover{background-color: #a3edd9;}
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {background-color: #a3edd9;}
.table-info, .table-info > th, .table-info > td{background-color: #bfeaff;}
.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody{border-color: #87d9fe;}
.table-hover .table-info:hover {background-color: #a6e2ff;}
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {background-color: #a6e2ff;}
.table-warning, .table-warning > th, .table-warning > td {background-color: #fdecb9;}
.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody{border-color: #fbdc7e;}
.table-hover .table-warning:hover {background-color: #fce5a0;}
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {background-color: #fce5a0;}
.table-danger, .table-danger > th, .table-danger > td {background-color: #fbcfd1;}
.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody{border-color: #f8a6aa;}
.table-hover .table-danger:hover{background-color: #f9b7ba;}
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {background-color: #f9b7ba;}
.table-light, .table-light > th, .table-light > td {background-color: #fdfefe;}
.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody{border-color: #fcfdfe;}
.table-hover .table-light:hover{background-color: #ecf6f6;}
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th{background-color: #ecf6f6;}
.table-dark, .table-dark > th, .table-dark > td{background-color: #c3c5cd;}
.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody{border-color: #8f93a3;}
.table-hover .table-dark:hover{background-color: #b5b8c1;}
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {background-color: #b5b8c1;}
.table-active, .table-active > th, .table-active > td{background-color: #f9fbfd;}
.table-hover .table-active:hover{background-color: #e6eef7;}
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {background-color: #e6eef7;}
.table .thead-dark th { color: #fff;border-color: #333d64;background-color: #262e4b;}
.table .thead-light th{color: #95aac9;border-color: #edf2f9;background-color: #f9fbfd;}
.table-dark{color: #fff;background-color: #262e4b;}
.table-dark th, .table-dark td, .table-dark thead th {border-color: #333d64;}
.table-dark.table-bordered{border: 0;}
.table-dark.table-striped tbody tr:nth-of-type(odd){background-color: rgba(255, 255, 255, .05);}
.table-dark.table-hover tbody tr:hover{color: #fff;background-color: rgba(255, 255, 255, .075);}

@media (max-width: 567px){
    .table-responsive-sm{ display: block; overflow-x: auto; width: 100%;-webkit-overflow-scrolling: touch;}
    .table-responsive-sm > .table-bordered {border: 0;}
}

@media (max-width: 768px){
    .table-responsive-md {display: block; overflow-x: auto; width: 100%;-webkit-overflow-scrolling: touch;}
    .table-responsive-md > .table-bordered {border: 0;}
}

@media (max-width: 992px){
    .table-responsive-lg{display: block;overflow-x: auto;width: 100%;-webkit-overflow-scrolling: touch;}
    .table-responsive-lg > .table-bordered{border: 0;}
}

@media (max-width: 1200px){
    .table-responsive-xl{display: block; overflow-x: auto; width: 100%;-webkit-overflow-scrolling: touch;}
    .table-responsive-xl > .table-bordered{border: 0;}
}

.table-responsive{display: block;overflow-x: auto;width: 100%; -webkit-overflow-scrolling: touch;}
.table-responsive > .table-bordered{border: 0;}

.form-control{ font-size: 1rem;font-weight: 500;line-height: 1.5;display: block;width: 100%;height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; color: #3e4676;
    border: 1px solid #d3e0e9;border-radius: .25rem;background-color: #fff;background-clip: padding-box;}
@media (prefers-reduced-motion: reduce){
    .form-control{transition: none;}
}
.form-control::-ms-expand{border: 0;background-color: transparent;}
.form-control:focus{color: #3e4676;border-color: #95aac9;outline: 0;background-color: #fff;box-shadow: 0 0 0 .2rem rgba(104, 122, 232, .25);}
.form-control::-ms-input-placeholder{opacity: 1;color: #95aac9;}
.form-control::placeholder{opacity: 1;color: #95aac9;}
.form-control:disabled, .form-control[readonly]{opacity: 1;background-color: #edf2f9;}
select.form-control:focus::-ms-value{color: #3e4676;background-color: #fff;}
.form-control-file, .form-control-range{display: block; width: 100%;}
.col-form-label{font-size: inherit;line-height: 1.5;margin-bottom: 0;padding-top: calc(.375rem + 1px);padding-bottom: calc(.375rem + 1px);}
.col-form-label-lg{font-size: 1.125rem;line-height: 1.5;padding-top: calc(.5rem + 1px);padding-bottom: calc(.5rem + 1px);}
.col-form-label-sm{font-size: .7875rem;line-height: 1.5;padding-top: calc(.25rem + 1px);padding-bottom: calc(.25rem + 1px);}
.form-control-plaintext{line-height: 1.5;display: block; width: 100%; margin-bottom: 0;padding-top: .375rem;padding-bottom: .375rem;color: #3e4676;border: solid transparent;border-width: 1px 0;background-color: transparent;}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg{padding-right: 0;padding-left: 0;}
.form-control-sm{font-size: .7875rem;line-height: 1.5;height: calc(1.5em + .5rem + 2px);padding: .25rem .5rem;border-radius: .2rem;}
.form-control-lg{font-size: 1.125rem;line-height: 1.5;height: calc(1.5em + 1rem + 2px);padding: .5rem 1rem;border-radius: .3rem;}
select.form-control[size], select.form-control[multiple]{height: auto;}
textarea.form-control{height: auto;}
.form-group{ margin-bottom: 1rem;}
.form-group.udetail span{display: block;}
.form-text{display: block; margin-top: .25rem;}
.form-row{display: flex;margin-right: -5px;margin-left: -5px;flex-wrap: wrap;}
.form-row > .col, .form-row > [class*='col-']{padding-right: 5px; padding-left: 5px;}
.form-check{position: relative;display: block;padding-left: 1.25rem;}
.form-check-input{position: absolute;margin-top: .3rem;margin-left: -1.25rem;}
.form-check-input:disabled ~ .form-check-label{color: #6e7da2;}
.form-check-label{ margin-bottom: 0;}
.form-check-inline{display: inline-flex;margin-right: .75rem; padding-left: 0;align-items: center;}
.form-check-inline .form-check-input{position: static;margin-top: 0;margin-right: .3125rem;margin-left: 0;}

.valid-feedback{font-size: 80%;display: none;width: 100%;margin-top: .25rem; color: #0c9;}
.valid-tooltip{font-size: .7875rem;line-height: 1.5;position: absolute;z-index: 5;top: 100%;display: none;max-width: 100%;margin-top: .1rem;padding: .25rem .5rem;color: #fff;border-radius: .25rem;background-color: rgba(0, 204, 153, .9);}
.was-validated .form-control:valid, .form-control.is-valid{padding-right: calc(1.5em + .75rem);border-color: #0c9;background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%2300CC99\' d=\'M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z\'/%3e%3c/svg%3e');background-repeat: no-repeat;background-position: center right calc(.375em + .1875rem);background-size: calc(.75em + .375rem) calc(.75em + .375rem);}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus{border-color: #0c9;box-shadow: 0 0 0 .2rem rgba(0, 204, 153, .25);}
.was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip{display: block;}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid{padding-right: calc(1.5em + .75rem);background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);}
.was-validated .custom-select:valid, .custom-select.is-valid{padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);border-color: #0c9;background: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\'%3e%3cpath fill=\'%23262e4b\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3e%3c/svg%3e') no-repeat right .75rem center/8px 10px, url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%2300CC99\' d=\'M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z\'/%3e%3c/svg%3e') #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem);}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus{border-color: #0c9;box-shadow: 0 0 0 .2rem rgba(0, 204, 153, .25);}
.was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip {display: block;}
.was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip{display: block;}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label{color: #0c9;}
.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip,.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip{display: block;}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label{color: #0c9;}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before{border-color: #0c9;}
.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip,.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip{display: block;}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before{border-color: #00ffbf;background-color: #00ffbf;}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before{box-shadow: 0 0 0 .2rem rgba(0, 204, 153, .25);}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before{border-color: #0c9;}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label{border-color: #0c9;}
.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip,.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip{display: block;}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label{border-color: #0c9;box-shadow: 0 0 0 .2rem rgba(0, 204, 153, .25);}

.invalid-feedback{font-size: 80%;display: none;width: 100%;margin-top: .25rem;color: #f2545b;}
.invalid-tooltip{font-size: .7875rem;line-height: 1.5;position: absolute;z-index: 5;top: 100%;display: none;max-width: 100%;margin-top: .1rem;padding: .25rem .5rem;color: #fff;border-radius: .25rem;background-color: rgba(242, 84, 91, .9);}
.was-validated .form-control:invalid, .form-control.is-invalid{padding-right: calc(1.5em + .75rem);border-color: #f2545b;background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23f2545b\' viewBox=\'-2 -2 7 7\'%3e%3cpath stroke=\'%23f2545b\' d=\'M0 0l3 3m0-3L0 3\'/%3e%3ccircle r=\'.5\'/%3e%3ccircle cx=\'3\' r=\'.5\'/%3e%3ccircle cy=\'3\' r=\'.5\'/%3e%3ccircle cx=\'3\' cy=\'3\' r=\'.5\'/%3e%3c/svg%3E');background-repeat: no-repeat;background-position: center right calc(.375em + .1875rem);background-size: calc(.75em + .375rem) calc(.75em + .375rem);}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus{border-color: #f2545b;box-shadow: 0 0 0 .2rem rgba(242, 84, 91, .25);}
.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip,.form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip{display: block;}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid{padding-right: calc(1.5em + .75rem);background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);}
.was-validated .custom-select:invalid, .custom-select.is-invalid{padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);border-color: #f2545b;background: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\'%3e%3cpath fill=\'%23262e4b\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3e%3c/svg%3e') no-repeat right .75rem center/8px 10px, url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23f2545b\' viewBox=\'-2 -2 7 7\'%3e%3cpath stroke=\'%23f2545b\' d=\'M0 0l3 3m0-3L0 3\'/%3e%3ccircle r=\'.5\'/%3e%3ccircle cx=\'3\' r=\'.5\'/%3e%3ccircle cy=\'3\' r=\'.5\'/%3e%3ccircle cx=\'3\' cy=\'3\' r=\'.5\'/%3e%3c/svg%3E') #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem);}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus{border-color: #f2545b;box-shadow: 0 0 0 .2rem rgba(242, 84, 91, .25);}
.was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip,.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip{display: block;}
.was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip,.form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip{display: block;}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label{color: #f2545b;}
.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip,.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip{display: block;}
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label{
    color: #f2545b;}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before{border-color: #f2545b;}
.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip,
.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip{display: block;}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before{border-color: #f68388;background-color: #f68388;}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before{box-shadow: 0 0 0 .2rem rgba(242, 84, 91, .25);}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before{border-color: #f2545b;}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label{border-color: #f2545b;}
.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip,.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip{display: block;}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label{border-color: #f2545b;box-shadow: 0 0 0 .2rem rgba(242, 84, 91, .25);}

.form-inline{display: flex;flex-flow: row wrap;align-items: center;}
.form-inline .form-check{width: 100%;}

@media (min-width: 576px){
    .form-inline label {display: flex; margin-bottom: 0;align-items: center;justify-content: center;}
    .form-inline .form-group{display: flex;margin-bottom: 0;flex: 0 0 auto;flex-flow: row wrap;align-items: center;}
    .form-inline .form-control{display: inline-block;width: auto;vertical-align: middle;}
    .form-inline .form-control-plaintext{display: inline-block;}
    .form-inline .input-group, .form-inline .custom-select{width: auto;}
    .form-inline .form-check{display: flex;width: auto;padding-left: 0;align-items: center;justify-content: center;}
    .form-inline .form-check-input {position: relative;margin-top: 0;margin-right: .25rem;margin-left: 0;flex-shrink: 0;}
    .form-inline .custom-control{align-items: center;justify-content: center;}
    .form-inline .custom-control-label{ margin-bottom: 0;}
}

.btn{font-size: .9rem;font-weight: 500;line-height: 1.5;display: inline-block;padding: .375rem .75rem; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;text-align: center;vertical-align: middle;color: #3e4676;border: 1px solid transparent;border-radius: .25rem;background-color: transparent;}

@media (prefers-reduced-motion: reduce){
    .btn{transition: none;}
}
.btn:hover{text-decoration: none;color: #3e4676;}
.btn:focus, .btn.focus{outline: 0;box-shadow: 0 0 0 .2rem rgba(104, 122, 232, .25);}
.btn.disabled, .btn:disabled{opacity: .65;}
a.btn.disabled, fieldset:disabled a.btn {pointer-events: none;}
.btn-primary{color: #fff;border-color: #E1B35E;background-color: #E1B35E;}
.btn-primary:hover{color: #fff;border-color: #e1a55e;background-color: #e1a55e;}
.btn-primary:focus, .btn-primary.focus{box-shadow: 0 0 0 .2rem rgba(127, 142, 235, .5);}
.btn-primary.disabled, .btn-primary:disabled{color: #fff;border-color: #687ae8;background-color: #687ae8;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle{color: #fff;border-color: #e18c6e;background-color: #e18c5e;}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(127, 142, 235, .5);}
.btn-secondary{color: #fff;border-color: #95aac9; background-color: #95aac9;}
.btn-secondary:hover{color: #fff;border-color: #738fb8;background-color: #7c96bc;}
.btn-secondary:focus, .btn-secondary.focus{box-shadow: 0 0 0 .2rem rgba(165, 183, 209, .5);}
.btn-secondary.disabled, .btn-secondary:disabled{color: #fff;border-color: #95aac9;background-color: #95aac9;}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,.show > .btn-secondary.dropdown-toggle {color: #fff;border-color: #6b88b3;background-color: #738fb8;}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(165, 183, 209, .5);}
.btn-success{color: #fff;border-color: #0c9;background-color: #0c9;}
.btn-success:hover{color: #fff;border-color: #009973;background-color: #00a67c;}
.btn-success:focus, .btn-success.focus{box-shadow: 0 0 0 .2rem rgba(38, 212, 168, .5);}
.btn-success.disabled, .btn-success:disabled {color: #fff;border-color: #0c9;background-color: #0c9;}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle{color: #fff;border-color: #008c69;background-color: #009973;}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(38, 212, 168, .5);}
.btn-info{color: #fff;border-color: #19b5fe;background-color: #19b5fe;}
.btn-info:hover{color: #fff;border-color: #019be3;background-color: #01a4f0;}
.btn-info:focus, .btn-info.focus{box-shadow: 0 0 0 .2rem rgba(60, 192, 254, .5);}
.btn-info.disabled, .btn-info:disabled{color: #fff;border-color: #19b5fe;background-color: #19b5fe;}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle{color: #fff;border-color: #0192d6; background-color: #019be3;}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(60, 192, 254, .5);}
.btn-warning{color: #fff;border-color: #f7bc06;background-color: #f7bc06;}
.btn-warning:hover{color: #fff;border-color: #c59605;background-color: #d2a005;}
.btn-warning:focus, .btn-warning.focus{box-shadow: 0 0 0 .2rem rgba(248, 198, 43, .5);}
.btn-warning.disabled, .btn-warning:disabled{color: #fff;border-color: #f7bc06;background-color: #f7bc06;}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle{color: #fff;border-color: #b98d04;background-color: #c59605;}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(248, 198, 43, .5);}
.btn-danger{color: #fff;border-color: #f2545b;background-color: #f2545b;}
.btn-danger:hover {color: #fff;border-color: #ee252e;background-color: #ef3039;}
.btn-danger:focus, .btn-danger.focus{box-shadow: 0 0 0 .2rem rgba(244, 110, 116, .5);}
.btn-danger.disabled, .btn-danger:disabled{color: #fff;border-color: #f2545b;background-color: #f2545b;}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle{color: #fff;border-color: #ed1922; background-color: #ee252e;}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(244, 110, 116, .5);}
.btn-light{color: #212841;border-color: #f9fbfd; background-color: #f9fbfd;}
.btn-light:hover{color: #212841;border-color: #d3e2f0;background-color: #dce8f3;}
.btn-light:focus, .btn-light.focus{box-shadow: 0 0 0 .2rem rgba(217, 219, 225, .5);}
.btn-light.disabled, .btn-light:disabled{color: #212841;border-color: #f9fbfd;background-color: #f9fbfd;}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle{color: #212841;border-color: #c9dbed;background-color: #d3e2f0;}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(217, 219, 225, .5);}
.btn-dark{color: #fff;border-color: #28304e;background-color: #28304e;}
.btn-dark:hover {color: #fff;border-color: #171b2c;background-color: #1b2035;}
.btn-dark:focus, .btn-dark.focus {box-shadow: 0 0 0 .2rem rgba(72, 79, 105, .5);}
.btn-dark.disabled, .btn-dark:disabled{color: #fff;border-color: #28304e;background-color: #28304e;}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle{color: #fff;border-color: #121624;background-color: #171b2c;}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(72, 79, 105, .5);}
.btn-outline-primary{color: #687ae8;border-color: #687ae8;}
.btn-outline-primary:hover {color: #fff;border-color: #687ae8;background-color: #687ae8;}
.btn-outline-primary:focus, .btn-outline-primary.focus{box-shadow: 0 0 0 .2rem rgba(104, 122, 232, .5);}
.btn-outline-primary.disabled, .btn-outline-primary:disabled{color: #687ae8;background-color: transparent;}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle{color: #fff;border-color: #687ae8;background-color: #687ae8;}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-primary.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(104, 122, 232, .5);}
.btn-outline-secondary{color: #95aac9;border-color: #95aac9;}
.btn-outline-secondary:hover{color: #fff;border-color: #95aac9;background-color: #95aac9;}
.btn-outline-secondary:focus, .btn-outline-secondary.focus{box-shadow: 0 0 0 .2rem rgba(149, 170, 201, .5);}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled{color: #95aac9;background-color: transparent;}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,.show > .btn-outline-secondary.dropdown-toggle{color: #fff;border-color: #95aac9;background-color: #95aac9;}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(149, 170, 201, .5);}
.btn-outline-success{color: #0c9;border-color: #0c9;}
.btn-outline-success:hover{ color: #fff;border-color: #0c9;background-color: #0c9;}
.btn-outline-success:focus, .btn-outline-success.focus {box-shadow: 0 0 0 .2rem rgba(0, 204, 153, .5);}
.btn-outline-success.disabled, .btn-outline-success:disabled{color: #0c9;background-color: transparent;}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle{color: #fff;border-color: #0c9;background-color: #0c9;}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(0, 204, 153, .5);}
.btn-outline-info{color: #19b5fe;border-color: #19b5fe;}
.btn-outline-info:hover{color: #fff;border-color: #19b5fe;background-color: #19b5fe;}
.btn-outline-info:focus, .btn-outline-info.focus{box-shadow: 0 0 0 .2rem rgba(25, 181, 254, .5);}
.btn-outline-info.disabled, .btn-outline-info:disabled{color: #19b5fe;background-color: transparent;}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle{color: #fff;border-color: #19b5fe;background-color: #19b5fe;}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(25, 181, 254, .5);}
.btn-outline-warning{color: #f7bc06;border-color: #f7bc06;}
.btn-outline-warning:hover{color: #fff;border-color: #f7bc06;background-color: #f7bc06;}
.btn-outline-warning:focus, .btn-outline-warning.focus{box-shadow: 0 0 0 .2rem rgba(247, 188, 6, .5);}
.btn-outline-warning.disabled, .btn-outline-warning:disabled{color: #f7bc06;background-color: transparent;}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle{color: #fff;border-color: #f7bc06;background-color: #f7bc06;}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(247, 188, 6, .5);}
.btn-outline-danger{color: #f2545b;border-color: #f2545b;}
.btn-outline-danger:hover {color: #fff;border-color: #f2545b;background-color: #f2545b;}
.btn-outline-danger:focus, .btn-outline-danger.focus{box-shadow: 0 0 0 .2rem rgba(242, 84, 91, .5);}
.btn-outline-danger.disabled, .btn-outline-danger:disabled{color: #f2545b; background-color: transparent;}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle{color: #fff; border-color: #f2545b;background-color: #f2545b;}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(242, 84, 91, .5);}
.btn-outline-light{color: #f9fbfd;border-color: #f9fbfd;}
.btn-outline-light:hover{color: #212841;border-color: #f9fbfd; background-color: #f9fbfd;}
.btn-outline-light:focus, .btn-outline-light.focus{box-shadow: 0 0 0 .2rem rgba(249, 251, 253, .5);}
.btn-outline-light.disabled, .btn-outline-light:disabled{color: #f9fbfd;background-color: transparent;}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle{color: #212841;border-color: #f9fbfd;background-color: #f9fbfd;}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(249, 251, 253, .5);}
.btn-outline-dark{color: #28304e; border-color: #28304e;}
.btn-outline-dark:hover{color: #fff;border-color: #28304e;background-color: #28304e;}
.btn-outline-dark:focus, .btn-outline-dark.focus{box-shadow: 0 0 0 .2rem rgba(40, 48, 78, .5);}
.btn-outline-dark.disabled, .btn-outline-dark:disabled{color: #28304e;background-color: transparent;}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle{color: #fff;border-color: #28304e;background-color: #28304e;}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(40, 48, 78, .5);}
.btn-link{font-weight: 400;text-decoration: none;color: #687ae8;}
.btn-link:hover{text-decoration: underline;color: #2640de;}
.btn-link:focus, .btn-link.focus{text-decoration: underline;box-shadow: none;}
.btn-link:disabled, .btn-link.disabled{pointer-events: none;color: #95aac9;}
.btn-lg, .btn-group-lg > .btn{font-size: 1.125rem; line-height: 1.5;padding: .5rem 1rem;border-radius: .3rem;}
.btn-sm, .btn-group-sm > .btn{font-size: .7875rem;line-height: 1.5;padding: .25rem .5rem;border-radius: .2rem;}
.btn-block{ display: block;width: 100%;}
.btn-block + .btn-block{ margin-top: .5rem;}
input[type='submit'].btn-block, input[type='reset'].btn-block, input[type='button'].btn-block{width: 100%;}
.fade{transition: opacity .15s linear;}

@media (prefers-reduced-motion: reduce){
    .fade{transition: none;}
}
.fade:not(.show){opacity: 0;}
.collapse:not(.show){display: none;}
.collapsing{position: relative;overflow: hidden;height: 0;transition: height .35s ease;}

@media (prefers-reduced-motion: reduce){
    .collapsing    {transition: none;}
}

.dropup, .dropright, .dropdown, .dropleft{position: relative;}
.dropdown-toggle{white-space: nowrap;}
.dropdown-toggle::after{display: inline-block; margin-left: .255em; content: '';vertical-align: .255em; border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;}
.dropdown-toggle:empty::after{margin-left: 0;}
.dropdown-menu{font-size: .9rem;position: absolute;z-index: 1000;top: 100%;left: 0;display: none;float: left;min-width: 10rem;    margin: .125rem 0 0;padding: .5rem 0;list-style: none;text-align: left;color: #3e4676;border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem; background-color: #fff;background-clip: padding-box;}
.dropdown-menu-left{right: auto; left: 0;}
.dropdown-menu-right{right: 0;left: auto;}

@media (min-width: 576px){
    .dropdown-menu-sm-left{right: auto;left: 0;}
    .dropdown-menu-sm-right{right: 0; left: auto;}
}

@media (min-width: 768px){
    .dropdown-menu-md-left    { right: auto;left: 0;}
    .dropdown-menu-md-right{right: 0; left: auto;}
}

@media (min-width: 992px){
    .dropdown-menu-lg-left {right: auto;left: 0;}
    .dropdown-menu-lg-right{right: 0;left: auto;}
}

@media (min-width: 1200px){
    .dropdown-menu-xl-left{right: auto; left: 0; }
    .dropdown-menu-xl-right{right: 0; left: auto;}
}

.dropup .dropdown-menu{top: auto;bottom: 100%;margin-top: 0;margin-bottom: .125rem;}
.dropup .dropdown-toggle::after{display: inline-block; margin-left: .255em;content: '';vertical-align: .255em;border-top: 0;border-right: .3em solid transparent;border-bottom: .3em solid;border-left: .3em solid transparent;}
.dropup .dropdown-toggle:empty::after{margin-left: 0;}
.dropright .dropdown-menu{top: 0;right: auto;left: 100%;margin-top: 0;margin-left: .125rem;}
.dropright .dropdown-toggle::after{ display: inline-block; margin-left: .255em;content: '';vertical-align: .255em;border-top: .3em solid transparent;border-right: 0;border-bottom: .3em solid transparent;border-left: .3em solid;}
.dropright .dropdown-toggle:empty::after{ margin-left: 0;}
.dropright .dropdown-toggle::after{vertical-align: 0;}
.dropleft .dropdown-menu{ top: 0;right: 100%;left: auto;margin-top: 0;margin-right: .125rem;}
.dropleft .dropdown-toggle::after{display: inline-block;margin-left: .255em;content: '';vertical-align: .255em;}
.dropleft .dropdown-toggle::after{display: none;}
.dropleft .dropdown-toggle::before{display: inline-block;margin-right: .255em;content: '';vertical-align: .255em;border-top: .3em solid transparent;border-right: .3em solid;border-bottom: .3em solid transparent;}
.dropleft .dropdown-toggle:empty::after{margin-left: 0;}
.dropleft .dropdown-toggle::before{vertical-align: 0;}
.dropdown-menu[x-placement^='top'], .dropdown-menu[x-placement^='right'], .dropdown-menu[x-placement^='bottom'], .dropdown-menu[x-placement^='left']{right: auto;bottom: auto;}
.dropdown-divider{ overflow: hidden;height: 0;margin: .5rem 0;border-top: 1px solid #edf2f9;}
.dropdown-item{font-weight: 400;display: block;clear: both;width: 100%;padding: .25rem 1.5rem;text-align: inherit;white-space: nowrap;color: #212841;border: 0; background-color: transparent;}
.dropdown-item:hover, .dropdown-item:focus{    text-decoration: none; color: #181d30;background-color: #f9fbfd;}
.dropdown-item.active, .dropdown-item:active{text-decoration: none;color: #fff;background-color: #687ae8;}
.dropdown-item.disabled, .dropdown-item:disabled{pointer-events: none;color: #95aac9;background-color: transparent;}
.dropdown-menu.show{display: block;}
.dropdown-header{font-size: .7875rem;display: block;margin-bottom: 0;padding: .5rem 1.5rem;white-space: nowrap;color: #95aac9;}
.dropdown-item-text{display: block;padding: .25rem 1.5rem;color: #212841;}
.btn-group, .btn-group-vertical {position: relative;display: inline-flex; vertical-align: middle;}
.btn-group > .btn, .btn-group-vertical > .btn{position: relative; flex: 1 1 auto;}
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover{z-index: 1;}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active{z-index: 1;}
.btn-toolbar{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.btn-toolbar .input-group{width: auto;}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child){margin-left: -1px;}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.dropdown-toggle-split{    padding-right: .5625rem;padding-left: .5625rem;}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {margin-left: 0;}
.dropleft .dropdown-toggle-split::before{ margin-right: 0;}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split{ padding-right: .375rem; padding-left: .375rem;}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split{padding-right: .75rem; padding-left: .75rem;}
.btn-group-vertical{flex-direction: column;align-items: flex-start;justify-content: center;}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group{width: 100%;}
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child){margin-top: -1px;}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn{border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn{border-top-left-radius: 0;border-top-right-radius: 0;}
.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn{margin-bottom: 0;}
.btn-group-toggle > .btn input[type='radio'], .btn-group-toggle > .btn input[type='checkbox'], .btn-group-toggle > .btn-group > .btn input[type='radio'], .btn-group-toggle > .btn-group > .btn input[type='checkbox']{position: absolute;clip: rect(0, 0, 0, 0);pointer-events: none;}
.input-group{position: relative;display: flex;width: 100%;flex-wrap: wrap;align-items: stretch;}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file{position: relative;width: 1%;margin-bottom: 0;flex: 1 1 auto;}
.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control +.custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file{margin-left: -1px;}
.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus~ .custom-file-label{z-index: 3;}
.input-group > .custom-file .custom-file-input:focus{z-index: 4;}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child){border-top-right-radius: 0;border-bottom-right-radius: 0;}
.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group > .custom-file {display: flex;align-items: center;}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child).custom-file-label::after{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.input-group > .custom-file:not(:first-child) .custom-file-label{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group-prepend, .input-group-append{display: flex;}
.input-group-prepend .btn, .input-group-append .btn{position: relative;z-index: 2;}
.input-group-prepend .btn:focus, .input-group-append .btn:focus{z-index: 3;}
.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn{ margin-left: -1px;}
.input-group-prepend{margin-right: -1px;}
.input-group-append{ margin-left: -1px;}
.input-group-text{ font-size: .9rem; font-weight: 400; line-height: 1.5; display: flex;margin-bottom: 0;padding: .375rem .75rem;text-align: center;white-space: nowrap;color: #3e4676;border: 1px solid #d3e0e9;border-radius: .25rem;background-color: #fff;align-items: center;}
.input-group-text input[type='radio'], .input-group-text input[type='checkbox'] {margin-top: 0;}
.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select{height: calc(1.5em + 1rem + 2px);}
.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {font-size: 1.125rem;line-height: 1.5;padding: .5rem 1rem;border-radius: .3rem;}
.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select{height: calc(1.5em + .5rem + 2px);}
.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn{font-size: .7875rem;line-height: 1.5;padding: .25rem .5rem;border-radius: .2rem;}
.input-group-lg > .custom-select, .input-group-sm > .custom-select{padding-right: 1.75rem;}
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child){border-top-right-radius: 0;border-bottom-right-radius: 0;}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child),.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child){border-top-left-radius: 0;border-bottom-left-radius: 0;}
.custom-control{ position: relative;display: block;min-height: 1.35rem;padding-left: 1.5rem;}
.custom-control-inline{display: inline-flex;margin-right: 1rem;}
.custom-control-input{ position: absolute;z-index: -1;opacity: 0;}
.custom-control-input:checked ~ .custom-control-label::before{color: #fff;border-color: #687ae8;background-color: #687ae8;}
.custom-control-input:focus ~ .custom-control-label::before{box-shadow: 0 0 0 .2rem rgba(104, 122, 232, .25);}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before{ border-color: #95aac9;}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before{color: #fff;border-color: #b1c2d9;background-color: #b1c2d9;}
.custom-control-input:disabled ~ .custom-control-label{color: #95aac9;}
.custom-control-input:disabled ~ .custom-control-label::before{background-color: #edf2f9;}
.custom-control-label{position: relative; margin-bottom: 0; vertical-align: top;}
.custom-control-label::before{position: absolute;top: .175rem; left: -1.5rem;display: block;width: 1rem;height: 1rem;content: '';pointer-events: none;border: #b1c2d9 solid 1px;background-color: #fff;}
.custom-control-label::after{ position: absolute; top: .175rem; left: -1.5rem; display: block; width: 1rem;height: 1rem;content: '';background: no-repeat 50% / 50% 50%;}
.custom-checkbox .custom-control-label::before{border-radius: .25rem;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23FFFFFF\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{border-color: #687ae8;background-color: #687ae8;}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after{    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 4\'%3e%3cpath stroke=\'%23FFFFFF\' d=\'M0 2h4\'/%3e%3c/svg%3e');}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before{background-color: rgba(104, 122, 232, .5);}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before{background-color: rgba(104, 122, 232, .5);}
.custom-radio .custom-control-label::before{border-radius: 50%;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after{background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3e%3ccircle r=\'3\' fill=\'%23FFFFFF\'/%3e%3c/svg%3e');}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before{background-color: rgba(104, 122, 232, .5);}
.custom-switch{padding-left: 2.25rem;}
.custom-switch .custom-control-label::before{left: -2.25rem;width: 1.75rem;pointer-events: all;border-radius: .5rem;}
.custom-switch .custom-control-label::after{top: calc(.175rem + 2px);left: calc(-2.25rem + 2px);width: calc(1rem - 4px);
    height: calc(1rem - 4px);transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; border-radius: .5rem;background-color: #b1c2d9;}

@media (prefers-reduced-motion: reduce){
    .custom-switch .custom-control-label::after    { transition: none; }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after{transform: translateX(.75rem);background-color: #fff;}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before{ background-color: rgba(104, 122, 232, .5);}
.custom-select{font-size: .9rem;font-weight: 500;line-height: 1.5;display: inline-block;width: 100%;height: calc(1.5em + .75rem + 2px);padding: .375rem 1.75rem .375rem .75rem;vertical-align: middle;color: #3e4676; border: 1px solid #d3e0e9;border-radius: .25rem;background: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\'%3e%3cpath fill=\'%23262e4b\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3e%3c/svg%3e') no-repeat right .75rem center/8px 10px;background-color: #fff;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.custom-select:focus{border-color: #95aac9;outline: 0;box-shadow: 0 0 0 .2rem rgba(104, 122, 232, .25);}
.custom-select:focus::-ms-value{    color: #3e4676;background-color: #fff;}
.custom-select[multiple], .custom-select[size]:not([size='1']){height: auto;padding-right: .75rem;background-image: none;}
.custom-select:disabled{color: #95aac9;background-color: #edf2f9;}
.custom-select::-ms-expand{display: none;}
.custom-select-sm{font-size: .7875rem; height: calc(1.5em + .5rem + 2px);padding-top: .25rem;padding-bottom: .25rem;padding-left: .5rem;}
.custom-select-lg{font-size: 1.125rem;height: calc(1.5em + 1rem + 2px);padding-top: .5rem;padding-bottom: .5rem;padding-left: 1rem;}
.custom-file{position: relative;display: inline-block;width: 100%;height: calc(1.5em + .75rem + 2px);margin-bottom: 0;}
.custom-file-input{position: relative;z-index: 2;width: 100%;height: calc(1.5em + .75rem + 2px);margin: 0;opacity: 0;}
.custom-file-input:focus ~ .custom-file-label{border-color: #95aac9;box-shadow: 0 0 0 .2rem rgba(104, 122, 232, .25);}
.custom-file-input:disabled ~ .custom-file-label{background-color: #edf2f9;}
.custom-file-input:lang(en) ~ .custom-file-label::after{content: 'Browse';}
.custom-file-input ~ .custom-file-label[data-browse]::after{content: attr(data-browse);}
.custom-file-label{font-weight: 500;line-height: 1.5;position: absolute;z-index: 1;top: 0;right: 0;left: 0;height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;color: #3e4676;border: 1px solid #e3ebf6;border-radius: .25rem;background-color: #fff;}
.custom-file-label::after{line-height: 1.5; position: absolute;z-index: 3;top: 0;right: 0;bottom: 0;display: block;height: calc(1.5em + .75rem);padding: .375rem .75rem;content: 'Browse';color: #3e4676;border-left: inherit;border-radius: 0 .25rem .25rem 0; background-color: #fff;}
.custom-range{ width: 100%;height: calc(1rem + .4rem); padding: 0;background-color: transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.custom-range:focus{    outline: none;}
.custom-range:focus::-webkit-slider-thumb{box-shadow: 0 0 0 1px #f4f7fc, 0 0 0 .2rem rgba(104, 122, 232, .25);}
.custom-range:focus::-moz-range-thumb{box-shadow: 0 0 0 1px #f4f7fc, 0 0 0 .2rem rgba(104, 122, 232, .25);}
.custom-range:focus::-ms-thumb{box-shadow: 0 0 0 1px #f4f7fc, 0 0 0 .2rem rgba(104, 122, 232, .25);}
.custom-range::-moz-focus-outer{border: 0;}
.custom-range::-webkit-slider-thumb{width: 1rem; height: 1rem;margin-top: -.25rem; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;border: 0;border-radius: 1rem;background-color: #687ae8;-webkit-appearance: none; appearance: none;}

@media (prefers-reduced-motion: reduce){
    .custom-range::-webkit-slider-thumb{transition: none;}
}
.custom-range::-webkit-slider-thumb:active{background-color: white;}
.custom-range::-webkit-slider-runnable-track{width: 100%;height: .5rem; cursor: pointer;color: transparent;border-color: transparent;border-radius: 1rem;background-color: #e3ebf6;}
.custom-range::-moz-range-thumb{width: 1rem;height: 1rem;transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;border: 0;border-radius: 1rem;background-color: #687ae8;-moz-appearance: none; appearance: none;}

@media (prefers-reduced-motion: reduce){
    .custom-range::-moz-range-thumb    { transition: none;}
}
.custom-range::-moz-range-thumb:active{background-color: white;}
.custom-range::-moz-range-track{width: 100%;height: .5rem;cursor: pointer;color: transparent;border-color: transparent;border-radius: 1rem;background-color: #e3ebf6;}
.custom-range::-ms-thumb{width: 1rem;height: 1rem;margin-top: 0;margin-right: .2rem;margin-left: .2rem;transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;border: 0;border-radius: 1rem;background-color: #687ae8;appearance: none;}

@media (prefers-reduced-motion: reduce){
    .custom-range::-ms-thumb{transition: none;}
}
.custom-range::-ms-thumb:active{background-color: white;}
.custom-range::-ms-track{width: 100%;height: .5rem;cursor: pointer; color: transparent;border-width: .5rem;border-color: transparent;background-color: transparent;}
.custom-range::-ms-fill-lower{border-radius: 1rem;background-color: #e3ebf6;}
.custom-range::-ms-fill-upper{margin-right: 15px;border-radius: 1rem;background-color: #e3ebf6;}
.custom-range:disabled::-webkit-slider-thumb{background-color: #b1c2d9;}
.custom-range:disabled::-webkit-slider-runnable-track{cursor: default;}
.custom-range:disabled::-moz-range-thumb{ background-color: #b1c2d9;}
.custom-range:disabled::-moz-range-track{cursor: default;}
.custom-range:disabled::-ms-thumb{background-color: #b1c2d9;}
.custom-control-label::before, .custom-file-label, .custom-select{transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}

@media (prefers-reduced-motion: reduce){
    .custom-control-label::before,     .custom-file-label, .custom-select {transition: none;}
}

.card{ position: relative;display: flex;flex-direction: column; min-width: 0; word-wrap: break-word;border: 0 solid rgba(0, 0, 0, .125);border-radius: .25rem;background-color: #fff;background-clip: border-box;}
.card > hr{margin-right: 0;margin-left: 0;}
.card > .list-group:first-child .list-group-item:first-child{border-top-left-radius: .25rem;border-top-right-radius: .25rem;}
.card > .list-group:last-child .list-group-item:last-child{border-bottom-right-radius: .25rem;border-bottom-left-radius: .25rem;}
.card-body{padding: 10px;flex: 1 1 auto;}
.card-title{margin-bottom: .75rem;}
.card-subtitle{margin-top: -.375rem;margin-bottom: 0;}
.card-text:last-child{margin-bottom: 0;}
.card-link:hover{ text-decoration: none;}
.card-link + .card-link{ margin-left: 1.25rem;}
.card-header-user{background-color: #212841;color: #ffffff;font-size: 16px;font-weight: 500;padding: 15px;text-transform: uppercase;}
.card-header{margin-bottom: 0;padding: .75rem 1.25rem;border-bottom: 0 solid rgba(0, 0, 0, .125); background-color: transparent;}
.card-header:first-child{    border-radius: calc(.25rem - 0) calc(.25rem - 0) 0 0;}
.card-header + .list-group .list-group-item:first-child{    border-top: 0;}
.card-header-title{box-sizing: border-box;font-size: 25px;font-weight: 400;line-height: 1.5;padding: 23px;border-bottom: 0 solid rgba(0, 0, 0, .125); background-color: transparent;}
.user_info{display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;margin-top: 0.5rem;}
.nft_info{display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;margin-top: 0.5rem;}
.card-footer{padding: .75rem 1.25rem; border-top: 0 solid rgba(0, 0, 0, .125);background-color: transparent;}
.card-footer:last-child{border-radius: 0 0 calc(.25rem - 0) calc(.25rem - 0);}
.card-header-tabs{margin-right: -.625rem;margin-bottom: -.75rem;margin-left: -.625rem;border-bottom: 0;}
.card-header-pills{margin-right: -.625rem;margin-left: -.625rem;}
.card-img-overlay{position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 1.25rem;}
.card-img{width: 100%;border-radius: calc(.25rem - 0);}
.card-img-top{ width: 100%;border-top-left-radius: calc(.25rem - 0);border-top-right-radius: calc(.25rem - 0);}
.card-img-bottom{width: 100%;border-bottom-right-radius: calc(.25rem - 0);border-bottom-left-radius: calc(.25rem - 0);}
.card-deck{display: flex;flex-direction: column;}
.card-deck .card{    margin-bottom: 15px;}

@media (min-width: 576px){
    .card-deck    {margin-right: -15px;margin-left: -15px;flex-flow: row wrap;    }
    .card-deck .card{display: flex;flex-direction: column;margin-right: 15px; margin-bottom: 0;margin-left: 15px;flex: 1 0;}
}

.inputform{position: relative;}
.inputform input{width: 100%;}
.inputform .btn_join_modify{position: absolute;top: 0;right: 0;font-size: 14px;height: 36px;padding: 0 15px;    line-height: 34px;}

.card-group{display: flex; flex-direction: column;}
.card-group > .card{ margin-bottom: 15px;}
@media (min-width: 576px){
    .card-group    {flex-flow: row wrap;}
    .card-group > .card{ margin-bottom: 0;flex: 1 0;}
    .card-group > .card + .card    { margin-left: 0;border-left: 0;}
    .card-group > .card:not(:last-child)    {border-top-right-radius: 0;border-bottom-right-radius: 0;}
    .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header{border-top-right-radius: 0;}
    .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer{border-bottom-right-radius: 0;}
    .card-group > .card:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
    .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header{border-top-left-radius: 0;}
    .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer{border-bottom-left-radius: 0;}
}

.card-columns .card{margin-bottom: .75rem;}

@media (min-width: 576px){
    .card-columns{column-count: 3;column-gap: 1.25rem;orphans: 1;widows: 1;}
    .card-columns .card{display: inline-block;width: 100%; }
}

.accordion > .card{overflow: hidden;}
.accordion > .card:not(:first-of-type) .card-header:first-child{border-radius: 0;}
.accordion > .card:not(:first-of-type):not(:last-of-type){border-bottom: 0;border-radius: 0;}
.accordion > .card:first-of-type{border-bottom: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.accordion > .card:last-of-type{border-top-left-radius: 0;border-top-right-radius: 0;}
.accordion > .card .card-header{margin-bottom: 0;}
.breadcrumb{display: flex;margin-bottom: 1rem;padding: .75rem 1rem; list-style: none;border-radius: .25rem;background-color: #edf2f9;flex-wrap: wrap;}
.breadcrumb-item + .breadcrumb-item{padding-left: .5rem;}
.breadcrumb-item + .breadcrumb-item::before{display: inline-block;padding-right: .5rem;content: '/';color: #95aac9;}
.breadcrumb-item + .breadcrumb-item:hover::before{text-decoration: underline;}
.breadcrumb-item + .breadcrumb-item:hover::before{text-decoration: none;}
.breadcrumb-item.active{color: #95aac9;}
.pagination{display: flex;padding-left: 0;list-style: none;border-radius: .25rem;}
.page-link{line-height: 1.25; position: relative;display: block;margin-left: -1px;padding: .5rem .75rem;color: #687ae8;border: 1px solid #e3ebf6;background-color: #fff;}
.page-link:hover{    z-index: 2;text-decoration: none;color: #2640de;border-color: #e3ebf6;background-color: #edf2f9;}
.page-link:focus{z-index: 2;outline: 0;box-shadow: 0 0 0 .2rem rgba(104, 122, 232, .25);}
.page-item:first-child .page-link{margin-left: 0;border-top-left-radius: .25rem;border-bottom-left-radius: .25rem;}
.page-item:last-child .page-link{border-top-right-radius: .25rem;border-bottom-right-radius: .25rem;}
.page-item.active .page-link{z-index: 1;color: #fff;border-color: #687ae8;background-color: #687ae8;}
.page-item.disabled .page-link{cursor: auto;pointer-events: none;color: #95aac9;border-color: #e3ebf6;background-color: #fff;}
.pagination-lg .page-link{ font-size: 1.125rem; line-height: 1.5; padding: .75rem 1.5rem;}
.pagination-lg .page-item:first-child .page-link{border-top-left-radius: .3rem;border-bottom-left-radius: .3rem;}
.pagination-lg .page-item:last-child .page-link{border-top-right-radius: .3rem;border-bottom-right-radius: .3rem;}
.pagination-sm .page-link{font-size: .7875rem;line-height: 1.5;padding: .25rem .5rem;}
.pagination-sm .page-item:first-child .page-link{border-top-left-radius: .2rem;border-bottom-left-radius: .2rem;}
.pagination-sm .page-item:last-child .page-link{border-top-right-radius: .2rem;border-bottom-right-radius: .2rem;}
.badge{font-size: 80%;font-weight: 700;line-height: 1;display: inline-block;padding: .4rem .5rem;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;text-align: center;    vertical-align: baseline;white-space: nowrap;border-radius: .25rem;}

@media (prefers-reduced-motion: reduce){
    .badge {transition: none;}
}
a.badge:hover, a.badge:focus{text-decoration: none;}
.badge:empty{ display: none;}
.btn .badge{position: relative;top: -1px;}
.badge-pill{padding-right: .6em;padding-left: .6em;border-radius: 10rem;}
.badge-primary{color: #fff;background-color: #687ae8;}
a.badge-primary:hover, a.badge-primary:focus{color: #fff;background-color: #3c53e1;}
a.badge-primary:focus, a.badge-primary.focus{outline: 0;box-shadow: 0 0 0 .2rem rgba(104, 122, 232, .5);}
.badge-secondary{color: #fff;background-color: #95aac9;}
a.badge-secondary:hover, a.badge-secondary:focus{color: #fff;background-color: #738fb8;}
a.badge-secondary:focus, a.badge-secondary.focus{outline: 0;box-shadow: 0 0 0 .2rem rgba(149, 170, 201, .5);}
.badge-success{color: #fff;background-color: #0c9;}
a.badge-success:hover, a.badge-success:focus{color: #fff;background-color: #009973;}
a.badge-success:focus, a.badge-success.focus{outline: 0;box-shadow: 0 0 0 .2rem rgba(0, 204, 153, .5);}
.badge-info{color: #fff;background-color: #19b5fe;}
a.badge-info:hover, a.badge-info:focus{color: #fff;background-color: #019be3;}
a.badge-info:focus, a.badge-info.focus{outline: 0;box-shadow: 0 0 0 .2rem rgba(25, 181, 254, .5);}
.badge-warning{color: #fff;background-color: #f7bc06;}
a.badge-warning:hover, a.badge-warning:focus{    color: #fff; background-color: #c59605;}
a.badge-warning:focus, a.badge-warning.focus{ outline: 0;box-shadow: 0 0 0 .2rem rgba(247, 188, 6, .5);}
.badge-danger{color: #fff;background-color: #f2545b;}
a.badge-danger:hover, a.badge-danger:focus{    color: #fff; background-color: #ee252e;}
a.badge-danger:focus, a.badge-danger.focus{outline: 0; box-shadow: 0 0 0 .2rem rgba(242, 84, 91, .5);}
.badge-light{color: #212841;background-color: #f9fbfd;}
a.badge-light:hover, a.badge-light:focus{color: #212841;background-color: #d3e2f0;}
a.badge-light:focus, a.badge-light.focus{outline: 0;box-shadow: 0 0 0 .2rem rgba(249, 251, 253, .5);}
.badge-dark{color: #fff;background-color: #28304e;}
a.badge-dark:hover, a.badge-dark:focus{color: #fff;background-color: #171b2c;}
a.badge-dark:focus, a.badge-dark.focus{outline: 0;box-shadow: 0 0 0 .2rem rgba(40, 48, 78, .5);}
.jumbotron{margin-bottom: 2rem;padding: 2rem 1rem;border-radius: .3rem;background-color: #edf2f9;}

@media (min-width: 576px){
    .jumbotron{padding: 4rem 2rem;}
}

.jumbotron-fluid{padding-right: 0;padding-left: 0;border-radius: 0;}
.alert{position: relative;margin-bottom: 1rem;padding: .75rem 1.25rem;border: 1px solid transparent;border-radius: .25rem;}
.alert-heading{color: inherit;}
.alert-link{font-weight: 700;}
.alert-dismissible{padding-right: 3.85rem;}
.alert-dismissible .close{position: absolute;top: 0;right: 0;padding: .75rem 1.25rem;color: inherit;}
.alert-primary{color: #363f79;border-color: #d5daf9;background-color: #e1e4fa;}
.alert-primary hr{border-top-color: #bfc6f6;}
.alert-primary .alert-link{color: #262d56;}
.alert-secondary{color: #4d5869;border-color: #e1e7f0; background-color: #eaeef4;}
.alert-secondary hr{border-top-color: #d0d9e8;}
.alert-secondary .alert-link{color: #373f4c;}
.alert-success{color: #006a50;border-color: #b8f1e2; background-color: #ccf5eb;}
.alert-success hr{border-top-color: #a3edd9;}
.alert-success .alert-link{color: #00372a;}
.alert-info{color: #0d5e84;border-color: #bfeaff; background-color: #d1f0ff;}
.alert-info hr{border-top-color: #a6e2ff;}
.alert-info .alert-link{    color: #083d56;}
.alert-warning{color: #806203;border-color: #fdecb9;background-color: #fdf2cd;}
.alert-warning hr{border-top-color: #fce5a0;}
.alert-warning .alert-link{    color: #4e3c02;}
.alert-danger{color: #7e2c2f;border-color: #fbcfd1;background-color: #fcddde;}
.alert-danger hr{border-top-color: #f9b7ba;}
.alert-danger .alert-link{    color: #581f21;}
.alert-light{color: #818384;border-color: #fdfefe;background-color: #fefeff;}
.alert-light hr{border-top-color: #ecf6f6;}
.alert-light .alert-link{color: #68696a;}
.alert-dark{ color: #151929; border-color: #c3c5cd; background-color: #d4d6dc;}
.alert-dark hr{border-top-color: #b5b8c1;}
.alert-dark .alert-link{color: #040407;}

@keyframes progress-bar-stripes{
    from{background-position: 1rem 0;}
    to{background-position: 0 0; }
}

.progress{font-size: .675rem;display: flex;overflow: hidden;height: 1rem;border-radius: .25rem;background-color: #edf2f9;}
.progress-bar{display: flex;flex-direction: column;transition: width .6s ease;text-align: center;white-space: nowrap;color: #fff;background-color: #687ae8;justify-content: center;}

@media (prefers-reduced-motion: reduce){
    .progress-bar{transition: none;}
}

.progress-bar-striped{background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);background-size: 1rem 1rem;}
.progress-bar-animated{animation: progress-bar-stripes 1s linear infinite;}

@media (prefers-reduced-motion: reduce){
    .progress-bar-animated    {animation: none;}
}

.media{display: flex;align-items: flex-start;}
.media-body{flex: 1 1;}
.list-group{display: flex;flex-direction: column;margin-bottom: 0; padding-left: 0;}
.list-group-item-action{width: 100%;text-align: inherit;color: #28304e;}
.list-group-item-action:hover, .list-group-item-action:focus{z-index: 1;text-decoration: none;color: #28304e;background-color: #f9fbfd;}
.list-group-item-action:active{color: #3e4676;background-color: #edf2f9;}
.list-group-item{position: relative;display: block;margin-bottom: -1px;padding: .75rem 1.25rem;border: 1px solid #d3e0e9;background-color: #fff;}
.list-group-item:first-child{    border-top-left-radius: .25rem; border-top-right-radius: .25rem;}
.list-group-item:last-child{margin-bottom: 0;border-bottom-right-radius: .25rem;border-bottom-left-radius: .25rem;}
.list-group-item.disabled, .list-group-item:disabled{pointer-events: none; color: #95aac9;background-color: #fff;}
.list-group-item.active{z-index: 2;color: #fff;border-color: #687ae8;background-color: #687ae8;}
.list-group-horizontal{flex-direction: row;}
.list-group-horizontal .list-group-item{margin-right: -1px;margin-bottom: 0;}
.list-group-horizontal .list-group-item:first-child{border-top-left-radius: .25rem;border-top-right-radius: 0;border-bottom-left-radius: .25rem;}
.list-group-horizontal .list-group-itemlast-child{margin-right: 0;border-top-right-radius: .25rem;border-bottom-right-radius: .25rem;    border-bottom-left-radius: 0;}

@media (min-width: 576px){
    .list-group-horizontal-sm    {flex-direction: row;}
    .list-group-horizontal-sm .list-group-item{margin-right: -1px;margin-bottom: 0;}
    .list-group-horizontal-sm .list-group-item:first-child{border-top-left-radius: .25rem;border-top-right-radius: 0;border-bottom-left-radius: .25rem;}
    .list-group-horizontal-sm .list-group-item:last-child{margin-right: 0;border-top-right-radius: .25rem;border-bottom-right-radius: .25rem;border-bottom-left-radius: 0;}
}

@media (min-width: 768px){
    .list-group-horizontal-md{flex-direction: row;}
    .list-group-horizontal-md .list-group-item    {margin-right: -1px; margin-bottom: 0;}
    .list-group-horizontal-md .list-group-item:first-child{border-top-left-radius: .25rem;border-top-right-radius: 0;border-bottom-left-radius: .25rem;}
    .list-group-horizontal-md .list-group-item:last-child{margin-right: 0;border-top-right-radius: .25rem;border-bottom-right-radius: .25rem;border-bottom-left-radius: 0;}
}

@media (min-width: 992px){
    .list-group-horizontal-lg{flex-direction: row;}
    .list-group-horizontal-lg .list-group-item{margin-right: -1px;margin-bottom: 0;}
    .list-group-horizontal-lg .list-group-item:first-child{border-top-left-radius: .25rem;border-top-right-radius: 0;border-bottom-left-radius: .25rem;}
    .list-group-horizontal-lg .list-group-item:last-child{margin-right: 0;border-top-right-radius: .25rem;border-bottom-right-radius: .25rem;border-bottom-left-radius: 0;}
}

@media (min-width: 1200px){
    .list-group-horizontal-xl{flex-direction: row;}
    .list-group-horizontal-xl .list-group-item{margin-right: -1px;margin-bottom: 0;}
    .list-group-horizontal-xl .list-group-item:first-child{border-top-left-radius: .25rem;border-top-right-radius: 0;border-bottom-left-radius: .25rem;}
    .list-group-horizontal-xl .list-group-item:last-child{margin-right: 0;border-top-right-radius: .25rem;border-bottom-right-radius: .25rem;border-bottom-left-radius: 0;}
}

.list-group-flush .list-group-item{border-right: 0;border-left: 0;border-radius: 0;}
.list-group-flush .list-group-item:last-child{margin-bottom: -1px;}
.list-group-flush:first-child .list-group-item:first-child{border-top: 0;}
.list-group-flush:last-child .list-group-item:last-child{margin-bottom: 0;border-bottom: 0;}
.list-group-item-primary{color: #363f79;    background-color: #d5daf9;}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus{color: #363f79;background-color: #bfc6f6;}
.list-group-item-primary.list-group-item-action.active{color: #fff;border-color: #363f79;background-color: #363f79;}
.list-group-item-secondary{color: #4d5869;background-color: #e1e7f0;}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus{color: #4d5869;background-color: #d0d9e8;}
.list-group-item-secondary.list-group-item-action.active{color: #fff;border-color: #4d5869;background-color: #4d5869;}
.list-group-item-success{ color: #006a50;background-color: #b8f1e2;}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus{color: #006a50;background-color: #a3edd9;}
.list-group-item-success.list-group-item-action.active{color: #fff;border-color: #006a50;background-color: #006a50;}
.list-group-item-info{color: #0d5e84;background-color: #bfeaff;}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus{color: #0d5e84;background-color: #a6e2ff;}
.list-group-item-info.list-group-item-action.active{ color: #fff;border-color: #0d5e84; background-color: #0d5e84;}
.list-group-item-warning{color: #806203;background-color: #fdecb9;}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus{color: #806203;background-color: #fce5a0;}
.list-group-item-warning.list-group-item-action.active{color: #fff;border-color: #806203;background-color: #806203;}
.list-group-item-danger{color: #7e2c2f;background-color: #fbcfd1;}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus{color: #7e2c2f;background-color: #f9b7ba;}
.list-group-item-danger.list-group-item-action.active{color: #fff;border-color: #7e2c2f;background-color: #7e2c2f;}
.list-group-item-light{color: #818384;background-color: #fdfefe;}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus{color: #818384;background-color: #ecf6f6;}
.list-group-item-light.list-group-item-action.active{color: #fff;border-color: #818384;background-color: #818384;}
.list-group-item-dark{color: #151929;background-color: #c3c5cd;}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus{color: #151929;background-color: #b5b8c1;}
.list-group-item-dark.list-group-item-action.active{ color: #fff; border-color: #151929; background-color: #151929;}
.close{font-size: 1.35rem;font-weight: 700;line-height: 1; float: right;opacity: .5; color: #000; text-shadow: 0 1px 0 #fff;}
.close:hover{text-decoration: none;color: #000;}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus{opacity: .75;}
button.close{padding: 0;border: 0;background-color: transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
a.close.disabled{pointer-events: none;}
.toast{font-size: .875rem;overflow: hidden;max-width: 350px;opacity: 0;border: 1px solid rgba(0, 0, 0, .1);border-radius: .25rem; background-color: rgba(255, 255, 255, .85);background-clip: padding-box;box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
.toast:not(:last-child){    margin-bottom: .75rem;}
.toast.showing{opacity: 1;}
.toast.show{display: block;opacity: 1;}
.toast.hide{display: none;}
.toast-header{display: flex;padding: .25rem .75rem; color: #95aac9;border-bottom: 1px solid rgba(0, 0, 0, .05);background-color: rgba(255, 255, 255, .85);background-clip: padding-box;align-items: center;}
.toast-body{padding: .75rem;}
.modal-open{overflow: hidden;}
.modal-open .modal{overflow-x: hidden;overflow-y: auto;}
.modal{position: fixed;z-index: 1050;top: 0;left: 0;display: none;overflow: hidden; width: 100%;height: 100%;outline: 0;}
.modal-dialog{position: relative;width: auto;margin: .5rem;pointer-events: none;}
.modal.fade .modal-dialog{transition: transform .3s ease-out;transform: translate(0, -50px);}

@media (prefers-reduced-motion: reduce){
    .modal.fade .modal-dialog{transition: none;}
}
.modal.show .modal-dialog{transform: none;}
.modal-dialog-scrollable{display: flex; max-height: calc(100% - 1rem);}
.modal-dialog-scrollable .modal-content{overflow: hidden; max-height: calc(100vh - 1rem);}
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer{flex-shrink: 0;}
.modal-dialog-scrollable .modal-body{overflow-y: auto;}
.modal-dialog-centered{display: flex;min-height: calc(100% - 1rem);align-items: center;}
.modal-dialog-centered::before{    display: block;height: calc(100vh - 1rem);content: '';}
.modal-dialog-centered.modal-dialog-scrollable{flex-direction: column;height: 100%;justify-content: center;}
.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height: none;}
.modal-dialog-centered.modal-dialog-scrollable::before{content: none;}
.modal-content{position: relative;display: flex;flex-direction: column;width: 100%;pointer-events: auto;border: 1px solid rgba(0, 0, 0, .2);    border-radius: .3rem;outline: 0; background-color: #fff;background-clip: padding-box;}
.modal-backdrop{position: fixed;z-index: 1040;top: 0;left: 0;width: 100vw;height: 100vh;background-color: #000;}
.modal-backdrop.fade{    opacity: 0;}
.modal-backdrop.show{opacity: 1;}
.modal-header{display: flex; padding: 1rem 1rem;border-bottom: 1px solid #d3e0e9;border-top-left-radius: .3rem;border-top-right-radius: .3rem;align-items: flex-start;justify-content: space-between;}
.modal-header .close{    margin: -1rem -1rem -1rem auto; padding: 1rem 1rem;}
.modal-title{line-height: 1.5; margin-bottom: 0;}
.modal-body{position: relative;padding: 1rem;flex: 1 1 auto;}
.modal-footer{display: flex;padding: 1rem;border-top: 1px solid #d3e0e9;border-bottom-right-radius: .3rem;border-bottom-left-radius: .3rem;align-items: center;justify-content: flex-end;}
.modal-footer > :not(:first-child){margin-left: .25rem;}
.modal-footer > :not(:last-child){margin-right: .25rem;}
.modal-scrollbar-measure{position: absolute;top: -9999px;overflow: scroll; width: 50px;height: 50px;}

@media (min-width: 576px){
    .modal-dialog    {max-width: 500px;margin: 1.75rem auto;}
    .modal-dialog-scrollable{max-height: calc(100% - 3.5rem);}
    .modal-dialog-scrollable .modal-content{max-height: calc(100vh - 3.5rem);}
    .modal-dialog-centered{min-height: calc(100% - 3.5rem);}
    .modal-dialog-centered::before{height: calc(100vh - 3.5rem);}
    .modal-sm{ max-width: 300px;}
}

@media (min-width: 992px){
    .modal-lg{max-width: 800px;}
    .modal-xl{max-width: 950px;}
}

@media (min-width: 1200px){
    .modal-xl{max-width: 1140px;}
}

.tooltip{font-family: 'Hind Vadodara', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';font-size: .7875rem;font-weight: 400;font-style: normal;line-height: 1.5;position: absolute;z-index: 1070;display: block; margin: 0;text-align: left;text-align: start;white-space: normal; text-decoration: none;letter-spacing: normal;word-spacing: normal;text-transform: none;word-wrap: break-word;word-break: normal; opacity: 0;text-shadow: none;line-break: auto;}
.tooltip.show{opacity: .9;}
.tooltip .arrow{position: absolute;display: block;width: .8rem;height: .4rem;}
.tooltip .arrow::before{position: absolute; content: '';border-style: solid;border-color: transparent;}
.bs-tooltip-top, .bs-tooltip-auto[x-placement^='top']{padding: .4rem 0;}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^='top'] .arrow{bottom: 0;}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^='top'] .arrow::before{top: 0;border-width: .4rem .4rem 0;border-top-color: #000;}
.bs-tooltip-right, .bs-tooltip-auto[x-placement^='right']{padding: 0 .4rem;}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^='right'] .arrow{left: 0;width: .4rem;height: .8rem;}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^='right'] .arrow::before{right: 0;border-width: .4rem .4rem .4rem 0;border-right-color: #000;}
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^='bottom'] {padding: .4rem 0;}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^='bottom'] .arrow{top: 0;}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^='bottom'] .arrow::before{bottom: 0; border-width: 0 .4rem .4rem;border-bottom-color: #000;}
.bs-tooltip-left, .bs-tooltip-auto[x-placement^='left']{padding: 0 .4rem;}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^='left'] .arrow{right: 0;width: .4rem;height: .8rem;}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^='left'] .arrow::before{left: 0;border-width: .4rem 0 .4rem .4rem;border-left-color: #000;}
.tooltip-inner {max-width: 200px;padding: .25rem .5rem; text-align: center; color: #fff;border-radius: .25rem;background-color: #000;}
.popover{font-family: 'Hind Vadodara', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';font-size: .7875rem;font-weight: 400;font-style: normal;line-height: 1.5;position: absolute;z-index: 1060;top: 0;left: 0;display: block;max-width: 276px;text-align: left;
    text-align: start;white-space: normal;text-decoration: none;letter-spacing: normal;word-spacing: normal;text-transform: none;word-wrap: break-word;word-break: normal;border: 1px solid rgba(0, 0, 0, .2);border-radius: .3rem;background-color: #fff;background-clip: padding-box;text-shadow: none; line-break: auto;}
.popover .arrow{position: absolute;display: block;width: 1rem;height: .5rem;margin: 0 .3rem;}
.popover .arrow::before, .popover .arrow::after{position: absolute;display: block;content: '';border-style: solid; border-color: transparent;}
.bs-popover-top, .bs-popover-auto[x-placement^='top']{margin-bottom: .5rem;}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^='top'] > .arrow{bottom: calc((.5rem + 1px) * -1);}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^='top'] > .arrow::before{bottom: 0;border-width: .5rem .5rem 0;border-top-color: rgba(0, 0, 0, .25);}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^='top'] > .arrow::after{bottom: 1px;border-width: .5rem .5rem 0;border-top-color: #fff;}
.bs-popover-right, .bs-popover-auto[x-placement^='right']{margin-left: .5rem;}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^='right'] > .arrow{left: calc((.5rem + 1px) * -1);width: .5rem;height: 1rem;margin: .3rem 0;}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^='right'] > .arrow::before{left: 0;border-width: .5rem .5rem .5rem 0;border-right-color: rgba(0, 0, 0, .25);}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^='right'] > .arrow::after{left: 1px; border-width: .5rem .5rem .5rem 0;border-right-color: #fff;}
.bs-popover-bottom, .bs-popover-auto[x-placement^='bottom']{margin-top: .5rem;}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^='bottom'] > .arrow{top: calc((.5rem + 1px) * -1);}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^='bottom'] > .arrow::before{top: 0;border-width: 0 .5rem .5rem .5rem;border-bottom-color: rgba(0, 0, 0, .25);}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^='bottom'] > .arrow::after{top: 1px;border-width: 0 .5rem .5rem .5rem;border-bottom-color: #fff;}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^='bottom'] .popover-header::before{position: absolute;top: 0;left: 50%;display: block;width: 1rem;margin-left: -.5rem; content: '';border-bottom: 1px solid #f7f7f7;}
.bs-popover-left, .bs-popover-auto[x-placement^='left']{margin-right: .5rem;}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^='left'] > .arrow{right: calc((.5rem + 1px) * -1);width: .5rem;height: 1rem;margin: .3rem 0;}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^='left'] > .arrow::before{right: 0;border-width: .5rem 0 .5rem .5rem;border-left-color: rgba(0, 0, 0, .25);}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^='left'] > .arrow::after{right: 1px;border-width: .5rem 0 .5rem .5rem;border-left-color: #fff;}
.popover-header{font-size: .9rem;margin-bottom: 0;padding: .5rem .75rem;border-bottom: 1px solid #ebebeb;border-top-left-radius: calc(.3rem - 1px);border-top-right-radius: calc(.3rem - 1px);background-color: #f7f7f7;}
.popover-header:empty{    display: none;}
.popover-body{padding: .5rem .75rem;color: #3e4676;}
.carousel{position: relative;}
.carousel.pointer-event{touch-action: pan-y;}
.carousel-inner{position: relative; overflow: hidden; width: 100%;}
.carousel-inner::after{    display: block; clear: both; content: '';}
.carousel-item{position: relative;display: none;float: left;width: 100%;margin-right: -100%;transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden;backface-visibility: hidden;}

@media (prefers-reduced-motion: reduce){
    .carousel-item{transition: none; }
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev{display: block;}
.carousel-item-next:not(.carousel-item-left), .active.carousel-item-right{transform: translateX(100%);}
.carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left{transform: translateX(-100%);}
.carousel-fade .carousel-item{ transition-property: opacity;transform: none; opacity: 0;}
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {z-index: 1;opacity: 1;}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right{z-index: 0;transition: 0s .6s opacity;opacity: 0;}

@media (prefers-reduced-motion: reduce){
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right{transition: none;}
}

.carousel-control-prev, .carousel-control-next{position: absolute;z-index: 1;top: 0;bottom: 0;display: flex;width: 15%;transition: opacity .15s ease;text-align: center;opacity: .5;color: #fff;align-items: center;justify-content: center;}

@media (prefers-reduced-motion: reduce){
    .carousel-control-prev, .carousel-control-next{transition: none;}
}
.carousel-control-prev:hover, .carousel-control-prev:focus,.carousel-control-next:hover, .carousel-control-next:focus{text-decoration: none;opacity: .9;color: #fff;outline: 0;}
.carousel-control-prev{left: 0;}
.carousel-control-next{right: 0;}
.carousel-control-prev-icon, .carousel-control-next-icon{display: inline-block;width: 20px;height: 20px;background: no-repeat 50% / 100% 100%;}
.carousel-control-prev-icon{background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23FFFFFF\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z\'/%3e%3c/svg%3e');}
.carousel-control-next-icon{background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23FFFFFF\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z\'/%3e%3c/svg%3e');}
.carousel-indicators{position: absolute;z-index: 15;right: 0;bottom: 0;left: 0;display: flex;margin-right: 15%;margin-left: 15%;padding-left: 0;list-style: none;justify-content: center;}
.carousel-indicators li{box-sizing: content-box;width: 30px;height: 3px;margin-right: 3px;margin-left: 3px; cursor: pointer;transition: opacity .6s ease; text-indent: -999px;opacity: .5;border-top: 10px solid transparent;border-bottom: 10px solid transparent;background-color: #fff;background-clip: padding-box; flex: 0 1 auto;}

@media (prefers-reduced-motion: reduce){
    .carousel-indicators li{transition: none; }
}
.carousel-indicators .active{opacity: 1;}
.carousel-caption{position: absolute;z-index: 10;right: 15%;bottom: 20px;left: 15%;padding-top: 20px;padding-bottom: 20px; text-align: center; color: #fff;}

@keyframes spinner-border{
    to { transform: rotate(360deg); }
}

.spinner-border{display: inline-block;width: 2rem;height: 2rem; animation: spinner-border .75s linear infinite; vertical-align: text-bottom;border: .25em solid currentColor;border-right-color: transparent;border-radius: 50%;}
.spinner-border-sm{width: 1rem;height: 1rem; border-width: .2em;}

@keyframes spinner-grow{
    0%{transform: scale(0);}
    50% {opacity: 1;}
}

.spinner-grow{display: inline-block; width: 2rem;height: 2rem;animation: spinner-grow .75s linear infinite;vertical-align: text-bottom;opacity: 0;border-radius: 50%;background-color: currentColor;}
.spinner-grow-sm{width: 1rem;height: 1rem;}


.embed-responsive{position: relative; display: block; overflow: hidden; width: 100%; padding: 0;}
.embed-responsive::before{ display: block; content: '';}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video{position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%; border: 0;}
.embed-responsive-21by9::before{ padding-top: 42.85714%;}
.embed-responsive-16by9::before{ padding-top: 56.25%;}
.embed-responsive-4by3::before{ padding-top: 75%;}
.embed-responsive-1by1::before{  padding-top: 100%;}




.sr-only{ position: absolute; overflow: hidden;clip: rect(0, 0, 0, 0); width: 1px; height: 1px; padding: 0;white-space: nowrap; border: 0;}
.sr-only-focusable:active, .sr-only-focusable:focus {position: static;overflow: visible;clip: auto; width: auto;height: auto;white-space: normal;}
.shadow-sm{ box-shadow: 0 5px 12px rgba(126, 142, 177, .2) !important;}
.shadow{ box-shadow: 0 2px 4px rgba(126, 142, 177, .12) !important;}
.shadow-lg{    box-shadow: 0 18px 35px rgba(50, 50, 93, .1), -1px 0 15px rgba(0, 0, 0, .07) !important;}
.shadow-none{box-shadow: none !important;}
.w-25{width: 25% !important;}
.w-50{width: 50% !important;}
.w-75{width: 75% !important;}
.w-100{width: 100% !important;}
.w-auto{width: auto !important;}
.h-25{ height: 25% !important;}
.h-50{ height: 50% !important;}
.h-75{ height: 75% !important;}
.h-100{ height: 100% !important;}
.h-auto{ height: auto !important;}
.mw-100{ max-width: 100% !important;}
.mh-100{ max-height: 100% !important;}
.min-vw-100{min-width: 100vw !important;}
.min-vh-100{ min-height: 100vh !important;}
.vw-100{ width: 100vw !important;}
.vh-100{ height: 100vh !important;}
.stretched-link::after{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;  content: '';pointer-events: auto;background-color: rgba(0, 0, 0, 0);}


.text-lowercase{  text-transform: lowercase !important;}
.text-uppercase{ text-transform: uppercase !important;}
.text-capitalize{text-transform: capitalize !important;}
.font-weight-light{ font-weight: 300 !important;}
.font-weight-lighter{ font-weight: lighter !important;}
.font-weight-normal{    font-weight: 400 !important;}
.font-weight-bold{  font-weight: 700 !important;}
.font-weight-bolder{  font-weight: bolder !important;}
.font-italic{  font-style: italic !important;}
.text-white{  color: #fff !important;}
.text-primary{  color: #687ae8 !important;}
a.text-primary:hover, a.text-primary:focus{ color: #2640de !important;}
.text-secondary{  color: #95aac9 !important;}
a.text-secondary:hover, a.text-secondary:focus{ color: #6281af !important;}
.text-success{ color: #0c9 !important;}
a.text-success:hover, a.text-success:focus{ color: #008060 !important;}
.text-info{ color: #19b5fe !important;}
a.text-info:hover, a.text-info:focus{ color: #018aca !important;}
.text-warning{ color: #f7bc06 !important;}
a.text-warning:hover, a.text-warning:focus{ color: #ac8304 !important;}
.text-danger{  color: #f2545b !important;}
a.text-danger:hover, a.text-danger:focus{ color: #e8121b !important;}
.text-light{ color: #f9fbfd !important;}
a.text-light:hover, a.text-light:focus{ color: #c0d5ea !important;}
.text-dark{ color: #28304e !important;}
a.text-dark:hover, a.text-dark:focus{ color: #0e111b !important;}
.text-body{ color: #3e4676 !important;}
.text-muted{  color: #6e7da2 !important;}
.text-black-50{ color: rgba(0, 0, 0, .5) !important;}
.text-white-50{  color: rgba(255, 255, 255, .5) !important;}
.text-hide{font: 0/0 a;color: transparent;border: 0;background-color: transparent;text-shadow: none;}
.text-decoration-none{ text-decoration: none !important;}
.text-break{word-break: break-word !important;overflow-wrap: break-word !important;}
.text-reset{ color: inherit !important;}
.visible{ visibility: visible !important;}
.invisible{ visibility: hidden !important;}

@media print{
    .navbar{display: none; }
    .badge{border: 1px solid #000;}
    .table{border-collapse: collapse !important;}
    .table td, .table th{background-color: #fff !important;}
    .table-bordered th, .table-bordered td{ border: 1px solid #e3ebf6 !important;}
    .table-dark { color: inherit;}
    .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody{border-color: #edf2f9;}
    .table .thead-dark th{color: inherit; border-color: #edf2f9;}
}

/* 3.1 alert */
.alert-container{position: fixed;z-index: 9;top: 65px;right: 0;left: 70px;}
.alert-container .alert{margin-bottom: 0;animation: showRibbon .5s 0s cubic-bezier(.35, 1.35, .5, 1) backwards;opacity: 1;border-radius: 0;}
.sidebar-pinned .alert-container{left: 240px;}

@media (max-width: 992px){
    .alert-container{left: 0;}
}

.alert-border-primary{border: 0;border-left: 4px solid #687ae8;background-color: #edf2f9;}
.alert-border-primary .icon{font-size: 1.5rem;margin-left: -4px;padding-right: 7px;color: #687ae8;}
.alert-border-secondary{ border: 0;border-left: 4px solid #95aac9;background-color: #edf2f9;}
.alert-border-secondary .icon{ font-size: 1.5rem; margin-left: -4px;padding-right: 7px;color: #95aac9;}
.alert-border-success{border: 0;border-left: 4px solid #0c9;background-color: #edf2f9;}
.alert-border-success .icon{ font-size: 1.5rem; margin-left: -4px;padding-right: 7px;color: #0c9;}
.alert-border-info{border: 0;border-left: 4px solid #19b5fe;background-color: #edf2f9;}
.alert-border-info .icon{font-size: 1.5rem;margin-left: -4px;padding-right: 7px;color: #19b5fe;}
.alert-border-warning{border: 0;border-left: 4px solid #f7bc06;background-color: #edf2f9;}
.alert-border-warning .icon{font-size: 1.5rem;margin-left: -4px;padding-right: 7px;color: #f7bc06;}
.alert-border-danger{border: 0;border-left: 4px solid #f2545b;background-color: #edf2f9;}
.alert-border-danger .icon{font-size: 1.5rem;margin-left: -4px;padding-right: 7px;color: #f2545b;}
.alert-border-light{border: 0;border-left: 4px solid #f9fbfd;background-color: #edf2f9;}
.alert-border-light .icon{font-size: 1.5rem;margin-left: -4px;padding-right: 7px;color: #f9fbfd;}
.alert-border-dark{border: 0;border-left: 4px solid #28304e;background-color: #edf2f9;}
.alert-border-dark .icon{font-size: 1.5rem;margin-left: -4px;padding-right: 7px;color: #28304e;}

@keyframes showAlert{
    from{transform: translateY(-50px);opacity: 0;}
}

/* 3.2 badge */
.badge{font-weight: 400;vertical-align: middle;}
.btn .badge{top: -2px;}
span.notification-counter{position: absolute;top: 15px;right: 17px;width: 8px;height: 8px;border-radius: 50%;background: #f2545b;}
.badge-soft-primary{color: #687ae8 !important;background-color: #e1e4fa !important;}
.badge-soft-primary[href]:hover, .badge-soft-primary[href]:focus{text-decoration: none;color: #687ae8 !important;background-color: #cbd0f6 !important;}
.badge-soft-secondary{color: #95aac9 !important;background-color: #eaeef4 !important;}
.badge-soft-secondary[href]:hover, .badge-soft-secondary[href]:focus{text-decoration: none;color: #95aac9 !important;background-color: #d9e0eb !important;}
.badge-soft-success{color: #0c9 !important;background-color: #ccf5eb !important;}
.badge-soft-success[href]:hover, .badge-soft-success[href]:focus{text-decoration: none;color: #0c9 !important;background-color: #b7f1e3 !important;}
.badge-soft-info{color: #19b5fe !important;background-color: #d1f0ff !important;}
.badge-soft-info[href]:hover, .badge-soft-info[href]:focus{text-decoration: none;color: #19b5fe !important;background-color: #b8e8ff !important;}
.badge-soft-warning{color: #f7bc06 !important;background-color: #fdf2cd !important;}
.badge-soft-warning[href]:hover, .badge-soft-warning[href]:focus{text-decoration: none;color: #f7bc06 !important;background-color: #fcecb4 !important;}
.badge-soft-danger{color: #f2545b !important;background-color: #fcddde !important;}
.badge-soft-danger[href]:hover, .badge-soft-danger[href]:focus{text-decoration: none;color: #f2545b !important;background-color: #fac6c7 !important;}
.badge-soft-light{color: #f9fbfd !important;background-color: #fefeff !important;}
.badge-soft-light[href]:hover, .badge-soft-light[href]:focus{text-decoration: none;color: #f9fbfd !important;background-color: #e5e5ff !important;}
.badge-soft-dark{color: #28304e !important;background-color: #d4d6dc !important;}
.badge-soft-dark[href]:hover, .badge-soft-dark[href]:focus{text-decoration: none;color: #28304e !important;background-color: #c6c9d1 !important;}

/* 3.3 button */
.btn{box-shadow: none;}
.btn-ghost{transition: all ease .2s;opacity: .7;box-shadow: none;}
.btn-ghost.active, .btn-ghost:hover, .btn-ghost:active, .btn-ghost:focus{opacity: 1;background-color: rgba(230, 230, 230, .15);box-shadow: none;}
.btn-white{color: #3e4676;border: 1px solid #d3e0e9;background-color: #fff;box-shadow: none;}
.btn-white:hover, .btn-white:active, .btn-white:focus {color: #000;outline: 0;background-color: #f9fbfd;box-shadow: none;}
.btn-white-translucent{color: #fff;background-color: rgba(255, 255, 255, .15);}
.btn-white-translucent:hover, .btn-white-translucent:active, .btn-white-translucent:focus {color: #fff;background-color: rgba(128, 128, 128, .15);}
.btn-black-translucent{color: #fff;background-color: rgba(0, 0, 0, .15);}
.btn-black-translucent:hover,  .btn-black-translucent:active, .btn-black-translucent:focus {color: #fff;background-color: rgba(0, 0, 0, .15);}
.btn-rounded-circle{width: calc(1em * 1.5 + .75rem + 1px * 2);padding-right: 0;padding-left: 0;border-radius: 50%;}
.btn-rounded-circle.btn-lg, .btn-group-lg > .btn-rounded-circle.btn {width: calc(1em * 1.5 + 1rem + 1px * 2);}
.btn-rounded-circle.btn-sm, .btn-group-sm > .btn-rounded-circle.btn{width: calc(1em * 1.5 + .5rem + 1px * 2);}
.btn-rounded{border-radius: 100px !important;}
.btn-rounded-left{border-radius: 100px 0 0 100px !important;}
.btn-rounded-right{border-radius: 0 100px 100px 0 !important;}



/* 3.5 card */
.card{transition: box-shadow ease .2s;box-shadow: 0 2px 4px rgba(126, 142, 177, .12);}
.card .card-header{border-bottom: 0;}
.card .card-header .card-title{font-family: 'Jost*', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 16px;margin-bottom: 0;}
.card .card-body{padding: 10px;}
.card .card-body.card-scroll{height: 350px;}
.card .card-body.card-scroll .scroll-bar{background-color: #1f263d;}
.card .card-footer{border-top: 1px solid #d3e0e9;}
.card:hover{box-shadow: 0 5px 12px rgba(126, 142, 177, .2);}
.card .card-media{position: relative;border-top-left-radius: calc(.25rem - 0);border-top-right-radius: calc(.25rem - 0);}
.card .card-controls{ position: absolute;z-index: 2;top: .75rem;right: 1.25rem;margin-left: auto;border-top-left-radius: calc(.25rem - 0);border-top-right-radius: calc(.25rem - 0);}
.card .card-controls > .icon{ font-family: 'Material Design Icons';font-size: 18px;line-height: inherit;margin: 0 2px;transition: opacity ease .2s;opacity: .4;text-rendering: auto;-webkit-font-smoothing: antialiased;}
.card .card-controls > .icon:hover{opacity: 1;}
.card .card-controls .js-card-fullscreen:before{content: '';}
.card .card-controls .js-card-refresh:before{ content: '';}
.card .card-controls .js-card-close:before{content: '';}
.card .card-controls.card-controls-bottom{position: absolute;z-index: 2;top: unset;right: 1.25rem;bottom: .75rem;border-bottom-right-radius: calc(.25rem - 0);border-bottom-left-radius: calc(.25rem - 0);}
.card .card-controls > .dropdown{   display: inline-block;}
.card .card-controls > .dropdown > a .icon{ font-size: 18px;transition: opacity ease .2s; opacity: .4;}
.card .card-controls > .dropdown > a .icon:hover{opacity: 1;}
.card.is-fullscreen{position: fixed; z-index: 9999;top: 0; right: 0; bottom: 0;left: 0;margin: 0 !important;border-radius: 0 !important;}
.card.is-fullscreen .js-card-fullscreen:before{content: '';}
.card-hover{transition: all ease .2s;}
.card-hover:hover{transform: translateY(-5px);box-shadow: 0 18px 35px rgba(50, 50, 93, .1), -1px 0 15px rgba(0, 0, 0, .07);}

/* 3.6 close */
.close span{color: transparent;background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'currentColor\' viewBox=\'0 0 16 16\'%3E%3Cpath d=\'M14.7,1.3c-0.4-0.4-1-0.4-1.4,0L8,6.6L2.7,1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L6.6,8l-5.3,5.3 c-0.4,0.4-0.4,1,0,1.4C1.5,14.9,1.7,15,2,15s0.5-0.1,0.7-0.3L8,9.4l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L9.4,8l5.3-5.3C15.1,2.3,15.1,1.7,14.7,1.3z\'/%3E%3C/svg%3E');background-repeat: no-repeat;background-position: center; background-size: contain;text-shadow: none;}
.close.light span{background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23ffffff\' viewBox=\'0 0 16 16\'%3E%3Cpath d=\'M14.7,1.3c-0.4-0.4-1-0.4-1.4,0L8,6.6L2.7,1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L6.6,8l-5.3,5.3 c-0.4,0.4-0.4,1,0,1.4C1.5,14.9,1.7,15,2,15s0.5-0.1,0.7-0.3L8,9.4l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L9.4,8l5.3-5.3C15.1,2.3,15.1,1.7,14.7,1.3z\'/%3E%3C/svg%3E');}
.modal .close{font-size: 1.8rem;z-index: 1;top: 1.5rem !important;width: 2.5rem;height: 2.5rem;padding: 0;border-radius: 50%;background: rgba(193, 193, 193, .3) !important;}

/* 3.7 dropdown */
.dropdown-menu{border: 1px solid #d3e0e9;}
.dropdown-menu .dropdown-item{font-size: .9rem;font-weight: 500;}
.dropdown-menu .dropdown-item .dropdown-icon{font-size: 1.125rem;}
.dropdown-menu.notification-container{    width: 320px;padding: 0;}
.dropdown-menu.notification-container .notification-events{overflow: auto;height: 250px;padding: 10px 15px;}
.show > .dropdown-menu{box-shadow: 0 18px 35px rgba(50, 50, 93, .1), -1px 0 15px rgba(0, 0, 0, .07);}

/* 3.8 form */
.form-control, .custom-select{background-color: #fff;}
.form-control:focus, .custom-select:focus{outline: 0;box-shadow: none !important;}
.form-control.form-control-plaintext, .custom-select.form-control-plaintext{border: 0;outline: 0;box-shadow: none !important;}
.form-control.form-control-plaintext:focus, .custom-select.form-control-plaintext:focus{border: 0;outline: 0;box-shadow: none !important;}
.input-group.input-group-flush > .form-control{border-radius: .25rem;}
.input-group.input-group-flush > .form-control:focus ~ [class*='input-group'] > .input-group-text{border-color: #95aac9;}
.input-group.input-group-flush > .form-control.is-valid ~ [class*='input-group'] > .input-group-text{border-color: #0c9;}
.input-group.input-group-flush > .form-control.is-invalid ~ [class*='input-group'] > .input-group-text{border-color: #f2545b;}
.input-group.input-group-flush > .form-control-prepended{padding-left: .375rem;border-left-width: 0;border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;}
.input-group.input-group-flush > .form-control-appended{padding-right: .375rem;border-right-width: 0;border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.input-group.input-group-flush > .input-group-prepend{margin-right: 0;order: -1;}
.input-group.input-group-flush > .input-group-prepend > .input-group-text{transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; border-right-width: 0;border-top-left-radius: .25rem;border-bottom-left-radius: .25rem;}
.input-group.input-group-flush > .input-group-append > .input-group-text{transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; border-left-width: 0;border-top-right-radius: .25rem;border-bottom-right-radius: .25rem;}
.form-dark label{color: #fff;}
.form-dark .form-control, .form-dark .custom-select, .form-dark .input-group-text{transition: background-color ease .2s;color: #fff;border: 0 !important;background-color: rgba(255, 255, 255, .15);}
.form-dark .form-control::-ms-input-placeholder, .form-dark .custom-select::-ms-input-placeholder, .form-dark .input-group-text::-ms-input-placeholder{opacity: 1;color: #999;}
.form-dark .form-control::placeholder, .form-dark .custom-select::placeholder, .form-dark .input-group-text::placeholder{opacity: 1;color: #999;}
.form-dark .form-control:focus, .form-dark .form-control:active, .form-dark .custom-select:focus, .form-dark .custom-select:active{background-color: rgba(179, 179, 179, .15);}
.form-dark select.custom-select{background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\'%3E%3Cpath fill=\'%23E3EBF6\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3E%3C/svg%3E');}
.form-dark select:focus option{color: #3e4676 !important;}
.form-dark .form-control:disabled, .form-dark .form-control[readonly]{background-color: rgba(176, 170, 170, .32);}

/* 3.9 modal */
.modal .close{position: absolute;top: 15px;right: 25px;}
.modal .close:focus{outline: 0;}
.modal .modal-dialog.modal-full-width{right: 0 !important; left: 0 !important;width: 100% !important;max-width: 100% !important;margin: 0 !important;}
.modal .modal-content{border: 0;border-radius: .25rem;}
.modal.fade.modal-top-left .modal-dialog{position: absolute;top: 0; width: 100%;}

@media (min-width: 576px){
    .modal.fade.modal-top-left .modal-dialog{ left: 1.75rem; margin: 1.75rem auto;}
}

@media (max-width: 768px){
    .modal.fade.modal-top-left .modal-dialog{width: calc(100% - (.5rem*2));}
}

.modal.fade.modal-top-right .modal-dialog{position: absolute;top: 0;width: 100%;}

@media (min-width: 576px){
    .modal.fade.modal-top-right .modal-dialog { right: 1.75rem;  margin: 1.75rem auto;}
}

@media (max-width: 768px){
    .modal.fade.modal-top-right .modal-dialog {width: calc(100% - (.5rem*2));}
}

.modal.fade.modal-bottom-right .modal-dialog{ position: absolute;bottom: 0; width: 100%;}

@media (min-width: 576px){
    .modal.fade.modal-bottom-right .modal-dialog{right: 1.75rem; margin: 1.75rem auto;}
}

@media (max-width: 768px){
    .modal.fade.modal-bottom-right .modal-dialog { width: calc(100% - (.5rem*2)); }
}

.modal.fade.modal-bottom-left .modal-dialog{position: absolute; bottom: 0; width: 100%;}

@media (min-width: 576px){
    .modal.fade.modal-bottom-left .modal-dialog{left: 1.75rem; margin: 1.75rem auto; }
}

@media (max-width: 768px){
    .modal.fade.modal-bottom-left .modal-dialog{ width: calc(100% - (.5rem*2));}
}

.modal.fade.modal-bottom-center .modal-dialog{position: absolute;right: 0;bottom: 0; left: 0;}

@media (min-width: 576px){
    .modal.fade.modal-bottom-center .modal-dialog { margin: 1.75rem auto;}
}

@media (max-width: 768px){
    .modal.fade.modal-bottom-center .modal-dialog{ width: calc(100% - (.5rem*2)); }
}

.modal.fade.modal-slide-left.show .modal-dialog{-ms-transform: translate(0, 0);transform: translate3d(0, 0, 0);}
.modal.fade.modal-slide-left .modal-dialog{position: absolute;left: 0;width: 100%;height: 100%;margin: 0;-ms-transform: translate(-100%, 0);  transform: translate3d(-100%, 0, 0);}
.modal.fade.modal-slide-left .modal-dialog .modal-content-wrapper{height: 100%;}
.modal.fade.modal-slide-left .modal-dialog .modal-content{height: 100%;}
.modal.fade.modal-slide-left .modal-content{border-radius: 0;}

@media (max-width: 768px){
    .modal.fade.modal-slide-left .modal-dialog { width: 100%;}
}

.modal.fade.modal-slide-right.show .modal-dialog{-ms-transform: translate(0, 0); transform: translate3d(0, 0, 0);}
.modal.fade.modal-slide-right .modal-dialog{position: absolute;right: 0; width: 100%;height: 100%;margin: 0;-ms-transform: translate(100%, 0); transform: translate3d(100%, 0, 0);}
.modal.fade.modal-slide-right .modal-dialog .modal-content-wrapper{    height: 100%;}
.modal.fade.modal-slide-right .modal-dialog .modal-content{height: 100%;}
.modal.fade.modal-slide-right .modal-content{border-radius: 0;}

@media (max-width: 768px){
    .modal.fade.modal-slide-right .modal-dialog{ width: 100%;}
}

.modal[data-popup='true']{position: relative;top: unset;right: unset;bottom: unset;left: unset;width: unset;height: unset;}
.modal[data-popup='true'].fade.modal-top-left .modal-dialog, .modal[data-popup='true'].fade.modal-top-right .modal-dialog,.modal[data-popup='true'].fade.modal-bottom-right .modal-dialog, .modal[data-popup='true'].fade.modal-bottom-left .modal-dialog, .modal[data-popup='true'].fade.modal-bottom-center .modal-dialog{position: fixed;}
.modal[data-popup='true'].fade .modal-content{box-shadow: 0 20px 60px -2px rgba(18, 21, 35, .19);}
.body-scrollable{overflow: unset;padding-right: unset !important;}
.body-scrollable .modal-backdrop{display: none;}
.modal-backdrop{background: rgba(67, 90, 111, .5);}

/*Bigger CTA Style Button*/
.btn-cta{font-size: .8rem;font-weight: 600;padding: 15px 20px;letter-spacing: 1px;text-transform: uppercase;}

/*Alert styles*/
.event-type{display: inline-flex; width: 80px;height: 80px;transition: all ease .2s;transition-delay: .3s;border: 3px solid #e0e6ed;border-radius: 50%; justify-content: center;align-items: center;}
.event-type .event-indicator{transition: all cubic-bezier(0, .89, .44, 1) .2s;transition-delay: .5s;transform: scale(0);opacity: 0;}
.show .event-type .event-indicator{transform: scale(1);opacity: 1;}
.show .event-type{ border-color: #e0e6ed;background-color: #e0e6ed;}
.show .event-type.success{ border-color: #0c9; background-color: #0c9;}
.show .event-type.error{ border-color: #f2545b; background-color: #f2545b;}
.show .event-type.warning{ border-color: #f7bc06; background-color: #f7bc06;}
.show .event-type.info{ border-color: #19b5fe; background-color: #19b5fe;}

/* 3.10 table */
.table{ vertical-align: middle;}
.table thead th, .table tfoot th{font-size: .7875rem;font-weight: 700;letter-spacing: .08em; text-transform: uppercase; color: #95aac9;border-bottom-width: 1px;background-color: #f9fbfd;}
.table.table-layout-fixed{table-layout: fixed;}
.table.table-card{ border-spacing: 0 .5em; border-collapse: separate;}
.table.table-card thead th, .table.table-card tfoot th{border-color: transparent;background-color: transparent;}
.table.table-card tbody tr{transition: all ease .2s;border: 1px solid #d3e0e9;background-color: #fff;box-shadow: 0 2px 4px rgba(126, 142, 177, .12);}
.table.table-card tbody tr:hover{box-shadow: 0 5px 12px rgba(126, 142, 177, .2);}
.table.align-td-middle th, .table.align-td-middle td{vertical-align: middle;}
.table-sm{font-size: .7875rem;}
.table-sm thead th{font-size: .6rem;}
th.sorting_asc, th.sorting_desc{background: rgba(210, 221, 236, .1);}
td.sorting_1{background-color: rgba(210, 221, 236, .1);}

/* 3.11 tab */
.tab-line{border-bottom: none;}
.tab-line .nav-item .nav-link{font-weight: 600;color: #6e7da2;border-top: none;border-right: none;border-bottom: 2px solid #fff;  border-left: none;}
.tab-line .nav-item .nav-link.active{color: #687ae8; border-top: none;border-right: none;border-bottom: 2px solid #687ae8; border-left: none;}



/* 3.12.1 floating */
.floating-label{position: relative;}
.floating-label label:first-child{ font-size: .85714em;position: absolute;z-index: 1;top: 0;overflow: hidden;box-sizing: border-box;width: 100%;margin-top: .42857em;margin-left: 1px;padding: 0 .91667em;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;transition: all .2s ease-out;transform: translateY(3px);white-space: nowrap;text-overflow: ellipsis;pointer-events: none; opacity: 0;}
.floating-label .form-control{ height: calc(2.8rem + 2px);}
.floating-label.show-label label:first-child{ transform: none;opacity: 1;}
.floating-label.show-label .form-control{ padding-top: 1.2rem;}

/* 3.12.2 imagebox */
.image-box{ display: inline-block;  background-color: #000;}
.image-box input[type='checkbox'], .image-box input[type='radio']{position: absolute; z-index: -1; opacity: 0;}
.image-box .image-box-content{ position: relative; cursor: pointer;}
.image-box .image-box-content:after, .image-box .image-box-content:before{font-family: 'Material Design Icons';font-size: 1.5rem;line-height: inherit;position: absolute;top: 50%; left: 50%; margin-top: -1rem;margin-left: -.5rem;color: #fff;text-rendering: auto;-webkit-font-smoothing: antialiased;}
.image-box .image-box-content:after{ z-index: 1; content: ''; opacity: .7;}
.image-box .image-box-content:before{ z-index: 2; content: ''; transition: all ease .2s; transform: scale(0); opacity: 0;}
.image-box .image-box-content img{ max-width: 100%; opacity: .8;}
.image-box input[type='checkbox']:checked + .image-box-content img, .image-box input[type='radio']:checked + .image-box-content img{opacity: .6;}
.image-box input[type='checkbox']:checked + .image-box-content:after, .image-box input[type='radio']:checked + .image-box-content:after{ opacity: 0;}
.image-box input[type='checkbox']:checked + .image-box-content:before, .image-box input[type='radio']:checked + .image-box-content:before{transform: scale(1);opacity: 1;color: #fff;}

/* 3.12.3 minicheckbox */
.minicheckbox{ position: relative; margin: 0; vertical-align: middle;}
.minicheckbox input[type='checkbox'], .minicheckbox input[type='radio']{ position: absolute; z-index: -1; margin: 0;opacity: 0;}
.minicheckbox .custom-options-box{ display: inline-block;width: 1rem;height: 1rem;border-radius: .25rem;background-color: rgba(0, 0, 0, .15);}
.minicheckbox .custom-options-box:before{font-family: 'Material Design Icons';font-size: 11px; position: absolute;top: 0;left: 0; width: 1rem;height: 1rem;content: '';transition: .3s opacity; text-align: center;opacity: 0;color: #fff;border-radius: .25rem;}
.minicheckbox input[type='checkbox']:checked ~ .custom-options-box{background-color: #687ae8;}
.minicheckbox input[type='checkbox']:checked ~ .custom-options-box:before{opacity: 1;}

/* 3.12.4 switch */
.cstm-switch{display: inline-flex;margin: 0;cursor: default;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none; align-items: center;}
.cstm-switch .cstm-switch-input{position: absolute; z-index: -1; opacity: 0;}
.cstm-switch .cstm-switch-input.disabled ~ .cstm-switch-indicator, .cstm-switch .cstm-switch-input[disabled] ~ .cstm-switch-indicator{cursor: not-allowed;opacity: .5;}
.cstm-switch .cstm-switch-input:not(:checked) ~ .cstm-switch-indicator{background: #e3ebf6 !important;}
.cstm-switch .cstm-switch-input:checked ~ .cstm-switch-indicator{background: #687ae8;}
.cstm-switch .cstm-switch-input:checked ~ .cstm-switch-indicator:before{left: calc(1rem + 1px);}
.cstm-switch .cstm-switch-input:checked ~ .cstm-switch-indicator.size-lg:before{left: calc(1.7rem + 1px);}
.cstm-switch .cstm-switch-indicator{position: relative; display: inline-block; width: 2.25rem;height: 1.25rem;transition: .3s border-color, .3s background-color; vertical-align: bottom;border: 1px solid #d3e0e9; border-radius: 50px;}
.cstm-switch .cstm-switch-indicator:before{ position: absolute;top: 1px;left: 1px; width: calc(1.25rem - 4px);height: calc(1.25rem - 4px); content: ''; transition: .3s left; border-radius: 50%;background: #fff;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);}
.cstm-switch .cstm-switch-indicator.size-lg{ position: relative; display: inline-block; width: 4rem;height: 2.25rem; transition: .3s border-color, .3s background-color;  vertical-align: bottom;border: 1px solid #d3e0e9;border-radius: 50px;}
.cstm-switch .cstm-switch-indicator.size-lg:before{position: absolute;top: 1px;left: 1px;width: calc(2.25rem - 4px);height: calc(2.25rem - 4px);content: '';transition: .3s left;border-radius: 50%;background: #fff;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);}
.cstm-switch .cstm-switch-description{ margin-left: .5rem; transition: .3s color;}

/* 3.12.5 optionbox */
.option-box{display: inline-block;}
.option-box input[type='checkbox'], .option-box input[type='radio']{position: absolute;z-index: -1; opacity: 0;}
.option-box label{position: relative;padding: 8px 10px; cursor: pointer;transition: all ease .2s;border: 1px solid #d3e0e9;border-radius: .25rem;background-color: #fff;box-shadow: 0 2px 4px rgba(126, 142, 177, .12);}
.option-box label:after, .option-box label:before{font-family: 'Material Design Icons';font-size: 1.5rem;line-height: inherit;position: absolute; top: 10px; left: 6px; color: #e3ebf6;text-rendering: auto;-webkit-font-smoothing: antialiased;}
.option-box label:after{content: '';}
.option-box label:before{ content: ''; transition: all ease .2s; transform: scale(0); opacity: 0;}
.option-box label .radio-content{ display: block; margin-top: 8px; margin-left: 25px;}
.option-box input[type='checkbox']:checked + label:after, .option-box input[type='radio']:checked + label:after{opacity: 0;}
.option-box input[type='checkbox']:checked + label:before, .option-box input[type='radio']:checked + label:before{content: '';transform: scale(1);opacity: 1;color: #0c9;}

/* 3.12.6 optionbox-column */
.option-box-column{display: inline-block;}
.option-box-column input[type='checkbox'], .option-box-column input[type='radio']{position: absolute; z-index: -1;opacity: 0;}
.option-box-column label{position: relative;cursor: pointer;transition: all ease .2s;border: 1px solid #d3e0e9;border-radius: .25rem;background-color: #fff;box-shadow: 0 2px 4px rgba(126, 142, 177, .12);}
.option-box-column label:after, .option-box-column label:before{ font-family: 'Material Design Icons';font-size: 1.5rem;line-height: inherit;  position: absolute;top: 10px;left: 50%;margin-left: -.75rem;color: #e3ebf6;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.option-box-column label:after{content: '';}
.option-box-column label:before{content: '';transition: all ease .2s;transform: scale(0);opacity: 0;}
.option-box-column label .radio-content{display: block; margin-top: 2rem;text-align: center;}
.option-box-column label .radio-content .radio-highlight{display: block;padding: 15px; transition: all ease .2s;color: #28304e;border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem;background-color: #e3ebf6;}
.option-box-column input[type='checkbox']:checked + label:after, .option-box-column input[type='radio']:checked + label:after{opacity: 0;}
.option-box-column input[type='checkbox']:checked + label:before, .option-box-column input[type='radio']:checked + label:before{content: '\F5e0';transform: scale(1);opacity: 1;color: #0c9;}
.option-box-column input[type='checkbox']:checked + label .radio-content .radio-highlight, .option-box-column input[type='radio']:checked + label .radio-content .radio-highlight{color: #fff;background-color: #687ae8;}

/* 3.12.7 optionbox-grid */
.option-box-grid{display: inline-block;}
.option-box-grid input[type='checkbox'], .option-box-grid input[type='radio']{position: absolute;z-index: -1; opacity: 0;}
.option-box-grid label {position: relative;padding: 8px 10px; cursor: pointer;transition: all ease .2s;border: 1px solid #d3e0e9; border-radius: .25rem;background-color: #fff;box-shadow: 0 2px 4px rgba(126, 142, 177, .12);}
.option-box-grid label:after, .option-box-grid label:before{font-family: 'Material Design Icons';font-size: 1.5rem;line-height: inherit;position: absolute;top: 5px;right: 5px;color: #e3ebf6; text-rendering: auto;-webkit-font-smoothing: antialiased;}
.option-box-grid label:after {content: '';}
.option-box-grid label:before{content: '';transition: all ease .2s;transform: scale(0);opacity: 0;}
.option-box-grid label .radio-content{display: block;margin-top: 8px;}
.option-box-grid input[type='checkbox']:checked + label:after, .option-box-grid input[type='radio']:checked + label:after{opacity: 0;}
.option-box-grid input[type='checkbox']:checked + label:before, .option-box-grid input[type='radio']:checked + label:before{content: '';transform: scale(1);opacity: 1;color: #0c9;}

/* 3.12.8 taginput */
.tag-input{display: inline-block;}
.tag-input input[type='checkbox']{position: absolute;z-index: -1; opacity: 0;}
.tag-input label{position: relative;padding: 8px 10px;cursor: pointer;transition: all ease .2s;border: 1px solid #d3e0e9;border-radius: .25rem;box-shadow: 0 2px 4px rgba(126, 142, 177, .12);}
.tag-input input[type='checkbox']:checked + label{padding-left: 25px; color: #fff;background-color: #687ae8;}
.tag-input input[type='checkbox']:checked + label:before{ font-family: 'Material Design Icons';font-size: 1rem;line-height: inherit;position: absolute;left: 6px;content: '';text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.tag-input input[type='checkbox']:active + label {background-color: #e3ebf6;}

/* 3.13 accordion */
.accordion .collapse{ border-top: 1px solid transparent;}
.accordion .collapse.show{border-top: 1px solid #d3e0e9;}
.accordion .card{border: 1px solid #d3e0e9;box-shadow: none;}
.accordion .card .card-header{position: relative;padding-right: 35px;}
.accordion .card .card-header a[data-toggle='collapse']:after{ font-family: 'Material Design Icons'; font-size: 1.2rem;position: absolute;top: 10px;right: 10px;content: '';}
.accordion .card .card-header a[data-toggle='collapse'][aria-expanded='true']:after{font-family: 'Material Design Icons';font-size: 1.2rem;position: absolute;top: 10px;right: 10px;content: '';}
.accordion.alternate-icons .card .card-header{ position: relative; padding-right: 35px;}
.accordion.alternate-icons .card .card-header a[data-toggle='collapse']:after{font-family: 'Material Design Icons';font-size: 1.2rem; position: absolute;top: 10px;right: 10px; content: '\f415';}
.accordion.alternate-icons .card .card-header a[data-toggle='collapse'][aria-expanded='true']:after{font-family: 'Material Design Icons'; font-size: 1.2rem;position: absolute;top: 10px;right: 10px;content: '\f374';}


/* 3.15 loader */
.loading-container{ position: absolute;top: 0;right: 0;bottom: 0;left: 0; display: flex;border-radius: .25rem;background-color: rgba(67, 90, 111, .5);background-image: url('../img/loading.svg');background-repeat: no-repeat; background-position: center;}

/* 3.16 timeline */
.timeline{ position: relative; margin: 0;padding: 0; list-style-type: none;}
.timeline .timeline-item{ line-height: 1.5; position: relative; margin-bottom: 25px;padding: 0 0;transition: all ease .2s;border-radius: .25rem;}
.timeline .timeline-item .timeline-wrapper{ position: relative;z-index: 2; display: flex; align-items: center;}
.timeline .timeline-item:hover{cursor: default; background-color: #f9fbfd;}
.timeline .timeline-item:not(:last-child):after{ position: absolute; z-index: 0;top: 0;left: 20px; width: 2px;height: calc(100% + 25px);content: '';background-color: #d2ddec;}
.timeline.timeline-xs .timeline-item{ margin-bottom: 15px;}
.timeline.timeline-xs .timeline-item:not(:last-child):after{ position: absolute;z-index: 0; top: 0; left: 12px; width: 2px;height: calc(100% + 25px);content: '';background-color: #d2ddec;}


/*   왼쪽 메뉴  */
.admin-sidebar{font-weight: 500;position: fixed;z-index: 999;top: 0;right: auto;bottom: 0;display: flex;overflow: hidden;flex-direction: column; width: 240px;transition: transform ease .2s;color: #fff;border-right: 1px solid rgba(255, 255, 255, .07); background-color: #00152a;}

    /*  사이드바 탑 로고와 고정부분  */
    .admin-brand-content{font-weight: 600;display: inline-block;padding: 0 5px;letter-spacing: 3px;text-transform: uppercase;}
    .admin-sidebar .admin-sidebar-brand{display: flex;width: 100%;height: 65px;padding-right: 15px;padding-left: 15px;background-color: rgba(0, 0, 0, .15);flex: 0 0 auto;align-items: center;}
    .admin-sidebar .admin-sidebar-brand .admin-brand-logo{max-width: 100%; height: 20px;}
    
    /*  사이드바 탑 로고옆에 닫기 버튼  모바일 버전  */
    .admin-sidebar .admin-close-sidebar{font-family: 'Material Design Icons';font-size: 24px;display: none;padding-left: 15px;align-items: center;}
    .admin-sidebar .admin-close-sidebar:before{content: '';}
    
    /*  사이드바 탑 로고 옆에 고정부분 */
    .admin-sidebar .admin-pin-sidebar{font-family: 'Material Design Icons';font-size: 1rem;line-height: inherit;display: inline-block;width: 40px;text-align: center;opacity: 0;color: #fff;text-rendering: auto;-webkit-font-smoothing: antialiased;}
    .admin-sidebar .admin-pin-sidebar:before{content: '擄';}
    
    /*  옆에 메뉴    */
    .admin-sidebar .admin-sidebar-wrapper{position: relative;overflow: hidden;width: 100%;padding-bottom: 30px;flex: 1 1 auto;}
    .admin-sidebar .menu{margin: 0;padding: 0;list-style: none;}
    .admin-sidebar .menu .menu-item{position: relative;display: block;clear: both;width: 100%;list-style: none;transition: opacity ease .2s;}
    .admin-sidebar .menu .menu-item .menu-link{display: table; width: 100%;padding: 10px 15px;transition: opacity .2s ease;justify-content: space-between;}
    .admin-sidebar .menu .menu-item .menu-link .menu-label{display: table-cell;vertical-align: middle;color: rgba(255, 255, 255, .5);}
    .admin-sidebar .menu .menu-item .menu-link .menu-label .menu-name{ display: block;}
    .admin-sidebar .menu .menu-item .menu-link .menu-label .menu-arrow{font-family: 'Material Design Icons';font-size: inherit;line-height: inherit;display: inline-block;margin: auto 0;text-rendering: auto;-webkit-font-smoothing: antialiased;}
    .admin-sidebar .menu .menu-item .menu-link .menu-label .menu-arrow:before{content: '';}
    .admin-sidebar .menu .menu-item .menu-link .menu-label .menu-info{opacity: .6;color: rgba(255, 255, 255, .5);}
    .admin-sidebar .menu .menu-item .menu-link .menu-icon{position: relative;display: table-cell; width: 40px;height: 40px;margin-top: auto;margin-bottom: auto;margin-left: auto;text-align: center;vertical-align: middle;border-radius: .25rem;background: rgba(255, 255, 255, .22);}
    .admin-sidebar .menu .menu-item .menu-link .menu-icon .icon-placeholder{font-style: normal; margin: auto;color: rgba(255, 255, 255, .5);}
    .admin-sidebar .menu .menu-item .menu-link .menu-icon .icon-placeholder{font-size: 18px;}
    .admin-sidebar .menu .menu-item .menu-link .menu-icon .icon-badge{font-size: 10px;position: absolute;top: -7px;right: -6px;padding: .3em .6em;}
    .admin-sidebar .menu .menu-item .sub-menu{display: none;padding: 0;padding-left: 10px;list-style: none;}
    .admin-sidebar .menu .menu-item.active{    background: #4d5965;}
    .admin-sidebar .menu .menu-item.active > .menu-link .menu-label, .admin-sidebar .menu .menu-item.active > .menu-link .icon-placeholder{color: white;}
    .admin-sidebar .menu .menu-item > .menu-link:hover .menu-label, .admin-sidebar .menu .menu-item > .menu-link:hover .icon-placeholder{color: white;}
    .admin-sidebar .menu .menu-item.opened > .menu-link .menu-label, .admin-sidebar .menu .menu-item.opened > .menu-link .icon-placeholder{color: white;}
    .admin-sidebar .menu .menu-item.opened > .menu-link > .menu-label .menu-name > .menu-arrow:before{content: '';}
    .admin-sidebar .menu .menu-item.opened .sub-menu{border-top: 1px solid rgba(255, 255, 255, .07);border-bottom: 1px solid rgba(255, 255, 255, .07); background: #4d5965;}
    .sidebar-backdrop{display: none;opacity: 0;}
    
@media (min-width: 992px){
    .admin-sidebar{transform: translateX(-170px);}
    body.sidebar-pinned .admin-sidebar { transform: translateX(0);}
    body.sidebar-pinned .admin-pin-sidebar{transform: scale(1); opacity: 1;}
    body.sidebar-pinned .admin-pin-sidebar:before{content: '勞';}
    .admin-sidebar.sidebar-show{transform: translateX(0) !important;}
    .admin-sidebar.sidebar-show .admin-pin-sidebar{transform: scale(1);opacity: 1;}
}
@media (max-width: 991.98px){
    .admin-sidebar{transform: translateX(-100%);}
    .admin-sidebar .admin-pin-sidebar{display: none;}
    .admin-sidebar .admin-close-sidebar {display: inline-block;}
    .sidebar-open .admin-sidebar{transform: translateX(0) !important;}
    .sidebar-open .sidebar-backdrop{ position: fixed; z-index: 99;  top: 0; right: 0;bottom: 0; left: 0;display: block;opacity: .5;background-color: #000;}
}

/*  오른쪽 메뉴와 컨텐츠  */
.admin-main{ padding-top: 65px;}

    /*  위에 메뉴  */
    .admin-header{ position: fixed;z-index: 99; top: 0; right: 0; left: 0;display: flex;height: 65px;border-bottom: 0 solid #d3e0e9;  background: #fff;box-shadow: 0 2px 4px 0 rgba(42, 76, 133, .15);align-items: center;}
    
    /*  위에 메뉴 모바일 버전 삼선메뉴  */
    .admin-header .sidebar-toggle{font-family: 'Material Design Icons';font-size: 24px;display: none;margin-right: 15px;padding-left: 15px;align-items: center;}
    .admin-header .sidebar-toggle:before{ content: '';}

@media (min-width: 992px){
    .admin-main, .admin-header{padding-left: 70px;}
    body.sidebar-pinned .admin-header,  body.sidebar-pinned .admin-main { padding-left: 240px;}
}
@media (max-width: 992px){
    .admin-header .sidebar-toggle{ display: block; }
}

/* 3.18 panel */
.usable-height{height: calc(100vh - 65px);}
.panel{display: flex;flex-direction: column;}
.panel .panel-header, .panel .panel-footer{flex: 0 0 auto;}
.panel .panel-body{overflow-y: auto;flex: 1 1 auto;}




/* 3.22 select2 */
.select2-container--default .select2-selection__rendered{font-size: .9rem;line-height: 1.5 !important; padding: .375rem .75rem !important;color: #3e4676 !important;}
.select2-selection{ height: unset !important;border-color: #d3e0e9 !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{ position: absolute;top: 50%;right: 1px; width: 20px;height: unset; transform: translateY(-100%);}
.select2-container--default:focus{color: #95aac9; outline: 0;background-color: #fff;}
.select2-dropdown{ border: 1px solid #d3e0e9;box-shadow: 0 18px 35px rgba(50, 50, 93, .1), -1px 0 15px rgba(0, 0, 0, .07);}
.select2-container--default .select2-results__option--highlighted[aria-selected]{color: #262e4b;background-color: #d2ddec;}
.select2-container--default .select2-results__option[aria-selected=true]{color: #687ae8;background-color: #edf2f9;}
.select2-container--default .select2-search--dropdown .select2-search__field{ width: 100%;padding-left: 29px;border: 0;border: none; outline: 0;background-color: #edf2f9;}
.select2-container .select2-selection--multiple .select2-selection__rendered{ font-size: 14px !important;padding: 2px .375rem !important;}
.select2-search--dropdown:before{ font-family: 'Material Design Icons';font-size: 18px; position: absolute;top: 6px;left: 10px;content: '\F349';color: #95aac9;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{ border: 1px solid transparent;border-radius: 2px; background-color: #e3ebf6;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ font-weight: 500;color: #000;}
.select2.is-invalid + .select2-container .select2-selection{border-color: #f2545b !important;}
.select2.is-valid + .select2-container .select2-selection{ border-color: #0c9 !important;}

/* 3.23 datepicker */
.datepicker{font-size: 12px;z-index: 99 !important;padding: 16px 25px;border-radius: 2px;}
.datepicker:after{border-bottom-color: #e3ebf6;}
.datepicker thead tr .datepicker-switch{ font-size: 13px;font-weight: 400;color: #95aac9;}
.datepicker thead tr .next, .datepicker thead tr .prev{  font-size: 0;content: '';color: #687ae8;}
.datepicker thead tr .next:before, .datepicker thead tr .prev:before{font-family: 'Material Design Icons';font-size: 1rem;line-height: inherit;  color: #687ae8; text-rendering: auto;-webkit-font-smoothing: antialiased;}
.datepicker thead tr .prev:before{content: '';}
.datepicker thead tr .next:before{  content: '';}
.datepicker thead tr .dow{font-size: 11px;text-align: center;text-transform: uppercase; color: #687ae8;}
.datepicker thead tr th{ width: 31px; height: 29px;text-align: center;}
.datepicker tbody tr .odd{ color: #d2ddec;}
.datepicker table tr td{ width: 31px; height: 29px; cursor: default; text-align: center; border-radius: .25rem;}
.datepicker table tr td.old, .datepicker table tr td.new{ color: #b1c2d9;}
.datepicker table tr td.day:hover{background: #e3ebf6;}
.datepicker table tr td.active{color: #fff;background-color: #687ae8 !important;}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover{font-weight: 600;background-image: none;text-shadow: none;}
.datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {color: #000;     background-color: #e3ebf6;background-image: none;}
.datepicker table tr td.today{color: #000;background-color: fade(#f7bc06, 60);}
.datepicker table tr td span{line-height: 42px;width: 42px;height: 42px;border-radius: 4px;}
.datepicker table tr td span.active{ border-radius: .25rem; background-color: #687ae8 !important;}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover{ border: 0;background-image: none; text-shadow: none;}
td.active.selected.range-start.range-end.day{ border-radius: .25rem;}
td.range-start.day{ border-top-right-radius: 0;border-bottom-right-radius: 0; border-bottom-left-radius: 0;background-color: #687ae8 !important;}
.datepicker table tr td.range{ color: #fff; background-color: #687ae8;}
td.selected.range-end.day{  border-top-left-radius: 0; border-top-right-radius: 0;border-bottom-left-radius: 0;background-color: #687ae8;}
.datepicker.dropdown-menu{color: #95aac9; border-color: #d3e0e9; border-radius: .25rem;box-shadow: 0 18px 35px rgba(50, 50, 93, .1), -1px 0 15px rgba(0, 0, 0, .07);}
.datepicker-inline{ width: auto;}

/* 3.24 daterangepicker */
.daterangepicker{font-family: 'Hind Vadodara', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';border: 1px solid #d3e0e9;box-shadow: 0 18px 35px rgba(50, 50, 93, .1), -1px 0 15px rgba(0, 0, 0, .07);}
.daterangepicker td.active, .daterangepicker td.active:hover{background-color: #687ae8;}
.daterangepicker .drp-buttons{border-top: 1px solid #d3e0e9;}

/* 3.25 timepicker */
.bootstrap-timepicker-widget .glyphicon{font-family: 'Material Design Icons'; font-size: inherit;line-height: inherit;display: inline-block; text-rendering: auto;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.bootstrap-timepicker-widget .glyphicon-chevron-down:before{content: '';}
.bootstrap-timepicker-widget .glyphicon-chevron-up:before{content: '';}

/* 3.26 rangeslider */
.ui-widget.ui-widget-content{border: 1px solid #d3e0e9;}
.ui-slider-range{background-color: #28304e;}
.ui-slider-horizontal .ui-slider-handle{top: -.6em; width: 2.5em;height: 1.8em;transition: color ease .2s;text-align: center;border: 1px solid #d3e0e9;background: #fff;box-shadow: 0 2px 4px rgba(126, 142, 177, .12);}
.ui-slider-horizontal .ui-slider-handle:after, .ui-slider-horizontal .ui-slider-handle:before{font-family: 'Material Design Icons';font-size: 1rem;color: #3e4676;}
.ui-slider-horizontal .ui-slider-handle:before{content: '';}
.ui-slider-horizontal .ui-slider-handle:after{content: '';}
.ui-slider-horizontal .ui-slider-handle.ui-state-active{background-color: #212841;}
.ui-slider-horizontal .ui-slider-handle.ui-state-active:after, .ui-slider-horizontal .ui-slider-handle.ui-state-active:before{color: #fff;}

/* 3.27 dropzone */
.dropzone{transition: background-color ease .2s; border: 2px dashed #d3e0e9 !important;border-radius: .25rem;}
.dropzone:hover{ background-color: #f9fbfd;}

/* 3.28 summernote */
.note-editor.note-frame{border-color: #d3e0e9 !important;}

/* 3.29 bootstrap-notify */
.bootstrap-notify{ max-width: 450px;padding: 10px;border-radius: .25rem;background-color: #fff;box-shadow: 0 18px 35px rgba(50, 50, 93, .1), -1px 0 15px rgba(0, 0, 0, .07);}
.bootstrap-notify .avatar-title{font-size: 1.2rem;}
.bootstrap-notify .progress{ position: absolute; z-index: 1; right: 0;bottom: -1px;left: 0; height: 2px;border-radius: 0;background-color: transparent;}
.toast{ display: inline-block; min-width: 300px; padding: 20px 15px;  color: #fff; background-color: #323232;box-shadow: 0 18px 35px rgba(50, 50, 93, .1), -1px 0 15px rgba(0, 0, 0, .07);}
.toast .close{ color: #fff !important;}

/* 3.30 chart */
.apexcharts-canvas{ height: 300px; margin: auto;}
.apexcharts-canvas .apexcharts-title-text, .apexcharts-canvas .apexcharts-legend-text, .apexcharts-canvas .apexcharts-legend-series, .apexcharts-canvas .apexcharts-xaxis-label, .apexcharts-canvas .apexcharts-yaxis-label, .apexcharts-canvas .apexcharts-yaxis-title, .apexcharts-canvas .apexcharts-xaxis-title, .apexcharts-canvas text{font-family: 'Hind Vadodara', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';    font-weight: 600; fill: #3e4676 !important;}
.invert-colors .apexcharts-title-text, .invert-colors .apexcharts-legend-text, .invert-colors .apexcharts-legend-series, .invert-colors .apexcharts-xaxis-label, .invert-colors .apexcharts-yaxis-label, .invert-colors .apexcharts-yaxis-title, .invert-colors .apexcharts-xaxis-title {fill: rgba(255, 255, 255, .57) !important;}
.invert-colors .apexcharts-zoom-icon svg, .invert-colors .apexcharts-zoom-in-icon svg, .invert-colors .apexcharts-zoom-out-icon svg, .invert-colors .apexcharts-reset-zoom-icon svg,
.invert-colors .apexcharts-download-icon svg{fill: rgba(255, 255, 255, .57) !important;}

/* 3.31 validate */
label.is-invalid{color: #f2545b !important;}
label.is-valid{color: #0c9 !important;}

/* 3.32 chat */
.chat-sidebar{max-width: 240px;background-color: #212841;}
.chat-sidebar .chat-sidebar-header{ height: 60px;}
.chat-sidebar .chat-sidebar-item{display: block;padding: 10px 15px;opacity: .7;}
.chat-sidebar .chat-sidebar-item:hover, .chat-sidebar .chat-sidebar-item:active, .chat-sidebar .chat-sidebar-item:focus, .chat-sidebar .chat-sidebar-item.active{opacity: 1;}
.chat-window{display: flex;flex-direction: column;}
.chat-window .chat-window-header{height: 65px;padding-right: 15px;padding-left: 15px;border-bottom: 1px solid #d3e0e9;box-shadow: 0 2px 4px rgba(126, 142, 177, .12);flex: 0 0 auto;align-items: center;}
.chat-window .chat-window-footer{min-height: 65px;padding: 10px 15px;}
.chat-window .chat-window-body{overflow-y: auto; padding-right: 15px;padding-left: 15px;flex: 1 1 auto;}
.chat-window .chat-window-body .chat-item{padding: 15px 0;transition: all ease .2s;}
.chat-window .chat-window-body .chat-item:hover{background-color: #f9fbfd;}

@media (max-width: 992px){
    .chat-sidebar { position: fixed; z-index: 1;}
}

/* 3.33 mail */
.mail-sidebar{ max-width: 240px; background-color: #212841;}
.mail-sidebar .mail-sidebar-header{ height: 60px;}
.mail-sidebar .mail-sidebar-item{ display: block; padding: 10px 15px; opacity: .7;}
.mail-sidebar .mail-sidebar-item:hover, .mail-sidebar .mail-sidebar-item:active, .mail-sidebar .mail-sidebar-item:focus, .mail-sidebar .mail-sidebar-item.active{ opacity: 1;}
.mail-window{display: flex;flex-direction: column;}
.mail-window .mail-window-header{height: 65px;padding-right: 15px;padding-left: 15px;border-bottom: 1px solid #d3e0e9;box-shadow: 0 2px 4px rgba(126, 142, 177, .12);flex: 0 0 auto;align-items: center;}
.mail-window .mail-window-footer{min-height: 65px;padding: 10px 15px;}
.mail-window .mail-window-body{overflow-y: auto; padding-right: 15px;padding-left: 15px;flex: 1 1 auto;}
.mail-window .mail-window-body .mail-item{padding: 15px 0;cursor: pointer;transition: all ease .2s;}
.mail-window .mail-window-body .mail-item:hover{background-color: #f9fbfd;}
.mail-window .mail-window-body .mail-item.active{background-color: #edf2f9;}
.mail-window .mail-window-body .mailbox-options{width: 80px;}
.mail-window .mail-window-body .mailbox-name{width: 180px;}
.mail-window .mail-window-body .mailbox-sender{margin-left: .5rem;}
.compose-wrapper{position: fixed;z-index: 999; right: 40px; bottom: 0;}
.compose-wrapper .compose-header{padding: 0 15px;}
.compose-wrapper .compose-header .compose-toolbar{padding: 5px 0;}
.compose-wrapper .compose-dialog{width: 35vw;max-width: 400px;height: 450px;background-color: #fff;box-shadow: 0 18px 35px rgba(50, 50, 93, .1), -1px 0 15px rgba(0, 0, 0, .07);}
.compose-wrapper .compose-body{overflow: hidden; flex: 1 1 auto;}
.compose-wrapper .compose-footer{padding: 8px 15px; border-top: 1px solid #d3e0e9;}
.compose-container{display: none;}
.show-compose-window .compose-container{display: block;}

/* 3.34 kanban */
.kanban-workspace .kanban-list{width: 300px;min-width: 300px;padding: 10px;}
.kanban-workspace .kanban-list .kanban-list-container{padding: 10px;border-radius: .25rem;background-color: #d2ddec;}
.kanban-workspace .kanban-list .kanban-list-container .kanban-list-wrapper{ padding: 10px 0;}
.kanban-board-title{margin: 0;padding: 5px; transition: all ease .2s; border-radius: .25rem;}
.kanban-board-title:hover, .kanban-board-title:focus{outline: 0;background-color: rgba(0, 0, 0, .15);}
.kanban-item{margin-bottom: 10px;transiton: all ease .2s;}
.kanban-ribbion{position: absolute;  right: 0;left: 0; height: 4px;border-radius: .25rem;}
.tilt{transform: rotate(3deg);box-shadow: 0 18px 35px rgba(50, 50, 93, .1), -1px 0 15px rgba(0, 0, 0, .07);}

/* 3.35 guide */
.guide-item{min-height: 335px;}
.guide-item:after{content: '';transition: all ease .2s;opacity: 1;}
.guide-item:hover:after, .guide-item:focus:after, .guide-item:active:after {position: absolute;top: 0;right: 0;content: '';opacity: 1; border-width: 35px 0 0 35px;border-style: solid;border-color: #fff #dcdcdc;}

/* 3.36 background */
.bg-soft-primary{color: #687ae8 !important;background-color: #e1e4fa !important;}
.bg-soft-primary[href]:hover, .bg-soft-primary[href]:focus{text-decoration: none;color: #687ae8 !important;background-color: #cbd0f6 !important;}
.bg-soft-secondary{color: #95aac9 !important;ackground-color: #eaeef4 !important;}
.bg-soft-secondary[href]:hover, .bg-soft-secondary[href]:focus{text-decoration: none;color: #95aac9 !important;background-color: #d9e0eb !important;}
.bg-soft-success{color: #0c9 !important;background-color: #ccf5eb !important;}
.bg-soft-success[href]:hover, .bg-soft-success[href]:focus{text-decoration: none;color: #0c9 !important;background-color: #b7f1e3 !important;}
.bg-soft-info{color: #19b5fe !important; background-color: #d1f0ff !important;}
.bg-soft-info[href]:hover, .bg-soft-info[href]:focus {text-decoration: none;color: #19b5fe !important;background-color: #b8e8ff !important;}
.bg-soft-warning{ color: #f7bc06 !important;background-color: #fdf2cd !important;}
.bg-soft-warning[href]:hover, .bg-soft-warning[href]:focus{text-decoration: none;color: #f7bc06 !important;background-color: #fcecb4 !important;}
.bg-soft-danger{color: #f2545b !important;background-color: #fcddde !important;}
.bg-soft-danger[href]:hover, bg-soft-danger[href]:focus{text-decoration: none;color: #f2545b !important;background-color: #fac6c7 !important;}
.bg-soft-light{color: #f9fbfd !important;background-color: #fefeff !important;}
.bg-soft-light[href]:hover, .bg-soft-light[href]:focus {text-decoration: none;color: #f9fbfd !important;background-color: #e5e5ff !important;}
.bg-soft-dark{color: #28304e !important;background-color: #d4d6dc !important;}
.bg-soft-dark[href]:hover, .bg-soft-dark[href]:focus {text-decoration: none;color: #28304e !important;background-color: #c6c9d1 !important;}
.bg-gray-100{background-color: #f9fbfd;}
.bg-gray-200{background-color: #edf2f9;}
.bg-gray-300{background-color: #e3ebf6;}
.bg-gray-400{background-color: #d2ddec;}
.bg-gray-500{ background-color: #b1c2d9;}
.bg-gray-600{background-color: #95aac9;}
.bg-gray-700{background-color: #28304e;}
.bg-gray-800{background-color: #262e4b;}
.bg-gray-900{background-color: #212841;}
.bg-white-translucent{background-color: rgba(255, 255, 255, .15);}
.bg-black-translucent{background-color: rgba(0, 0, 0, .15);}
.overlay-gradient-top{width: 100%;background: linear-gradient(to top, rgba(20, 16, 17, .4) 0, rgba(20, 16, 17, .28) 59%, rgba(20, 16, 17, .09) 84%, rgba(20, 16, 17, .01) 99%, rgba(255, 255, 255, 0) 100%);}
.overlay-gradient-bottom{width: 100%;background: linear-gradient(to bottom, rgba(20, 16, 17, .4) 0, rgba(20, 16, 17, .28) 59%, rgba(20, 16, 17, .09) 84%, rgba(20, 16, 17, .01) 99%, rgba(255, 255, 255, 0) 100%);}
.bg-white{background-color: #fff !important;}
.bg-transparent{background-color: transparent !important;}
.bg-cover{background-position: center; background-size: cover;}
.bg-overlay{background-color: rgba(0, 0, 0, .35);}
.bg-overlay-light{background-color: rgba(255, 255, 255, .35);}
.bg-dots{ background-image: url('../img/patterns/dot.svg');background-size: 20px;}
.bg-pattern{background-image: url('../img/patterns/bg.svg');background-position: center;background-size: cover;}
.gradient-01{ background-image: linear-gradient(to top right, #5540bf, #a697f2);}

/* 3.37 grid-xlg */
.visible-xlg{display: none;}


/* 3.39 demo */
.icon--name{width: 100px;}
.icon--item{transition: all linear .2s;opacity: .9;border-radius: .25rem;}
.icon--item.active, .icon--item:hover{opacity: 1;background-color: #f6f9fc;box-shadow: 0 0 0 3px #3e4676;}
.icon--wrapper{display: inline-block;max-width: 135px;height: 100px;margin: 0 5px;}
.iconbar{position: fixed;z-index: 999;right: 0;bottom: 20px;left: 0;text-align: center;}
.iconbar--wrapper{display: inline-block;padding: 0 15px 15px 15px;transition: all ease .3s;color: #fff;border-radius: .25rem;box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);}
#iconbar-preview{ font-size: 23px;vertical-align: sub;}

#search_table {
    width: 100%;
}

#search_table label {
    display: block;
    margin-bottom: 0.5rem;
    text-align: center;
}

#search_table button {
    width: 90%;
    height: 55px;
    border: none;
    outline: none;
    border-radius: 10px;
    max-width: 110px;
}

#search_table td {
    text-align: center;
    padding: 10px 0;
}

#search_table select {
    display: inline;
    width: 150px;
}