#tbSoccer {
    width: 100%;
}

.box-search-soccer {
    width: calc(100% + 1px);
    background: #262b2f;
    height: 0px;
    position: fixed;
    margin-top: 104px;
    z-index: 20;
    transition: background-color .3s, border-color .3s, color .3s, box-shadow .3s, height .3s;
}


#Bet_Credit {
    background: #f9f9f9;
    color: #4a3737 !important;
    border: 0px;
    height: 30px;
    font-weight: normal;
    font-size: 11px;
    text-align: center;
}

#outstanding {
    background: #f9f9f9;
    color: #4a3737 !important;
    border: 0px;
    height: 30px;
    font-weight: normal;
    font-size: 11px;
    text-align: center;
}




.box-other-head-balance {
    margin-top: 5px;
    min-height: 30px;
    width: calc(100% - 30px);
    margin-left: 15px;
    border-radius: 5px;
    display: flex;
    /*box-shadow: 0 2px 5px #e8e8e8;*/
}

.box-other-head-balance-item {
    width: 50%;
    color: #FFF;
}

.icon-item-list {
    padding: 3px;
    border: 1px solid #c1c1c1;
    width: 26px;
    height: 26px;
    border-radius: 15px;
    margin:  1px auto;
    margin-bottom: 5px;
}

.box-other-head-balance-item-list {
    height: 30px;
}
.box-other-head-balance-item-detail{
    min-width: 100%;
    margin: 0 auto;
    text-align: center;
}
.box-other-head-balance-item-detail div{ float: left; }

.lang_nickname_p {
    margin-left: 4px;
}

.tbSoccer {
    width: calc(100% + 2px)
}

.tbSoccer td {
    /*border: 1px solid #999999 !important;*/
}

.tbSoccer .match_name {
    border-bottom: 1px solid #444;
    background: var(--bg-black);
}

.td-right {
    font-weight: 700;
    min-width: 40px;
    border-radius: 5px;
    cursor: pointer;
    padding: 1px 0px;
    vertical-align: baseline;
}

#tbSoccer1x2_Live .td-right, #tbSoccer1x2_Today .td-right{
    padding: 4px 0;
}

.box-menu-soccer {
    margin: 0px 7px 7px 0px;
    min-height: 40px;
    position: fixed;
    width: 100%;
    padding-right: 8px;
    padding-top: 7px;
    padding-left: 8px;
    transition: background-color .3s, border-color .3s, color .3s, box-shadow .3s;
    z-index: 5;
    background: var(--bg-black2);
    top: 120px !important;
}

.box-menu-soccer div {
    background: var(--bg-black2);
    min-width: 20px;
    color: #9F9F9F;
    min-height: 20px;
    padding: 5px;
    text-align: center;
}

.box-menu-sport .box-menu-soccer div{ 
    width: 52px;
}

.box-menu-sport .dropdown{
    margin-top: 0 !important;
    box-shadow:  none !important;
}

.box-menu-soccer.box-menu-sport{
   /* top: 100px !important;*/
}

#tbSoccer_Live{ margin-top: 5px; }


.box-menu-soccer-btn {
    float: left;
    border-bottom: 2px solid #161616;
    font-size: 12px;
    color: #cdcdcd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 12px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-clip: padding-box;
    cursor: pointer;
}

.box-menu-soccer-btn:hover:not(.active) {
    border-bottom: 2px solid var(--bg-gray);
}

.box-menu-soccer .active {
    color: #FFFFFF;
   border-bottom: 2px solid var(--bg-gray);
}

.box-menu-soccer-search {
    float: right;
    /*border:1px solid #75c62c;*/
    min-width: 20px !important;
    margin-left: 5px;
}

.box-menu-soccer-refresh {
    float: right;
    min-width: 20px !important;
    margin-top: 1px;
}

#box-menu-soccer-refresh-td {
    display: none;
}

#box-menu-soccer-refresh-st {
    display: none;
}

.box-menu-soccer-fvl {
    float: right;
    /*border:1px solid #75c62c;*/
    min-width: 20px !important;
    text-align: center;
    margin-left: 5px;
}

.box-menu-soccer-fvl i {
    margin: 0 !important;
}

.tbSoccer {
    /*background: #4c4c4c;*/
}

.tbSoccer th {
    background: var( --main2);
    color: var(--ft-white);
    height: 25px;
    text-align: center;
    font-weight: normal;
}

.tbSoccer th {
    border: 1px solid var( --main2);
    text-align: center;
}

.tbSoccer td {
    border: 1px solid var(--bd-white);
    border-collapse: collapse;
    text-align: center;
}

#tbSoccer_Live td, #tbStep_Live td, #txSoccer_Live td{
	border-color: var(--br_tr_live) !important;
}

.tbSoccer td:not() {
    text-align: center;
    border: 1px solid #565656;
}

.tbSoccer .league_name td {
    border: 0px !important;
}

.tbSoccer .th_nomal {
    height: 35px !important;
}

.league_name {
    background: var(--bg-league-name);
    color: var( --cl-league-name);
    border-top: 4px solid var(--bg-black2);
    font-weight: normal;
}

.league_name .fa-star-o {
    margin-top: 0px;
}

.match_name {
    /*display: none;*/
}

.match_name td {
    border: 0px;
    text-align: left;
    height: 18px !important;
    color: #FFF;
}

.font_red {
    color: var(--ft-red) !important;
    font-weight: bold;
}

.font_yellow {
    color: #f5c57d;
}

.font_blue {
    color: var(--bg-white);/*#5858ff*/
}

.font_white {
    color: #FFFFFF;
}

.font-yellow {
    color: #f5c57d;
}
.font_black{ color: var(--white);}
.font_green{ color: #000000; }

.fa {
    cursor: pointer;
}

.fa-star-o, .noselect {
    font-size: 18px !important;
    color: #FFFFFF !important;
    margin-right: 1px;
}

.fa-star {
    font-size: 14px !important;
    color: #f9d105;
    margin-right: 1px;
}

.fa-gear{
    font-size: 14px !important;
}

.fa-street-view {
    font-size: 14px !important;
    color: #FFFFFF;
    margin-right: 7px;
}

.fa-chart-line {
    font-size: 16px !important;
    color: #FFFFFF;
    margin-right: 10px;
    cursor: pointer;
}

.fa-trash {
    font-size: 16px !important;
    margin-right: 5px;
    cursor: pointer;
}

.fa-close-bet {
    font-size: 18px !important;
    float: right;
    margin-right: 5px;
}

.fa-close-step {
    float: right;
    position: absolute;
    right: 0;
    margin-top: -17px;
    font-size: 18px !important;
    right: 5px;
}

.fa-sort-down {
    margin-top: -23px;
    margin-right: 5px;
}

.fa-sort-up {
    margin-top: -15px;
    margin-right: 5px;
}

.fa-bars {
    font-size: 20px !important;
}

.fa-window-close {
    color: #f98906;
    float: right;
    margin-right: 10px;
    font-size: 25px !important;
    cursor: pointer;
    margin-top: 5px;
}

.td-left {
    font-size: 10px;
    margin-bottom: 2px;
    color: #505050;
}

.tr-match {
    height: 45px;
    /*display: none;*/
}

.tbSoccer .tr-match td {}
/* table { color: #AFAFAF; } */

.bgLive1{background: var(--bg_tr_live1);}
.bgLive2{background: var(--bg_tr_live2);}
.bgToday1{background: var(--bg_tr_today1);}
.bgToday2{background: var(--bg_tr_today2);}

.team_home {
    margin-top: 4px;
}

.team_away {}

.dropdown {
    float: left;
    background-color: #2d2e34;
    font-size: 10px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.35), inset 1px 1px 4px -2px rgba(255, 255, 255, 0.22);
    transition: background-color .3s, border-color .3s, color .3s, box-shadow .3s;
    color: #cdcdcd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 12px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    /*border-width: 0 1px;*/
    /*border-style: solid;*/
    /*border-color: transparent;*/
    background-clip: padding-box;
    cursor: pointer;
    height: 25px;
    margin-left: 5px;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
}

.dropdown-menu>li>a {
    padding: 2px 5px;
}

.dropdown-menu {
    min-width: 50px;
}

.dropdown a {
    color: #FFF;
}
.dropdown li a{ color: #000000; padding: 8px; };

.dd-hf_time {
    width: 15%;
}

.dd-price_type {
    width: 15%;
    background: #3c4447 !important;
}
.btn-match-search{ 
    background: #3c4447 !important; 
    margin-top: -2px;
    padding: 0px 20px !important;
}

.AllMatch {
    width: 27%;
}

.ShowSpecials {
    width: 30%;
    margin-left: 8px;
}

#txt-search-soccer {
    width: calc(100% - 60px);
    float: left;
    border-radius: 5px 0px 0px 5px;
    height: 30px;
    padding: 5px 12px;
}

.search-sport #txt-search-soccer{
    width: calc(100% - 48px);
}

.search-soccer {
    position: absolute;
    margin: 8px;
    bottom: 0px;
    width: 100%;
}

.search-sport{
    width: calc(100% - 172px) !important;
    background: none !important;
     padding: 0 !important;
    float: left;
}

.btn-soccer-search {
    float: left;
    width: 10%;
    height: 35px;
    font-size: 18px;
    border-radius: 0px 5px 5px 0px;
    margin-left: -5px !important;
}

#dvHeadSoccer {
    height: 45px;
    width: 100%;
}

.box-menu-head-all {
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.35), inset 1px 1px 4px -2px rgba(255, 255, 255, 0.22);
    transition: 0.2s;
    min-height: calc(100vh - 160px);
    background: #FFFFFF;
    position: inherit;
    bottom: 0px;
    z-index: 90;
    width: 0px;
    font-size: 12px;
}

.box-head-menu-list {
    background: #222023;
    float: left;
    width: 30%;
    height: 80px;
    margin: 10px 0px 0px 10px;
    text-align: center;
    padding-top: 10px;
    /*transition: 0.5s;*/
    border: 1px solid #222023;
    cursor: pointer;
    display: none;
}

.box-head-menu-list-title {
    border-bottom: 1px solid #444444;
    height: 50px;
    width: 100%;
    color: #999999;
    padding: 10px;
    display: none;
}

.box-head-menu-list-title .box-head-logo img {
    margin-top: 0px !important;
}



.box-head-menu-list img {
    height: 35px;
}

.text-menu-head {
    color: #999999;
    text-align: center;
    margin-top: 10px;
}

.box-head-menu-list:hover {
    background: #365617;
    border: 1px solid #75c62c;
}

.box-head-menu-list.active {
    border: 1px solid #75c62c;
    border-bottom: 0;
    position: relative;
    background-image: gray;
    background-image: linear-gradient(#365616, #365616, #365616, #161616);

}

.box-head-menu-list.active .text-menu-head {
    color: #FFFFFF;
    font-weight: bold;
}

.box-groub-btnstep{
    width: 100%;
    text-align: center;
    display: flow-root;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 12px;
}
.box-amount-item .btn-group-sm>.btn, .btn-sm{ padding: 5px 0px;  }

.txt-input-bet {
    text-align: center;
    border: 0px; 
    width: calc(75% - 5px);
    height: 29px;
    color: #000;
    border-radius: 0px 3px 3px 0px;
    margin-left: -1px;
    border: 2px solid #f78a05;
}

.BetSoccer-Detail {
    height: 30px;
    background: var(--bg-red);
    color: #FFF;
    text-align: left;
    padding-left: 10px;
    font-size: 12px;
    padding-top: 8px;
    border-radius: 10px 10px 0 0;
}

.BetSoccer-Detail.bg-highlight {
    color: #FFFFFF !important;
    background: var(--bg-red);
    animation: blinkChip 3s linear 0s infinite;
    -webkit-animation: blinkChip 1s linear 0s infinite;
    /*animation-name: changebg;
    animation-duration: 2.5s;*/
}

@keyframes blinkChip {
    0%{opacity: 1;}
    25%{opacity: .8;}
    50%{opacity: .5;}
    75%{opacity: .8;}
    100%{opacity: 1;}
}
@-webkit-keyframes blinkChip {
    0%{opacity: 1;}
    25%{opacity: .8;}
    50%{opacity: .5;}
    75%{opacity: .8;}
    100%{opacity: 1;}
}

.BetSoccer-Stake {
    border-top: 1px solid #3d4347;
    padding-top: 3px;
    margin-bottom: 5px;
    background: var(--bg-black);
    position: relative;
}

.fa-select-bet {
    font-size: 18px !important;
    width: 30px;
    float: left;
}

.BetSoccer-Price {
    width: 100%;
    text-align: center;
    padding-left: 23px;
    /*margin-bottom: 5px;*/
    font-size: 12px;
}

.bet_league_name {
    padding: 8px;
    width: 100%;
    height: 30px;
    /*text-align: left;*/
    color: var(--bg-white);
    background: var(--bg-black);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.BetSoccer-MatchName {
    width: 100%;
    min-height: 18px;
    text-align: left;
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    /*display: flex;*/
    font-weight: bold;
}
.BetSoccer-Bet .col-12{
    position: relative;
    width: 100%;
    padding-right: 12.5px;
    padding-left: 12.5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.BetSoccer-Bet-Maxper {
    width: 45%;
    height: 18px;
    float: left;
    padding-left: 15px;
}

.BetSoccer-Bet-Minbet {
    width: 25%;
    height: 18px;
    float: left;
}

.BetSoccer-Bet-Maxbet {
    width: 30%;
    height: 18px;
    float: right;
    padding-left: 5px;
}
.BetSoccer .title_thome, .BetSoccer .title_taway{ max-width: calc(50% - 18px);  display: inline-flex; }

.selectbet{
    background: #daac06 !important;
    /* border: 2px solid #eb918f !important; */
    box-shadow: #ffc107 0px 1px 3px inset, #ffc107 0px 0px 0px 1px inset;
}

.lineST {
    border-top: 1px solid #3d4347;
    margin: 5px;
}

.bg_black {
    background: black;
}

.max_step_bet {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    width: 100%;
    text-align: right;
}

.SocceReurope {
    width: 100%;
}

.SocceReurope th,
.SocceReurope td {
    border: 0 !important;
}

.SocceReurope th {
    background: var(--main2) !important;
    padding-top: 10px !important;
    padding-left: 12px;
    color: #ffffff;
    height: 30px !important;
}

.SocceReurope td {
    background: #f4f4f4 !important;
    min-height: 45px;
    padding: 0px 10px 0px 10px;
    text-align: center;
}
.SocceReurope .full_time{
    padding: 10px !important;
}
.box-price-soccer {
    border-radius: 5px;
    background: #cecece;
    min-height: 45px;
    padding-top: 5px;
}

.box-price-step {
    border-radius: 5px;
    background: #595959;
    min-height: 45px;
    padding-top: 5px;
}

.SocceReurope .league_name {
    height: 35px !important;
}

.SocceReurope .league_name td {
    background: #eaeaea !important;
    /*border-bottom: 1px solid #666666 !important;*/
    border-top: 4px solid #FFFFFF;
    color: #838383;
}

.SocceReurope .match_name td {
    background: #353535 !important;
    /*background: #595959 !important;*/
    padding: 0 !important;
    text-align: left;
    height: 18px !important;
    color: #FFF;
}

.SocceReurope .match_name {
    border-bottom: 1px solid #666666 !important;
    /*border-top: 1px solid #666666 !important;*/
}

.SocceReurope .tr-match:not(.tb_title) {
    height: 60px;
}

.SocceReurope .tb_title {
    height: 30px !important;
}

.SocceReurope .league_name .Favourite {
    margin-right: -10px !important;
}
.ilive{
    text-align: center;
    width: 16px;
    height: 16px;
    line-height: 13px !important;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    cursor: pointer;
    color: var(--ft-red);
    margin-right: 8px;
    font-size: 14px !important;
    padding-left: 2px;
}
.itoday {
    text-align: center;
    width: 20px;
    height: 17px;
    line-height: 17px !important;
    border-radius: 3px;
    cursor: pointer;
    color: #FFFFFF;
    background: var(--ft-red);
    margin-right: 8px;
    font-size: 10px !important;
}

.box-main-casino {
    width: 100%;
    min-height: 350px;
    max-height: 350px;
    margin-top: 10px;
}

.box-main-casino-list {
    background: #222023;
    text-align: center;
    border: 1px solid #222023;
    cursor: pointer;
    padding: 5px !important;
}

.box-main-casino-list img {
    width: 100%;
    border-radius: 5px;
    /*border: 1px solid #444444;*/
    border: 3px solid #0c0000;
    transition: opacity 0.4s;
}

.box-main-casino-list img:hover {
    opacity: 0.3;
}

.box-main-casino-title {
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 30px;
    padding-left: 10px;
    background: #444;
    color: #eee;
    /*border-radius: 3px;*/
}

.box-main-casino-title img {
    margin-top: 4px;
    height: 20px;
    float: left;
}

.box-main-casino-title div {
    float: left;
    margin-top: 10px;
    margin-left: 5px;
}

.box-head-menu-detail {
    width: 95%;
    float: left;
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
    border: 1px solid #9a0d0d;
    padding: 5px;
    margin-top: -1px;
    display: none;
    transition: 0.5s;
}

.box-head-menu-detail .row {
    margin: 0 !important;
}

.box-head-menu-detail .col-xs-4,
.box-head-menu-detail .col-sm-4 {
    padding-left: 0px;
    padding-right: 0px;
}

.title-casino {
    position: relative;
    border-radius: 0px 0px 5px 5px;
    margin-top: -15px;
    bottom: 0;
    margin-bottom: 0px;
    /*background: rgba(0, 0, 0, 0.57);*/
    background: #000;
    color: #FFFFFF;
    width: 100%;
    text-align: right;
    padding-right: 5px;
}

.div-league-name {
    width: 100%;
    height: 3px;
    background: #171717;
}

#MainSocer {
    /* padding-left: 5px;
    padding-right: 5px; */
    margin-top: 50px;
    min-height: calc(100vh - 130px);
    width: calc(100vw + 3px);
    margin-left: -1px;
    max-width: 100%;
}







.box-count-mybet {
    width: 100%;
    text-align: center;
    height: 30px;
    padding-left: 50%;
    margin-top: -35px;
}

.count-mybet {
    display: none;
    background: #018c07;
    color: #CCCCCC;
    position: absolute;
    border-radius: 10px;
    height: 20px;
    max-width: 23px;
    margin-left: 13px;
    padding-top: 2px;
    width: 50px;
}

.count-mybet-wn {
    display: none;
    background: #b93026;
    color: #CCCCCC;
    position: absolute;
    border-radius: 10px;
    height: 20px;
    max-width: 23px;
    margin-left: -35px;
    padding-top: 2px;
    width: 50px;
}

.bgUDPriceDown {
    /*background-image: linear-gradient(#365616, #b93026CC, #b93026CC, #161616);*/
    /*background: #ff9c9c;*/
    width: 60% !important;
    text-align: center;
    margin: 0 auto;
}

.bgUDPriceup {
    /*background: #444444;*/
}

.row-line {
    height: 1px;
    color: #222;
    float: left;
    width: calc(100vw - 30px);
    background: #333;
    margin-top: 10px;
    margin-left: 10px;
}

.head-menu-lobby {
    color: #AAAAAA;
    text-align: center;
    height: 25px;
    padding-top: 5px;
    background: #222023;
}

.user_detail {
    background: #FFFFFF;
    min-height: 120px;
    padding-top: 0px;
    width: 100%;
    position: fixed;
    bottom: -200px;
    z-index: 55;
    left: 0;
    transition: bottom 0.2s linear;
    /* box-shadow: 0px 5px 15px 0px #808080; */
    /* border: 5px solid #9a0d0d; */
    border-top: 0px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background: linear-gradient(137deg,#23406a,#0c2347 95%);
    color: #FFFFFF;
}

.user_detail_head {
    width: calc(100% + 2px);
    height: 30px;
    background: #082e66;
    color: #FFFFFF;
    line-height: 30px;
    padding-left: 10px;
    margin-bottom: 10px;
    margin-left: -1px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.btn-close-user-detail{
    position: absolute;
    right: 5px;
    border: 2px solid #bf4552;
    width: 25px;
    background: #dbb9b9;
    height: 25px;
    border-radius: 50%;
    line-height: 25px;
    top: 4px;
    cursor: pointer;
}
.btn-close-user-detail:hover{
    background: #ffe3e3;
}
.btn-close-user-detail i{
    color: #F64E60;
    font-size: 16px;
    margin-left: 4.5px;
}
.sport-count{
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 10px;
    color: #fff;
    background: #f50103;
    border-radius: 3px;
    min-width: 10px;
    line-height: 15px;
    padding: 0px 3px;
}

.user_detail_list {
    display: flex;
    height: 22px;
    line-height: 22px;
    padding-left: 20px;
}

.user_detail_list_left {
    width: 50%;
}

.user_detail_list_right {
    width: 50%;
    text-align: right;
    padding-right: 20px;
}

.modal_menumore{ background: rgba(0,0,0,.7); }


.sl_border{
    border: 1px solid #6b747d;
}


.bgUDPriceDown{
    height      : 100%;
    background: rgb(39 210 122 / 38%) !important;
    /*background: #b3e6cc !important;*/
    /*box-shadow: rgb(171 0 0) 0px 0px 0px 1px inset, rgb(199 0 0) 0px 0px 0px 1px inset !important;*/
    
}
.bgUDPriceDown span{
    color: #FFFFFF !important;
}

.bgUDPriceUP{
    height      : 100%;
    /*background  : #00e600 !important;*/
    background: rgb(225 75 76 / 30%)!important;
    /*box-shadow: rgb(0 153 0) 0px 0px 0px 1px inset, rgb(0 153 0) 0px 0px 0px 1px inset !important;*/
}
.bgUDPriceUP span{
    color: #FFFFFF !important;
}
.stPriceBuy {
    /*background: #fbfd88;*/
    padding: 0 5px;
    border-radius: 5px;
}

@media (max-width: 350px) {
    .box-menu-lobby-list {
        margin: 8px 0px 0px 8px;
    }

    .box-head-logo img {
        height: 35px;
        margin-top: 5px;
        margin-left: 10px;
    }

    .box-head-credit {
        margin-left: 0px;
    }

}

/*######### lang #############*/
.language_block{cursor: pointer; z-index: 999;    float: left;}
.current_language {float:left;text-align:right; background: var(--bg-btn-blackgray); border-radius:5px; padding:1px 5px;width:30px;text-align:left;height:25px;    /* padding: 5px 5px; */
    display: flex;
    justify-content: center;
    align-self: center;
    align-items: center;
}
.current_language i.caret-down{margin-left:3px;margin-top:5px;line-height:10px;}
.current_language .lang_name {float:left;}
.current_language_lang {text-align:left;color: #FFF;vertical-align:middle;}
.current_language_lang i {margin-right:10px;padding-left: 20px; font-style:normal !important;border-radius: 20px;}
.languages_popup {
  display:none;
  width   :100px;
  position:absolute;
  z-index :999;
  top     :17px;
  left    :956px;
  padding-top:4px;
  font-size: 11px;
}
ul#languages { 
  z-index:999; 
  min-width: 100px; 
  float:left; 
  list-style-type: none; 
  margin:0px; 
  padding:1px;
  background: var(--bg-btn-blackgray);
  border:1px solid var(--bg-btn-blackgray);
}
ul#languages li {width:90px;text-align:left;margin: 1px 4px;padding:2px;float:left;}
ul#languages li.no_border {border:0px}
.current_language a, ul#languages li a {
  display:block;
  background-repeat: no-repeat;
  color:var(--bg-white);
  padding-left:26px;
  line-height: 14px;
}
.current_language a:hover, ul#languages li a:hover {color:var(--ft-white)}
.current_language .en, ul#languages li .en {background-image:url(../images/main/gb.png); background-repeat: no-repeat; background-position-y: center; width: 25px;height: 25px;  } 
.current_language .th, ul#languages li .th {background-image:url(../images/main/th.png); background-repeat: no-repeat; background-position-y: center; width: 25px;height: 25px;  }
.current_language .ch, ul#languages li .ch {background-image:url(../images/main/0444.jpg); background-repeat: no-repeat; background-position-y: center; width: 25px;height: 25px;  }
.current_language .cs, ul#languages li .cs {background-image:url(../images/main/0444.jpg); background-repeat: no-repeat; background-position-y: center; width: 25px;height: 25px;  }
.current_language .jp, ul#languages li .jp {background-image:url(../images/main/jp2.png); background-repeat: no-repeat; background-position-y: center; width: 25px;height: 25px;  }
.current_language .ko, ul#languages li .ko {background-image:url(../images/main/kr1.png); background-repeat: no-repeat; background-position-y: center; width: 25px;height: 25px;  }
.current_language .vn, ul#languages li .vn {background-image:url(../images/main/vn.jpg); background-repeat: no-repeat; background-position-y: center; width: 25px;height: 25px;  }
.current_language .id, ul#languages li .id {background-image:url(../images/main/id1.png); background-repeat: no-repeat; background-position-y: center; width: 25px;height: 25px;  }
.current_language .it, ul#languages li .it {background-image:url(../images/main/it.png); background-repeat: no-repeat; background-position-y: center; width: 25px;height: 25px;  }
.current_language .cn, ul#languages li .cn {background-image:url(../images/main/cn.png); background-repeat: no-repeat; background-position-y: center; width: 25px;height: 25px;  }
.current_language .la, ul#languages li .la {background-image:url(../images/main/la.png); background-repeat: no-repeat; background-position-y: center; width: 25px;height: 25px;  }
.current_language .mm, ul#languages li .mm {background-image:url(../images/main/mm.png); background-repeat: no-repeat; background-position-y: center; width: 25px;height: 25px;  }
/*######################*/


#modal_alert .modal-content{ 
    width: 90% !important;
    margin-left: 5%;
}













/* ====================================================================================================== */
.nav .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    padding: 0.75rem 1.5rem;
    color: #7E8299;
}

.nav .nav-link .nav-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1rem;
    color: #7E8299;
    font-weight: 400;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.nav .nav-link .nav-icon {
    line-height: 0;
    color: #7E8299;
    width: 2rem;
}

.nav .nav-link .nav-icon:before {
    line-height: 0;
}

.nav .nav-link .nav-icon i {
    color: #B5B5C3;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    font-size: 1.25rem;
}

.nav .nav-link .nav-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #B5B5C3;
}

.nav .nav-link .nav-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav .nav-link .label {
    margin-left: 0.25rem;
}

.nav .nav-link.disabled {
    opacity: 0.6;
}

.nav .show>.nav-link,
.nav .nav-link:hover:not(.disabled),
.nav .nav-link.active {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #F64E60;
}

.nav .show>.nav-link .nav-text,
.nav .nav-link:hover:not(.disabled) .nav-text,
.nav .nav-link.active .nav-text {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #F64E60;
}

.nav .show>.nav-link .nav-icon i,
.nav .nav-link:hover:not(.disabled) .nav-icon i,
.nav .nav-link.active .nav-icon i {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #F64E60;
}

.nav .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
.nav .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60;
}

.nav .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
.nav .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav .show>.nav-link:after,
.nav .nav-link:hover:not(.disabled):after,
.nav .nav-link.active:after {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #F64E60;
}

.nav.nav-bold .nav-item .nav-link {
    font-weight: 500;
}

.nav.nav-bold .nav-item .nav-link .nav-text {
    font-weight: 500;
}

.nav.nav-bolder .nav-item .nav-link {
    font-weight: 600;
}

.nav.nav-bolder .nav-item .nav-link .nav-text {
    font-weight: 600;
}

.nav.nav-boldest .nav-item .nav-link {
    font-weight: 700;
}

.nav.nav-boldest .nav-item .nav-link .nav-text {
    font-weight: 700;
}

.nav.nav-tabs .nav-item {
    margin-right: 0.25rem;
}

.nav.nav-tabs .nav-item:last-child {
    margin-right: 0;
}

.nav.nav-tabs .nav-link .nav-text {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.nav.nav-tabs.nav-tabs-line .nav-item {
    margin: 0 0 -1px 0;
}

.nav.nav-tabs.nav-tabs-line .nav-link {
    border: 0;
    border-bottom: 1px solid transparent;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    padding: 0.85rem 0;
    margin: 0 1rem;
}

.nav-item:first-child .nav.nav-tabs.nav-tabs-line .nav-link {
    margin-left: 0;
}

.nav-item:last-child .nav.nav-tabs.nav-tabs-line .nav-link {
    margin-right: 0;
}

.nav.nav-tabs.nav-tabs-line .nav-item:first-child .nav-link {
    margin-left: 0;
}

.nav.nav-tabs.nav-tabs-line .nav-item:last-child .nav-link {
    margin-right: 0;
}

.nav.nav-tabs.nav-tabs-line .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line .nav-link.active,
.nav.nav-tabs.nav-tabs-line .show>.nav-link {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #F64E60;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x {
    border-bottom-width: 2px;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-item {
    margin-bottom: -2px;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-link {
    border-bottom: 2px solid transparent;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .show>.nav-link {
    border-bottom: 2px solid #F64E60;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x {
    border-bottom-width: 3px;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-item {
    margin-bottom: -3px;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link {
    border-bottom: 3px solid transparent;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .show>.nav-link {
    border-bottom: 3px solid #F64E60;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white {
    border-bottom-color: rgba(255, 255, 255, 0.7);
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link {
    color: rgba(255, 255, 255, 0.7);
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link .nav-text {
    color: rgba(255, 255, 255, 0.7);
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link .nav-icon i {
    color: rgba(255, 255, 255, 0.7);
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: rgba(255, 255, 255, 0.7);
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link .nav-arrow {
    color: rgba(255, 255, 255, 0.7);
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show>.nav-link {
    border-bottom-color: #ffffff;
    color: #ffffff;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled) .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show>.nav-link .nav-text {
    color: #ffffff;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled) .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show>.nav-link .nav-icon i {
    color: #ffffff;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show>.nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show>.nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled) .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show>.nav-link .nav-arrow {
    color: #ffffff;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary {
    border-bottom-color: #FFE2E5 !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show>.nav-link {
    border-bottom-color: #F64E60;
    color: #F64E60;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show>.nav-link .nav-text {
    color: #F64E60;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show>.nav-link .nav-icon i {
    color: #F64E60;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show>.nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show>.nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show>.nav-link .nav-arrow {
    color: #F64E60;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-primary .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-primary .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-primary .show>.nav-link {
    border-bottom-color: #F64E60 !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary {
    border-bottom-color: #EBEDF3 !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show>.nav-link {
    border-bottom-color: #E4E6EF;
    color: #E4E6EF;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled) .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show>.nav-link .nav-text {
    color: #E4E6EF;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled) .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show>.nav-link .nav-icon i {
    color: #E4E6EF;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show>.nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show>.nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled) .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show>.nav-link .nav-arrow {
    color: #E4E6EF;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-secondary .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-secondary .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-secondary .show>.nav-link {
    border-bottom-color: #E4E6EF !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success {
    border-bottom-color: #C9F7F5 !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show>.nav-link {
    border-bottom-color: #1BC5BD;
    color: #1BC5BD;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled) .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show>.nav-link .nav-text {
    color: #1BC5BD;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled) .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show>.nav-link .nav-icon i {
    color: #1BC5BD;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show>.nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show>.nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled) .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show>.nav-link .nav-arrow {
    color: #1BC5BD;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-success .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-success .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-success .show>.nav-link {
    border-bottom-color: #1BC5BD !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info {
    border-bottom-color: #EEE5FF !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show>.nav-link {
    border-bottom-color: #8950FC;
    color: #8950FC;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled) .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show>.nav-link .nav-text {
    color: #8950FC;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled) .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show>.nav-link .nav-icon i {
    color: #8950FC;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show>.nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #8950FC;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show>.nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled) .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show>.nav-link .nav-arrow {
    color: #8950FC;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-info .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-info .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-info .show>.nav-link {
    border-bottom-color: #8950FC !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning {
    border-bottom-color: #FFF4DE !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show>.nav-link {
    border-bottom-color: #FFA800;
    color: #FFA800;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show>.nav-link .nav-text {
    color: #FFA800;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show>.nav-link .nav-icon i {
    color: #FFA800;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show>.nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFA800;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show>.nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show>.nav-link .nav-arrow {
    color: #FFA800;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-warning .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-warning .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-warning .show>.nav-link {
    border-bottom-color: #FFA800 !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger {
    border-bottom-color: #FFE2E5 !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show>.nav-link {
    border-bottom-color: #F64E60;
    color: #F64E60;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show>.nav-link .nav-text {
    color: #F64E60;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show>.nav-link .nav-icon i {
    color: #F64E60;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show>.nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show>.nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show>.nav-link .nav-arrow {
    color: #F64E60;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-danger .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-danger .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-danger .show>.nav-link {
    border-bottom-color: #F64E60 !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light {
    border-bottom-color: #F3F6F9 !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show>.nav-link {
    border-bottom-color: #F3F6F9;
    color: #F3F6F9;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled) .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show>.nav-link .nav-text {
    color: #F3F6F9;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled) .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show>.nav-link .nav-icon i {
    color: #F3F6F9;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show>.nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F3F6F9;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show>.nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled) .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show>.nav-link .nav-arrow {
    color: #F3F6F9;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-light .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-light .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-light .show>.nav-link {
    border-bottom-color: #F3F6F9 !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark {
    border-bottom-color: #D1D3E0 !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show>.nav-link {
    border-bottom-color: #181C32;
    color: #181C32;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled) .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show>.nav-link .nav-text {
    color: #181C32;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled) .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show>.nav-link .nav-icon i {
    color: #181C32;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show>.nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #181C32;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show>.nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled) .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show>.nav-link .nav-arrow {
    color: #181C32;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-dark .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-dark .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-dark .show>.nav-link {
    border-bottom-color: #181C32 !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white {
    border-bottom-color: #ffffff !important;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show>.nav-link {
    border-bottom-color: #ffffff;
    color: #ffffff;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled) .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active .nav-text,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show>.nav-link .nav-text {
    color: #ffffff;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled) .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active .nav-icon i,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show>.nav-link .nav-icon i {
    color: #ffffff;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active .nav-icon .svg-icon svg g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show>.nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show>.nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled) .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active .nav-arrow,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show>.nav-link .nav-arrow {
    color: #ffffff;
}

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-white .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-white .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-white .show>.nav-link {
    border-bottom-color: #ffffff !important;
}

.nav.nav-pills.nav-fill .nav-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.nav.nav-pills.nav-fill .nav-link {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.nav.nav-pills.nav-fill .nav-link .nav-text {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.nav.nav-pills.nav-fill .nav-link .nav-icon {
    margin-right: 0.25rem;
}

.nav.nav-pills.nav-group .nav-item {
    padding: 0;
    margin: 0;
}

.nav.nav-pills.nav-group .nav-item .nav-link {
    border-radius: 0;
}

.nav.nav-pills.nav-group .nav-item:first-child .nav-link {
    border-top-left-radius: 50rem;
    border-bottom-left-radius: 50rem;
}

.nav.nav-pills.nav-group .nav-item:last-child .nav-link {
    border-top-right-radius: 50rem;
    border-bottom-right-radius: 50rem;
}

.nav.nav-pills.nav-group.nav-rounded:first-child .nav-link {
    border-top-left-radius: 0.85rem;
    border-bottom-left-radius: 0.85rem;
}

.nav.nav-pills.nav-group.nav-rounded:last-child .nav-link {
    border-top-right-radius: 0.85rem;
    border-bottom-right-radius: 0.85rem;
}

.nav.nav-pills .nav-item {
    margin-right: 0.25rem;
}

.nav.nav-pills .nav-link {
    color: #B5B5C3;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    position: relative;
}

.nav.nav-pills .nav-link .nav-text {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.nav.nav-pills .nav-link .nav-icon i {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.nav.nav-pills .nav-link:after {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.nav.nav-pills .show>.nav-link,
.nav.nav-pills .nav-link.active {
    color: #ffffff;
    background-color: #F64E60;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.nav.nav-pills .show>.nav-link .nav-text,
.nav.nav-pills .nav-link.active .nav-text {
    color: #ffffff;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.nav.nav-pills .show>.nav-link .nav-icon i,
.nav.nav-pills .nav-link.active .nav-icon i {
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.nav.nav-pills .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: rgba(255, 255, 255, 0.8);
}

.nav.nav-pills .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills .show>.nav-link:after,
.nav.nav-pills .nav-link.active:after {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: rgba(255, 255, 255, 0.8);
}

.nav.nav-pills.nav-primary .show>.nav-link,
.nav.nav-pills.nav-primary .nav-link:hover:not(.active) {
    color: #F64E60;
    background-color: transparent;
}

.nav.nav-pills.nav-primary .show>.nav-link .nav-text,
.nav.nav-pills.nav-primary .nav-link:hover:not(.active) .nav-text {
    color: #F64E60;
}

.nav.nav-pills.nav-primary .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-primary .nav-link:hover:not(.active) .nav-icon i {
    color: #F64E60;
}

.nav.nav-pills.nav-primary .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60;
}

.nav.nav-pills.nav-primary .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-primary .show>.nav-link:after,
.nav.nav-pills.nav-primary .nav-link:hover:not(.active):after {
    color: #F64E60;
}

.nav.nav-pills.nav-primary .nav-link.active {
    color: #FFFFFF;
    background-color: #F64E60;
}

.nav.nav-pills.nav-primary .nav-link.active .nav-text {
    color: #FFFFFF;
}

.nav.nav-pills.nav-primary .nav-link.active .nav-icon i {
    color: #FFFFFF;
}

.nav.nav-pills.nav-primary .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFFFFF !important;
}

.nav.nav-pills.nav-primary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-primary .nav-link.active:after {
    color: #FFFFFF;
}

.nav.nav-pills.nav-light-primary .show>.nav-link,
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) {
    color: #F64E60;
    background-color: transparent;
}

.nav.nav-pills.nav-light-primary .show>.nav-link .nav-text,
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-text {
    color: #F64E60;
}

.nav.nav-pills.nav-light-primary .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon i {
    color: #F64E60;
}

.nav.nav-pills.nav-light-primary .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60;
}

.nav.nav-pills.nav-light-primary .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-primary .show>.nav-link:after,
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active):after {
    color: #F64E60;
}

.nav.nav-pills.nav-light-primary .nav-link.active {
    color: #F64E60;
    background-color: rgba(246, 78, 96, 0.1);
}

.nav.nav-pills.nav-light-primary .nav-link.active .nav-text {
    color: #F64E60;
}

.nav.nav-pills.nav-light-primary .nav-link.active .nav-icon i {
    color: #F64E60;
}

.nav.nav-pills.nav-light-primary .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60;
}

.nav.nav-pills.nav-light-primary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-primary .nav-link.active:after {
    color: #F64E60;
}

.nav.nav-pills.nav-group.nav-primary .nav-link {
    color: #F64E60;
    background-color: #FFE2E5;
    border: 0;
}

.nav.nav-pills.nav-group.nav-primary .nav-link .nav-text {
    color: #F64E60;
}

.nav.nav-pills.nav-group.nav-primary .nav-link .nav-icon i {
    color: #F64E60;
}

.nav.nav-pills.nav-group.nav-primary .nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60;
}

.nav.nav-pills.nav-group.nav-primary .nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-primary .nav-link:after {
    color: #F64E60;
}

.nav.nav-pills.nav-group.nav-primary .show>.nav-link,
.nav.nav-pills.nav-group.nav-primary .nav-link:hover,
.nav.nav-pills.nav-group.nav-primary .nav-link.active {
    color: #FFFFFF;
    background-color: #F64E60;
}

.nav.nav-pills.nav-group.nav-primary .show>.nav-link .nav-text,
.nav.nav-pills.nav-group.nav-primary .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-primary .nav-link.active .nav-text {
    color: #FFFFFF;
}

.nav.nav-pills.nav-group.nav-primary .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-primary .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-primary .nav-link.active .nav-icon i {
    color: #FFFFFF;
}

.nav.nav-pills.nav-group.nav-primary .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-primary .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-primary .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFFFFF;
}

.nav.nav-pills.nav-group.nav-primary .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-primary .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-primary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-primary .show>.nav-link:after,
.nav.nav-pills.nav-group.nav-primary .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-primary .nav-link.active:after {
    color: #FFFFFF;
}

.nav.nav-pills.nav-group.nav-primary .nav-link:hover {
    background-color: #EE2D41;
}

.nav.nav-pills.nav-secondary .show>.nav-link,
.nav.nav-pills.nav-secondary .nav-link:hover:not(.active) {
    color: #E4E6EF;
    background-color: transparent;
}

.nav.nav-pills.nav-secondary .show>.nav-link .nav-text,
.nav.nav-pills.nav-secondary .nav-link:hover:not(.active) .nav-text {
    color: #E4E6EF;
}

.nav.nav-pills.nav-secondary .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-secondary .nav-link:hover:not(.active) .nav-icon i {
    color: #E4E6EF;
}

.nav.nav-pills.nav-secondary .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-secondary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.nav.nav-pills.nav-secondary .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-secondary .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-secondary .show>.nav-link:after,
.nav.nav-pills.nav-secondary .nav-link:hover:not(.active):after {
    color: #E4E6EF;
}

.nav.nav-pills.nav-secondary .nav-link.active {
    color: #3F4254;
    background-color: #E4E6EF;
}

.nav.nav-pills.nav-secondary .nav-link.active .nav-text {
    color: #3F4254;
}

.nav.nav-pills.nav-secondary .nav-link.active .nav-icon i {
    color: #3F4254;
}

.nav.nav-pills.nav-secondary .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #3F4254 !important;
}

.nav.nav-pills.nav-secondary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-secondary .nav-link.active:after {
    color: #3F4254;
}

.nav.nav-pills.nav-light-secondary .show>.nav-link,
.nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) {
    color: #E4E6EF;
    background-color: transparent;
}

.nav.nav-pills.nav-light-secondary .show>.nav-link .nav-text,
.nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) .nav-text {
    color: #E4E6EF;
}

.nav.nav-pills.nav-light-secondary .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) .nav-icon i {
    color: #E4E6EF;
}

.nav.nav-pills.nav-light-secondary .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.nav.nav-pills.nav-light-secondary .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-secondary .show>.nav-link:after,
.nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active):after {
    color: #E4E6EF;
}

.nav.nav-pills.nav-light-secondary .nav-link.active {
    color: #E4E6EF;
    background-color: rgba(228, 230, 239, 0.1);
}

.nav.nav-pills.nav-light-secondary .nav-link.active .nav-text {
    color: #E4E6EF;
}

.nav.nav-pills.nav-light-secondary .nav-link.active .nav-icon i {
    color: #E4E6EF;
}

.nav.nav-pills.nav-light-secondary .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.nav.nav-pills.nav-light-secondary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-secondary .nav-link.active:after {
    color: #E4E6EF;
}

.nav.nav-pills.nav-group.nav-secondary .nav-link {
    color: #E4E6EF;
    background-color: #EBEDF3;
    border: 0;
}

.nav.nav-pills.nav-group.nav-secondary .nav-link .nav-text {
    color: #E4E6EF;
}

.nav.nav-pills.nav-group.nav-secondary .nav-link .nav-icon i {
    color: #E4E6EF;
}

.nav.nav-pills.nav-group.nav-secondary .nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.nav.nav-pills.nav-group.nav-secondary .nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-secondary .nav-link:after {
    color: #E4E6EF;
}

.nav.nav-pills.nav-group.nav-secondary .show>.nav-link,
.nav.nav-pills.nav-group.nav-secondary .nav-link:hover,
.nav.nav-pills.nav-group.nav-secondary .nav-link.active {
    color: #3F4254;
    background-color: #E4E6EF;
}

.nav.nav-pills.nav-group.nav-secondary .show>.nav-link .nav-text,
.nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-text {
    color: #3F4254;
}

.nav.nav-pills.nav-group.nav-secondary .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-icon i {
    color: #3F4254;
}

.nav.nav-pills.nav-group.nav-secondary .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #3F4254;
}

.nav.nav-pills.nav-group.nav-secondary .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-secondary .show>.nav-link:after,
.nav.nav-pills.nav-group.nav-secondary .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-secondary .nav-link.active:after {
    color: #3F4254;
}

.nav.nav-pills.nav-group.nav-secondary .nav-link:hover {
    background-color: #d7dae7;
}

.nav.nav-pills.nav-success .show>.nav-link,
.nav.nav-pills.nav-success .nav-link:hover:not(.active) {
    color: #1BC5BD;
    background-color: transparent;
}

.nav.nav-pills.nav-success .show>.nav-link .nav-text,
.nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-text {
    color: #1BC5BD;
}

.nav.nav-pills.nav-success .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-icon i {
    color: #1BC5BD;
}

.nav.nav-pills.nav-success .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.nav.nav-pills.nav-success .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-success .show>.nav-link:after,
.nav.nav-pills.nav-success .nav-link:hover:not(.active):after {
    color: #1BC5BD;
}

.nav.nav-pills.nav-success .nav-link.active {
    color: #ffffff;
    background-color: #1BC5BD;
}

.nav.nav-pills.nav-success .nav-link.active .nav-text {
    color: #ffffff;
}

.nav.nav-pills.nav-success .nav-link.active .nav-icon i {
    color: #ffffff;
}

.nav.nav-pills.nav-success .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff !important;
}

.nav.nav-pills.nav-success .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-success .nav-link.active:after {
    color: #ffffff;
}

.nav.nav-pills.nav-light-success .show>.nav-link,
.nav.nav-pills.nav-light-success .nav-link:hover:not(.active) {
    color: #1BC5BD;
    background-color: transparent;
}

.nav.nav-pills.nav-light-success .show>.nav-link .nav-text,
.nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-text {
    color: #1BC5BD;
}

.nav.nav-pills.nav-light-success .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-icon i {
    color: #1BC5BD;
}

.nav.nav-pills.nav-light-success .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.nav.nav-pills.nav-light-success .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-success .show>.nav-link:after,
.nav.nav-pills.nav-light-success .nav-link:hover:not(.active):after {
    color: #1BC5BD;
}

.nav.nav-pills.nav-light-success .nav-link.active {
    color: #1BC5BD;
    background-color: rgba(27, 197, 189, 0.1);
}

.nav.nav-pills.nav-light-success .nav-link.active .nav-text {
    color: #1BC5BD;
}

.nav.nav-pills.nav-light-success .nav-link.active .nav-icon i {
    color: #1BC5BD;
}

.nav.nav-pills.nav-light-success .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.nav.nav-pills.nav-light-success .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-success .nav-link.active:after {
    color: #1BC5BD;
}

.nav.nav-pills.nav-group.nav-success .nav-link {
    color: #1BC5BD;
    background-color: #C9F7F5;
    border: 0;
}

.nav.nav-pills.nav-group.nav-success .nav-link .nav-text {
    color: #1BC5BD;
}

.nav.nav-pills.nav-group.nav-success .nav-link .nav-icon i {
    color: #1BC5BD;
}

.nav.nav-pills.nav-group.nav-success .nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.nav.nav-pills.nav-group.nav-success .nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-success .nav-link:after {
    color: #1BC5BD;
}

.nav.nav-pills.nav-group.nav-success .show>.nav-link,
.nav.nav-pills.nav-group.nav-success .nav-link:hover,
.nav.nav-pills.nav-group.nav-success .nav-link.active {
    color: #ffffff;
    background-color: #1BC5BD;
}

.nav.nav-pills.nav-group.nav-success .show>.nav-link .nav-text,
.nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-success .nav-link.active .nav-text {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-success .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-success .nav-link.active .nav-icon i {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-success .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-success .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.nav.nav-pills.nav-group.nav-success .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-success .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-success .show>.nav-link:after,
.nav.nav-pills.nav-group.nav-success .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-success .nav-link.active:after {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-success .nav-link:hover {
    background-color: #0BB7AF;
}

.nav.nav-pills.nav-info .show>.nav-link,
.nav.nav-pills.nav-info .nav-link:hover:not(.active) {
    color: #8950FC;
    background-color: transparent;
}

.nav.nav-pills.nav-info .show>.nav-link .nav-text,
.nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-text {
    color: #8950FC;
}

.nav.nav-pills.nav-info .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-icon i {
    color: #8950FC;
}

.nav.nav-pills.nav-info .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #8950FC;
}

.nav.nav-pills.nav-info .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-info .show>.nav-link:after,
.nav.nav-pills.nav-info .nav-link:hover:not(.active):after {
    color: #8950FC;
}

.nav.nav-pills.nav-info .nav-link.active {
    color: #ffffff;
    background-color: #8950FC;
}

.nav.nav-pills.nav-info .nav-link.active .nav-text {
    color: #ffffff;
}

.nav.nav-pills.nav-info .nav-link.active .nav-icon i {
    color: #ffffff;
}

.nav.nav-pills.nav-info .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff !important;
}

.nav.nav-pills.nav-info .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-info .nav-link.active:after {
    color: #ffffff;
}

.nav.nav-pills.nav-light-info .show>.nav-link,
.nav.nav-pills.nav-light-info .nav-link:hover:not(.active) {
    color: #8950FC;
    background-color: transparent;
}

.nav.nav-pills.nav-light-info .show>.nav-link .nav-text,
.nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-text {
    color: #8950FC;
}

.nav.nav-pills.nav-light-info .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-icon i {
    color: #8950FC;
}

.nav.nav-pills.nav-light-info .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #8950FC;
}

.nav.nav-pills.nav-light-info .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-info .show>.nav-link:after,
.nav.nav-pills.nav-light-info .nav-link:hover:not(.active):after {
    color: #8950FC;
}

.nav.nav-pills.nav-light-info .nav-link.active {
    color: #8950FC;
    background-color: rgba(137, 80, 252, 0.1);
}

.nav.nav-pills.nav-light-info .nav-link.active .nav-text {
    color: #8950FC;
}

.nav.nav-pills.nav-light-info .nav-link.active .nav-icon i {
    color: #8950FC;
}

.nav.nav-pills.nav-light-info .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #8950FC;
}

.nav.nav-pills.nav-light-info .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-info .nav-link.active:after {
    color: #8950FC;
}

.nav.nav-pills.nav-group.nav-info .nav-link {
    color: #8950FC;
    background-color: #EEE5FF;
    border: 0;
}

.nav.nav-pills.nav-group.nav-info .nav-link .nav-text {
    color: #8950FC;
}

.nav.nav-pills.nav-group.nav-info .nav-link .nav-icon i {
    color: #8950FC;
}

.nav.nav-pills.nav-group.nav-info .nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #8950FC;
}

.nav.nav-pills.nav-group.nav-info .nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-info .nav-link:after {
    color: #8950FC;
}

.nav.nav-pills.nav-group.nav-info .show>.nav-link,
.nav.nav-pills.nav-group.nav-info .nav-link:hover,
.nav.nav-pills.nav-group.nav-info .nav-link.active {
    color: #ffffff;
    background-color: #8950FC;
}

.nav.nav-pills.nav-group.nav-info .show>.nav-link .nav-text,
.nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-info .nav-link.active .nav-text {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-info .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-info .nav-link.active .nav-icon i {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-info .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-info .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.nav.nav-pills.nav-group.nav-info .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-info .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-info .show>.nav-link:after,
.nav.nav-pills.nav-group.nav-info .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-info .nav-link.active:after {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-info .nav-link:hover {
    background-color: #7337EE;
}

.nav.nav-pills.nav-warning .show>.nav-link,
.nav.nav-pills.nav-warning .nav-link:hover:not(.active) {
    color: #FFA800;
    background-color: transparent;
}

.nav.nav-pills.nav-warning .show>.nav-link .nav-text,
.nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-text {
    color: #FFA800;
}

.nav.nav-pills.nav-warning .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-icon i {
    color: #FFA800;
}

.nav.nav-pills.nav-warning .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFA800;
}

.nav.nav-pills.nav-warning .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-warning .show>.nav-link:after,
.nav.nav-pills.nav-warning .nav-link:hover:not(.active):after {
    color: #FFA800;
}

.nav.nav-pills.nav-warning .nav-link.active {
    color: #ffffff;
    background-color: #FFA800;
}

.nav.nav-pills.nav-warning .nav-link.active .nav-text {
    color: #ffffff;
}

.nav.nav-pills.nav-warning .nav-link.active .nav-icon i {
    color: #ffffff;
}

.nav.nav-pills.nav-warning .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff !important;
}

.nav.nav-pills.nav-warning .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-warning .nav-link.active:after {
    color: #ffffff;
}

.nav.nav-pills.nav-light-warning .show>.nav-link,
.nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) {
    color: #FFA800;
    background-color: transparent;
}

.nav.nav-pills.nav-light-warning .show>.nav-link .nav-text,
.nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-text {
    color: #FFA800;
}

.nav.nav-pills.nav-light-warning .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-icon i {
    color: #FFA800;
}

.nav.nav-pills.nav-light-warning .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFA800;
}

.nav.nav-pills.nav-light-warning .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-warning .show>.nav-link:after,
.nav.nav-pills.nav-light-warning .nav-link:hover:not(.active):after {
    color: #FFA800;
}

.nav.nav-pills.nav-light-warning .nav-link.active {
    color: #FFA800;
    background-color: rgba(255, 168, 0, 0.1);
}

.nav.nav-pills.nav-light-warning .nav-link.active .nav-text {
    color: #FFA800;
}

.nav.nav-pills.nav-light-warning .nav-link.active .nav-icon i {
    color: #FFA800;
}

.nav.nav-pills.nav-light-warning .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFA800;
}

.nav.nav-pills.nav-light-warning .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-warning .nav-link.active:after {
    color: #FFA800;
}

.nav.nav-pills.nav-group.nav-warning .nav-link {
    color: #FFA800;
    background-color: #FFF4DE;
    border: 0;
}

.nav.nav-pills.nav-group.nav-warning .nav-link .nav-text {
    color: #FFA800;
}

.nav.nav-pills.nav-group.nav-warning .nav-link .nav-icon i {
    color: #FFA800;
}

.nav.nav-pills.nav-group.nav-warning .nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFA800;
}

.nav.nav-pills.nav-group.nav-warning .nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-warning .nav-link:after {
    color: #FFA800;
}

.nav.nav-pills.nav-group.nav-warning .show>.nav-link,
.nav.nav-pills.nav-group.nav-warning .nav-link:hover,
.nav.nav-pills.nav-group.nav-warning .nav-link.active {
    color: #ffffff;
    background-color: #FFA800;
}

.nav.nav-pills.nav-group.nav-warning .show>.nav-link .nav-text,
.nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-text {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-warning .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-icon i {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-warning .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.nav.nav-pills.nav-group.nav-warning .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-warning .show>.nav-link:after,
.nav.nav-pills.nav-group.nav-warning .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-warning .nav-link.active:after {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-warning .nav-link:hover {
    background-color: #EE9D01;
}

.nav.nav-pills.nav-danger .show>.nav-link,
.nav.nav-pills.nav-danger .nav-link:hover:not(.active) {
    color: #F64E60;
    background-color: transparent;
}

.nav.nav-pills.nav-danger .show>.nav-link .nav-text,
.nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-text {
    color: #F64E60;
}

.nav.nav-pills.nav-danger .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-icon i {
    color: #F64E60;
}

.nav.nav-pills.nav-danger .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60;
}

.nav.nav-pills.nav-danger .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-danger .show>.nav-link:after,
.nav.nav-pills.nav-danger .nav-link:hover:not(.active):after {
    color: #F64E60;
}

.nav.nav-pills.nav-danger .nav-link.active {
    color: #ffffff;
    background-color: #F64E60;
}

.nav.nav-pills.nav-danger .nav-link.active .nav-text {
    color: #ffffff;
}

.nav.nav-pills.nav-danger .nav-link.active .nav-icon i {
    color: #ffffff;
}

.nav.nav-pills.nav-danger .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff !important;
}

.nav.nav-pills.nav-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-danger .nav-link.active:after {
    color: #ffffff;
}

.nav.nav-pills.nav-light-danger .show>.nav-link,
.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) {
    color: #F64E60;
    background-color: transparent;
}

.nav.nav-pills.nav-light-danger .show>.nav-link .nav-text,
.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-text {
    color: #F64E60;
}

.nav.nav-pills.nav-light-danger .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon i {
    color: #F64E60;
}

.nav.nav-pills.nav-light-danger .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60;
}

.nav.nav-pills.nav-light-danger .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-danger .show>.nav-link:after,
.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active):after {
    color: #F64E60;
}

.nav.nav-pills.nav-light-danger .nav-link.active {
    color: #F64E60;
    background-color: rgba(246, 78, 96, 0.1);
}

.nav.nav-pills.nav-light-danger .nav-link.active .nav-text {
    color: #F64E60;
}

.nav.nav-pills.nav-light-danger .nav-link.active .nav-icon i {
    color: #F64E60;
}

.nav.nav-pills.nav-light-danger .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60;
}

.nav.nav-pills.nav-light-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-danger .nav-link.active:after {
    color: #F64E60;
}

.nav.nav-pills.nav-group.nav-danger .nav-link {
    color: #F64E60;
    background-color: #FFE2E5;
    border: 0;
}

.nav.nav-pills.nav-group.nav-danger .nav-link .nav-text {
    color: #F64E60;
}

.nav.nav-pills.nav-group.nav-danger .nav-link .nav-icon i {
    color: #F64E60;
}

.nav.nav-pills.nav-group.nav-danger .nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60;
}

.nav.nav-pills.nav-group.nav-danger .nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-danger .nav-link:after {
    color: #F64E60;
}

.nav.nav-pills.nav-group.nav-danger .show>.nav-link,
.nav.nav-pills.nav-group.nav-danger .nav-link:hover,
.nav.nav-pills.nav-group.nav-danger .nav-link.active {
    color: #ffffff;
    background-color: #F64E60;
}

.nav.nav-pills.nav-group.nav-danger .show>.nav-link .nav-text,
.nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-text {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-danger .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-icon i {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-danger .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.nav.nav-pills.nav-group.nav-danger .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-danger .show>.nav-link:after,
.nav.nav-pills.nav-group.nav-danger .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-danger .nav-link.active:after {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-danger .nav-link:hover {
    background-color: #EE2D41;
}

.nav.nav-pills.nav-light .show>.nav-link,
.nav.nav-pills.nav-light .nav-link:hover:not(.active) {
    color: #F3F6F9;
    background-color: transparent;
}

.nav.nav-pills.nav-light .show>.nav-link .nav-text,
.nav.nav-pills.nav-light .nav-link:hover:not(.active) .nav-text {
    color: #F3F6F9;
}

.nav.nav-pills.nav-light .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-light .nav-link:hover:not(.active) .nav-icon i {
    color: #F3F6F9;
}

.nav.nav-pills.nav-light .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F3F6F9;
}

.nav.nav-pills.nav-light .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light .show>.nav-link:after,
.nav.nav-pills.nav-light .nav-link:hover:not(.active):after {
    color: #F3F6F9;
}

.nav.nav-pills.nav-light .nav-link.active {
    color: #7E8299;
    background-color: #F3F6F9;
}

.nav.nav-pills.nav-light .nav-link.active .nav-text {
    color: #7E8299;
}

.nav.nav-pills.nav-light .nav-link.active .nav-icon i {
    color: #7E8299;
}

.nav.nav-pills.nav-light .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #7E8299 !important;
}

.nav.nav-pills.nav-light .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light .nav-link.active:after {
    color: #7E8299;
}

.nav.nav-pills.nav-light-light .show>.nav-link,
.nav.nav-pills.nav-light-light .nav-link:hover:not(.active) {
    color: #F3F6F9;
    background-color: transparent;
}

.nav.nav-pills.nav-light-light .show>.nav-link .nav-text,
.nav.nav-pills.nav-light-light .nav-link:hover:not(.active) .nav-text {
    color: #F3F6F9;
}

.nav.nav-pills.nav-light-light .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-light-light .nav-link:hover:not(.active) .nav-icon i {
    color: #F3F6F9;
}

.nav.nav-pills.nav-light-light .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-light .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F3F6F9;
}

.nav.nav-pills.nav-light-light .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-light .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-light .show>.nav-link:after,
.nav.nav-pills.nav-light-light .nav-link:hover:not(.active):after {
    color: #F3F6F9;
}

.nav.nav-pills.nav-light-light .nav-link.active {
    color: #F3F6F9;
    background-color: rgba(243, 246, 249, 0.1);
}

.nav.nav-pills.nav-light-light .nav-link.active .nav-text {
    color: #F3F6F9;
}

.nav.nav-pills.nav-light-light .nav-link.active .nav-icon i {
    color: #F3F6F9;
}

.nav.nav-pills.nav-light-light .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F3F6F9;
}

.nav.nav-pills.nav-light-light .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-light .nav-link.active:after {
    color: #F3F6F9;
}

.nav.nav-pills.nav-group.nav-light .nav-link {
    color: #F3F6F9;
    background-color: #F3F6F9;
    border: 0;
}

.nav.nav-pills.nav-group.nav-light .nav-link .nav-text {
    color: #F3F6F9;
}

.nav.nav-pills.nav-group.nav-light .nav-link .nav-icon i {
    color: #F3F6F9;
}

.nav.nav-pills.nav-group.nav-light .nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F3F6F9;
}

.nav.nav-pills.nav-group.nav-light .nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-light .nav-link:after {
    color: #F3F6F9;
}

.nav.nav-pills.nav-group.nav-light .show>.nav-link,
.nav.nav-pills.nav-group.nav-light .nav-link:hover,
.nav.nav-pills.nav-group.nav-light .nav-link.active {
    color: #7E8299;
    background-color: #F3F6F9;
}

.nav.nav-pills.nav-group.nav-light .show>.nav-link .nav-text,
.nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-light .nav-link.active .nav-text {
    color: #7E8299;
}

.nav.nav-pills.nav-group.nav-light .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-light .nav-link.active .nav-icon i {
    color: #7E8299;
}

.nav.nav-pills.nav-group.nav-light .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-light .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #7E8299;
}

.nav.nav-pills.nav-group.nav-light .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-light .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-light .show>.nav-link:after,
.nav.nav-pills.nav-group.nav-light .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-light .nav-link.active:after {
    color: #7E8299;
}

.nav.nav-pills.nav-group.nav-light .nav-link:hover {
    background-color: #E4E6EF;
}

.nav.nav-pills.nav-dark .show>.nav-link,
.nav.nav-pills.nav-dark .nav-link:hover:not(.active) {
    color: #181C32;
    background-color: transparent;
}

.nav.nav-pills.nav-dark .show>.nav-link .nav-text,
.nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-text {
    color: #181C32;
}

.nav.nav-pills.nav-dark .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-icon i {
    color: #181C32;
}

.nav.nav-pills.nav-dark .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #181C32;
}

.nav.nav-pills.nav-dark .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-dark .show>.nav-link:after,
.nav.nav-pills.nav-dark .nav-link:hover:not(.active):after {
    color: #181C32;
}

.nav.nav-pills.nav-dark .nav-link.active {
    color: #ffffff;
    background-color: #181C32;
}

.nav.nav-pills.nav-dark .nav-link.active .nav-text {
    color: #ffffff;
}

.nav.nav-pills.nav-dark .nav-link.active .nav-icon i {
    color: #ffffff;
}

.nav.nav-pills.nav-dark .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff !important;
}

.nav.nav-pills.nav-dark .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-dark .nav-link.active:after {
    color: #ffffff;
}

.nav.nav-pills.nav-light-dark .show>.nav-link,
.nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) {
    color: #181C32;
    background-color: transparent;
}

.nav.nav-pills.nav-light-dark .show>.nav-link .nav-text,
.nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-text {
    color: #181C32;
}

.nav.nav-pills.nav-light-dark .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-icon i {
    color: #181C32;
}

.nav.nav-pills.nav-light-dark .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #181C32;
}

.nav.nav-pills.nav-light-dark .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-dark .show>.nav-link:after,
.nav.nav-pills.nav-light-dark .nav-link:hover:not(.active):after {
    color: #181C32;
}

.nav.nav-pills.nav-light-dark .nav-link.active {
    color: #181C32;
    background-color: rgba(24, 28, 50, 0.1);
}

.nav.nav-pills.nav-light-dark .nav-link.active .nav-text {
    color: #181C32;
}

.nav.nav-pills.nav-light-dark .nav-link.active .nav-icon i {
    color: #181C32;
}

.nav.nav-pills.nav-light-dark .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #181C32;
}

.nav.nav-pills.nav-light-dark .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-dark .nav-link.active:after {
    color: #181C32;
}

.nav.nav-pills.nav-group.nav-dark .nav-link {
    color: #181C32;
    background-color: #D1D3E0;
    border: 0;
}

.nav.nav-pills.nav-group.nav-dark .nav-link .nav-text {
    color: #181C32;
}

.nav.nav-pills.nav-group.nav-dark .nav-link .nav-icon i {
    color: #181C32;
}

.nav.nav-pills.nav-group.nav-dark .nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #181C32;
}

.nav.nav-pills.nav-group.nav-dark .nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-dark .nav-link:after {
    color: #181C32;
}

.nav.nav-pills.nav-group.nav-dark .show>.nav-link,
.nav.nav-pills.nav-group.nav-dark .nav-link:hover,
.nav.nav-pills.nav-group.nav-dark .nav-link.active {
    color: #ffffff;
    background-color: #181C32;
}

.nav.nav-pills.nav-group.nav-dark .show>.nav-link .nav-text,
.nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-text {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-dark .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-icon i {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-dark .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.nav.nav-pills.nav-group.nav-dark .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-dark .show>.nav-link:after,
.nav.nav-pills.nav-group.nav-dark .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-dark .nav-link.active:after {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-dark .nav-link:hover {
    background-color: #131628;
}

.nav.nav-pills.nav-white .show>.nav-link,
.nav.nav-pills.nav-white .nav-link:hover:not(.active) {
    color: #ffffff;
    background-color: transparent;
}

.nav.nav-pills.nav-white .show>.nav-link .nav-text,
.nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-text {
    color: #ffffff;
}

.nav.nav-pills.nav-white .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-icon i {
    color: #ffffff;
}

.nav.nav-pills.nav-white .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.nav.nav-pills.nav-white .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-white .show>.nav-link:after,
.nav.nav-pills.nav-white .nav-link:hover:not(.active):after {
    color: #ffffff;
}

.nav.nav-pills.nav-white .nav-link.active {
    color: #3F4254;
    background-color: #ffffff;
}

.nav.nav-pills.nav-white .nav-link.active .nav-text {
    color: #3F4254;
}

.nav.nav-pills.nav-white .nav-link.active .nav-icon i {
    color: #3F4254;
}

.nav.nav-pills.nav-white .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #3F4254 !important;
}

.nav.nav-pills.nav-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-white .nav-link.active:after {
    color: #3F4254;
}

.nav.nav-pills.nav-light-white .show>.nav-link,
.nav.nav-pills.nav-light-white .nav-link:hover:not(.active) {
    color: #ffffff;
    background-color: transparent;
}

.nav.nav-pills.nav-light-white .show>.nav-link .nav-text,
.nav.nav-pills.nav-light-white .nav-link:hover:not(.active) .nav-text {
    color: #ffffff;
}

.nav.nav-pills.nav-light-white .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-light-white .nav-link:hover:not(.active) .nav-icon i {
    color: #ffffff;
}

.nav.nav-pills.nav-light-white .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-white .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.nav.nav-pills.nav-light-white .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-white .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-white .show>.nav-link:after,
.nav.nav-pills.nav-light-white .nav-link:hover:not(.active):after {
    color: #ffffff;
}

.nav.nav-pills.nav-light-white .nav-link.active {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

.nav.nav-pills.nav-light-white .nav-link.active .nav-text {
    color: #ffffff;
}

.nav.nav-pills.nav-light-white .nav-link.active .nav-icon i {
    color: #ffffff;
}

.nav.nav-pills.nav-light-white .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.nav.nav-pills.nav-light-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-light-white .nav-link.active:after {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-white .nav-link {
    color: #ffffff;
    background-color: #ffffff;
    border: 0;
}

.nav.nav-pills.nav-group.nav-white .nav-link .nav-text {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-white .nav-link .nav-icon i {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-white .nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.nav.nav-pills.nav-group.nav-white .nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-white .nav-link:after {
    color: #ffffff;
}

.nav.nav-pills.nav-group.nav-white .show>.nav-link,
.nav.nav-pills.nav-group.nav-white .nav-link:hover,
.nav.nav-pills.nav-group.nav-white .nav-link.active {
    color: #3F4254;
    background-color: #ffffff;
}

.nav.nav-pills.nav-group.nav-white .show>.nav-link .nav-text,
.nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-white .nav-link.active .nav-text {
    color: #3F4254;
}

.nav.nav-pills.nav-group.nav-white .show>.nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-white .nav-link.active .nav-icon i {
    color: #3F4254;
}

.nav.nav-pills.nav-group.nav-white .show>.nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-white .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #3F4254;
}

.nav.nav-pills.nav-group.nav-white .show>.nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.nav.nav-pills.nav-group.nav-white .show>.nav-link:after,
.nav.nav-pills.nav-group.nav-white .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-white .nav-link.active:after {
    color: #3F4254;
}

.nav.nav-pills.nav-group.nav-white .nav-link:hover {
    background-color: #F3F6F9;
}
  


/* ====================== msg alert ====================== */
.success-box {
    position: fixed;
    width: 35%;
    right: 12%;
    background: #c5f3d7;
    border-left: 8px solid #28a55b;
    color: #28a55b;
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(#CBCDD3, 10%);
    perspective: 40px;
  }
  .success-box .close-btn{ background: #94eab9; }
  
  
  .error-box {
    position: fixed;
    width: 35%;
    right: 12%;
    background: #ffe1e1;
    border-left: 8px solid var(--ft-red);
    color: #ff4656;
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(#CBCDD3, 10%);
  }
  .error-box .close-btn{ background: #fe9ca4; }
  
  .warning-box{
    position: fixed;
    width: 35%;
    right: 12%;
    background: #Efdb9b;
    border-left: 8px solid #ce8701;
    color: #ce8701;
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(#CBCDD3, 10%);
  }
  .warning-box .close-btn{ background: #fed081; }
  
  .alert_msg {
    padding: 10px 50px 10px 10px;
    min-width: 300px;
    max-width: 300px;
    Position: fixed;
    right: 0;
    top: 10px;
    border-radius: 4px;
    overflow: hidden;
    z-index: 888;
    pointer-events: none;
    display: none;
    font-size: 14px;
  }
  
  .alert_msg .showalert {
    pointer-events: auto;
  }
  
  .alert_msg.show {
    animation: show_slide 1s ease forwards;
  }
  
  @keyframes show_slide {
    0% {
      transform: translatex(100%);
    }
  
    40% {
      transform: translatex(-10%);
    }
  
    80% {
      transform: translateX(0%);
    }
  
    100% {
      transform: translateX(-10px);
    }
  }
  
  .alert_msg.hide{
    animation: hide_slide 1s ease forwards;
  }
  @keyframes hide_slide {
    0% {
      transform: translateX(-10px);
    }
  
    40% {
      transform: translatex(0%);
    }
  
    80% {
      transform: translatex(-10%);
    }
  
    100% {
      ransform: translateX(100);
    }
  }
  
  .alert_msg.fa-exclamation-circle {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translatey(-50%);
    color: #ffffff;
    font-size: 30px;
  }
  
  .alert_msg .mag {
    padding: 0 20px;
    font-size: 18px;
    color: #ffffff;
  }
  
  .alert_msg .mag {
    padding: 0 20px;
    font-size: 18px;
    color: #ffffff;
  }
  
  .alert_msg .close-btn {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translatey(-50%);
    padding: 20px 18px;
    cursor: pointer;
    z-index: 999;
  }
  
  .alert_msg.close-btn:hover {
    background: #Efc766;
  }
  
  .alert_msg .close-btn .fas {
    font-size: 22px;
    line-height: 40px;
  }

  .alert_msg .fas{ font-size: 22px;}
  .alert_textmsg{ margin-left: 8px;}
  /* ====================== msg alert ====================== */

  .divFavourite{ margin-right: 10px;}