:root{
  --color-p:#8b0000;
  --color-s:#520404;
  --color-b:#D6EAFF;
  --color-primary: #8b0000;
  --color-primary-hover: #520404;
  --color-primary-active: #520404;
  --color-yellow: #f1c616;
  --color-grey: #576974
}

/* Reset */
html, body, table.table{color:#000000;}


/* Colors */
.color-p, .h-color-p:hover{color:var(--color-p)!important;}
.color-s, .h-color-s:hover{color:var(--color-yellow)!important;}
.color-t, .h-color-t:hover{color:#f4b510!important;}
.color-white, .h-color-white:hover{color:#ffffff!important;}
.color-black, .h-color-black:hover{color:#000000!important;}
.color-dark, .h-color-dark:hover{color:#222325!important;}
.color-gray, .h-color-gray:hover{color:#696969!important;}
.color-sgray, .h-color-sgray:hover{color:#e1e1e1!important;}
.color-01, .h-color-01:hover{color:#8B0000!important;}
.color-02, .h-color-02:hover{color:#717498!important;}
.color-03, .h-color-03:hover{color:#FF2B2B!important;}
.color-04, .h-color-04:hover{color:#8589AB!important;}
.color-05, .h-color-05:hover{color:#9D9D9D!important;}
.color-06, .h-color-06:hover{color:#555555!important;}
.color-07, .h-color-07:hover{color:#808080!important;}
.color-08, .h-color-08:hover{color:#c4c4c4!important;}
.color-09, .h-color-09:hover{color:#FF6D6D!important;}
.color-10, .h-color-10:hover{color:#79B948!important;}
.color-11, .h-color-11:hover{color:#FACF0F!important;}
.color-12, .h-color-12:hover{color:#FFD4D4!important;}
.color-13, .h-color-13:hover{color:#FEF5CF!important;}
.color-14, .h-color-14:hover{color:#E2F1FF!important;}
.color-15, .h-color-15:hover{color:#0a112b!important;}
.color-16, .h-color-16:hover{color:#2252FC!important;}
.color-17, .h-color-17:hover{color:#333333!important;}


.bg-p{background:var(--color-p)!important;}
.bg-s{background:var(--color-s)!important;}
.bg-t{background:#f4b510!important;}
.bg-white{background:#ffffff!important;}
.bg-black{background:#000000!important;}
.bg-dark{background:#222325!important;}
.bg-gray{background:#696969!important;}
.bg-sgray{background:#e1e1e1!important;}
.bg-01{background:#0A112B!important;}
.bg-02{background:#A6A9CD!important;}
.bg-03{background:#8B0000!important;}
.bg-04{background:#8589AB!important;}
.bg-05{background:#9D9D9D!important;}
.bg-06{background:#555555!important;}
.bg-07{background:#808080!important;}
.bg-08{background:#c4c4c4!important;}
.bg-09{background:#FF6D6D!important;}
.bg-10{background:#79B948!important;}
.bg-11{background:#FACF0F!important;}
.bg-12{background:#FFD4D4!important;}
.bg-13{background:#FEF5CF!important;}
.bg-14{background:#E2F1FF!important;}
.bg-15{background:#5d81b7!important;}
.bg-16{background:#5c42a6!important;}
.bg-17{background:#fa9c0f!important;}
.bg-18{background:#e8b43c!important;}
.bg-19{background:#3d479e!important;}
.bg-20{background:#20275e!important;}
.bg-21{background:#CBCEF3!important;}




.bcolor-p{border-color:#0ab3de!important;}
.bcolor-s{border-color:#194e84!important;}
.bcolor-t{border-color:#f4b510!important;}
.bcolor-white{border-color:#ffffff!important;}
.bcolor-black{border-color:#000000!important;}
.bcolor-dark{border-color:#222325!important;}
.bcolor-gray{border-color:#696969!important;}
.bcolor-sgray{border-color:#e1e1e1!important;}
.bcolor-01{border-color:#0A112B!important;}
.bcolor-02{border-color:#A6A9CD!important;}
.bcolor-03{border-color:#FF2B2B!important;}
.bcolor-04{border-color:#8589AB!important;}
.bcolor-05{border-color:#9D9D9D!important;}
.bcolor-06{border-color:#555555!important;}
.bcolor-07{border-color:#808080!important;}


/* Avatar Online */
.avatar-online:before, .avatar-online:after{background:var(--color-s);}


/* Buttons */
.btn.btn-p, .btn.btn-p:focus{color:#ffffff; background:var(--color-p); border-color:var(--color-p);}
.btn.btn-p:hover, .btn.btn-p:active{box-shadow:inset 0 0 0 100rem rgba(0,0,0,.10);}

.btn.btn-s, .btn.btn-s:focus{color:#ffffff; background:#04adf0; border-color:#04adf0;}
.btn.btn-s:hover{background:#696969; border-color:#696969;}
.btn.btn-s:active{box-shadow:inset 0 0 0 100rem rgba(0,0,0,.10);}

.btn.btn-inactive, .btn.btn-inactive:focus, .btn.btn-inactive:hover,
.btn.btn-inactive:active{color:#ffffff; background:#e1e1e1; border-color:#e1e1e1;}

.btn.btn-01, .btn.btn-01:focus{color:#ffffff; background:var(--color-primary); border-color:var(--color-primary);}
.btn.btn-01:hover{background:var(--color-s); border-color:var(--color-s);}
.btn.btn-01::before, .btn.btn-01:active::before{background:var(--color-s);}

.btn.btn-01.style-02, .btn.btn-01.style-02:focus{color:#ffffff; background:var(--color-grey); border-color:#ffffff;}
.btn.btn-01.style-02:hover{background:var(--color-s);}
.btn.btn-01.style-02::before, .btn.btn-01.style-02:active::before{background:var(--color-s);}

.btn.btn-01.style-03, .btn.btn-01.style-03:focus{color:#8B0000; background:transparent; border-color:#8B0000;}
.btn.btn-01.style-03 svg.h-icon path{fill:#8B0000;}
.btn.btn-01.style-03:hover{background:#8B0000; border-color:#8B0000; color:#ffffff;}
.btn.btn-01.style-03:hover svg.h-icon path{fill:#ffffff;}
.btn.btn-01.style-03::before, .btn.btn-01.style-03:active::before{background:#8B0000;}

.btn.btn-02, .btn.btn-02:focus{color:#ffffff; background:#0A112B; border-color:#ffffff;}
.btn.btn-02:hover, .btn.btn-02:active{box-shadow:inset 0 0 0 100rem rgba(0,0,0,.10);}

.btn.btn-03, .btn.btn-03:focus{color:#0A112B; background:transparent; border-color:#0A112B;}
.btn.btn-03:hover{background:#FACF0F; border-color:#FACF0F;}
.btn.btn-03::before, .btn.btn-03:active::before{background:var(--color-s);}

.btn.btn-04, .btn.btn-04:focus{color:#0A112B; background:transparent; border-color:transparent;}
.btn.btn-04:hover{background:var(--color-s); border-color:var(--color-s); color:#ffffff;}
.btn.btn-04::before, .btn.btn-04:active::before{background:var(--color-s);}
.btn.btn-04 .icon-wrapper.style-02 .icon{background:#8B0000;}

.btn-play:before, .btn-play:after{background:var(--color-s);}

.btn-play.style-01:before, .btn-play.style-01:after{background:#79B948;}
.btn-play.style-02:before, .btn-play.style-02:after{background:#FF2B2B;}
.btn-play.style-03:before, .btn-play.style-03:after{background:#FACF0F;}


/* Banner 01 */
.banner-01 .pagination-number{color:#ffffff;}
.banner-01 .slideshow-pagination-item.active .pagination-number{color:#dddddd;}
.banner-01 .pagination-separator{background:rgba(255, 255, 255, 0.25);}
.banner-01 .pagination-separator-loader{background:#ffffff;}
.banner-01 .slideshow-pagination-item.active .pagination-separator-loader{background:#dddddd;}
.banner-01 .arrows > .arrow{background:rgba(255, 255, 255, 0.25); color:#ffffff;}


/* Breadcrumb 01 */
.breadcrumb-01 .links-container{background:#ffffff;}
.breadcrumb-01 .link-wrapper .link .line{background:#c4c4c4;}


/* Breadcrumb 02 */
.breadcrumb-02 .links-container{background:#ffffff;}
.breadcrumb-02 .link-wrapper .link .line{background:#c4c4c4;}
.breadcrumb-02 .link-wrapper .link .menu{color:#000000;}
.breadcrumb-02 .link-wrapper .link:first-child.menu{color:#0A112B;}
.breadcrumb-02 .link-wrapper .link:nth-child(2) .menu{color:var(--color-p);}


/* Breadcrumb 03 */
.breadcrumb-03{background:#ffffff; box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;}
.breadcrumb-03 .link-wrapper .link .line{background:#c4c4c4;}
.breadcrumb-03 .link-wrapper .link .menu{color:#000000;}
.breadcrumb-03 .link-wrapper .link:first-child.menu{color:#0A112B;}


/* Calendar Header */
.calendar-header .calendar-title{color:var(--color-p);}


/* Calendar - Month */
.calendar-month .fc-theme-standard .fc-scrollgrid{border-color:#E9ECFF;}
.calendar-month .fc .fc-day-other .fc-daygrid-day-top{opacity:1;}
.calendar-month .fc-theme-standard td, .fc-theme-standard th{border-color:#E9ECFF;}
.calendar-month .fc-theme-standard .fc-popover-header{background:#ffffff;}
.calendar-month .fc-daygrid-day-number{background:#DDE0FF;}
.calendar-month .custom-event{color:#000000;}
.calendar-month .fc-popover-title{color:#000000;}
.calendar-month .fc-popover-body{border-color:#30906a!important}
.calendar-month .fc-popover-close{color:#000000;}
.calendar-month .fc-daygrid-day.fc-day-today{background:rgba(123, 177, 255, 0.15);}
.calendar-month .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{background:rgba(19, 48, 90, 1); color:#ffffff;}
.calendar-month .fc-day-other{background:rgba(210, 210, 210, 0.15);}
.calendar-month .fc-day-other .fc-daygrid-day-number{background:#C4C4C4; color:#ffffff;}
.calendar-month .fc-daygrid-event-harness{background:transparent!important; color:#000000;}
.calendar-month .fc-event-title.fc-sticky{color:#000000;}


/* Calendar - Month - Popup Event */
.calendar-month .fc-event.theme-01{background:#E2F1FF;}
.calendar-month .fc-event.theme-01 .custom-event > .table .dot{background:#77BDFF;}
.calendar-month .fc-event.theme-02{background:#E4F1DA;}
.calendar-month .fc-event.theme-02 .custom-event > .table .dot{background:#5FBC18;}
.calendar-month .fc-event.theme-03{background:#FFD4D4;}
.calendar-month .fc-event.theme-03 .custom-event > .table .dot{background:#FF5E5E;}


/* Calendar - Year */
.calendar-year .fc-multimonth-month{border-color:#EBEBEB!important;}
.calendar-year .fc .fc-cell-shaded, .fc .fc-day-disabled{background:#ffffff;}
.calendar-year .custom-event{border-color:#E9ECFF!important;}
.calendar-year .fc-multimonth-month .fc-multimonth-title{background:#ffffff; color:#13305A;}
.calendar-year .fc-multimonth-month.active .fc-multimonth-title{background:var(--color-s); color:#ffffff;}
.calendar-year .fc-col-header-cell-cushion{color:#333333;}
.calendar-year .fc-multiMonthYear-view .fc-daygrid-event.fc-event-end,
.calendar-year .fc-multiMonthYear-view .fc-daygrid-event.fc-event-start,
.calendar-year .fc-multiMonthYear-view .fc-daygrid-more-link{background:var(--color-s);}
.calendar-year .fc-multiMonthYear-view .fc-daygrid-day.active .fc-daygrid-day-number{color:#ffffff;}
.calendar-year .fc-popover .fc-popover-body .fc-event{background:transparent; color:#000000;}
.calendar-year .fc-popover .fc-popover-body .fc-event *{color:#000000;}
.calendar-year .fc-popover .fc-popover-body .fc-event:hover{background:rgba(123, 177, 255, 0.15);}
.calendar-year .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame{background:rgba(123, 177, 255, 0.15);}


/* Daterange */
.daterangepicker td.active, .daterangepicker td.active:hover{background:#0A112B;}
.daterangepicker .drp-buttons .applyBtn.btn{background:#0A112B; color:#ffffff;}


/* Client 01 */
.client-01{background:#ffffff;}
.client-01 .arrows > .arrow{color:#000055;}
.client-01 .swiper-slide-active .img-container .logo,
.client-01 .logo:hover{border-color:var(--color-primary-active);}
.client-01 .logo::before{background:rgb(139,0,0, .5);}
.client-01 .logo::after{background:rgb(204 19 19 / 50%);}
.client-01 .swiper-pagination{background:#E9ECFF;}
.client-01 .swiper-pagination .swiper-pagination-bullet{background:#ffffff;}
.client-01 .swiper-pagination .swiper-pagination-bullet-active{background:var(--color-p);}



/* Checkbox */
.checkbox-set > .checkmark::before,
.checkbox-set > .checkmark::after{border-color:#ffd000;}
.checkbox-set > .checkmark{border-color:#2e603b;}
.checkbox-set input:checked ~ .checkmark{background:#2e603b;}
.checkbox-set  .bg-color{background:#c7dece!important;}
.checkbox-set  .bg-color-white{background:#ffffff!important;}
.checkbox-set  .bg-color-02{background:#8c6961!important;}


/* Download 01 */
.download-container-01 > .content{border-color:#B5B5B5;}
.download-container-01 > .content.active{border-color:#520404;}
.download-container-01 > .content .answer::before{background:#B5B5B5;}
.download-container-01 > .content.active .answer::before{background:#520404;}


/* E-book */
.ebook-container canvas{background:#666666;}
.ebook-container .df-container > .df-ui-next,
.ebook-container .df-container > .df-ui-prev{color:#ffffff;}


/* Event Lists */
.event-lists > .event-list{border-color:#DDE0FF;}


/* Faq 01 */
.faq-01 > .content{border-color:#B5B5B5;}
.faq-01  > .content.active{box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;}
.faq-01  > .content.active > .wrapper{background:#8b0000;}
.faq-01 > .content.active .question-icon svg path{fill:#ffffff;}
.faq-01  > .content.active > .wrapper .text .title{color:#ffffff;}
.faq-01 > .content.active > .wrapper .date{color:#ffffff;}
.faq-01 > .content.active > .wrapper .date > .icon svg path{fill:#ffffff;}
.faq-01 > .content .chevron-wrapper .icon{border-color:#0A112B;}
.faq-01 > .content.active .chevron-wrapper .icon{border-color:#ffffff; color:#ffffff;}


/* Faq 02 */
.faq-02 > .content{border-color:#B5B5B5;}
.faq-02  > .content.active{box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;}
.faq-02  > .content.active > .wrapper{background:#0A112B;}
.faq-02 > .content.active .question-icon svg path{fill:#ffffff;}
.faq-02  > .content.active > .wrapper .text .title{color:#ffffff;}
.faq-02 > .content.active > .wrapper .date{color:#ffffff;}
.faq-02 > .content.active > .wrapper .date > .icon svg path{fill:#ffffff;}
.faq-02 > .content .chevron-wrapper .icon{border-color:#0A112B;}
.faq-02 > .content.active .chevron-wrapper .icon{border-color:#ffffff; color:#ffffff;}


/* Faq 03 */
.faq-03 > .content{border-color:#B5B5B5;}
.faq-03 > .content.active{border-color:#0A112B;}
.faq-03 > .content .answer::before{background:#B5B5B5;}
.faq-03 > .content.active .answer::before{background:#0A112B;}


/* Form Accordian */
.form-accordion  > .content > .wrapper{border-color:#E8E8E8;}
.form-accordion  > .content.active > .wrapper{background:#8b0000;}
.form-accordion  > .content .text-container .title{color:#8b0000;}
.form-accordion  > .content.active .text-container .title{color:#ffffff;}
.form-accordion  > .content.active .chevron-wrapper .icon{color:#ffffff;}
.form-accordion .answer::-webkit-scrollbar-thumb{background:#8b0000!important;}
.form-accordion .answer::-webkit-scrollbar-track{background:#DDE0FF;}
.form-accordion > .content.active > .wrapper .text-container svg:not(.document) path{fill:#ffffff;}
.form-accordion > .content > .wrapper .text-container svg:not(.document) path{fill:#000000; transition:fill .25s}
.form-accordion > .content > .wrapper .text-container svg.document path{stroke:#000000; transition:stroke .25s}
.form-accordion > .content.active > .wrapper .text-container svg.document path{stroke:#ffffff;}


/* Form Check */
.form-check .checkmark {background-color:#eee;}
.form-check input:checked ~ .checkmark {background-color:#8b0000;}
.form-check .checkmark:after{border-color:#ffffff;}


/* File list */
.file-lists .file-item{background:#DDE0FF;}


/* Form Background */
.form-container-background{
  background:linear-gradient(180deg, #8b0000 7.96%, rgba(119, 119, 119, 0.8) 100%);
}
.form-container-background .popup-content{background:#ffffff;}
.form-container-background .form-wrapper{background:#6995ba;}
.form-container-background .form.register{background:#ffffff;}


/* Form group */
.form-group input[type="text"], .form-group input[type=email]{
  border-color:#eaeaea; background:#f8f8f8;
}
.form-group select{background:#F8F8F8!important;}
.form-group .dropdown-icon{background:#8B0000; color:#ffffff;}
.form-group .login-tooltip{background:#FF2B2B;}
.form-group .login-tooltip > *:first-child{color:#ffffff;}
.form-group .login-tooltip .wrapper::before{background:#FF2B2B;}
@media screen and (max-width:720.98px){
  .form-group .login-tooltip > *:first-child{color:#FF2B2B;}
}


/* highlight */
.highlight{background:#E9ECFF;}


/* Intro 01 */
.intro-01 .slideshow-pagination{background: rgba(0, 0, 0, 0.2);}
.intro-01 .pagination-number{color:#ffffff;}
.intro-01 .slideshow-pagination-item.active .pagination-number{color:#0A112B;}
.intro-01 .pagination-separator{background:rgba(255, 255, 255, 0.25);}
.intro-01 .pagination-separator-loader{background:#ffffff;}
.intro-01 .slideshow-pagination-item.active .pagination-separator-loader{background:#0A112B;}
.intro-01 .arrows > .arrow{background:#ffffff; color:#0A112B;}
.intro-01 .intro-footer .socials .social:hover{background:var(--color-s);}
.intro-01 .intro-footer .socials .social:hover svg path{fill:#ffffff;}


/* Inputs */
input[type=text], input[type=email], input[type=password], input[type=date], input[type=tel],
input[type=number], input[type=phone], input[type=submit], input[type=file], select, textarea{
    color:#000000!important; background:#f8f8f8;; border-color:#eaeaea!important;
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=date]:focus,
input[type=tel]:focus, input[type=number]:focus, input[type=phone]:focus, input[type=submit]:focus,
input[type=file]:focus, select:focus, textarea:focus{border-color:var(--color-p)!important;}

input[type=text].fgray, input[type=email].fgray, input[type=password].fgray, input[type=date].fgray,
input[type=tel].fgray, input[type=number].fgray, input[type=phone].fgray, input[type=submit].fgray,
input[type=file].fgray, select.fgray, textarea.fgray,
.form-group .upload-wrapper.fgray::before{background:#f8f9fa!important;}
input[type=text].sgray, input[type=email].sgray, input[type=password].sgray, input[type=date].sgray,
input[type=tel].sgray, input[type=number].sgray, input[type=phone].sgray, input[type=submit].sgray,
input[type=file].sgray, select.sgray, textarea.sgray,
.form-group .upload-wrapper.sgray::before{background:#e1e1e1!important;}
input[type="search"]::placeholder{color:#000000;}
input[type="email"][disabled],
input[type="text"][disabled]{background:#eeeeee!important; color:#737373!important}


input.input-empty{border-color:#FF2B2B!important;}

.input-tooltip .tooltips:before,
.input-tooltip > .wrapper .tooltip-icon + .tooltip-dropdown{background:#f8f8f8; border-color:#dddddd;}
.input-tooltip > .wrapper .tooltip-dropdown .title{color:#a4a4a4;}
.input-tooltip > .wrapper .tooltip-icon{color:#A4A4A4;}


/* List Header */
.list-header{border-color:#C4C4C4;}
.list-header .option .icon-view:hover,
.list-header .option .icon-view.active{background: var(--color-primary);}
.list-header .option .icon-view:hover svg path{fill:#ffffff!important;}
.list-header .option .icon-view.collapse.active{background:var(--color-primary);}
.list-header .option .icon-view.collapse svg path{stroke:#0A112B!important;}
.list-header .option .icon-view.collapse.active svg path,
.list-header .option .icon-view.collapse:hover svg path{stroke:#ffffff!important;}
.list-header .option .icon-view.expand svg{stroke:#0A112B!important;}
.list-header .option .icon-view.expand.active svg,
.list-header .option .icon-view.expand:hover svg{stroke:#ffffff!important;}
.list-header .option .dropdown-icon{background: var(--color-primary); color:#ffffff;}
.list-header .option .icon-view.disable{color:#eeeeee;}
.list-header .option > .ui.icon.input input{background:#F8F8F8!important;}
.list-header .option > .ui.icon.input input::placeholder{color:#9D9D9D!important;}
.list-header .option > select{background:#F8F8F8!important;}
.list-header .option > input{background:#F8F8F8!important;}


/* Paginate */
.paginate .page.active{color:#0A112B;}
.paginate .page{color:#9D9D9D;}
.paginate .arrow.arrow-prev, .paginate .arrow.arrow-next{color:#9D9D9D;}


/* Password Level */
.password-level > .levels > *{background:#E1E4E5;}
.password-level.level-1 > .levels > *:nth-child(1){
  background:#ff0000; border-color:#ff0000;
}
.password-level.level-1 .text{color:#ff0000;}


/* Radio */
.radio-container:hover input ~ .checkmark{background:#cccccc;}
.radio-container input:checked ~ .checkmark{background:#8b0000;}
.radio-container .checkmark{background:#eeeeee;}
.radio-container .checkmark:after{background:#ffffff;}
.radio-container:hover{border-color:var(--color-p);}


/* Progress Bar */
.progress-bar{background:#f1f1f1;}
.progress-inner{background:#8b0000;}


/* Popup Notification */
.popup-container{
  background:linear-gradient(180deg, #0A112B 7.96%, rgba(19, 48, 90, 0.8) 100%);
}
.popup-container .popup-content{background:#ffffff;}
.popup-container .popup-content.size-02{background:#ffffff;}


/* Notification */
.noti-container{border-color:#FDE476; background:#FFFAE2;}


/* RSS */
.rss:nth-child(1),
.rss{border-color:#E8E8E8;}
.rss:hover{background:#8B0000;}
.rss .icon-container .icon{background:linear-gradient(180deg, #C1C1C1 0%, #777777 100%);}
.rss:hover .text-container .title{color:#ffffff!important;}
.rss .date-view{color:#808080;}
.rss:hover .date-view{color:#ffffff}
.rss:hover .date-view svg path{fill:#ffffff;}


/* Search Container */
.search-container.style-01 input{border-color:rgba(157, 157, 157, 0.4)}


/* Search Filter */
.search-filter-container .btn-collap{border-color:#DDE0FF;}
.search-filter-container .form-wrapper{border-color:#DDE0FF;}


/* Special Header Title */
/* .ss-header-01:before{background:#DDE0FF;} */
.ss-header-02{border-color:#0A112B;}
.ss-header-03{background:linear-gradient(90deg, #0A112B 0%, #13305A 100.99%);}


/* Special List */
.ss-list.style-01 li{border-color:#f6f6f6; display: flex; align-items: stretch;}
.ss-list.style-01.oit-list li.sub-cate:not(.level-3) .title{font-weight: 400;}
.ss-list.style-02 .list-item .number{background:var(--color-s);}


/* Section 01 */
.section-01 .swiper-pagination{background:#E1E1E1;}
.section-01 .swiper-pagination .swiper-pagination-bullet{background:#ffffff;}
.section-01 .swiper-pagination .swiper-pagination-bullet-active{background:var(--color-p);}
.section-01 .swiper-slide-active .ss-card-01 .text-container{background:#ffffff;}
.ss-card.ss-card-01 .date p { color: var(--color-primary);}

.ss-card.ss-card-01:hover .date p { color: #ffffff;}
.section-01 .arrows > .arrow{background:#ffffff; color:#000000}
.section-01 .arrows > .arrow:hover{background:#ffffff; color:#000000;}
.section-01 .arrows > .arrow.arrow-prev.swiper-button-disabled,
.section-01 .arrows > .arrow.arrow-next.swiper-button-disabled{background:rgba(0, 0, 0, .1); color:#ffffff;}


/* Section 02 */
.section-02 .underline::before{background:#0A112B;}


/* Section 03 */
.section-03 .menu-container .menu{color:#0A112B;}
.section-03 .menu-container .menu.active,
.section-03 .menu-container .menu:hover{
  background:linear-gradient(90deg, #0A112B 0%, #13305A 100%);
  color:#ffffff;
}
.section-03 .arrow:hover{background:#efefef; color:var(--color-p);}


/* Section 04 */
.section-04{background:linear-gradient(0deg, #520404 0%, #8B0000 100%);}
.section-04 .topic::before{background:#FACF0F;}
.section-04 .menu-container .menu{color:#ffffff;}
.section-04 .arrow:hover{background:var(--color-p); color:var(--color-p);}
.section-04 .menu-container .menu .wrapper::before{background:#FACF0F;}


/* Section 05 */
.section-05 .menu-container .menu .title{color:#ffffff;}
.section-05 .contact-lists .list-item .icon,
.section-05 .contact-lists .list-item .text{color:#0A112B;}
.section-05 .swiper-pagination{background:#E9ECFF;}
.section-05 .swiper-pagination .swiper-pagination-bullet{background:#ffffff;}
.section-05 .swiper-pagination .swiper-pagination-bullet-active{background:var(--color-p)};


/* Section 06 */
.section-06 .text-container{border-color:#0A112B!important;}


/* Section 07 */
.section-07 .block-right::before{background:#f1f1f1;}
.section-07 .block-right::after{background:#f1f1f1;}
.section-07 .block-right .option{color:#808080;}
.section-07 .block-right .option svg path{fill:#808080;}
.section-07 .block-right .card-footer .svg-path-p path{fill:var(--color-p);}
.section-07 .options-footer:before, .section-07 .options-footer:after{background:#8B0000;}


/* Section 09 */
.section-09 .swiper-pagination{background:#E1E1E1;}
.section-09 .swiper-pagination .swiper-pagination-bullet{background:#ffffff;}
.section-09 .swiper-pagination .swiper-pagination-bullet-active{background:var(--color-p);}
.section-09 .arrows > .arrow{background:#E1E1E1; color:#000000;}
.section-09 .pattern-footer::before{background:#8B0000;}



/* Section 10 */
.section-10 .text-container .wrapper .icon{border-color:#0A112B;}


/* Section 11 */
.section-11 .text-container::after{background:#C4C4C4;}
.section-11 .text-container::before{background:#0A112B;}


/* Section 12 */
.section-12 .department-toggle{background:var(--color-p); color:#ffffff;}
.section-12 .department-toggle .hamburger > *{background:#ffffff;}
@media screen and (max-width:991.98px){
  .section-12 .content-box.left{background:#ffffff;}
}


/* Section 13 */
.section-13 .options-header{border-color:#C4C4C4;}


/* Section 14 */
.section-14 .underline::before{background:#0A112B;}


/* Section 15 */
.section-15 .swiper-menu-container .swiper-slide-active .menu::before{background:var(--color-s);}
.section-15 .swiper-menu-container .swiper-slide-active .menu{color:#000000;}
.section-15 .swiper-menu-container .menu:hover{color:var(--color-s);}
.section-15 .arrows > .arrow{background:#0A112B80; color:#ffffff;}

/* เส้น border-bottom */
.section-15 .swiper-main-container .swiper-slide-active .menu::before {
  content: '';
  position: absolute;
  left: 12px;
  transform: translateY(30px);
  height: 3px;
  width: 0;
  background: var(--color-s);
  border-radius: 2px;
  transition: all 0.3s ease;
  opacity: 0;
}

/* เมื่อ active */
.section-15 .swiper-main-container .swiper-slide-active .menu::before {
  width: 15%;
  opacity: 1;
  animation: grow 0.3s ease forwards;
}

/* กำหนด animation */
@keyframes grow {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 15%;
    opacity: 1;
  }
}





/* Special Card 01 */
.ss-card-01 .text-container{background:#ffffff;}
.ss-card-01 .text-container .date{border: 1.5px solid #8B0000;}
.ss-card-01:hover .text-container .date{background:#8B0000; color:#ffffff;}
.ss-card-01 .card-footer .line{background:#C4C4C4;}
.ss-card-01 .card-footer .line::before{background:#8B0000;}


/* Special Card 02 */
.ss-card-02 .text-container{background:#ffffff;}
.ss-card-02 .text-container .date{border: 1.5px solid #8B0000;}
.ss-card-02 .card-footer .line{background:#C4C4C4;}
.ss-card-02 .date p { color: var(--color-primary);}
.ss-card-02.style-02 .date p { color: #ffffff;}
.ss-card-02:hover .text-container .date{background:var(--color-primary); color:#ffffff;}
.ss-card-02 .card-footer .line{background:#C4C4C4;}
.ss-card-02 .card-footer .line::before{background:#8B0000;}
.ss-card-02:hover .text-container .title{color:var(--color-primary-hover);}
.ss-card-02 .card-footer .option .item .icon path{fill:#0A112B;}


.ss-card-02:hover .date p { color: #ffffff;}
.ss-card-02.style-02:hover .date p { color: #8b0000;}
.ss-card-02 .sm { color: var(--color-primary); }
.ss-card-02.style-02 .text-container{background:transparent;}
.ss-card-02.style-02 .text-container .date{border-color:#ffffff; color:#ffffff;}
.ss-card-02.style-02 .card-footer .line{background:#ffffff;}
.ss-card-02.style-02:hover .text-container .date{background:#ffffff; color:var(--color-p);}
.ss-card-02.style-02 .card-footer .line::before{background:var(--color-s);}
.ss-card-02.style-02:hover .text-container .title{color:var(--color-s);}
.ss-card-02.style-02 .card-footer .option .item .icon path{fill:#ffffff;}


/* Special Card 05 */
.ss-card-05{border-color:#DDE0FF;}
.ss-card-05:hover .title{color:var(--color-p);}
.ss-card-05 .text-container .desc{color:#9D9D9D;}


/* Special Card 15 */
.ss-card-15:hover .btn.btn-04, .btn.btn-04:focus{color:#0A112B; background:transparent; border-color:transparent;}
.ss-card-15:hover .btn.btn-04{background:var(--color-s); border-color:var(--color-s); color:#0A112B;}
.ss-card-15:hover .btn.btn-04 .icon-wrapper.style-02 .icon{background:#0A112B;}
.ss-card-15:hover .ss-img{border-color:var(--color-s)}

/* Special Card 17 */
.ss-card-17{border-color:#C4C4C4;}


/* Special Card 03 */
.ss-card-03 .text-container{
  background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 30%, rgba(0,0,0,1) 100%);
  /* background-image:linear-gradient(180deg, rgba(18, 46, 87, 0) 0%, rgba(18, 46, 87, 0) 0.01%, rgb(100 78 78 / 75%) 30.71%, #714b4b 100%); */
  color:#ffffff;
}
.ss-card-03:hover .text-container{
  /* background-image: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%); */
  /* background-image:linear-gradient(180deg, rgb(125 125 125 / 80%), rgb(104 108 114 / 80%), rgb(133 135 137 / 80%), rgb(134 138 145 / 80%)); */
}
.ss-card-03.style-02 .text-container{
  background-image:linear-gradient(180deg, rgba(19, 48, 89, 0) 0%,
  rgba(19, 48, 89, 0) 0%, rgba(19, 47, 89, 0.75) 80.71%, #0A122C 150%);
  color:#ffffff;
}
.ss-card-03.style-02:hover .text-container{
  background-image:linear-gradient(180deg, rgba(19, 48, 89, 0.8),
  rgba(19, 48, 89, 0.8), rgba(19, 47, 89, 0.8));
  color:#ffffff;
}
.ss-card-03 .text-container .date{border-color:#ffffff;}
.ss-card-03 .text-container .line{background:#8B0000;}


/* Special Card 06 */
.ss-card-06:hover .filter-03{
  background-image:linear-gradient(180deg, rgba(139,0,0, 0.8),
  rgba(139,0,0, 0.8), rgba(139,0,0, 0.8), rgba(139,0,0, 0.8));
}


/* Special Card 08 */
.ss-card-08 .date-container .date{border-color:#8B0000;}
.ss-card-08:hover .date-container .date{background:#8B0000; color:#ffffff;}
.ss-card-08 .text-container .option{color:#808080;}


/* Special Card 10 */
.ss-card-10 .text-container .date{border-color:#ffffff;}
.ss-card-10 .card-footer .line{background:#C4C4C4;}
.ss-card-10:hover .text-container .date{background:#0A112B; color:#ffffff;}
.ss-card-10 .card-footer .line{background:var(--color-s);}


/* Special Card 11 */
.ss-card-11:hover{border-color:var(--color-s);}
.ss-card-11 .text-container{color:#ffffff;}


/* Special Card 14 */
.ss-card-14 .line{background:#C4C4C4;}
.ss-card-14 .line::before{background:#0A112B;}


/* Special Card 16 */
.ss-card-16 .date-container .date{border-color:#8b0000;}
.ss-card-16 .date-container .times{background:#8b0000;}
.ss-card-16:hover .date-container .date{background:#8b0000; color:#ffffff;}
.ss-card-16 .text-container .option{color:#808080;}
.ss-card-16:hover .ss-sep-02.size-04{background:#ffffff!important;}


/* Special Card 20 */
.ss-card-20::before{
  background-image:linear-gradient(180deg, rgba(18, 46, 87, 0) 0%,
  rgba(18, 46, 87, 0) 0.01%, rgba(18, 46, 87, 0.75) 34.71%, #0A122C 100%);
  color:#ffffff;
}
.ss-card-20:hover::before{
  background-image:linear-gradient(180deg, rgba(18, 46, 87, 0.8),
  rgba(18, 46, 87, 0.8), rgba(18, 46, 87, 0.8), rgba(18, 46, 87, 0.8));
}
.ss-card-20 .text-container{color:#ffffff;}
.ss-card-20 .text-container .line{background:#FACF0F;}


/* Special Card 21 */
.ss-card-21:hover .ss-img::before{border-color:var(--color-s);}
.ss-card-21:hover .text-container{background: linear-gradient(180deg, #FFF0AD 13.67%, rgba(255, 255, 255, 0) 50%);}
@media screen and (max-width:575.98px){
  .ss-card-21:hover .text-container{background: linear-gradient(180deg, #FFF0AD 13.67%, rgba(255, 255, 255, 0) 30%);}
}


/* Special Card 22 */
.ss-card-22 .text-container{
  background-image:linear-gradient(180deg, rgba(18, 46, 87, 0) 0%,
  rgba(18, 46, 87, 0) 0.01%, rgba(18, 46, 87, 0.75) 34.71%, #0A122C 100%);
  color:#ffffff;
}
.ss-card-22:hover .text-container{
  background-image:linear-gradient(180deg, rgba(18, 46, 87, 0.8),
  rgba(18, 46, 87, 0.8), rgba(18, 46, 87, 0.8), rgba(18, 46, 87, 0.8));
}
.ss-card-22 .text-container .date{border-color:#ffffff;}
.ss-card-22 .text-container .line{background:#FACF0F;}


/* Special Separation 03 */
.ss-sep-03 > *::before, .ss-sep-03 > *::after{background:#C4C4C4;}

/* Special Separation 04 */
.ss-sep-04 > *::before{background:var(--color-s);}


/* Clipboard Copy Link */
.clipboard-link{background:#ffffff;}


/* Special Tag Status */
.ss-tags.wait-reply > .tag{background:#FFB800; color:#ffffff;}
.ss-tags.success > .tag{background:#79B948; color:#ffffff;}
.ss-tags.rejected > .tag{background:#FF2B2B; color:#ffffff;}


/* Special Tag 03 */
.ss-tags.style-03 > .tag{background:rgba(233, 236, 255, 1);}
.ss-tags.style-03 > .tag .title{color:#8589AB;}
.ss-tags.style-03 > .tag:hover{background:var(--color-p);}
.ss-tags.style-03 > .tag:hover .title{color:#ffffff;}


/* Table */
table.table td{border-color:#e1e1e1;}

/* Table 01 */
table.table.table-01 th{background:var(--color-p); color:#ffffff;}
table.table.table-01 tr:nth-child(odd) td{background:#Ffffff; color:#000000!important;}
table.table.table-01 tr:nth-child(even) td{background:#F2F5FF; color:#000000!important;}
table.table.table-01 tr:hover td{background:#fff6be!important; color:#000000!important;}
table.table.table-01 .options .option-dropdown{background:#ffffff; color:#000000!important;}
table.table.table-01 .options .option-dropdown .menu:hover{background:var(--color-p); color:#ffffff;}
table.table.table-01 .options .option-dropdown .menu:hover .wrapper .icon svg path{fill:#ffffff;}
table.table.table-01 tr:hover td .link-option a{color:#000000!important;}


/* Table Download */
table.table.table-download.style-01 tr > td.button-container:hover svg path{fill:#8b0000!important;}
table.table.table-download.style-01 tr > td.button-container:hover .title{color:#8b0000!important;}
table.table.table-download.style-01 tr{background:#ffffff;}
table.table.table-download.style-01 tr:hover > td.text-container .title{color:#000000!important;}
table.table.table-download.style-01 tr:hover{background:#FFF0AF;}
table.table.table-download .file-container .icon{background:#efefef;}
table.table.table-download.style-01 tr:hover .file-container .icon{background:#ffffff;}
table.table.table-download.style-01 tr > td.button-container:before{background:#FFF0AF;}

table.table.table-download.style-02 tr{border-left-color:var(--color-s)!important;}
table.table.table-download.style-02 tr > td.button-container:hover svg path{fill:#FACF0F!important;}
table.table.table-download.style-02 tr > td.button-container:hover .title{color:#FACF0F!important;}
table.table.table-download.style-02 tr{background:#ffffff;}
table.table.table-download.style-02 tr:hover > td.text-container .title{color:#ffffff!important;}
table.table.table-download.style-02 tr:hover{background:#0a112b;}
table.table.table-download.style-02 tr:hover > td.button-container *{color:#d9d9d9!important; border-bottom-color:#d9d9d9!important;}
table.table.table-download.style-02 tr > td.button-container:before{background:var(--color-s);}

.table-download-inner .wrapper .table-info::before{background:#C4C4C46C;}
.table-download-inner .wrapper .table-info::after{background:#FACF0F;}
@media screen and (max-width:575.98px){
  table.table.table-download.style-01 tr > td.button-container{background:var(--color-p);}
  table.table.table-download.style-01 tr > td.button-container .title{color:var(--color-s)!important;}
}

/* Tab 01 */
.tabs.tabs-01 .tab.active .title{color:var(--color-p);}
.tabs.tabs-01 .tab:before{background:var(--color-p);}


/* Tab 02 */
.tabs.tabs-02 .tab .title{color:#ffffff;}
.tabs.tabs-02 .tab:before{background:var(--color-yellow);}


/* Tab 03 */
.tabs.tabs-03 .tab{border-color:#D3D3D3;}
.tabs.tabs-03 .tab:hover,
.tabs.tabs-03 .tab.active{background:linear-gradient(90deg, #520404 0%, #8B0000 100%); border-color:var(--color-p);}
.tabs.tabs-03 .tab:hover,
.tabs.tabs-03 .tab.active .title{color:#ffffff;}
.tabs.tabs-03 .tab:hover .wrapper > .icon svg path,
.tabs.tabs-03 .tab.active .wrapper > .icon svg path{fill:var(--color-yellow);}
.tabs.tabs-03 .tab .wrapper > .icon svg path{fill:#D3D3D3;}


/* Text Danger */
.text-danger{color:#FF2B2B;}


/* Organization */
.organizational-container .level-1{background: linear-gradient(180deg, #0A112B 0%, #13305A 100%);}
.organizational-container .level-1::before{background:var(--color-s);}
.organizational-container .level-3-wrapper::before{ background:var(--color-s);}
.organizational-container .level-2-wrapper li:nth-child(1) .level-2::before,
.organizational-container .level-2-wrapper li:nth-child(2) .level-2::before,
.organizational-container .level-2-wrapper li:nth-child(3) .level-2::before{border-color:var(--color-s);}
.organizational-container .level-3-wrapper > li::before{background:var(--color-s);}
.organizational-container .level-2, .organizational-container .level-3{border-color:#000000;}
.organizational-container .chev{color:var(--color-s);}
.organizational-container .level-2, .organizational-container .level-3{background:#ffffff;}
.organizational-container .description{background:#ffffff;}
.organizational-container .description .line-01{border-color:var(--color-s);}
.organizational-container .description .line-02{background:var(--color-s);}
.organizational-container .level-3-wrapper li .level-3::before{background:var(--color-s);}
.organizational-container::after{background:#ffffff;}
.organizational-container .level-2-wrapper .level-2::after{color:var(--color-s);}


/* Super Topnav */
nav.stopnav{background:linear-gradient(90deg, #520404 0%, #8B0000 100%);}
nav.stopnav .options .option .menu.sign-in{border-color:#ffffff;}
nav.stopnav .socials .social:hover{background:#ffffff;}
nav.stopnav .option-select > .select .dropdown{background:#ffffff;}
nav.stopnav .option-select > .select .dropdown .lang.active,
nav.stopnav .option-select > .select .dropdown .lang:hover{background:#E9ECFF;}
nav.stopnav .option.option-sitemap:hover{background:#ffffff;}
nav.stopnav .option.option-sitemap:hover svg path{fill:var(--color-p);}


/* Topnav */
nav.topnav{background:#ffffff; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08) inset;}
nav.topnav .line{background:var(--color-p);}
nav.topnav .menu.active > *:first-child,
nav.topnav .menu.menu-active > *:first-child{color:#0A112B;}
nav.topnav .menu-container .menu.active:before,
nav.topnav .menu-container .menu.menu-active:before,
nav.topnav .menu-container .menu:hover:before{background:var(--color-primary);}
nav.topnav .menu-container .blocks{background:var(--color-s);}
nav.topnav .menu-container .blocks:hover{box-shadow:inset 0 0 0 100rem rgba(0,0,0,.10);}
nav.topnav .hamburger > *{background:#ffffff;}
nav.topnav .topnav-dropdown{background:#ffffff;}
nav.topnav .topnav-dropdown.not-full-width .dropdown-wrapper {background:#ffffff;}
nav.topnav .topnav-dropdown .dropdown-wrapper .dropdown-menu.style-dropdown-list:hover {color: #ffffff !important; background-color: var(--color-p);}
nav.topnav .topnav-dropdown .dropdown-wrapper .dropdown-menu.style-dropdown-list > a:hover {color: #ffffff !important;}
nav.topnav .topnav-dropdown .dropdown-wrapper .dropdown-menu.style-dropdown-list .level-2{background:#ffffff;}
nav.topnav .topnav-dropdown .dropdown-wrapper .dropdown-menu.style-dropdown-list .level-2-wrapper{background:#ffffff;}
nav.topnav .topnav-dropdown .dropdown-wrapper .dropdown-menu.style-dropdown-list:hover .level-2 {color: #000000 !important;}
nav.topnav .topnav-dropdown .dropdown-wrapper .dropdown-menu.style-dropdown-list:hover path {fill: #ffffff !important;}
nav.topnav .topnav-dropdown .dropdown-wrapper .dropdown-menu.style-dropdown-list .level-2:hover {color: #ffffff !important; background-color: var(--color-p);}
nav.topnav .topnav-dropdown .dropdown-wrapper .dropdown-menu.style-dropdown-list .level-2:hover a {color: #ffffff !important;}
nav.topnav .topnav-dropdown .dropdown-wrapper .submenu-block.background{
  background: linear-gradient(0deg, #8B0000 0%, #520404 100%);
}
nav.topnav .dropdown-wrapper .block-contents .submenu-block{border-color:#CDCDCD;}
nav.topnav .block-contents .submenu-block > .block-menu:not(.topic):hover,
nav.topnav .block-contents .submenu-block > .block-menu:not(.topic).active{border-color:#13305A;}
nav.topnav .block-contents .submenu-block .block-sub-menu{border-color:#000055;}
nav.topnav .wrapper .option .menu.sign-in{border-color:var(--color-p);}
nav.topnav .menu-container .menu a {
  font-weight: 400;
}
/* nav.topnav .menu-container .menu.menu-active a {
  color:var(--color-primary);
} */

nav.topnav .topnav-dropdown .dropdown-wrapper .dropdown-menu.style-dropdown-list {color: #000 !important; background-color: white;}


/* Topnav Member Q&A */
nav.topnav-member-qa{background:linear-gradient(90deg, #8B0000 0%, #520404 100%);}
nav.topnav-member-qa .hamburger > *{background:var(--color-s);}

.tab-container.tab-line-container .tabs .tab-line{background:var(--color-p);}


/* Sidenav */
nav.sidenav{background:#ffffff;}
nav.sidenav .option > .dropdown > *{border-color:#e1e1e1;}
nav.sidenav .options > .option{border-color:#e1e1e1;}
nav.sidenav .hamburger > *{background:#222325;}
nav.sidenav .dropdown{background:#ffffff;}
nav.sidenav .submenu{background:var(--color-b); color:black;}
nav.sidenav .submenu .submenu-dropdown > .submenu{color:#000000;}
nav.sidenav .submenu > *:first-child{border-color:rgba(255,255,255,.3);}
nav.sidenav .submenu .submenu-dropdown > .submenu{background:var(--color-b); margin-left: 0.75rem;}
nav.sidenav .submenu .submenu-dropdown > .submenu a:before {
  content:"• ";
}
nav.sidenav .menu > *:first-child{border-color:#eeeeee;}
nav.sidenav .menu.active > *:first-child,
nav.sidenav .menu:hover > *:first-child{background:linear-gradient(90deg, #0A112B 0%, #13305A 100%); color:#F6F307;}
nav.sidenav .menu .dropdown-toggle > em{color:#000000;}
nav.sidenav .menu.active .dropdown-toggle > em{color:var(--color-s);}
nav.sidenav .menu:hover .dropdown-toggle:last-child > em{color:var(--color-s);}
nav.sidenav .menu .submenu .dropdown-toggle > em{color:black;}
nav.sidenav .menu.active .submenu .dropdown-toggle > em{color:black;}
nav.sidenav .menu:hover .submenu .dropdown-toggle:last-child > em{color:black;}


/* Sidenav Member Q&A */
nav.sidenav-member-qa ~ .content-container{background:#F8F8FF;}
nav.sidenav-member-qa ~ .content-container .profile-container{border-color:#EBEBEB;}
nav.sidenav-member-qa ~ .content-container .card-header{background: linear-gradient(90deg, #8B0000 0%, #520404 100%);}
nav.sidenav-member-qa ~ .content-container .card-content{background:#ffffff;}
nav.sidenav-member-qa ~ .content-container .card-content .profile-content .avatar-pic{border-color:#ffffff;}



/* Global Search Container */
.global-search-container{
  color:#68459b!important;
  background:linear-gradient(180deg, #8b0000 7.96%, rgba(119, 119, 119, 0.8) 100%);
}
.global-search-container .input-inner input{border-color:rgba(157, 157, 157, 0.4)!important; color:#ffffff!important;}
.global-search-container .input-inner input::placeholder{color:#ffffff;}
.global-search-container .hamburger > *{background:#ffffff;}
.global-search-container button{background:#2e603c; color:#ffffff;}


/* Accessibility */
nav.side-panel .icon{background: linear-gradient(180deg, #C1C1C1 0%, #777777 100%); fill:#ffffff;}
nav.side-panel > .wrapper > .icon:hover{background:rgba(95, 94, 94, 1);}
nav.side-panel.active > .wrapper > .icon{background: linear-gradient(180deg, #C1C1C1 0%, #777777 100%);}
nav.side-panel .panel-row{background:#ffffff; color:#000000; border-color:#0A112B;
  ;}
nav.side-panel .panel-row:nth-child(odd){background:#f2f2f2;}
nav.side-panel .panel-row:first-child{background:#ffffff; color:#000000;}
nav.side-panel .option:not(.btn-cursor):hover,
nav.side-panel .option:not(.btn-cursor).active nav.side-panel .option{color:#000000;}
nav.side-panel .option:not(.btn-cursor):hover, nav.side-panel .option:not(.btn-cursor).active{
  background:var(--color-s); color:#ffffff; fill:#ffffff;
}
nav.side-panel .option-row{color:#000000;}
nav.side-panel .option-row:first-child.active{background:#520404; color:#ffffff;}
nav.side-panel .option-row .icon + *::before{background:var(--color-p);}
nav.side-panel .hamburger > *{background:#ffffff;}


/* Quick Links */
nav.quick-links .quick-btn{background:linear-gradient(90deg, #CACACA 0%, #808080 100%); color:#000;}
nav.quick-links .hamburger{background:linear-gradient(90deg, #808080 0%, #808080 100%);}
nav.quick-links .hamburger > *{background:var(--color-s);}
nav.quick-links .quick-content > .wrapper .link-item:hover{border-color:var(--color-s);}


/* Back to Top */
.back-to-top{background:#C1C1C1; color:#ffffff;}
.back-to-top:hover{background:var(--color-s);}


/* Footer */
nav.footer{background: linear-gradient(180deg, #8B0000 0%, #520404 100%);}
nav.footer .socials .social{border-color:#ffffff;}
nav.footer .socials .social:hover{background:#ffffff;}
nav.footer .socials .social:hover svg path{fill:var(--color-p);}


/* Page Loader */
.page-loader .bg{background:var(--color-p);}


/* Calendar Strip */
.calendar-strip .strip-container .arrow:hover{background:#efefef; color:var(--color-p);}
.calendar-strip .date-container{color:var(--color-p);}
.calendar-strip .date-container.active{background:var(--color-p); color:#ffffff;}

.calendar-strip.style-02 .strip-container .arrow{color:#ffffff;}
.calendar-strip.style-02 .strip-container .arrow:hover{background:var(--color-p); color:#ffffff;}
.calendar-strip.style-02 .date-container{color:#ffffff; background:rgba(255, 255, 255, .2)}
.calendar-strip.style-02 .date-container.active{background:var(--color-s); color:var(--color-p);}

.svg-download{
  width: 16px;height: 17px;background-color: #ffffff;-webkit-mask: url('/assets/app/img/svg/download-album.svg') no-repeat center;
  mask: url('/assets/app/img/svg/download-album.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

.svg-share{
  width: 16px;height: 17px;background-color: #ffffff;-webkit-mask: url('/assets/app/img/svg/share.svg') no-repeat center;
  mask: url('/assets/app/img/svg/share.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

.svg-view{
  width: 16px;height: 17px;background-color: #ffffff;-webkit-mask: url('/assets/app/img/svg/view.svg') no-repeat center;
  mask: url('/assets/app/img/svg/view.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

.svg-download-folder{
  width: 36px;height: 36px;background-color: #0A112B;-webkit-mask: url('/assets/app/img/icon/svg-file/document-folder.svg') no-repeat center;
  mask: url('/assets/app/img/icon/svg-file/document-folder.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

.svg-icon-link{
  width: 16px;height: 16px;background-color: #ffffff;-webkit-mask: url('/assets/app/img/icon/svg-file/icon-link.svg') no-repeat center;
  mask: url('/assets/app/img/icon/svg-file/icon-link.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

.svg-share-news-sec01 {
  width: 16px;height: 16px;background-color: #8B0000;-webkit-mask: url('/assets/app/img/svg/share.svg') no-repeat center;
  mask: url('/assets/app/img/svg/share.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

.svg-view-news-sec01 {
  width: 16px;height: 16px;background-color: #8B0000;-webkit-mask: url('/assets/app/img/svg/view.svg') no-repeat center;
  mask: url('/assets/app/img/svg/view.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

.svg-share-news-sec03 {
  width: 16px;height: 16px;background-color: #ffffff;-webkit-mask: url('/assets/app/img/svg/share.svg') no-repeat center;
  mask: url('/assets/app/img/svg/share.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

.svg-view-news-sec03 {
  width: 16px;height: 16px;background-color: #ffffff;-webkit-mask: url('/assets/app/img/svg/view.svg') no-repeat center;
  mask: url('/assets/app/img/svg/view.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

.svg-icon-download-cloud {
  width: 16px;height: 16px;background-color: #A6A9CD;-webkit-mask: url('/assets/app/img/icon/svg-file/download-cloud.svg') no-repeat center;
  mask: url('/assets/app/img/icon/svg-file/download-cloud.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

table.table.table-download.style-01 tr > td.button-container:hover .svg-icon-download-cloud {
  background-color: #FACF0F;
}

.svg-calendar {
  width: 12px;height: 12px;background-color: #717498;-webkit-mask: url('/assets/app/img/icon/svg-file/calendar.svg') no-repeat center;
  mask: url('/assets/app/img/icon/svg-file/calendar.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

.svg-icon-download-document {
  width: 16px;height: 16px;background-color: #717498;-webkit-mask: url('/assets/app/img/icon/svg-file/download-document.svg') no-repeat center;
  mask: url('/assets/app/img/icon/svg-file/download-document.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

.svg-download-folder-03{
  width: 36px;height: 36px;background-color: #717498;-webkit-mask: url('/assets/app/img/icon/svg-file/document-folder.svg') no-repeat center;
  mask: url('/assets/app/img/icon/svg-file/document-folder.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

.svg-icon-zip-all{
  width: 16px;height: 16px;background-color: #ffffff;-webkit-mask: url('/assets/app/img/icon/svg-file/download-zip.svg') no-repeat center;
  mask: url('/assets/app/img/icon/svg-file/download-zip.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

.svg-report-file {
  width: 16px;height: 16px;background-color: #A6A9CD;-webkit-mask: url('/assets/app/img/icon/svg-file/report-file.svg') no-repeat center;
  mask: url('/assets/app/img/icon/svg-file/report-file.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

.svg-document-link {
  width: 18px;height: 18px;background-color: #717498;-webkit-mask: url('/assets/app/img/icon/svg-file/document-link.svg') no-repeat center;
  mask: url('/assets/app/img/icon/svg-file/document-link.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

.svg-document-file-link {
  width: 2rem;height: 2rem;background-color: #717498;-webkit-mask: url('/assets/app/img/icon/svg-file/docuement-file-link.svg') no-repeat center;
  mask: url('/assets/app/img/icon/svg-file/docuement-file-link.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

table.table.table-download.style-01 tr > td.button-container:hover .svg-document-link {
  background-color: #8b0000;
}

table.table.table-download.style-01 > tbody > tr.border:hover > .file-container > .icon > .svg-document-file-link {
  background-color: #000000;
}

.svg-view-document {
  width: 16px;height: 16px;background-color: #717498;-webkit-mask: url('/assets/app/img/svg/view.svg') no-repeat center;
  mask: url('/assets/app/img/svg/view.svg') no-repeat center;mask-size: contain;-webkit-mask-size: contain;
}

.download-container-custom > .content.active .wrapper .btn-action:hover > .icon > .svg-icon-zip-all{
  background-color: #0a112b !important;
}

.download-container-custom > .content:hover .wrapper  .svg-icon-zip-all,
.download-container-custom > .content:active .wrapper  .svg-icon-zip-all{
  background-color: #000;
}

.download-container-custom > .content .wrapper .btn.btn-action.btn-01:hover {
  color: white;
}

/* .download-container-custom > .content:hover .wrapper .btn.btn-action.btn-01:hover .svg-icon-zip-all,
.download-container-custom > .content:hover .wrapper .btn.btn-action.btn-01:active .svg-icon-zip-all,
.download-container-custom > .content:active .wrapper .btn.btn-action.btn-01:hover .svg-icon-zip-all,
.download-container-custom > .content:active .wrapper .btn.btn-action.btn-01:active .svg-icon-zip-all, */
.download-container-custom > .content .wrapper .btn.btn-action.btn-01:hover .svg-icon-zip-all,
.download-container-custom > .content .wrapper .btn.btn-action.btn-01:active .svg-icon-zip-all
 {
  background-color: #fff !important;
}

#messenger-button-container > div {
  bottom: 4.5rem !important;
  right: 0.5rem !important;
}