:root{
	--dark-100:#000842;
	--dark-80:#010b59;
	--dark-60:#071473;
	--dark-40:#08178e;
	--dark-20:#081895;

	--blue-light:#3ec8ff;
  	--blue-medium:#3080cb;
}

.night-mode .dark-100{background-color: var(--dark-100) !important}
.night-mode .dark-80{background-color: var(--dark-80) !important}
.night-mode .dark-60{background-color: var(--dark-60) !important}
.night-mode .dark-40{background-color: var(--dark-40) !important}
.night-mode .dark-20{background-color: var(--dark-20) !important}

.night-mode .dark-100 > .background{background-color: var(--dark-100) !important; background-image: none !important;}
.night-mode .dark-80 > .background{background-color: var(--dark-80) !important; background-image: none !important}
.night-mode .dark-60 > .background{background-color: var(--dark-60) !important; background-image: none !important}
.night-mode .dark-40 > .background{background-color: var(--dark-40) !important; background-image: none !important}
.night-mode .dark-20 > .background{background-color: var(--dark-20) !important; background-image: none !important}

.night-mode .mode-blue-light{color: var(--blue-light)!important}
.night-mode .mode-blue-medium{color: var(--blue-medium)!important}
.night-mode .mode-white{color: #ffffff!important}

.night-mode .black{ color: #ffffff !important }
.night-mode body{background-color: var(--dark-60);}
.night-mode .page-slideout{background-color: var(--dark-60);}
.night-mode .section{color: #ffffff;}

.night-mode .section-breadcrumb{background-color: var(--dark-80);}
.night-mode .breadcrumb,
.night-mode .breadcrumb .breadcrumb-item.active{color: #ffffff}
.night-mode .breadcrumb .breadcrumb-item::before {border-top: 1px solid #ffffff;border-left: 1px solid #ffffff;}

.night-mode .section-service{background-color: var(--dark-20)}
.night-mode .section-text-label.service {color: rgba(185,207,254,0.04);}
.night-mode .section-application{background-color: var(--dark-80)}

.night-mode .article.apps .hgroup, 
.night-mode .article.apps .tgroup,
.night-mode .article.apps .black{ color: #ffffff }

.night-mode .article.apps .blue,
.night-mode .article.apps .group-1 .block-2{ color: var(--blue-medium) }

.night-mode .section-csr{background-color: var(--dark-40);}
.night-mode .section-title.csr:before,
.night-mode .section-title.csr:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 90px;
	background-color: var(--dark-80)
}
.night-mode .section-title.csr:after{
	top: auto;
	bottom: 0;
	height: 20vw
}

@media (max-width:1440px) {
	.night-mode .section-title.csr:before{height: 51px}
}
@media (max-width:1024px) {
	.night-mode .section-title.csr:before{display: none;}
}

.night-mode .background.csr{background-color:#071372; background-image: none !important;}
.night-mode .section-text-label.csr {color: rgba(40,75,153,0.3);}
.night-mode .section-title.csr .hgroup h2{color: #fff}
.night-mode .section-title.csr .hgroup p{ color: var(--blue-light) }

.night-mode .section-news{background-color: var(--dark-80)}
.night-mode .section-news .section-title h2{ color: var(--blue-light); }
.night-mode .section-news .section-title h2 span{ color: #fff }
.night-mode .section-text-label.news {color: rgba(40,75,153,0.1);}

.night-mode .nav-news-tabs .nav-item.show .nav-link, 
.night-mode .nav-news-tabs .nav-link.active{ color: inherit; }
.night-mode .nav-news-tabs .nav-link{color: var(--blue-light);   }

.night-mode .btn-outline-primary{
	border-color: var(--blue-medium); 
	color: var(--blue-medium);
}

.night-mode .section-awards,
.night-mode .section-awards + .section{background-color: var(--dark-80)}

.night-mode .awards-article h3{color: var(--blue-light)} 
.night-mode .card-awards:before{display: none;}
.night-mode .card-awards h3{ color: #ffffff; opacity: 1}
.night-mode .award-text-label span{color: rgba(40,75,153,0.1);}

.night-mode .swiper-awards-thumb .swiper-slide-thumb-active .card-awards h3, 
.pc.night-mode .swiper-awards-thumb .swiper-slide:hover .card-awards h3{color: var(--blue-light)}

.night-mode .swiper-awards .frame{border-color: #19236a}

.night-mode .footer{background-color: var(--dark-80)}
.night-mode .section-certified{background-color: var(--dark-100)}
.night-mode .footer-primary{background-color: var(--dark-80)}
.night-mode .footer-secondary{background-color: var(--dark-100)}

.night-mode .section-service.section-01 .background{background-color: var(--dark-60);  background-image: none !important;}
.night-mode .siglepage .section-title.service h2{ color: #fff }
.night-mode .highlight{ color: var(--blue-light); }
.night-mode .siglepage .section-title.service p{color: #fff}
.night-mode .card-service h2,
.night-mode .card-service p{color: #ffffff}

.night-mode .section-attention{background-color: var(--dark-40);margin-bottom: 0}
.night-mode .section-attention .background-color{background-color: var(--dark-60);}

.night-mode .section-title p{color: #fff}
.night-mode .tip-flash-claim{background-color: #ffffff;}
.night-mode .tip-flash-claim img.logo{height: 30px}

.night-mode .nav-form-tabs .nav-link{color: #fff}
.night-mode .nav-form-tabs .nav-item.show .nav-link, 
.night-mode .nav-form-tabs .nav-link.active{color: var(--blue-light)}

.night-mode .section-product{background-color: var(--dark-60);}
.night-mode .section-product .title-list li span{color: #ffffff}
.night-mode .section-product .title-list li{color: var(--blue-light)}
.night-mode .card-product .card-body{background-color: var(--dark-80);}
.night-mode .card-product h2{color: var(--blue-light)}
.night-mode .section-buy-insurance{background-color: var(--dark-80);}

.night-mode .section-csr-tabs{background-color: var(--dark-80);}
.night-mode .news-content .news-info .date svg path{fill: #fff !important}
.night-mode .section-csr-calendar .background-color{background-color: var(--dark-20);}
.night-mode .calendar-content .input-text{color: #fff}
.night-mode .calendar-content .date-group .date{color: var(--blue-light)}
.night-mode .calendar-datepicker{background-color: rgba(255,255,255,0.1);}
.night-mode .datepicker-inline table tbody tr td{color: #fff}

.night-mode .section-chamber-links{background-color: var(--dark-80); background-image: none !important; }
.night-mode .month-card{background-color: var(--dark-20); color: #fff}
.night-mode .month-card .date{color: #fff}
.night-mode .month-card.active .date, 
.night-mode.pc .month-card:hover .date{color: var(--blue-light)}
.night-mode .section-roomtype.tabs{background-color: var(--dark-80);}

.night-mode .section-location-header{background-color: var(--dark-40);}
.night-mode .nav-service-tabs .repair-center{background-color: var(--dark-60); border-color: var(--dark-60) }

.night-mode .garage-card{background-color: var(--dark-40);border-bottom:1px solid rgba(255,255,255,0.1);}
.night-mode .garage-card h3{color: var(--blue-light)}
.night-mode .garage-card .icon-item,
.night-mode .garage-card .col-right{border-color:rgba(255,255,255,0.1);}

.night-mode .garage-card.active, .night-mode.pc .garage-card:hover {
    background-color: var(--dark-60);
    border-color:rgba(255,255,255,0.1);
}
.night-mode .garage-result-footer{background-color: var(--dark-80);}
.night-mode .garage-result-footer > a{color: #fff}
.night-mode .garage-result-footer > a .arrow > span{
	border-top-color:#fff ;
	border-left-color:#fff ;
}

.night-mode .map-infowindow{ color: #fff }
.night-mode .map-infowindow::before {background-image: url(../assets/img/thumb/map-infowindow-arrow2.png?v=1)}

.night-mode .garage-result-body .scrollbar-inner > .scroll-element .scroll-bar{background-color: var(--dark-100);}
.night-mode .scrollbar-inner > .scroll-element .scroll-element_track{background-color:rgba(255,255,255,0.1)}

.night-mode .search-place-box .sp-body{ background-color: var(--dark-80) }

.night-mode .nav-search-tabs .nav-link{ color:var(--blue-medium);}
.night-mode .nav-search-tabs .nav-link::before {background-color: #ffffff}
.night-mode .nav-search-tabs .nav-item .icons{background-color: #0f2e7b;border-color: #0f2e7b}
.night-mode .nav-search-tabs .nav-item .icons::after{border-color: #fff}
.night-mode .nav-search-tabs .nav-item.show .nav-link .icons, 
.night-mode .nav-search-tabs .nav-link.active .icons, 
.pc.night-mode .nav-search-tabs .nav-item:hover .nav-link .icons{background-color: transparent;}
.night-mode .nav-search-tabs .nav-item.show .nav-link, 
.night-mode .nav-search-tabs .nav-link.active, 
.pc.night-mode .nav-search-tabs .nav-item:hover .nav-link{color: #fff}
.night-mode .tab-search-content .form-control, 
.night-mode .tab-search-content .custom-select{
	background-color: transparent;
	border:1px solid rgba(255,255,255,0.4);
	color: #b5b5b5
}

.night-mode .location-list li{
	background-color: transparent;
	border:1px solid rgba(255,255,255,0.4);
	color: #8d8d8d
}
.night-mode .location-list li h6{color: #fff}
.pc.night-mode  .location-list li:hover {
    background-color: var(--dark-60);
}

.night-mode .repair-center-list .repair-center{
	background-color: transparent;
	border-color: var(--blue-light);
	color: var(--blue-light);
	border-width: 1px
}


.night-mode .repair-center-list .repair-center.active, 
.pc.night-mode .repair-center-list .repair-center:hover {
    border: 1px solid var(--blue-medium); 
    background-color: var(--blue-medium);
    color: #fff
}

.night-mode .repair-center-list .repair-center .icon{
	border-color: var(--blue-medium); 
	background-color: transparent;
}
.night-mode .nav-search-tabs .nav-item .icons::before {
	-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		opacity: 1;
}
.night-mode .repair-center-list .repair-center:hover .icon,
.night-mode .repair-center-list .repair-center.active .icon{border-color: #fff}

.night-mode .scrollbar-inner > .scroll-element .scroll-bar{background-color: #575d8f}

html:not(.ie).night-mode .nav-search-tabs .nav-item .icons.icon-tab-hospital::before {
	background-image: url(../assets/img/icons/icon-tab-hospital-2.png?v=1);
}
html:not(.ie).night-mode .nav-search-tabs .nav-item .icons.icon-tab-garage::before {
	background-image: url(../assets/img/icons/icon-tab-garage-2.png?v=1);
}
html:not(.ie).night-mode .nav-search-tabs .nav-item .icons.icon-tab-all::before {
	background-image: url(../assets/img/icons/icon-tab-all-2.png?v=1);
}

 
html:not(.ie).night-mode .nav-search-tabs .nav-item  .active  .icons.icon-tab-garage::before {
	background-image: url(../assets/img/icons/icon-tab-garage-2-active.png?v=1);
}
html:not(.ie).night-mode .nav-search-tabs .nav-item .active .icons.icon-tab-hospital::before {
	background-image: url(../assets/img/icons/icon-tab-hospital-2-active.png?v=1);
}

.night-mode .location-list li p{ color: #b5b5b5; }
.night-mode .tab-search-content h4 a.viewall{ color: var(--blue-medium) }
.night-mode  .location-list li::before{
	border-top: 2px solid rgba(255,255,255,1);
	border-left: 2px solid rgba(255,255,255,1);
}

.pc.night-mode .claim-item:hover{
    background-color: var(--dark-60)
}

.night-mode .card-accordion{
	border-color:var(--dark-60);
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.night-mode .card-accordion .card-body a{
   color: var(--blue-light);
}

.night-mode .card-accordion .card-title{
   background-color: var(--dark-60);
   color: #ffffff
}
.night-mode .dark-60 .card-accordion .card-title{background-color: var(--dark-40);}

.night-mode .card-title .icon-collapse .icon:before, 
.night-mode .card-title .icon-collapse .icon:after{background-color: #fff;}

.night-mode .form-reservation:before,
.night-mode .calendar-content .date-group:before{border-left:1px solid rgba(255,255,255,0.2);}

.night-mode .form-control{
	background-color:rgba(255,255,255,0.2); 
	/*border:1px solid rgba(255,255,255,0.2);*/
	color: #fff
} 

.night-mode .custom-select{
	color: #fff;
	background:rgba(255,255,255,0.2) url("../assets/img/icons/icon-arrow-option.svg") no-repeat right 15px center/12px 20px;
}

.night-mode .input-icon .icons{background-color:rgba(255,255,255,0.3);}

.night-mode .news-content.sm:not(.highlight){background-color: var(--dark-60)}

.night-mode .form-ir::before {border-color:rgba(255,255,255,0.3); }
.night-mode .company-info .icons{background-color:rgba(255,255,255,0.6);}
.night-mode .card-report{background-color:#11398e;}

.night-mode .ir-news-list li .date {color: #fff}
.night-mode .ir-news-list li .date + span{color: var(--blue-light)}
.night-mode .ir-news-list li a:hover {background-color: rgba(255,255,255,0.2); opacity: 1}
.night-mode .ir-news-list li a{border-bottom-color: rgba(255,255,255,0.2)}

.night-mode .table-finstatement thead tr:first-child th, 
.night-mode .table-finstatement tbody td:first-child,
.night-mode .table-finstatement tr td {
    border-bottom: 1px solid rgba(255,255,255,0.3);
    border-right: 1px solid rgba(255,255,255,0.3);
}
.night-mode .table-finstatement thead tr:first-child th, .table-finstatement tbody td:first-child{border-left: 1px solid rgba(255,255,255,0.3);}
.night-mode .table-finstatement thead.thead-main tr:nth-child(1) th:nth-child(1){border-left: 0}
.night-mode .table-finstatement thead.thead-main tr:nth-child(1) th:nth-child(2),
.night-mode .table-finstatement thead tr:nth-child(2) th{border-right: 0}

.night-mode .table-finstatement tbody tr:nth-child(2n+1){background-color: var(--dark-60); color: #fff} 
.night-mode .table-finstatement tbody td{color: #fff}

.night-mode .table-finstatement tbody tr:nth-child(2n+1) td:nth-child(2), 
.night-mode .table-finstatement tbody tr:nth-child(2n+1) td:nth-child(4) {
     background-color:#061161;
     border-bottom: 1px solid rgba(255,255,255,0.3);
}
.night-mode .table-finstatement tbody tr:nth-child(2n+1) td:nth-child(3), 
.night-mode .table-finstatement tbody tr:nth-child(2n+1) td:nth-child(5) {
    background-color:var(--dark-60);
}


.night-mode .table-finstatement tbody tr:nth-child(2n){
	background-color:var(--dark-40);
}
.night-mode .table-finstatement tbody tr:nth-child(2n) td:nth-child(3), 
.night-mode .table-finstatement tbody tr:nth-child(2n) td:nth-child(5) {
    background-color:var(--dark-40);
}
.night-mode .table-finstatement tbody tr:nth-child(2n) td:nth-child(2), 
.night-mode .table-finstatement tbody tr:nth-child(2n) td:nth-child(4) {
    background-color:#07136e;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.night-mode .card-structure .card-title{ color: var(--blue-medium) }
.pc.night-mode .card-structure .card-title:hover{ color: var(--blue-light) }
.night-mode .card-structure .card-title .arrow-right{
	border-top: 1px solid var(--blue-medium) ;
	border-left: 1px solid var(--blue-medium) ;
}
.night-mode .card-structure{border-bottom: 1px solid rgba(255,255,255,0.3);}

.night-mode .award-article h4{ color: var(--blue-light)}

.night-mode .award-year:before{
  background: -moz-linear-gradient(top,  rgba(1,11,89,1) 0%, rgba(1,11,89,0) 100%);  
  background: -webkit-linear-gradient(top,  rgba(1,11,89,1) 0%,rgba(1,11,89,0) 100%); 
  background: linear-gradient(to bottom,  rgba(1,11,89,1) 0%,rgba(1,11,89,0) 100%);  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); 
}
.night-mode .award-year:after{
  background: -moz-linear-gradient(top,  rgba(1,11,89,0) 0%, rgba(1,11,89,0.78) 61%, rgba(1,11,89,1) 78%);  
  background: -webkit-linear-gradient(top,  rgba(1,11,89,0) 0%,rgba(1,11,89,0.78) 61%,rgba(1,11,89,1) 78%);  
  background: linear-gradient(to bottom,  rgba(1,11,89,0) 0%,rgba(1,11,89,0.78) 61%,rgba(1,11,89,1) 78%);  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );  
}
.night-mode .agents-step li .number{color: var(--blue-light)}
.night-mode .agents-step li .flex-fill{
	 background-color:var(--dark-60);
	 color: #fff
}

.night-mode .section-policy .background:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: inherit;
	opacity: 0.9
}

.night-mode .garage-card p.blue{color: var(--blue-medium)}
.night-mode .article.complaint{color: #fff !important}

.night-mode .mobile-apps-infos h4{color: var(--blue-light)}
.night-mode .section-application.singlepage::before {display: none;}
.night-mode .section-application-download:before{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+1,ffffff+100&0.63+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.23) 0%, rgba(0,0,0,0.23) 1%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.23) 0%,rgba(0,0,0,0.23) 1%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.23) 0%,rgba(0,0,0,0.23) 1%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}

.night-mode .apps-download .apps-name h4{color: var(--blue-medium) }

.night-mode .section-application.singlepage{background-color: #062a75 !important}

@media (max-width:767px) {
	.night-mode .mobile-apps-infos h4{color: #fff}
}