body,h1,h2,h3,h4,h5,h6{
    font-family:"Poppins", sans-serif
}
body{
    font-weight:400;
    font-size:13px;
    color:#3f4254;
    -ms-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    padding-top:124px !important;
}
.section-main{
    padding:50px 0;
    background-color:#f0f0f0
}
.text-muted-light{
    color:#b5b5c3
}
.navbar-custom-main.bg-light{
    background-color:#fff !important
}
.navbar-custom-main .img-logo{
    width:200px;
    object-fit:contain
}
.navbar-custom-main a.dropdown-item{
    font-size:0.8rem !important;
    color:#3f4254
}
.navbar-custom-main .navbar-nav .nav-link{
    font-weight:500
}
.ul-breadbrumbs{
    display:flex;
    align-items:center;
    flex-wrap:wrap
}
.ul-breadbrumbs li{
    position:relative;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    color:#b5b5c3;
    font-weight:500;
    font-size:0.825rem
}
.ul-breadbrumbs li h6{
    color:#8d8f9a
}
.ul-breadbrumbs li:first-child{
    border-right:2px solid #3f425430;
    padding-right:1rem
}
.ul-breadbrumbs li:not(:first-child):not(:last-child):after{
    display:block;
    content:" ";
    width:4px;
    height:4px;
    border-radius:4px;
    background:#d1d3e0;
    margin-left:0.5rem
}
.ul-breadbrumbs li .a-link-breadcrumbs{
    color:#b5b5c3;
    font-weight:500;
    font-size:0.825rem;
    display:block
}
.section-main .form-control:not([disabled]),.section-main .custom-select:not([disabled]){
    border-color:#e4e6ef;
    background-color:#f3f6f9
}
.section-main .form-control:not([disabled]):focus,.section-main .custom-select:not([disabled]):focus{
    box-shadow:none;
    border-color:#f0f0f1;
    background-color:#fff
}
.table-minimal.table{
    color:#3f4254
}
.table-minimal.table thead th{
    border-bottom:none;
    border-top:none;
    font-weight:500;
    color:#181c32;
    font-size:0.8rem;
    text-transform:uppercase
}
.table-minimal.table thead th.sorting_asc,.table-minimal.table thead th.sorting_desc{
    color:#3699ff
}
.table-minimal.table td{
    border-color:#efefef
}
.table-minimal.table td a:not(.btn){
    color:#3f4254;
    border-bottom:1px dotted #3f4254
}
.table-minimal.table td a:not(.btn):hover{
    color:#3699ff;
    border-bottom:1px dotted #3699ff
}
.table-minimal.table td a:not(.btn):hover,.table-minimal.table td a:not(.btn):focus,.table-minimal.table td a:not(.btn):active{
    text-decoration:none;
    outline-color:none
}
.table-minimal.table tbody tr:nth-of-type(odd){
    background-color:#fafafa
}
.table-minimal.table tbody tr:hover{
    color:#3f4254;
    background-color:#f2f3f7
}
.card{
    box-shadow:0px 0px 30px 0px rgba(82,63,105,0.05);
    border-color:#e4e6ef
}
.card-header.bg-white{
    font-size:1rem;
    padding-top:1rem;
    padding-bottom:1rem;
    color:#181c32
}
.navtab-custom-sub li.nav-item:first-child a{
    border-left:1px solid #e4e6ef
}
.navtab-custom-sub li.nav-item a{
    display:block;
    text-align:center;
    padding:1rem 2rem;
    background-color: #9d9ea2;
    border-right: 1px solid #888;
    border-top: 1px solid transparent;
    border-left:1px solid transparent;
    border-bottom:1px solid transparent;
    border-radius:0
}
.nav-tabs.navtab-custom-sub .nav-link:hover{
    background-color: #f3f1f1;
    border-right: 1px solid #fff;
    border-top: 1px solid transparent;
    border-left:1px solid transparent;
    border-bottom:1px solid transparent;
}
.navtab-custom-sub li.nav-item a .nav-item-title{
    display:block;
    font-weight:600;
    color:#000;
}
.navtab-custom-sub li.nav-item a .nav-item-desc{
    color:#555
}
.navtab-custom-sub li.nav-item a:focus,.navtab-custom-sub li.nav-item a:hover,.navtab-custom-sub li.nav-item a:active{
    outline:none
}
.navtab-custom-sub .nav-item a.active{
    background-color:#fff;
    border-color:transparent
}
.navtab-custom-sub .nav-item a.active:focus,
.navtab-custom-sub .nav-item a.active:hover{
    border-color: transparent;
    background-color: #fff;
}
.navtab-custom-sub .nav-item a.active .nav-item-title{
    color:#000
}
.tab-content-custom.tab-content-minimal .tab-pane{
    padding:0.25rem;
    background-color:#fff
}
.mh-300{
    min-height:300px
}
.badge-light{
    padding:0.55rem 0.75rem;
    display:inline-block;
    border-radius:0.42rem;
    font-size:0.825rem;
    font-weight:500
}
.badge-light.badge-primary-light{
    color:#3699ff;
    background-color:#e1f0ff
}
.badge-light.badge-danger-light{
    color:#f64e60;
    background-color:#ffe2e5
}
.badge-light.badge-dark-light{
    color:#181c32;
    background-color:#d1d3e0
}
.card-widget .bg-card{
    background-color:#fff;
    color:#3f4254;
    line-height:normal;
    overflow:hidden;
    margin-bottom:1rem
}
.card-widget .bg-card .card-body{
    padding:1rem
}
.card-widget .card-num-stats{
    font-size:1.75rem;
    font-weight:600;
    color:#3f4254
}
.card-widget .card-title-stats{
    font-size:0.75rem;
    text-transform:uppercase;
    color:#3f4254
}
.card-widget .card-meta-viewall{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.3);
    padding:5px 1rem;
    font-size:0.65rem;
    text-transform:uppercase;
    font-weight:500;
    color:#fff
}
.card-widget .card-meta-viewall:hover,.card-widget .card-meta-viewall:active,.card-widget .card-meta-viewall:focus{
    text-decoration:none;
    outline-color:none;
    opacity:0.9
}
.card-widget .bg-card-danger-light{
    background-color:#f64e60;
    color:#fff
}
.card-widget .bg-card-danger-light .card-num-stats{
    color:#fff
}
.card-widget .bg-card-danger-light .card-title-stats{
    color:#fff
}
.card-widget .bg-card-yellow-light{
    background-color: #fff4de;
    color: #3f4254;
}
.card-widget .bg-card-info-light{
    background-color:#3699ff;
    color:#fff
}
.card-widget .bg-card-info-light .card-num-stats{
    color:#fff
}
.card-widget .bg-card-info-light .card-title-stats{
    color:#fff
}
.card-widget .bg-card-dark{
	background-color:#000;
    color:#fff
}
.card-widget .bg-card-dark .card-num-stats{
    color:#fff
}
.card-widget .bg-card-dark .card-title-stats{
    color:#fff
}
.card-widget .bg-card-dark-light{
    background-color:#4d4d4d;
    color:#fff
}
.card-widget .bg-card-dark-light .card-num-stats{
    color:#fff
}
.card-widget .bg-card-dark-light .card-title-stats{
    color:#fff
}
.card-widget .bg-card-dark-gray{
    background-color:#6a6e91;
    color:#fff
}
.card-widget .bg-card-dark-gray .card-num-stats{
    color:#fff
}
.card-widget .bg-card-dark-gray .card-title-stats{
    color:#fff
}
.card-widget .bg-card-blue{
    background-color:#2aacdb;
    color:#fff
}
.card-widget .bg-card-blue .card-num-stats{
    color:#fff
}
.card-widget .bg-card-blue .card-title-stats{
    color:#fff
}
.card-widget .bg-card-navy-blue{
    background-color:#162075;
    color:#fff
}
.card-widget .bg-card-navy-blue .card-num-stats{
    color:#fff
}
.card-widget .bg-card-navy-blue .card-title-stats{
    color:#fff
}
.card-widget .card-link:hover,.card-widget .card-link:active,.card-widget .card-link:focus{
    text-decoration:none;
    outline-color:none;
    opacity:0.9
}
.input-group .form-control,.input-group .custom-select{
    font-size:14px;
    min-height:2.5rem
}
.input-group .btn-light{
    color:#3f4254;
    background-color:#e4e6ef;
    border-color:#e4e6ef
}
.input-group .btn-light:hover,.input-group .btn-light:focus,.input-group .btn-light:active{
    color:#3f4254
}
.input-group .btn-light:hover{
    background-color:#d7dae7;
    border-color:#d7dae7
}
section.footer{
    background-color:#222;
    color:#fff
}
.form-group label{
    font-weight:500
}
label{
    font-weight:500
}
.btn+.btn{
    margin-left:0.25rem
}
.btn-text-sm{
    font-size:0.8rem
}
.text-blue{
    color:#2aacdb
}
.text-light-danger{
    color:#f64e60
}
.text-navy-blue{
    color:#162075
}
.text-dark-gray{
    color:#6a6e91
}
.btn-transparent{
	background-color: transparent;
	color: #000;
}
.btn-transparent:hover{
	background-color: #dae3ec;
	transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out
}
.btn-dark-gray{
    transition:fill 0.3s ease;
    color:#fff;
    background-color:#6a6e91;
    transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out
}
.btn-dark-gray:hover{
    color:#fff;
    opacity:0.8
}
.btn-blue{
    transition:fill 0.3s ease;
    color:#fff;
    background-color:#2aacdb;
    transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out
}
.btn-blue:hover{
    color:#fff;
    opacity:0.8
}
.btn.btn-light-dark-gray{
    color:#6a6e91;
    background-color:#d3d4de;
    border-color:transparent
}
.btn.btn-light-dark-gray:hover{
    background-color:#6a6e91;
    color:#fff
}
.btn.btn-light-blue{
    color:#6a6e91;
    background-color:#2aacdb33;
    border-color:transparent
}
.btn.btn-light-blue:hover{
    background-color:#2aacdb;
    color:#fff
}
.btn.btn-light-danger{
    color:#f64e60;
    background-color:#ffe2e5;
    border-color:transparent
}
.btn.btn-light-danger i{
    color:#f64e60
}
.btn.btn-light-danger .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#f64e60
}
.btn.btn-light-danger .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-danger.dropdown-toggle:after{
    color:#f64e60
}
.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled),.btn.btn-light-danger:focus:not(.btn-text),.btn.btn-light-danger.focus:not(.btn-text){
    color:#ffffff;
    background-color:#f64e60;
    border-color:transparent
}
.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i,.btn.btn-light-danger:focus:not(.btn-text) i,.btn.btn-light-danger.focus:not(.btn-text) i{
    color:#ffffff
}
.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],.btn.btn-light-danger:focus:not(.btn-text) .svg-icon svg g [fill],.btn.btn-light-danger.focus:not(.btn-text) .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#ffffff
}
.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],.btn.btn-light-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill],.btn.btn-light-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,.btn.btn-light-danger:focus:not(.btn-text).dropdown-toggle:after,.btn.btn-light-danger.focus:not(.btn-text).dropdown-toggle:after{
    color:#ffffff
}
.btn.btn-light-danger.disabled,.btn.btn-light-danger:disabled{
    color:#f64e60;
    background-color:#ffe2e5;
    border-color:transparent
}
.btn.btn-light-danger.disabled i,.btn.btn-light-danger:disabled i{
    color:#f64e60
}
.btn.btn-light-danger.disabled .svg-icon svg g [fill],.btn.btn-light-danger:disabled .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#f64e60
}
.btn.btn-light-danger.disabled .svg-icon svg:hover g [fill],.btn.btn-light-danger:disabled .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-danger.disabled.dropdown-toggle:after,.btn.btn-light-danger:disabled.dropdown-toggle:after{
    color:#f64e60
}
.btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text),.btn.btn-light-danger:not(:disabled):not(.disabled).active,.show>.btn.btn-light-danger.dropdown-toggle,.show .btn.btn-light-danger.btn-dropdown{
    color:#ffffff;
    background-color:#f64e60;
    border-color:transparent
}
.btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text) i,.btn.btn-light-danger:not(:disabled):not(.disabled).active i,.show>.btn.btn-light-danger.dropdown-toggle i,.show .btn.btn-light-danger.btn-dropdown i{
    color:#ffffff
}
.btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],.btn.btn-light-danger:not(:disabled):not(.disabled).active .svg-icon svg g [fill],.show>.btn.btn-light-danger.dropdown-toggle .svg-icon svg g [fill],.show .btn.btn-light-danger.btn-dropdown .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#ffffff
}
.btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],.btn.btn-light-danger:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],.show>.btn.btn-light-danger.dropdown-toggle .svg-icon svg:hover g [fill],.show .btn.btn-light-danger.btn-dropdown .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,.btn.btn-light-danger:not(:disabled):not(.disabled).active.dropdown-toggle:after,.show>.btn.btn-light-danger.dropdown-toggle.dropdown-toggle:after,.show .btn.btn-light-danger.btn-dropdown.dropdown-toggle:after{
    color:#ffffff
}
.btn.btn-light-primary{
    color:#3699ff;
    background-color:#e1f0ff;
    border-color:transparent
}
.btn.btn-light-primary i{
    color:#3699ff
}
.btn.btn-light-primary .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#3699ff
}
.btn.btn-light-primary .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-primary.dropdown-toggle:after{
    color:#3699ff
}
.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled),.btn.btn-light-primary:focus:not(.btn-text),.btn.btn-light-primary.focus:not(.btn-text){
    color:#ffffff;
    background-color:#3699ff;
    border-color:transparent
}
.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i,.btn.btn-light-primary:focus:not(.btn-text) i,.btn.btn-light-primary.focus:not(.btn-text) i{
    color:#ffffff
}
.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],.btn.btn-light-primary:focus:not(.btn-text) .svg-icon svg g [fill],.btn.btn-light-primary.focus:not(.btn-text) .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#ffffff
}
.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],.btn.btn-light-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill],.btn.btn-light-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,.btn.btn-light-primary:focus:not(.btn-text).dropdown-toggle:after,.btn.btn-light-primary.focus:not(.btn-text).dropdown-toggle:after{
    color:#ffffff
}
.btn.btn-light-primary.disabled,.btn.btn-light-primary:disabled{
    color:#3699ff;
    background-color:#e1f0ff;
    border-color:transparent
}
.btn.btn-light-primary.disabled i,.btn.btn-light-primary:disabled i{
    color:#3699ff
}
.btn.btn-light-primary.disabled .svg-icon svg g [fill],.btn.btn-light-primary:disabled .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#3699ff
}
.btn.btn-light-primary.disabled .svg-icon svg:hover g [fill],.btn.btn-light-primary:disabled .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-primary.disabled.dropdown-toggle:after,.btn.btn-light-primary:disabled.dropdown-toggle:after{
    color:#3699ff
}
.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text),.btn.btn-light-primary:not(:disabled):not(.disabled).active,.show>.btn.btn-light-primary.dropdown-toggle,.show .btn.btn-light-primary.btn-dropdown{
    color:#ffffff;
    background-color:#3699ff;
    border-color:transparent
}
.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) i,.btn.btn-light-primary:not(:disabled):not(.disabled).active i,.show>.btn.btn-light-primary.dropdown-toggle i,.show .btn.btn-light-primary.btn-dropdown i{
    color:#ffffff
}
.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],.btn.btn-light-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill],.show>.btn.btn-light-primary.dropdown-toggle .svg-icon svg g [fill],.show .btn.btn-light-primary.btn-dropdown .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#ffffff
}
.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],.btn.btn-light-primary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],.show>.btn.btn-light-primary.dropdown-toggle .svg-icon svg:hover g [fill],.show .btn.btn-light-primary.btn-dropdown .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,.btn.btn-light-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after,.show>.btn.btn-light-primary.dropdown-toggle.dropdown-toggle:after,.show .btn.btn-light-primary.btn-dropdown.dropdown-toggle:after{
    color:#ffffff
}
.btn.btn-light-dark{
    color:#181c32;
    background-color:#d1d3e0;
    border-color:transparent
}
.btn.btn-light-dark i{
    color:#181c32
}
.btn.btn-light-dark .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#181c32
}
.btn.btn-light-dark .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-dark.dropdown-toggle:after{
    color:#181c32
}
.btn.btn-light-dark:hover:not(.btn-text):not(:disabled):not(.disabled),.btn.btn-light-dark:focus:not(.btn-text),.btn.btn-light-dark.focus:not(.btn-text){
    color:#ffffff;
    background-color:#181c32;
    border-color:transparent
}
.btn.btn-light-dark:hover:not(.btn-text):not(:disabled):not(.disabled) i,.btn.btn-light-dark:focus:not(.btn-text) i,.btn.btn-light-dark.focus:not(.btn-text) i{
    color:#ffffff
}
.btn.btn-light-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],.btn.btn-light-dark:focus:not(.btn-text) .svg-icon svg g [fill],.btn.btn-light-dark.focus:not(.btn-text) .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#ffffff
}
.btn.btn-light-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],.btn.btn-light-dark:focus:not(.btn-text) .svg-icon svg:hover g [fill],.btn.btn-light-dark.focus:not(.btn-text) .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-dark:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,.btn.btn-light-dark:focus:not(.btn-text).dropdown-toggle:after,.btn.btn-light-dark.focus:not(.btn-text).dropdown-toggle:after{
    color:#ffffff
}
.btn.btn-light-dark.disabled,.btn.btn-light-dark:disabled{
    color:#181c32;
    background-color:#d1d3e0;
    border-color:transparent
}
.btn.btn-light-dark.disabled i,.btn.btn-light-dark:disabled i{
    color:#181c32
}
.btn.btn-light-dark.disabled .svg-icon svg g [fill],.btn.btn-light-dark:disabled .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#181c32
}
.btn.btn-light-dark.disabled .svg-icon svg:hover g [fill],.btn.btn-light-dark:disabled .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-dark.disabled.dropdown-toggle:after,.btn.btn-light-dark:disabled.dropdown-toggle:after{
    color:#181c32
}
.btn.btn-light-dark:not(:disabled):not(.disabled):active:not(.btn-text),.btn.btn-light-dark:not(:disabled):not(.disabled).active,.show>.btn.btn-light-dark.dropdown-toggle,.show .btn.btn-light-dark.btn-dropdown{
    color:#ffffff;
    background-color:#181c32;
    border-color:transparent
}
.btn.btn-light-dark:not(:disabled):not(.disabled):active:not(.btn-text) i,.btn.btn-light-dark:not(:disabled):not(.disabled).active i,.show>.btn.btn-light-dark.dropdown-toggle i,.show .btn.btn-light-dark.btn-dropdown i{
    color:#ffffff
}
.btn.btn-light-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],.btn.btn-light-dark:not(:disabled):not(.disabled).active .svg-icon svg g [fill],.show>.btn.btn-light-dark.dropdown-toggle .svg-icon svg g [fill],.show .btn.btn-light-dark.btn-dropdown .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#ffffff
}
.btn.btn-light-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],.btn.btn-light-dark:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],.show>.btn.btn-light-dark.dropdown-toggle .svg-icon svg:hover g [fill],.show .btn.btn-light-dark.btn-dropdown .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-dark:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,.btn.btn-light-dark:not(:disabled):not(.disabled).active.dropdown-toggle:after,.show>.btn.btn-light-dark.dropdown-toggle.dropdown-toggle:after,.show .btn.btn-light-dark.btn-dropdown.dropdown-toggle:after{
    color:#ffffff
}
.btn.btn-light-warning{
    color:#ffa800;
    background-color:#fff4de;
    border-color:transparent
}
.btn.btn-light-warning i{
    color:#ffa800
}
.btn.btn-light-warning .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#ffa800
}
.btn.btn-light-warning .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-warning.dropdown-toggle:after{
    color:#ffa800
}
.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled),.btn.btn-light-warning:focus:not(.btn-text),.btn.btn-light-warning.focus:not(.btn-text){
    color:#ffffff;
    background-color:#ffa800;
    border-color:transparent
}
.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i,.btn.btn-light-warning:focus:not(.btn-text) i,.btn.btn-light-warning.focus:not(.btn-text) i{
    color:#ffffff
}
.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],.btn.btn-light-warning:focus:not(.btn-text) .svg-icon svg g [fill],.btn.btn-light-warning.focus:not(.btn-text) .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#ffffff
}
.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],.btn.btn-light-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill],.btn.btn-light-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,.btn.btn-light-warning:focus:not(.btn-text).dropdown-toggle:after,.btn.btn-light-warning.focus:not(.btn-text).dropdown-toggle:after{
    color:#ffffff
}
.btn.btn-light-warning.disabled,.btn.btn-light-warning:disabled{
    color:#ffa800;
    background-color:#fff4de;
    border-color:transparent
}
.btn.btn-light-warning.disabled i,.btn.btn-light-warning:disabled i{
    color:#ffa800
}
.btn.btn-light-warning.disabled .svg-icon svg g [fill],.btn.btn-light-warning:disabled .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#ffa800
}
.btn.btn-light-warning.disabled .svg-icon svg:hover g [fill],.btn.btn-light-warning:disabled .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-warning.disabled.dropdown-toggle:after,.btn.btn-light-warning:disabled.dropdown-toggle:after{
    color:#ffa800
}
.btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text),.btn.btn-light-warning:not(:disabled):not(.disabled).active,.show>.btn.btn-light-warning.dropdown-toggle,.show .btn.btn-light-warning.btn-dropdown{
    color:#ffffff;
    background-color:#ffa800;
    border-color:transparent
}
.btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) i,.btn.btn-light-warning:not(:disabled):not(.disabled).active i,.show>.btn.btn-light-warning.dropdown-toggle i,.show .btn.btn-light-warning.btn-dropdown i{
    color:#ffffff
}
.btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],.btn.btn-light-warning:not(:disabled):not(.disabled).active .svg-icon svg g [fill],.show>.btn.btn-light-warning.dropdown-toggle .svg-icon svg g [fill],.show .btn.btn-light-warning.btn-dropdown .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#ffffff
}
.btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],.btn.btn-light-warning:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],.show>.btn.btn-light-warning.dropdown-toggle .svg-icon svg:hover g [fill],.show .btn.btn-light-warning.btn-dropdown .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,.btn.btn-light-warning:not(:disabled):not(.disabled).active.dropdown-toggle:after,.show>.btn.btn-light-warning.dropdown-toggle.dropdown-toggle:after,.show .btn.btn-light-warning.btn-dropdown.dropdown-toggle:after{
    color:#ffffff
}
.btn.btn-light-info{
    color:#8950fc;
    background-color:#eee5ff;
    border-color:transparent
}
.btn.btn-light-info i{
    color:#8950fc
}
.btn.btn-light-info .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#8950fc
}
.btn.btn-light-info .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-info.dropdown-toggle:after{
    color:#8950fc
}
.btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled),.btn.btn-light-info:focus:not(.btn-text),.btn.btn-light-info.focus:not(.btn-text){
    color:#ffffff;
    background-color:#8950fc;
    border-color:transparent
}
.btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled) i,.btn.btn-light-info:focus:not(.btn-text) i,.btn.btn-light-info.focus:not(.btn-text) i{
    color:#ffffff
}
.btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],.btn.btn-light-info:focus:not(.btn-text) .svg-icon svg g [fill],.btn.btn-light-info.focus:not(.btn-text) .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#ffffff
}
.btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],.btn.btn-light-info:focus:not(.btn-text) .svg-icon svg:hover g [fill],.btn.btn-light-info.focus:not(.btn-text) .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,.btn.btn-light-info:focus:not(.btn-text).dropdown-toggle:after,.btn.btn-light-info.focus:not(.btn-text).dropdown-toggle:after{
    color:#ffffff
}
.btn.btn-light-info.disabled,.btn.btn-light-info:disabled{
    color:#8950fc;
    background-color:#eee5ff;
    border-color:transparent
}
.btn.btn-light-info.disabled i,.btn.btn-light-info:disabled i{
    color:#8950fc
}
.btn.btn-light-info.disabled .svg-icon svg g [fill],.btn.btn-light-info:disabled .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#8950fc
}
.btn.btn-light-info.disabled .svg-icon svg:hover g [fill],.btn.btn-light-info:disabled .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-info.disabled.dropdown-toggle:after,.btn.btn-light-info:disabled.dropdown-toggle:after{
    color:#8950fc
}
.btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text),.btn.btn-light-info:not(:disabled):not(.disabled).active,.show>.btn.btn-light-info.dropdown-toggle,.show .btn.btn-light-info.btn-dropdown{
    color:#ffffff;
    background-color:#8950fc;
    border-color:transparent
}
.btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text) i,.btn.btn-light-info:not(:disabled):not(.disabled).active i,.show>.btn.btn-light-info.dropdown-toggle i,.show .btn.btn-light-info.btn-dropdown i{
    color:#ffffff
}
.btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],.btn.btn-light-info:not(:disabled):not(.disabled).active .svg-icon svg g [fill],.show>.btn.btn-light-info.dropdown-toggle .svg-icon svg g [fill],.show .btn.btn-light-info.btn-dropdown .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#ffffff
}
.btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],.btn.btn-light-info:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],.show>.btn.btn-light-info.dropdown-toggle .svg-icon svg:hover g [fill],.show .btn.btn-light-info.btn-dropdown .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,.btn.btn-light-info:not(:disabled):not(.disabled).active.dropdown-toggle:after,.show>.btn.btn-light-info.dropdown-toggle.dropdown-toggle:after,.show .btn.btn-light-info.btn-dropdown.dropdown-toggle:after{
    color:#ffffff
}
.btn.btn-light-success{
    color:#1bc5bd;
    background-color:#c9f7f5;
    border-color:transparent
}
.btn.btn-light-success i{
    color:#1bc5bd
}
.btn.btn-light-success .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#1bc5bd
}
.btn.btn-light-success .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-success.dropdown-toggle:after{
    color:#1bc5bd
}
.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled),.btn.btn-light-success:focus:not(.btn-text),.btn.btn-light-success.focus:not(.btn-text){
    color:#ffffff;
    background-color:#1bc5bd;
    border-color:transparent
}
.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) i,.btn.btn-light-success:focus:not(.btn-text) i,.btn.btn-light-success.focus:not(.btn-text) i{
    color:#ffffff
}
.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],.btn.btn-light-success:focus:not(.btn-text) .svg-icon svg g [fill],.btn.btn-light-success.focus:not(.btn-text) .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#ffffff
}
.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],.btn.btn-light-success:focus:not(.btn-text) .svg-icon svg:hover g [fill],.btn.btn-light-success.focus:not(.btn-text) .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,.btn.btn-light-success:focus:not(.btn-text).dropdown-toggle:after,.btn.btn-light-success.focus:not(.btn-text).dropdown-toggle:after{
    color:#ffffff
}
.btn.btn-light-success.disabled,.btn.btn-light-success:disabled{
    color:#1bc5bd;
    background-color:#c9f7f5;
    border-color:transparent
}
.btn.btn-light-success.disabled i,.btn.btn-light-success:disabled i{
    color:#1bc5bd
}
.btn.btn-light-success.disabled .svg-icon svg g [fill],.btn.btn-light-success:disabled .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#1bc5bd
}
.btn.btn-light-success.disabled .svg-icon svg:hover g [fill],.btn.btn-light-success:disabled .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-success.disabled.dropdown-toggle:after,.btn.btn-light-success:disabled.dropdown-toggle:after{
    color:#1bc5bd
}
.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text),.btn.btn-light-success:not(:disabled):not(.disabled).active,.show>.btn.btn-light-success.dropdown-toggle,.show .btn.btn-light-success.btn-dropdown{
    color:#ffffff;
    background-color:#1bc5bd;
    border-color:transparent
}
.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text) i,.btn.btn-light-success:not(:disabled):not(.disabled).active i,.show>.btn.btn-light-success.dropdown-toggle i,.show .btn.btn-light-success.btn-dropdown i{
    color:#ffffff
}
.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],.btn.btn-light-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill],.show>.btn.btn-light-success.dropdown-toggle .svg-icon svg g [fill],.show .btn.btn-light-success.btn-dropdown .svg-icon svg g [fill]{
    transition:fill 0.3s ease;
    fill:#ffffff
}
.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],.btn.btn-light-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],.show>.btn.btn-light-success.dropdown-toggle .svg-icon svg:hover g [fill],.show .btn.btn-light-success.btn-dropdown .svg-icon svg:hover g [fill]{
    transition:fill 0.3s ease
}
.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,.btn.btn-light-success:not(:disabled):not(.disabled).active.dropdown-toggle:after,.show>.btn.btn-light-success.dropdown-toggle.dropdown-toggle:after,.show .btn.btn-light-success.btn-dropdown.dropdown-toggle:after{
    color:#ffffff
}
.btn-light{
    color:#181c32;
    background-color:#f3f6f9;
    border-color:#f3f6f9;
    box-shadow:none
}
.btn-light:hover{
    color:#181c32;
    background-color:#dae3ec;
    border-color:#d1dde8
}
.btn-light:focus,.btn-light.focus{
    color:#181c32;
    background-color:#dae3ec;
    border-color:#d1dde8;
    box-shadow:0 0 0 0.2rem rgba(210,213,219,0.5)
}
.btn-light.disabled,.btn-light:disabled{
    color:#181c32;
    background-color:#f3f6f9;
    border-color:#f3f6f9
}
.btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.show>.btn-light.dropdown-toggle{
    color:#181c32;
    background-color:#d1dde8;
    border-color:#c9d6e4
}
.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 0.2rem rgba(210,213,219,0.5)
}
.btn-dark{
    color:#ffffff;
    background-color:#181c32;
    border-color:#181c32;
    box-shadow:none
}
.btn-dark:hover{
    color:#ffffff;
    background-color:#0c0e18;
    border-color:#070910
}
.btn-dark:focus,.btn-dark.focus{
    color:#ffffff;
    background-color:#0c0e18;
    border-color:#070910;
    box-shadow:0 0 0 0.2rem rgba(59,62,81,0.5)
}
.btn-dark.disabled,.btn-dark:disabled{
    color:#ffffff;
    background-color:#181c32;
    border-color:#181c32
}
.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle{
    color:#ffffff;
    background-color:#070910;
    border-color:#030407
}
.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 0.2rem rgba(59,62,81,0.5)
}
.label{
    padding:0;
    margin:0;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    height:20px;
    width:20px;
    border-radius:50%;
    font-size:0.8rem;
    background-color:#ebedf3;
    color:#3f4254;
    font-weight:400;
    height:20px;
    width:20px;
    font-size:0.8rem
}
.label.label-dark-gray{
    color:#ffffff;
    background-color:#6a6e91
}
.label.label-blue{
    color:#ffffff;
    background-color:#2aacdb
}
.label.label-primary{
    color:#ffffff;
    background-color:#3699ff
}
.label.label-outline-primary{
    background-color:transparent;
    color:#3699ff;
    border:1px solid #3699ff
}
.label.label-outline-primary.label-outline-2x{
    border:2px solid #3699ff
}
.label.label-light-primary{
    color:#3699ff;
    background-color:#e1f0ff
}
.label.label-secondary{
    color:#3f4254;
    background-color:#e4e6ef
}
.label.label-outline-secondary{
    background-color:transparent;
    color:#3f4254;
    border:1px solid #e4e6ef
}
.label.label-outline-secondary.label-outline-2x{
    border:2px solid #e4e6ef
}
.label.label-light-secondary{
    color:#e4e6ef;
    background-color:#ebedf3
}
.label.label-success{
    color:#ffffff;
    background-color:#1bc5bd
}
.label.label-outline-success{
    background-color:transparent;
    color:#1bc5bd;
    border:1px solid #1bc5bd
}
.label.label-outline-success.label-outline-2x{
    border:2px solid #1bc5bd
}
.label.label-light-success{
    color:#1bc5bd;
    background-color:#c9f7f5
}
.label.label-info{
    color:#ffffff;
    background-color:#8950fc
}
.label.label-outline-info{
    background-color:transparent;
    color:#8950fc;
    border:1px solid #8950fc
}
.label.label-outline-info.label-outline-2x{
    border:2px solid #8950fc
}
.label.label-light-info{
    color:#8950fc;
    background-color:#eee5ff
}
.label.label-warning{
    color:#ffffff;
    background-color:#ffa800
}
.label.label-outline-warning{
    background-color:transparent;
    color:#ffa800;
    border:1px solid #ffa800
}
.label.label-outline-warning.label-outline-2x{
    border:2px solid #ffa800
}
.label.label-light-warning{
    color:#ffa800;
    background-color:#fff4de
}
.label.label-danger{
    color:#ffffff;
    background-color:#f64e60
}
.label.label-outline-danger{
    background-color:transparent;
    color:#f64e60;
    border:1px solid #f64e60
}
.label.label-outline-danger.label-outline-2x{
    border:2px solid #f64e60
}
.label.label-light-danger{
    color:#f64e60;
    background-color:#ffe2e5
}
.label.label-light{
    color:#7e8299;
    background-color:#f3f6f9
}
.label.label-outline-light{
    background-color:transparent;
    color:#3f4254;
    border:1px solid #f3f6f9
}
.label.label-outline-light.label-outline-2x{
    border:2px solid #f3f6f9
}
.label.label-light-light{
    color:#f3f6f9;
    background-color:#f3f6f9
}
.label.label-dark{
    color:#ffffff;
    background-color:#181c32
}
.label.label-outline-dark{
    background-color:transparent;
    color:#181c32;
    border:1px solid #181c32
}
.label.label-outline-dark.label-outline-2x{
    border:2px solid #181c32
}
.label.label-light-dark{
    color:#181c32;
    background-color:#d1d3e0
}
.label.label-white{
    color:#3f4254;
    background-color:#ffffff
}
.label.label-outline-white{
    background-color:transparent;
    color:#ffffff;
    border:1px solid #ffffff
}
.label.label-outline-white.label-outline-2x{
    border:2px solid #ffffff
}
.label.label-light-white{
    color:#ffffff;
    background-color:#ffffff
}
.label.label-inline{
    width:auto;
    padding:0.9rem 0.5rem;
    border-radius:0.42rem
}
.label.label-inline.label-md{
    padding:0.8rem 0.6rem
}
.label.label-inline.label-lg{
    padding:0.9rem 0.75rem
}
.label.label-inline.label-xl{
    padding:1rem 0.85rem
}
.valid-feedback{
    font-size:90%
}
.dropdown-item.active,.dropdown-item:active,.dropdown-item:hover,.dropdown-item:focus{
    background-color:#f3f6f9
}
.link-dotted{
    border-bottom:1px dotted #000;
    color:#3f4254
}
.alert-2{
    position:relative;
    margin-bottom:1rem;
    border-radius:0.25rem;
    overflow:hidden
}
.alert-2 .alert-2-header{
    color:#fff;
    font-weight:500;
    display:block;
    padding:0.35rem 1rem;
    font-size:15px
}
.alert-2 .alert-2-body{
    padding:1rem
}
.alert-2.alert-2-warning{
    background-color:#fff2db
}
.alert-2.alert-2-warning .alert-2-header{
    background-color:#f0b37e
}
.alert-2.alert-2-success{
    background-color:#e6f9e6
}
.alert-2.alert-2-success .alert-2-header{
    background-color:rgba(92,184,92,0.8)
}
.alert-2.alert-2-danger{
    background-color:#fae2e2
}
.alert-2.alert-2-danger .alert-2-header{
    background-color:rgba(217,83,79,0.8)
}
.alert-2.alert-2-info{
    background-color:#e7f2fa
}
.alert-2.alert-2-info .alert-2-header{
    background-color:#6ab0de
}
.invalid-feedback{
    font-size:100%
}
.bg-dark-gray{
    background-color:#6a6e91 !important;
    color:#fff
}
.bg-blue{
    background-color:#2aacdb !important;
    color:#fff
}
.bg-navy-blue{
    background-color:#162075 !important;
    color:#fff
}
.font-300{
    font-weight:300
}
.font-400{
    font-weight:400
}
.font-500{
    font-weight:500
}
.font-600{
    font-weight:600
}
.font-700{
    font-weight:700
}
.font-800{
    font-weight:800
}
.page-item.active .page-link{
    background-color:#666c9b;
    border-color:#666c9b
}
.default-main{
    display:flex;
    min-height:300px
}
.default-text{
    font-size:3rem;
    color:#b5b5c3
}
.loading-icon{
    display:inline-block;
    width:3rem;
    height:3rem
}
.img-cbt{
    display:inline-block;
    margin-top:-5px;
    margin-left:5px
}
.font-2x{
    font-size:1.5rem
}
.was-validated .form-control:invalid{
    border-color:#dc3545
}
.custom-dropdown-2{
    display:inline-block;
    padding:10px 15px;
    background-color:#f7f8fb;
    border-radius:50px
}
.custom-dropdown-2 .img-cbt{
    margin-top:0
}
.link-vote.disabled{
	pointer-events: none;
	opacity: .10;
}


/* Custom Ribbon ---------------------------------- */
.ribbon {
    position: relative;
}
.ribbon .ribbon-target {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    background-color: #3699ff;
    -webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
    color: #ffffff;
}
.ribbon .ribbon-target.ribbon-target-2{
    padding: 0;
}
.ribbon .ribbon-target > .ribbon-inner {
    z-index: -1;
    position: absolute;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.ribbon .ribbon-target:after {
    border-color: #004d9c;
}
.ribbon-ver .ribbon-target {
    padding: 5px 10px;
    min-width: 36px;
    min-height: 46px;
    text-align: center;
}
.ribbon.ribbon-top .ribbon-target {
    border-bottom-right-radius: 0.42rem;
    border-bottom-left-radius: 0.42rem;
}
.ribbon.ribbon-bottom .ribbon-target {
    border-top-right-radius: 0.42rem;
    border-top-left-radius: 0.42rem;
}
.ribbon.ribbon-left .ribbon-target {
    border-top-right-radius: 0.42rem;
    border-bottom-right-radius: 0.42rem;
}
.ribbon.ribbon-right .ribbon-target {
    border-top-left-radius: 0.42rem;
    border-bottom-left-radius: 0.42rem;
}
.ribbon.ribbon-clip.ribbon-left .ribbon-target {
    left: -10px;
}
.ribbon.ribbon-clip.ribbon-left .ribbon-target .ribbon-inner {
    border-top-right-radius: 0.42rem;
    border-bottom-right-radius: 0.42rem;
}
.ribbon.ribbon-clip.ribbon-left .ribbon-target .ribbon-inner:before,
.ribbon.ribbon-clip.ribbon-left .ribbon-target .ribbon-inner:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent !important;
    bottom: -10px;
}
.ribbon.ribbon-clip.ribbon-left .ribbon-target .ribbon-inner:before {
    border-width: 0 10px 10px 0;
    border-right-color: #181c32 !important;
    left: 0;
}
.ribbon.ribbon-clip.ribbon-right .ribbon-target {
    right: -10px;
}
.ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner {
    border-top-left-radius: 0.42rem;
    border-bottom-left-radius: 0.42rem;
}
/*.ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner:before,
.ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent !important;
    bottom: -10px;
}
.ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner:before {
    border-width: 0 0 10px 10px;
    border-left-color: #181c32 !important;
    right: 0;
}*/
.topvotes-right{
    margin-right: -30px;
    height: 45px;
    border-top-left-radius: .42rem;
    border-bottom-left-radius: .42rem;
}
.topvotes-right.solo-ribbon-right{
    top: -4px;
    position: relative;
}
.topvotes-right-ver-2{
    height: 45px;
    border-bottom-right-radius: .42rem;
    border-bottom-left-radius: .42rem;
    top: -25px;
    position: relative;
}

/* Details Page */
.bg-img-logo{
    background-color: #efefef;
    display: flex;
    padding: 10px;
    width: 250px;
    max-width: 250px;
    height: 150px;
    border-radius: 0.42rem;
    -ms-flex-pack: center;
    justify-content: center;
}
.img-dna-logo{
    max-width: 230px;
    max-height: 150px;
    object-fit: contain;
}
.desc-domain{
    color: #B5B5C3;
}

.spinner-inline-block{
    display: inline-block;
}

.feature-token-img {
    object-fit: contain;
    width: 2rem;
    height: 2rem;
}

/* Portfolio 3rd box and dashboard token box -------------------------*/
.long-number{
    font-size: 15px;
    line-height: 21px;
}
.mh-token {
    min-height: 68px;
}


/* Metamask Style ----------------------------------------------*/
.nav-token-address{
    background-color: #8950fc;
    padding: 2px;
    display: flex;
    border-radius: 8px;
    position: relative;
    color: #fff;
    align-items: center;
}
.token-name,
.token-address-link{
    display: flex;
    align-items: center;
}
.token-name .font-600.text-uppercase{
    margin-left: 5px;
}
span.token-connected {
    font-size: 70%;
    text-transform: uppercase;
    color: #000;
}
.token-address-link{
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 8px;
    color: #000;
    /*max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(0,0,0,.5);*/
}
.token-address-link p{
    color: #000;
    font-size: 90%;
    font-weight: 600;
}
.nav-bg-token-bal{
    background-color: #6a6e91;
    color: #fff;
    padding: 6px .50rem;
    font-weight: 500;
    border-radius: 8px;
    display: block;
}
.web3modal-modal-lightbox{
    z-index: 1031 !important;
}
.fixed-top.fixed-top-custom{
    top: 54px;
}
.top-navbar-metamask{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1030;
    background-color: #4a4d65;
    min-height: 54px;
}
.mask-wrapper{
    padding: 0.30rem;
    min-height: 54px;
}
.mask-wrapper2{
    min-height: 54px;
}

/* ------------------------------
Notifications Custom
---------------------------------*/
.dt-custom-noti.dropdown-toggle::after{
    display: none;
}
.dm-cust-noti{
    min-width: 20rem;
    padding: 0;
    box-shadow: 5px 5px rgb(102 102 102 / 10%);
    overflow: hidden;
}
li.nt-header {
    background-color: #eaedf2;
    padding: .75rem 1rem;
    color: #62878f;
    font-size: 13px;
    font-weight: 500;
}
.ul-notification li:not(.nt-header){
    border-top: 1px solid #EFF2F6;
}
.link-notification{
    color: #62878f;
    font-size: 13px;
    font-weight: 500;
}
.link-notification:hover {
    color: #333;
}
.notification-contents{
    max-height: 300px;
    overflow-y: auto;
}
.bell-size{
    font-size: 17px;
}
.ring-bell{
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
    color: #FBBC21;
}
@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }

    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }

    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
}

@keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }

    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
}

/* Banner ribbon buy token rdao in menu nav -------------------------------------*/
.main-container-buytokens{
    position: fixed;
    top: 0;
    z-index: 1031;
    left: 0;
    right: 0;
}
.ribbon-token{
    position: absolute;
    right: 5%;
    text-align: center;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.meta-buytoken-text{
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: .5rem;
}
.buy-token-link{
    position: relative;
}
.pulse{
    position:relative
}
.pulse .pulse-ring{
    display:block;
    border-radius:40px;
    height:100%;
    width:100%;
    position:absolute;
    -webkit-animation:animation-pulse 3.5s ease-out;
    animation:animation-pulse 3.5s ease-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    opacity:0;
    border-width:3px;
    border-style:solid;
    border-color:#e4e6ef
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
    .pulse .pulse-ring{
        top:2px;
        left:2px
    }
}
.pulse.pulse-primary .pulse-ring{
    border-color:rgba(54,153,255,.9)
}
@-webkit-keyframes animation-pulse{
    0%{
        -webkit-transform:scale(.1,.1);
        opacity:0
    }
    60%{
        -webkit-transform:scale(.1,.1);
        opacity:0
    }
    65%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1.2,1.2);
        opacity:0
    }
}
@keyframes animation-pulse{
    0%{
        -webkit-transform:scale(.1,.1);
        opacity:0
    }
    60%{
        -webkit-transform:scale(.1,.1);
        opacity:0
    }
    65%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1.2,1.2);
        opacity:0
    }
}
.buy-rdao-li{
    display: none;
}

/* ------------------------------
    Box Apps DNA Dashboard
----------------------------*/
.box-app{
  border-radius: 8px;
  padding: 1.5rem;
  max-width: 100%;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-direction: column;
  transition: box-shadow 0.25s ease 0s, translate 0.25s ease 0s;
  background-color: white;
  text-decoration: none;
  color: rgb(15, 15, 15);
  border: 0.75px #f1e3e3;
  box-shadow: #4a4d6524 -8px 8px 0px;
  width: 100%;
  background-color: #4a4d65;
}
.box-app-img{
  max-width: 64px;
  width: fit-content;
  margin-bottom: 2rem;
  object-fit: cover;
  min-height: 64px;
}
.box-section-content{
  display: block;
}
.box-section-content h3{
  font-size: 24px;
  line-height: 150%;
  overflow-wrap: break-word;
  letter-spacing: .003em;
  font-weight: 500;
}
.box-sub-desc{
  font-size: 14px;
  line-height: 150%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  overflow: hidden;
  word-break: normal;
}
.box-icon-img{
  max-width: 64px;
  width: fit-content;
  margin-bottom: 2rem;
  object-fit: cover;
  min-height: 64px;
}
.box-logo{
  margin-bottom: 2rem;
  max-width: 100%;
}
.deactivate{
    opacity: 0.7;
}
.mpointer{
    cursor: pointer;
}


/* ----------------------------------------------
Custom Widget Same height for widget stats
------------------------------------------------ */
.stats-row-widget .col-lg-3{
    display: flex;
    flex-direction: column;
}
.card-widget .stats-row-widget .bg-card{
    height: 100%;
}


.modal{
    z-index: 9999999999 !important;
}

/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    /* Menu navigation -------------------------------- */
    .mask-wrapper.d-flex{
        display: block !important;
    }
    .mask-wrapper.d-flex .ml-auto .list-inline-item{
        display: block;
    }
    .mask-wrapper.d-flex .ml-auto .list-inline-item:not(:last-child){
        margin-right: 0;
        margin-bottom: .25rem;
    }
    .top-navbar-metamask .col-lg-12 {
        padding: 0;
    }
    #nav-wallet{
        text-align: left !important;
    }
    .fixed-top.fixed-top-custom {
        top: 0;
        z-index: 9999999999;
        overflow-y: auto;
        max-height: 100vh;
        box-shadow: 0 4px 6px #958a8a;
    }    
    body{
        padding-top: 61px !important;
    }
    .top-navbar-metamask {
        z-index: 9999999999;
        top: -15%;
    }
    .navbar-custom-main .img-logo{
        width: 145px;
    }
    .siderbar-metamask-btn{
        padding: 0.55rem 1rem;
    }
    .buy-ribbon-link{
        width: 100% !important;
    }
    .ribbon-floating{
        position: relative !important;
        display: block !important;
        top: 0 !important;
    }
    .section-main{
        padding: 1rem 0 !important;
    }
    .navbar-toggler:not(.siderbar-metamask-btn){
        margin-left: auto;
        margin-right: 1rem;
    }

    /* Buy Token Ribbon -------------------------------*/
    .buy-rdao-li{
        display: block;
    }
    .main-container-buytokens{
        display: none;
    }
    /* Nav Tabs Custom ------------------------------------- */
    .navtab-custom-sub{
        flex-direction: column;
    }   
    .st2-header > div,
    .st2-header > div > div{
        flex-direction: column;
    } 
    .st2-footer{
        flex-direction: column;
    }
    .st2-footer .d-flex {
        flex-direction: column;
        width: 100%;
        text-align: center;
    }
    .st2-footer .d-flex:not(:last-child) {
        margin-bottom: 1rem;
    }
    .st2-footer .d-flex > * {
        width: 100%;
    }
    .pagination{
        display: block;
    }
    .pagination li.page-item {
        display: inline-flex;
        margin-bottom: 0.25rem;
    }
    .ew-content-list{
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    .ew-filter{
        flex-direction: column;
    }
    .section-main{
        min-height: 100vh
    }
    .ul-tab-custom-buy li.list-inline-item{
        margin-bottom: 1rem;
        width: 35%;
    }
    .buy-tab-content{
        word-wrap: break-word;
    }
    .ul-tab-custom-buy li.list-inline-item img{
        width: 100%;
    }
    .dm-cust-noti{
        min-width: 18rem;
    }    
    .ul-breadbrumbs{
        margin-top: 1.5rem;
    }
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    /* Menu navigation -------------------------------- */
    .mask-wrapper.d-flex{
        display: block !important;
    }
    .mask-wrapper.d-flex .ml-auto .list-inline-item{
        display: block;
    }
    .mask-wrapper.d-flex .ml-auto .list-inline-item:not(:last-child){
        margin-right: 0;
        margin-bottom: .25rem;
    }
    .top-navbar-metamask .col-lg-12 {
        padding: 0;
    }
    #nav-wallet{
        text-align: left !important;
    }
    .fixed-top.fixed-top-custom {
        top: 0;
        z-index: 9999999999;
        overflow-y: auto;
        max-height: 100vh;
        box-shadow: 0 4px 6px #958a8a;
    }    
    body{
        padding-top: 61px !important;
    }
    .top-navbar-metamask {
        z-index: 9999999999;
        top: -15%;
    }
    .navbar-custom-main .img-logo{
        width: 145px;
    }
    .siderbar-metamask-btn{
        padding: 0.55rem 1rem;
    }
    .buy-ribbon-link{
        width: 100% !important;
    }
    .ribbon-floating{
        position: relative !important;
        display: block !important;
        top: 0 !important;
    }
    .section-main{
        padding: 1rem 0 !important;
    }
    .navbar-toggler:not(.siderbar-metamask-btn){
        margin-left: auto;
        margin-right: 1rem;
    }


    /* Buy Token Ribbon -------------------------------*/
    .buy-rdao-li{
        display: block;
    }
    .main-container-buytokens{
        display: none;
    }

    /* Nav Tabs Custom ------------------------------------- */
    .navtab-custom-sub{
        flex-direction: column;
    }


    .st2-header > div,
    .st2-header > div > div{
        flex-direction: column;
    } 
    .st2-footer{
        flex-direction: column;
    }
    .st2-footer .d-flex {
        flex-direction: column;
        width: 100%;
        text-align: center;
    }
    .st2-footer .d-flex:not(:last-child) {
        margin-bottom: 1rem;
    }
    .st2-footer .d-flex > * {
        width: 100%;
    }
    .pagination{
        display: block;
    }
    .pagination li.page-item {
        display: inline-flex;
        margin-bottom: 0.25rem;
    }
    .ew-content-list{
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    .ew-filter{
        flex-direction: column;
    }
    .section-main{
        min-height: 100vh
    }
    .ul-tab-custom-buy li.list-inline-item{
        margin-bottom: 1rem;
        width: 35%;
    }
    .buy-tab-content{
        word-wrap: break-word;
    }
    .ul-tab-custom-buy li.list-inline-item img{
        width: 100%;
    }    
    .dm-cust-noti{
        min-width: 18rem;
    }
    .ul-breadbrumbs{
        margin-top: 1.5rem;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    /* Buy Token Ribbon -------------------------------*/
    .buy-rdao-li{
        display: block;
    }
    .main-container-buytokens{
        display: none;
    }
    .fixed-top.fixed-top-custom {
        top: 0;
        z-index: 9999999999;
        overflow-y: auto;
        max-height: 100vh;
        box-shadow: 0 4px 6px #958a8a;
    }    
    body{
        padding-top: 61px !important;
    }
    .top-navbar-metamask {
        z-index: 9999999999;
        top: -15%;
    }
    .navbar-custom-main .img-logo{
        width: 150px;
    }
    .siderbar-metamask-btn{
        padding: 0.55rem 1rem;
    }
    .buy-ribbon-link{
        width: 100% !important;
    }
    .ribbon-floating{
        position: relative !important;
        display: block !important;
        top: 0 !important;
    }
    .section-main{
        padding: 1rem 0 !important;
    }
    .navbar-toggler:not(.siderbar-metamask-btn){
        margin-left: auto;
        margin-right: 1rem;
    }

    /* Nav Tabs Justified ------------------------------*/
    .nav-justified .nav-item, .nav-justified>.nav-link{
        flex-basis: unset;
        flex-grow: unset;
        width: 100%;
    }
    .ew-content-list{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ul-breadbrumbs{
        margin-top: 1.5rem;
    }
}

@media (min-width: 1024px) and (max-width: 1024px){
    /* Buy Token Ribbon -------------------------------*/
    .buy-rdao-li{
        display: block;
    }
    .main-container-buytokens{
        display: none;
    }    
    .navtab-custom-sub li.nav-item a{
        padding: 1rem;
    }
    .navbar-nav.mr-auto.d-xl-none.d-lg-flex.d-lg-flex-custom{
        display: none !important;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px){
    .section-main{
        min-height:100vh
    }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px){
    .section-main{
        min-height:calc(100vh - 71px)
    }
    .navbar-custom-main .navbar-nav .nav-link.active{
        background-color:#f3f6f9;
        border-radius:5px;
        padding-left:1rem;
        padding-right:1rem;
        color:#2f3036
    }
}
@media (min-width: 1200px){
    .container{
        max-width:1340px
    }
}

@media (min-width: 1200px) and (max-width: 1366px){
    /* Buy Token Ribbon -------------------------------*/
    .buy-rdao-li{
        display: block;
    }
    .main-container-buytokens{
        display: none;
    }
}