@charset "utf-8";
@font-face {font-family: Bahnschrift Regular; src: url('../fonts/Bahnschrift.woff'); font-weight: 400; font-display: swap;}
@font-face {font-family: Century-Schoolbook Regular; src: url('../fonts/Century-Schoolbook.woff'); font-weight: 400; font-display: swap;}

@-webkit-keyframes draw-checkbox-28 {
	0% {
		stroke-dashoffset: 33;
	}
	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes draw-checkbox-28 {
	0% {
		stroke-dashoffset: 33;
	}
	100% {
		stroke-dashoffset: 0;
	}
}

html, body{font-family: 'Bahnschrift Regular'; font-size: 1.05rem; line-height: 1.6; font-weight: 400; color: #838484; background:#fff;}
body.doNotScroll{overflow:hidden; height:100vh;}
*:focus {outline: none;}
h1, .h1{margin: 0 0 30px 0; padding: 0; font-weight: 700; font-size: 30px; line-height: 1.2;}
h2, .h2{margin: 0 0 30px 0; padding: 0; font-weight: 700; font-size: 26px; line-height: 1.2;}
h3, .h3{margin: 0 0 30px 0; padding: 0; font-weight: 700; font-size: 24px; line-height: 1.2;}
a{text-decoration:none; color:inherit; outline:none;}
a:hover{color: inherit;}
img{height: auto; width: 100%;}
p{margin:0 0 20px 0;}
p:last-child{margin:0;}
ul:last-child{margin:0;}
small{font-size: 0.8em;}

.loginWrapper{min-height: 100vh; display: flex; flex-direction: column;}
.loginWrapper .left{width: 100%; height: 200px; background: url(../img/login-bg.jpg) no-repeat 50% / cover; display: flex; align-items: center; justify-content: center;}
.loginWrapper .left .logo{width: 240px;}
.loginWrapper .right{display: flex; flex-direction: column; gap: 40px; padding: 50px;}
.loginWrapper .right .mainTitle{min-height: 60px; display: flex; align-items: center; padding: 15px 20px; text-transform: uppercase; font-weight: 400; font-size: 22px; border-radius: 20px; margin: 0;}
.loginWrapper .right form{display: flex; flex-direction: column; gap: 20px;}
.loginWrapper .right form .formGroup{position: relative;}
.loginWrapper .right form .formGroup .icon{position: absolute; top: 50%; left: 15px; transform: translateY(-50%);}
.loginWrapper .right form .formGroup input{background: #fff; height: 60px; width: 100%; border: none; border-radius: 20px; padding: 0 20px; padding-left: 50px;}
.loginWrapper .right form .formGroup select{background: #fff; height: 60px; width: 100%; border: none; border-radius: 20px; padding: 0 20px; padding-left: 50px;}
.loginWrapper .right form button{border: none; display: flex; align-items: center; justify-content: center; height: 60px; border-radius: 5px 0; margin: 0 auto; padding: 0 100px; width: 100%;}
.loginWrapper .right form #googleLogin{display: flex; gap: 20px; align-items: center; justify-content: center; background: #0d66ff; color: #fff; border-radius: 5px 0; padding: 10px;}
.loginWrapper .right form #googleLogin img{width: 40px;}

.transition2s{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.transition3s{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.nonMobile{display: none !important;}
.mobile {display:inherit !important;}
.centurySchoolbook{font-family: Century-Schoolbook Regular;}
.mobileOverflowX{overflow-x: scroll;}

header{}
header .header{padding: 25px;}
header .header .headerContent{display: flex; flex-direction: column; gap: 20px;}
header .header .headerContent .headerLogo{width: 260px; margin: 0 auto;}
header .header .headerContent .headerLogo img{}
header .header .headerContent .headerSocial{display: flex; align-items: center; justify-content: center; gap: 20px;}
header .header .headerContent .headerSocial a{width: 40px; height: 40px; border-radius: 50%; border: 2px solid #acb4bc; display: flex; align-items: center; justify-content: center; color: #acb4bc;}
header #heroWrapper{background: #4e5455; padding: 25px; text-align: center; color: #fff;}
header #heroWrapper .textWrapper{display: flex; flex-direction: column; gap: 15px;}
header #heroWrapper .textWrapper .mainTitle{margin: 0; line-height: 1.5; text-transform: uppercase; font-weight: 400;}
header #heroWrapper .textWrapper .mainTitle .welcome{font-weight: 400; text-transform: uppercase; padding: 5px; display: inline-block; line-height: 1; border-radius: 5px;}
header #heroWrapper .textWrapper .text{}

#menuToggle{position: fixed; right: 15px; top: 77px; z-index: 11; display: block; padding: 10px; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset; background: #fff; border-radius: 3px;}
#menuToggle span{display: block; width: 30px; height: 2px; margin-bottom: 5px; position: relative; background: #123a2d; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;}
#menuToggle span:last-child{margin: 0;}
#menuToggle span:first-child{transform-origin: 0% 0%;}
#menuToggle span:nth-last-child(2){transform-origin: 0% 100%; width: 20px;}
#menuToggle.active span{transform: rotate(-39deg) translate(-1px, -2px); background: #ffc72c;}
#menuToggle.active span:nth-last-child(3){opacity: 1; transform: rotate(39deg) translate(0px, -1px);}
#menuToggle.active span:nth-last-child(2){opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);}

nav{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.95); z-index: 10; transform: translateX(-100%); transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s; overflow-y: scroll;}
nav ul{margin: 0; padding: 20px 0; list-style: none; width: calc(100% - 20px);}
nav ul li{padding: 20px;}
nav ul li a{display: flex; align-items: center; gap: 10px;}
nav ul li a .icon{width: 54px; height: 54px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid #acb4bc;}
nav ul li a .icon img{width: 26px;}
nav ul li a .label{}
nav ul li a.active{color: #49b595;}
nav ul li a.active .icon{background: #49b595; border-color: #49b595;}
nav ul li a.active img{filter: brightness(2);}
nav.open{transform: none;}
.adminNav{display: none;}
.adminNav ul{background: #49b595; width: 100%; border-radius: 20px; color: #fff; text-transform: uppercase; margin-top: 20px;}
.adminNav ul li{padding: 10px 20px;}
.quickLinksNav{display: none;}
.quickLinksNav ul{background: #49b595; width: 100%; border-radius: 20px; color: #fff; text-transform: uppercase; margin-top: 20px;}
.quickLinksNav ul li{padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; position: relative;}
.quickLinksNav ul li ul.quickLinksSubNav{margin: 0px; display: none; width: 100%; font-size: 14px; flex-direction: column; gap: 10px;}
.quickLinksNav ul li ul.quickLinksSubNav li{padding: 0;}

main{padding: 40px 0; display: flex; flex-direction: column; gap: 50px;}

.welcomeInfo{}
.welcomeInfo .content{display: flex; flex-direction: column; gap: 20px;}
.welcomeInfo .content .nameWrapper{}
.welcomeInfo .content .nameWrapper .mainTitle{text-transform: uppercase; font-size: 30px; margin: 0;}
.welcomeInfo .content .statusWrapper{display: flex; flex-direction: column; gap: 10px;}
.welcomeInfo .content .statusWrapper .label{font-size: 24px;}
.welcomeInfo .content .statusWrapper .status{background: #49b595; color: #fff; height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; gap: 15px;}
.welcomeInfo .content .statusWrapper .status img{width: auto; height: 30px;}
.welcomeInfo .content .statusWrapper .budget{background: #8dbf44; color: #fff; height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; gap: 15px;}
.welcomeInfo .content .statusWrapper .budget img{width: auto; height: 30px;}

.progress-container {display: flex; flex-wrap: wrap; width: 100%; gap: 3px;}
.progress-step {flex: 1; min-width: 80px; padding: 10px 5px; position: relative; text-align: center; color: white;}
.progress-container {max-width: 100%;}
.progress-step {flex: 1 1 calc(33.333% - 3px); min-width: calc(33.333% - 3px); padding: 0 5px; height: 52px; display: flex; align-items: center; justify-content: center;}
.progress-step:after {content: ''; position: absolute; right: -14px; top: 0; border-top: 26px solid transparent; border-bottom: 26px solid transparent; border-left: 15px solid; z-index: 2;}
.progress-step:nth-child(3n):after{display: none;}
.progress-step:before {content: ''; position: absolute; left: 0; top: 0; border-top: 26px solid transparent; border-bottom: 26px solid transparent; border-left: 15px solid; z-index: 1; border-left-color: #fff;}
.progress-step:nth-child(3n+1):before{display: none;}
.step-md1 {background: #f1d786; border-radius: 15px 0 0 15px;}
.step-md1:after {border-left-color: #f1d786;}
.step-md2 {background: #ded388;}
.step-md2:after {border-left-color: #ded388;}
.step-md3 {background: #cacf8a;}
.step-md3:after {border-left-color: #cacf8a;}
.step-md4 {background: #b7cb8c;}
.step-md4:after {border-left-color: #b7cb8c;}
.step-md5 {background: #a3c78e;}
.step-md5:after {border-left-color: #a3c78e;}
.step-step1 {background: #8fc28f;}
.step-step1:after {border-left-color: #8fc28f;}
.step-ccr {background: #7cbf92;}
.step-ccr:after {border-left-color: #7cbf92;}
.step-cer {background: #68ba93;}
.step-cer:after {border-left-color: #68ba93;}
.step-graduate {background: #49b595; border-radius: 0 15px 15px 0;}
.step-graduate:after {display: none;}
.progress-step.off{background: #cbcbcb;}
.progress-step.off:after{border-left-color: #cbcbcb;}

.pageContent{}
.pageContent h2{margin-top: 40px;}
.pageContent h3{margin-top: 40px;}
.pageContent a{color: #49b595; text-decoration: underline;}
.pageContent iframe{max-width: 100%;}
.pageContent .ctaButton{min-height: 60px; display: inline-flex; align-items: center; text-decoration: none; padding: 0 20px; border-radius: 5px 0; text-transform: uppercase;}

.box01{}
.box01 .content{display: flex; flex-direction: column; gap: 30px;}
.box01 .content .announcementsWrapper{border-radius: 15px; overflow: hidden; display: flex; flex-direction: column; gap: 50px; background: #fff;}
.box01 .content .announcementsWrapper .titleWrapper{display: flex; align-items: center; justify-content: center; height: 70px;}
.box01 .content .announcementsWrapper .titleWrapper .mainTitle{margin: 0; font-weight: 400; display: flex; align-items: center; justify-content: center; gap: 20px;}
.box01 .content .announcementsWrapper .titleWrapper .mainTitle img{width: auto; height: 34px;}
.box01 .content .announcementsWrapper .listAnnouncements{padding: 0 15px; display: flex; flex-direction: column; gap: 30px;}
.box01 .content .announcementsWrapper .listAnnouncements .announcementItem{display: flex; flex-direction: row; gap: 20px; align-items: center;}
.box01 .content .announcementsWrapper .listAnnouncements .announcementItem .left{display: flex; gap: 10px; align-items: center;}
.box01 .content .announcementsWrapper .listAnnouncements .announcementItem .buttonsWrapper{display: flex; gap: 10px; flex-direction: column;}
.box01 .content .announcementsWrapper .listAnnouncements .announcementItem .buttonsWrapper .button{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; cursor: pointer;}


.box01 .content .announcementsWrapper .listAnnouncements .announcementItem .thumb{width: 100px;}
.box01 .content .announcementsWrapper .listAnnouncements .announcementItem .title{margin: 0; font-size: 20px; font-weight: 400; flex: 1;}
.box01 .content .announcementsWrapper>.button{display: inline-flex; width: auto; margin: 0 auto 20px auto; height: 50px; padding: 0 50px; align-items: center; justify-content: center; border-radius: 5px 0;}
.box01 .content .calendarWrapper{border-radius: 15px; overflow: hidden; display: flex; flex-direction: column; gap: 50px; background: #fff;}
.box01 .content .calendarWrapper .titleWrapper{display: flex; align-items: center; justify-content: center; height: 70px;}
.box01 .content .calendarWrapper .titleWrapper .mainTitle{margin: 0; font-weight: 400; display: flex; align-items: center; justify-content: center; gap: 20px;}
.box01 .content .calendarWrapper .titleWrapper .mainTitle img{width: auto; height: 34px;}
.fc .fc-view-harness{height: auto !important;}
.fc .fc-view-harness-active>.fc-view{position: relative;}
.fc .fc-scroller-liquid-absolute{overflow: visible; position: relative;}

.buttonsWrapper{}
.buttonsWrapper .content{display: flex; flex-direction: row; gap: 30px; flex-wrap: wrap;}
.buttonsWrapper .content .item{width: calc(calc(100% - 30px) / 2); display: flex; flex-direction: column; gap: 10px; align-items: center;}
.buttonsWrapper .content .item .icon{width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 5px solid #fff;}
.buttonsWrapper .content .item .icon img{max-width: 70px; height: 50px;}
.buttonsWrapper .content .item .label{}

.homepageVideoWrapper{display: flex; align-items: center; justify-content: center; height: 300px; overflow: hidden;}
.homepageVideoWrapper .playButton{position: absolute; z-index: 2; text-align: center; display: flex; flex-direction: column; gap: 10px; align-items: center;}
.homepageVideoWrapper .playButton img{width: 80px;}
.homepageVideoWrapper .playButton .title{font-size: 24px;}
.homepageVideoWrapper .playButton .title .small{display: block; line-height: 1;}
.homepageVideoWrapper img{height: 100%; width: auto;}

.box02{text-align: center;}
.box02 .mainTitle{text-transform: uppercase;}
.box02 .content{display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.box02 .content .item{display: flex; flex-direction: column; gap: 10px; align-items: center;}
.box02 .content .item img{width: 200px; border-radius: 50%;}
.box02 .content .item .name{margin: 0; font-size: 24px; line-height: 1;}
.box02 .content .item .title{margin: 0; line-height: 1;}

.box01{}
.box01 .content{display: flex; flex-direction: column; gap: 30px;}
.box01 .content .newslettersWrapper{border-radius: 15px; overflow: hidden; display: flex; flex-direction: column; gap: 20px; background: #fff;}
.box01 .content .newslettersWrapper .titleWrapper{display: flex; align-items: center; justify-content: center; height: 70px;}
.box01 .content .newslettersWrapper .titleWrapper .mainTitle{margin: 0; font-weight: 400; display: flex; align-items: center; justify-content: center; gap: 20px;}
.box01 .content .newslettersWrapper .titleWrapper .mainTitle img{width: auto; height: 34px;}
.box01 .content .newslettersWrapper .listNewsletters{padding: 0 15px; display: flex; flex-direction: column; gap: 30px;}
.box01 .content .newslettersWrapper .listNewsletters .newsletterItem{display: flex; flex-direction: row; gap: 20px; align-items: center; padding: 10px;}
.box01 .content .newslettersWrapper .listNewsletters .newsletterItem .left{flex: 1;}
.box01 .content .newslettersWrapper .listNewsletters .newsletterItem .thumb{width: 100px;}
.box01 .content .newslettersWrapper .listNewsletters .newsletterItem .title{margin: 0; font-size: 20px; font-weight: 400; flex: 1;}
.box01 .content .newslettersWrapper .listNewsletters .newsletterItem .buttonsWrapper{}
.box01 .content .newslettersWrapper .listNewsletters .newsletterItem .buttonsWrapper .button{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; cursor: pointer;}
.box01 .content .newslettersWrapper>.button{display: inline-flex; width: auto; margin: 0 auto 20px auto; height: 50px; padding: 0 50px; align-items: center; justify-content: center; border-radius: 5px 0;}
.box01 .content .blogsWrapper{border-radius: 15px; overflow: hidden; display: flex; flex-direction: column; gap: 20px; background: #fff;}
.box01 .content .blogsWrapper .titleWrapper{display: flex; align-items: center; justify-content: center; height: 70px;}
.box01 .content .blogsWrapper .titleWrapper .mainTitle{margin: 0; font-weight: 400; display: flex; align-items: center; justify-content: center; gap: 20px;}
.box01 .content .blogsWrapper .titleWrapper .mainTitle img{width: auto; height: 34px;}
.box01 .content .blogsWrapper .listBlogs{padding: 0 15px; display: flex; flex-direction: column; gap: 30px;}
.box01 .content .blogsWrapper .listBlogs .blogItem{display: flex; flex-direction: row; gap: 20px; align-items: center; padding: 10px;}
.box01 .content .blogsWrapper .listBlogs .blogItem .left{display: flex; gap: 10px; align-items: center;}
.box01 .content .blogsWrapper .listBlogs .blogItem .left .thumb{width: 80px;}
.box01 .content .blogsWrapper .listBlogs .blogItem .left .title{margin: 0; font-size: 20px; font-weight: 400; flex: 1;}
.box01 .content .blogsWrapper .listBlogs .blogItem .buttonsWrapper{display: flex; gap: 10px; flex-direction: column;}
.box01 .content .blogsWrapper .listBlogs .blogItem .buttonsWrapper .button{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; cursor: pointer;}
.box01 .content .blogsWrapper>.button{display: inline-flex; width: auto; margin: 0 auto 20px auto; height: 50px; padding: 0 50px; align-items: center; justify-content: center; border-radius: 5px 0;}

.box01 .content .facebookWrapper{border-radius: 15px; overflow: hidden; display: flex; flex-direction: column; gap: 20px; background: #fff;}
.box01 .content .facebookWrapper .titleWrapper{display: flex; align-items: center; height: 70px; justify-content: left; padding: 0 20px;}
.box01 .content .facebookWrapper .titleWrapper .mainTitle{margin: 0; font-weight: 400; display: flex; align-items: center; justify-content: center; gap: 20px;}
.box01 .content .facebookWrapper .titleWrapper .mainTitle .socialIcon{width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: 2px solid #386db3; border-radius: 50%; color: #386db3; font-size: 20px;}
.box01 .content .instagramWrapper{border-radius: 15px; overflow: hidden; display: flex; flex-direction: column; gap: 20px; background: #fff; width: 100%; max-width: 700px; margin: 0 auto;}
.box01 .content .instagramWrapper .titleWrapper{display: flex; align-items: center; height: 70px; justify-content: left; padding: 0 20px;}
.box01 .content .instagramWrapper .titleWrapper .mainTitle{margin: 0; font-weight: 400; display: flex; align-items: center; justify-content: center; gap: 20px;}
.box01 .content .instagramWrapper .titleWrapper .mainTitle .socialIcon{width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: 2px solid #b195a2; border-radius: 50%; color: #b195a2; font-size: 20px;}

.box03{text-align: center;}
.box03 .mainTitle{text-transform: uppercase;}
.box03 .content{display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.box03 .content .item{display: flex; flex-direction: column; gap: 20px; align-items: center; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; background: #fff; border-radius: 20px; padding: 30px; width: 90%;}
.box03 .content .item img{width: 120px;}
.box03 .content .item .title{margin: 0; font-size: 24px; font-weight: 700;}
.box03 .button{display: inline-flex; width: auto; margin: 0 auto; height: 50px; padding: 0 50px; align-items: center; justify-content: center; border-radius: 5px 0; margin-top: 30px;}

.homepageSlider .owl-dots{/*z-index: 1; position: absolute; left: 0; right: 0; bottom: 0;*/ display: flex; align-items: center; justify-content: center; height: 60px; /*background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.7049194677871149) 0%, rgba(0,0,0,0) 100%);*/}
.homepageSlider .owl-dots .owl-dot{margin: 0 8px;}
.homepageSlider .owl-dots .owl-dot.active{}
.homepageSlider .owl-dots .owl-dot span{display: block; height: 20px; width: 20px; background: #dfe2e7; border-radius: 10px; transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.homepageSlider .owl-dots .owl-dot.active span{background: #42bc99;}
/*.homepageSlider .owl-nav{position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 20px; display: flex; justify-content: space-between; color: #fff; font-size: 30px; line-height: 1; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.7049194677871149) 0%, rgba(0,0,0,0) 100%);}*/

.announcementsPage{}
.announcementsPage .content{display: flex; flex-direction: column; gap: 40px;}
.announcementsPage .content .item{padding: 30px 20px; border-radius: 20px; display: flex; flex-direction: column; gap: 15px;}
.announcementsPage .content .item .header{display: flex; flex-direction: column; gap: 5px;}
.announcementsPage .content .item .header .titleWrapper{display: flex; gap: 10px; justify-content: space-between; position: relative;}
.announcementsPage .content .item .header .titleWrapper .title{margin: 0; flex: 1; font-weight: 400; line-height: 1;}
.announcementsPage .content .item .header .titleWrapper .tools{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer;}
.announcementsPage .content .item .header .titleWrapper .toolsWrapper{position: absolute; background: #fff; top: 100%; right: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-radius: 20px; padding: 25px; flex-direction: column; gap: 20px; z-index: 1; display: none;}
.announcementsPage .content .item .header .titleWrapper .toolsWrapper.show{display: flex;}
.announcementsPage .content .item .header .titleWrapper .toolsWrapper .item{padding: 0; display: flex; flex-direction: row; gap: 10px; align-items: center; line-height: 1; border-radius: unset;}
.announcementsPage .content .item .header .date{display: flex; align-items: center; gap: 10px;}
.announcementsPage .content .item .header .date .icon{}
.announcementsPage .content .item .thumbWrapper{}
.announcementsPage .content .item .text{text-align: justify; line-height: 1.3;}
.announcementsPage .content .item .button{display: flex; align-items: center; justify-content: center; gap: 5px; margin: 0 auto;}

table.fc-scrollgrid.fc-scrollgrid-liquid{border: none;}
th.fc-col-header-cell{background: #44bb98; color: #fff; font-weight: 400; text-transform: uppercase; height: 50px; vertical-align: middle; border: none; border-radius: 20px;}
.fc .fc-scroller-harness{margin-bottom: 10px;}
.fc .fc-toolbar-title{color: #44bb98; font-weight: 400; font-size: 26px; text-transform: uppercase;}
.fc .fc-button-primary, .fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:hover{color: #44bb98; background: transparent; border: none;}
.fc-theme-standard th{border: none;}
.fc-theme-standard td{border: none;}
.fc .fc-daygrid-day-frame{background: #fff; border-radius: 10px; margin: 3px;}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame{background: rgba(255, 220, 40, .15);}
.fc-daygrid-event{background-color: #fdd31f !important; border-radius: 5px; padding: 0 5px; cursor: pointer;}
.fc-h-event .fc-event-main{color: #4d5455;}

#newslettersSlider{}
#newslettersSlider .item{display: flex; flex-direction: column; gap: 20px;}
#newslettersSlider .item .year{text-align: center; height: 40px; display: flex; align-items: center; justify-content: center; margin: 0;}
#newslettersSlider .item .newsletter{background: #f4f6f9; margin: 0; position: relative;}
#newslettersSlider .item .newsletter .title{margin: 0; padding: 10px; text-align: center; line-height: 1.2; width: 100%; display: block;}
#newslettersSlider .item .newsletter .button{display: flex; padding: 0 20px; height: 40px; justify-content: center; align-items: center; gap: 10px;}
#newslettersSlider .item .newsletter .tools{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; margin: 0 0 0 auto; pointer-events: all;}
#newslettersSlider .item .newsletter .toolsWrapper{position: absolute; background: #fff; top: 100%; right: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-radius: 20px; padding: 25px; flex-direction: column; gap: 20px; z-index: 1; display: none;}
#newslettersSlider .item .newsletter .toolsWrapper.show{display: block;}
#newslettersSlider .item .newsletter .toolsWrapper .item{padding: 0; display: flex; flex-direction: row; gap: 10px; align-items: center; line-height: 1; border-radius: unset;}
#newslettersSlider .owl-dots{display: table; margin: 30px auto 0 auto;}
#newslettersSlider .owl-dots .owl-dot{margin: 0 8px;}
#newslettersSlider .owl-dots .owl-dot.active{}
#newslettersSlider .owl-dots .owl-dot span{display: block; height: 20px; width: 20px; background: #dfe2e7; border-radius: 10px; transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
#newslettersSlider .owl-dots .owl-dot.active span{background: #42bc99;}

#downloadsSlider{}
#downloadsSlider .item{display: flex; flex-direction: column; gap: 15px;}
#downloadsSlider .item .downloadWrapper{background: #fff; display: flex; align-items: stretch;}
#downloadsSlider .item .downloadWrapper>i{margin: 0; background: #ffc72c; display: flex; align-items: center; color: #123a2d; padding: 0 10px; font-size: 25px;}
#downloadsSlider .item .downloadWrapper .label{padding: 10px; font-size: 14px; line-height: 1; display: flex; flex-direction: column; justify-content: center; gap: 5px;}
#downloadsSlider .item .downloadWrapper .label .title{margin: 0;}
#downloadsSlider .item .downloadWrapper .label .type{}
#downloadsSlider .item .downloadWrapper .button{display: flex; flex-direction: column; gap: 5px; align-items: center; justify-content: center; padding: 10px; margin: 0 0 0 auto;}
#downloadsSlider .item .downloadWrapper .button .icon{width: 40px;}
#downloadsSlider .item .downloadWrapper .button .text{display: block; line-height: 1; font-size: 14px;}
#downloadsSlider .owl-dots{display: table; margin: 30px auto 0 auto;}
#downloadsSlider .owl-dots .owl-dot{margin: 0 8px;}
#downloadsSlider .owl-dots .owl-dot.active{}
#downloadsSlider .owl-dots .owl-dot span{display: block; height: 20px; width: 20px; background: #dfe2e7; border-radius: 10px; transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
#downloadsSlider .owl-dots .owl-dot.active span{background: #42bc99;}

.homepageNewsWrapper{display: flex; flex-direction: column; gap: 40px; position: relative;}
.homepageNewsWrapper .titleWrapper{display: flex; gap: 10px; justify-content: space-between; position: relative;}
.homepageNewsWrapper .titleWrapper .mainTitle{text-transform: uppercase; margin-bottom: 10px;}
.homepageNewsWrapper .titleWrapper .button{}
.homepageNewsWrapper .item{}
.homepageNewsWrapper .item .content{display: flex; flex-direction: column; gap: 0;}
.homepageNewsWrapper .item .content img{}
.homepageNewsWrapper .item .content .contentWrapper{box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset; background: #fff;}
.homepageNewsWrapper .item .content .contentWrapper .textWrapper{padding: 40px; display: flex; flex-direction: column; gap: 20px;}
.homepageNewsWrapper .item .content .contentWrapper .textWrapper .mainTitle{text-transform: uppercase; margin: 0; flex: 1; line-height: 1.2;}
.homepageNewsWrapper .item .content .contentWrapper .textWrapper .mainTitle .tools{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer;}
.homepageNewsWrapper .item .content .contentWrapper .textWrapper .mainTitle .toolsWrapper{position: absolute; background: #fff; top: 100%; right: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-radius: 20px; padding: 25px; flex-direction: column; gap: 20px; z-index: 1; display: none;}
.homepageNewsWrapper .item .content .contentWrapper .textWrapper .text{}
.homepageNewsWrapper .item .content .contentWrapper .textWrapper .text{}
.homepageNewsWrapper .item .content .contentWrapper .textWrapper .bottom{display: flex; justify-content: space-between; font-size: 15px; flex-direction: column; gap: 15px;}
.homepageNewsWrapper .item .content .contentWrapper .textWrapper .bottom .dateWrapper{display: flex; align-items: center; gap: 5px;}
.homepageNewsWrapper .item .content .contentWrapper .textWrapper .bottom .dateWrapper i{}
.homepageNewsWrapper .item .content .contentWrapper .textWrapper .bottom .dateWrapper .date{}
.homepageNewsWrapper .item .content .contentWrapper .textWrapper .bottom .button{display: inline-flex; width: auto; margin: 0 auto 0 0; height: 50px; padding: 0 50px; align-items: center; justify-content: center; border-radius: 5px 0;}
.homepageNewsWrapper .item .content .contentWrapper .textWrapper .bottom .button i{}
.homepageNewsWrapper.v2>.button{display: inline-flex; width: auto; margin: 0 auto; height: 50px; padding: 0 50px; align-items: center; justify-content: center; border-radius: 5px 0;}

.adminWrapper{}
.adminWrapper .mainTitle{height: 60px; display: flex; align-items: center; padding: 0 20px; text-transform: uppercase; font-weight: 400; font-size: 22px; border-radius: 20px;}
.adminWrapper .subTitleButtonsWrapper{display: flex; gap: 20px; align-items: center; margin-bottom: 20px;}
.adminWrapper .subTitleButtonsWrapper>*{min-height: 40px; display: flex; align-items: center; padding: 10px 20px; border-radius: 5px; font-size: 15px; cursor: pointer;}
.adminWrapper form{display: flex; flex-direction: column; gap: 30px;}
.adminWrapper form label{cursor: pointer;}
.adminWrapper form .formGroup{display: flex; flex-direction: column; gap: 10px;}
.adminWrapper form .formGroup .title{margin: 0;}
.adminWrapper form .formGroup label{}
.adminWrapper form .formGroup input{background: #fff; height: 60px; width: 100%; border: none; border-radius: 20px; padding: 0 20px;}
.adminWrapper form .formGroup select{background: #fff; height: 60px; width: 100%; border: none; border-radius: 20px; padding: 0 20px;}
.adminWrapper form .formGroup textarea{background: #fff; width: 100%; border: none; border-radius: 20px; padding: 10px 20px;}
.adminWrapper form .formGroup canvas{background: #fff; width: 100%; border: none; border-radius: 20px; padding: 10px 20px;}
.adminWrapper form .clearSignature{color: #fff; background-color: #673BB7; border: none; height: 50px; display: flex; align-items: center; justify-content: center; margin: 0 0 0 auto; padding: 0 20px; border-radius: 5px; cursor: pointer;}
.adminWrapper form .displayPlacesWrapper{background: #fff; padding: 20px; display: flex; justify-content: space-between; border-radius: 20px;}
.adminWrapper form .displayPlacesWrapper>div{flex: 1;}
.adminWrapper form>button{border: none; display: flex; align-items: center; justify-content: center; height: 60px; border-radius: 5px 0; margin: 0 auto; padding: 0 100px;}
.note-frame{background: #fff; padding: 20px; border: none; border-radius: 20px;}
.note-toolbar{background: #fff; border: none;}
.dropWrapper{position: relative; border-radius: 20px; padding: 20px;}
.dropWrapper input{width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}
.dropWrapper label{display: flex; flex-direction: column; gap: 20px; align-items: center;}
.dropWrapper label .icon{width: 80px;}
.dropWrapper label .label{}

.radio-wrapper-8{}
.radio-wrapper-8 label.radio-wrapper-8 {display: block; cursor: pointer;}
.radio-wrapper-8 label.radio-wrapper-8 input {display: none; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.radio-wrapper-8 label.radio-wrapper-8 input + span {line-height: 22px; height: 22px; padding-left: 22px; display: block; position: relative;}
.radio-wrapper-8 label.radio-wrapper-8 input + span:not(:empty) {padding-left: 30px;}
.radio-wrapper-8 label.radio-wrapper-8 input + span:before, .radio-wrapper-8 label.radio-wrapper-8 input + span:after {content: ""; width: 22px; height: 22px; display: block; border-radius: 50%; left: 0; top: 0; position: absolute;}
.radio-wrapper-8 label.radio-wrapper-8 input + span:before {background: #D1D7E3; transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);}
.radio-wrapper-8 label.radio-wrapper-8 input + span:after {background: #fff; transform: scale(0.78); transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);}
.radio-wrapper-8 label.radio-wrapper-8 input:checked + span:before {transform: scale(1.04); background: #5D9BFB;}
.radio-wrapper-8 label.radio-wrapper-8 input:checked + span:after {transform: scale(0.4); transition: transform 0.3s ease;}
.radio-wrapper-8 label.radio-wrapper-8:hover input + span:before {transform: scale(0.92);}
.radio-wrapper-8 label.radio-wrapper-8:hover input + span:after {transform: scale(0.74);}
.radio-wrapper-8 label.radio-wrapper-8:hover input:checked + span:after {transform: scale(0.4);}

.checkbox-wrapper-14{display: flex; align-items: center; gap: 15px;}
.checkbox-wrapper-14 input[type=checkbox] {-webkit-appearance: none; -moz-appearance: none; height: 21px; outline: none; display: inline-block; vertical-align: top; position: relative; margin: 0; cursor: pointer; /*border: 1px solid #BBC1E1;*/ background: #fff; transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;}
.checkbox-wrapper-14 input[type=checkbox]:after {content: ""; display: block; left: 0; top: 0; position: absolute; transition: transform 0.3s ease, opacity 0.2s;}
/*.checkbox-wrapper-14 input[type=checkbox]:checked {background: #275EFE; border-color: #275EFE;}*/
.checkbox-wrapper-14 input[type=checkbox]:checked:after {opacity: 1; transition: transform 0.6s cubic-bezier(.2, .85, .32, 1.2), opacity 0.3s;}
.checkbox-wrapper-14 input[type=checkbox]:disabled {background: #F6F8FF; cursor: not-allowed; opacity: 0.9;}
.checkbox-wrapper-14 input[type=checkbox]:disabled:checked {background: #E1E6F9; border-color: #BBC1E1;}
.checkbox-wrapper-14 input[type=checkbox]:disabled + label {cursor: not-allowed;}
.checkbox-wrapper-14 input[type=checkbox]:hover:not(:checked):not(:disabled) {border-color: #275EFE;}
/*.checkbox-wrapper-14 input[type=checkbox]:focus {box-shadow: 0 0 0 2px rgba(39, 94, 254, .3);}*/
.checkbox-wrapper-14 input[type=checkbox]:not(.switch) {width: 21px; border-radius: 7px;}
.checkbox-wrapper-14 input[type=checkbox]:not(.switch):after {width: 5px; height: 9px; border: 2px solid #fff; border-top: 0; border-left: 0; left: 7px; top: 4px; transform: rotate(20deg); opacity: 0;}
.checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked:after {transform: rotate(43deg); opacity: 1;}
.checkbox-wrapper-14 input[type=checkbox].switch {width: 60px; border-radius: 15px; height: 30px;}
.checkbox-wrapper-14 input[type=checkbox].switch:after {left: 3px; top: 3px; border-radius: 50%; width: 24px; height: 24px; background: #adb5bd; transform: translateX(0);}
.checkbox-wrapper-14 input[type=checkbox].switch:checked:after {background: #44bb98; transform: translateX(30px);}
.checkbox-wrapper-14 input[type=checkbox].switch:disabled:not(:checked):after {opacity: 0.6;}
.checkbox-wrapper-14 * {box-sizing: inherit;}
.checkbox-wrapper-14 *:before, .checkbox-wrapper-14 *:after {box-sizing: inherit;}

.checkbox-wrapper-28 {--size: 25px; position: relative;}
.checkbox-wrapper-28 *, .checkbox-wrapper-28 *:before, .checkbox-wrapper-28 *:after {box-sizing: border-box;}
.checkbox-wrapper-28 .promoted-input-checkbox {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.checkbox-wrapper-28 input:checked ~ svg {height: calc(var(--size) * 0.6); -webkit-animation: draw-checkbox-28 ease-in-out 0.2s forwards; animation: draw-checkbox-28 ease-in-out 0.2s forwards;}
.checkbox-wrapper-28 label:active::after {background-color: #e6e6e6;}
.checkbox-wrapper-28 label {line-height: var(--size); cursor: pointer; position: relative; padding-left: 35px;}
.checkbox-wrapper-28 label:after {content: ""; height: var(--size); width: var(--size); margin-right: 8px; float: left; border: 2px solid #0080d3; border-radius: 3px; transition: 0.15s all ease-out; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.checkbox-wrapper-28 svg {stroke: #0080d3; stroke-width: 3px; height: 0; width: calc(var(--size) * 0.6); position: absolute; left: calc(var(--size) * 0.21); top: calc(var(--size) * 0.2); stroke-dasharray: 33; top: 50%; transform: translateY(-50%);}
.staffsWrapper{margin-bottom: 50px; display: flex; flex-direction: column; gap: 10px;}
.staffsWrapper .item{background: #fff; width: 100%; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; min-height: 70px;}
.staffsWrapper .item .nameWrapper{}
.staffsWrapper .item .nameWrapper .name{line-height: 1.2;}
.staffsWrapper .item .nameWrapper .link{}
.staffsWrapper .item .buttonsWrapper{display: flex; gap: 10px; flex-direction: row;}
.staffsWrapper .item .buttonsWrapper .button{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer;}
.image-holder{display: flex; gap: 20px; align-items: center;}
.image-holder img{width: 80px; border-radius: 10px;}
.image-holder button{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: none; cursor: pointer;}
.file-holder{display: flex; gap: 20px; align-items: center;}
.file-holder .icon{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.file-holder img{width: 80px; border-radius: 10px;}
.file-holder button{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: none; cursor: pointer;}
.tabs{}
.tabs #tabs-nav{margin: 0 0 30px 0; padding: 0; list-style: none; display: flex; background: #fff; height: 60px; border-radius: 20px; align-items: center; flex-wrap: wrap; height: auto;}
.tabs #tabs-nav li{display: flex; align-items: center; justify-content: center; height: 100%; border-radius: 20px; cursor: pointer; width: calc(100% / 3); line-height: 1; text-align: center; padding: 10px;}
.tabs #tabs-nav li a{}
.tabs #tabs-nav li.active{background: #44bb98; color: #fff;}
.tabs #tabs-nav li.active a{}
.tabs #tabs-content{}
.tabs #tabs-content .tab-content{}
.tabs #tabs-content .tab-content .ctaButton{min-height: 60px; display: inline-flex; align-items: center; text-decoration: none; padding: 0 20px; border-radius: 5px 0; text-transform: uppercase;}
.tabs #tabs-content .tab-content .buttonsWrapper{display: flex; gap: 10px;}
.tabs #tabs-content .tab-content .buttonsWrapper .button{height: 50px; border: 1px solid #d6dade; padding: 0 10px; border-radius: 10px; display: flex; align-items: center;}

#available-content{}
#available-content select#select-subject{background: #fff; height: 60px; width: 100%; border: none; border-radius: 20px; padding: 0 20px;}
#available-content #tutors{}
#available-content #tutors h5{}
#available-content #tutors ul{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px;}
#available-content #tutors ul li{background: #fff; padding: 10px; border-radius: 15px;}
#available-content #tutors ul button{border: none; padding: 8px 10px; border-radius: 10px; line-height: 1;}
.formSchedulingLink{display: flex; gap: 10px;}
.formSchedulingLink input{background: #fff; height: 60px; width: 100%; border: none; border-radius: 20px; padding: 0 20px;}
.formSchedulingLink button{border: none; border-radius: 20px; padding: 0 20px;}

.white-popup-block{padding: 30px;}
.white-popup-block form{display: flex; flex-direction: column; gap: 15px;}
.white-popup-block form .formTitle{margin: 0 0 10px 0; font-weight: 400; color: #000; font-size: 24px;}
.white-popup-block form .formGroup{display: flex; flex-direction: column; gap: 5px;}
.white-popup-block form .formGroup label{line-height: 1.2;}
.white-popup-block form .formGroup input{height: 50px; border: 1px solid #d6dade; padding: 0 10px; border-radius: 10px; color: #666;}
.white-popup-block form .formGroup select{height: 50px; border: 1px solid #d6dade; padding: 0 10px; border-radius: 10px; color: #666;}
.white-popup-block form .formGroup textarea{height: 100px; border: 1px solid #d6dade; padding: 10px; border-radius: 10px; color: #666;}
.white-popup-block form button{border: none; display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 5px 0; margin: 0 0 0 auto; padding: 0 40px;}

table.dataTable th{font-weight: 400; font-size: 16px; height: 50px; padding: 0 15px; height: 60px;}
table.dataTable td{font-size: 16px; padding: 0 15px; height: 60px;}
table.dataTable td .input-group{display: flex;}
table.dataTable td .input-group input{height: auto;}
table.dataTable td .input-group button{height: auto; border-radius: 0;}
table.dataTable td input.form-control{border: 2px #eee solid; padding: 0 10px; height: 45px; color: #333; font-family: 'Bahnschrift Regular'; font-size: 16px; width: 100%; display: flex; align-items: center;}
table.dataTable td select.form-select{border: 2px #eee solid; padding: 0 10px; height: 45px; color: #333; font-family: 'Bahnschrift Regular'; font-size: 16px; width: 100%; display: flex; align-items: center;}
table.dataTable tr.even td{background: #fff;}
table.dataTable tr.even td .checkbox-wrapper-14 input[type=checkbox]{background: #f4f6f9;}
table.dataTable tr td:first-child{border-radius: 20px 0 0 20px;}
table.dataTable tr td:last-child{border-radius: 0 20px 20px 0;}
table.dataTable tr td button, table.dataTable tr td .button{border: none; padding: 8px 10px; border-radius: 10px; line-height: 1;}
table.dataTable button.update-tutor{border: none; padding: 8px 10px; border-radius: 10px; line-height: 1;}
table.dataTable button.view-note{border: none; padding: 8px 10px; border-radius: 10px; line-height: 1;}
table.dataTable button.approve-application{border: none; padding: 8px 10px; border-radius: 10px; line-height: 1;}
table.dataTable button.deny-exam{border: none; padding: 8px 10px; border-radius: 10px; line-height: 1;}
table.dataTable button.approve-exam{border: none; padding: 8px 10px; border-radius: 10px; line-height: 1;}
table.dataTable button.deny-application{border: none; padding: 8px 10px; border-radius: 10px; line-height: 1;}
table.dataTable button.btn-save{border: none; padding: 8px 10px; border-radius: 10px; line-height: 1;}
table.dataTable button.impersonate-user{border: none; padding: 8px 10px; border-radius: 10px; line-height: 1;}
table.dataTable button.cancel-session{border: none; padding: 8px 10px; border-radius: 10px; line-height: 1;}
table.dataTable button.mark-as-completed{border: none; padding: 8px 10px; border-radius: 10px; line-height: 1;}

#table-filters{display: flex; gap: 15px; align-items: end;}
#table-filters .item{display: flex; flex-direction: column; gap: 5px;}
#table-filters select{height: 50px; border: 1px solid #d6dade; padding: 0 10px; border-radius: 10px; color: #666;}
#table-filters input{height: 50px; border: 1px solid #d6dade; padding: 0 10px; border-radius: 10px; color: #666; width: calc(calc(100% - 15px) / 2);}
#table-filters button{height: 50px; border: 1px solid #d6dade; padding: 0 10px; border-radius: 10px; color: #666; width: calc(calc(100% - 15px) / 2);}
div.dataTables_wrapper div.dataTables_length label{display: flex; gap: 10px; align-items: center;}
div.dataTables_wrapper div.dataTables_length select{border: 1px solid #d6dade; height: 40px; padding: 0 10px; border-radius: 10px; color: #666;}
div.dataTables_wrapper div.dataTables_filter input{border: 1px solid #d6dade; height: 40px; padding: 0 10px; border-radius: 10px; color: #666;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{display: flex; padding-left: 0; list-style: none;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li{}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li a{position: relative; display: block; color: #44bb98; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; padding: 0.375rem 0.75rem; margin-left: -1px;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.disabled{}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.disabled a{color: #838484;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active{}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a{color: #fff; background: #42bc99;}

.modal-open{overflow:hidden;}
.modal-open .modal{overflow-x:hidden;overflow-y:auto;}
.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0;}
.modal-dialog{position:relative;width:auto;margin:0.5rem;pointer-events:none;}
.modal.fade .modal-dialog{transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px);}
@media(prefers-reduced-motion:reduce){
	.modal.fade .modal-dialog{transition:none;}
}
.modal.show .modal-dialog{-webkit-transform:none;transform:none;}
.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02);}
.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem);}
.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden;}
.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{-ms-flex-negative:0;flex-shrink:0;}
.modal-dialog-scrollable .modal-body{overflow-y:auto;}
.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem);}
.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:"";}
.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%;}
.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none;}
.modal-dialog-centered.modal-dialog-scrollable::before{content:none;}
.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.2);border-radius:0.3rem;outline:0;}
.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000;}
.modal-backdrop.fade{opacity:0;}
.modal-backdrop.show{opacity:0.5;}
.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px);}
.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto;}
.modal-title{margin-bottom:0;line-height:1.5;}
.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem;}
.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:0.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(0.3rem - 1px);border-bottom-left-radius:calc(0.3rem - 1px);}
.modal-footer>*{margin:0.25rem;}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll;}
@media(min-width:576px){
	.modal-dialog{max-width:500px;margin:1.75rem auto;}
	.modal-dialog-scrollable{max-height:calc(100% - 3.5rem);}
	.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem);}
	.modal-dialog-centered{min-height:calc(100% - 3.5rem);}
	.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;}
	.modal-sm{max-width:300px;}
}
@media(min-width:992px){
	.modal-lg,.modal-xl{max-width:800px;}
}
@media(min-width:1200px){
	.modal-xl{max-width:1140px;}
}
.modal .closeModal{border: none; padding: 15px 20px; border-radius: 10px; line-height: 1; margin: 0;}


#backToTop {bottom: 20px; right: 20px; cursor: pointer; display: none; height: 40px; position: fixed; width: 40px; border-radius: 5px; font-size: 20px; line-height: 38px; text-align: center; z-index: 100; color: #ffc72c; background: #123a2d; border: 2px solid #ffc72c;}

@media (min-width: 576px) {
}

/*@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
}*/

@media (min-width: 768px) {
	#menuToggle{display: none;}
	.loginWrapper{flex-direction: row;}
	.loginWrapper .left{flex: 1; height: 100vh; align-items: baseline; justify-content: left;}
	.loginWrapper .left .logo{margin-left: 20px;}
	.loginWrapper .right{height: 100vh; justify-content: center; width: 45%;}
	header .header .headerContent{flex-direction: row; justify-content: space-between;}
	header .header .headerContent .headerLogo{margin: 0;}
	header #heroWrapper{background: url(../img/hero-banner.jpg) no-repeat 50% / cover; min-height: 200px; display: flex; align-items: center;}
	header #heroWrapper .textWrapper{width: 50%; margin: 0 0 0 auto; padding-right: 50px;}
	nav{position: relative; background: transparent; top: auto; left: auto; right: auto; bottom: auto; transform: none; transition: unset; overflow: visible; margin-top: 50px;}
	nav ul{background: #fff; display: flex; width: 100%; padding: 20px; border-radius: 20px; gap: 15px; position: relative;}
	nav ul li{padding: 0; flex:1;}
	nav ul li a{flex-direction: column;}
	.adminNav {position: absolute; left: 0; right: 0; margin-top: 10px;}
	.adminNav ul{flex-wrap: wrap;}
	.adminNav ul li{width: calc(calc(100% - 60px) / 5); flex: none; padding: 0 10px;}
	.adminNav ul li a{align-items: baseline;}
	.quickLinksNav {position: absolute; left: 70%; right: 0; margin-top: 10px;}
	.quickLinksNav ul{flex-wrap: wrap;}
	.quickLinksNav ul li{width: 100%; flex: auto; padding: 0 10px;}
	.quickLinksNav ul li a{flex-direction: row; gap: 20px; align-items: center;}
	.quickLinksNav ul li a .icon{border: none; width: auto; height: 40px;}
	.quickLinksNav ul li>.icon{display: none;}
	.quickLinksNav ul li ul.quickLinksSubNav{position: absolute; left: -100%; bottom: 0; display: none;}
	.quickLinksNav ul li ul.quickLinksSubNav li{padding: 5px 0;}
	.quickLinksNav ul li:hover ul.quickLinksSubNav{display: block;}
	main{gap: 80px;}
	.welcomeInfo .content{flex-direction: row; align-items: center;}
	.welcomeInfo .content .statusWrapper{flex-direction: row; align-items: center;}
	.welcomeInfo .content .statusWrapper .status{width: 170px;}
	.welcomeInfo .content .statusWrapper .budget{width: 170px;}
	.progress-step{flex: 1 1 calc(11.111% - 3px); min-width: calc(11.111% - 3px);}
	.progress-step:nth-child(3n):after{display: block;}
	.progress-step:nth-child(3n+4):before{display: block;}
	.progress-step:last-child:after{display: none;}
	.box01 .content{flex-direction: row;}
	.box01 .content .announcementsWrapper{flex: 1;}
	.box01 .content .announcementsWrapper .titleWrapper .mainTitle{font-size: 24px;}
	.box01 .content .announcementsWrapper .listAnnouncements .announcementItem .buttonsWrapper{flex-direction: row;}
	.box01 .content .calendarWrapper{flex: 1;}
	.box01 .content .calendarWrapper .titleWrapper .mainTitle{font-size: 24px;}
	.buttonsWrapper .content .item{width: calc(calc(100% - 150px) / 6);}
	.homepageVideoWrapper{height: 400px;}
	.homepageVideoWrapper img{height: auto; width: 100%;}
	.box02 .content{gap: 80px;}
	.box01 .content .newslettersWrapper{flex: 1;}
	.box01 .content .newslettersWrapper .titleWrapper .mainTitle{font-size: 24px;}
	.box01 .content .blogsWrapper{flex: 1;}
	.box01 .content .blogsWrapper .titleWrapper .mainTitle{font-size: 24px;}
	.box01 .content .blogsWrapper .listBlogs .blogItem .buttonsWrapper{flex-direction: row;}
	.box01 .content .facebookWrapper{flex: 1;}
	.box01 .content .facebookWrapper .titleWrapper .mainTitle{font-size: 24px;}
	.box01 .content .instagramWrapper{flex: 1;}
	.box01 .content .instagramWrapper .titleWrapper .mainTitle{font-size: 24px;}
	.box03 .content .item{width: 300px;}
	.announcementsPage .content{flex-direction: row; flex-wrap: wrap;}
	.announcementsPage .content .item{width: calc(calc(100% - 80px) / 3);}
	.announcementsPage .content .item .header .titleWrapper .title{font-size: 24px;}
	table.fc-col-header thead tr{display: flex; gap: 10px; flex-wrap: wrap;}
	th.fc-col-header-cell{width: calc(calc(100% - 60px) / 7); align-items: center; display: flex; justify-content: center;}
	table.fc-scrollgrid-sync-table tbody{display: block;}
	table.fc-scrollgrid-sync-table tbody tr{display: flex; flex-wrap: wrap; gap: 10px; width: 100%; margin-bottom: 15px;}
	table.fc-scrollgrid-sync-table tbody tr td{border: none; width: calc(calc(100% - 60px) / 7); height: 80px;}
	#table-filters input{width: auto;}
	#table-filters button{width: auto;}
	#newslettersSlider .item .newsletter{display: flex; flex-direction: row;}
	#newslettersSlider .item .newsletter .title{text-align: left;}
	#newslettersSlider .item .newsletter .button{padding: 0 50px;}
	#downloadsSlider .item .downloadWrapper>i {padding: 0 15px; font-size: 40px; margin: 0;}
	#downloadsSlider .item .downloadWrapper .label {padding: 15px;}
	#downloadsSlider .item .downloadWrapper .button {flex-direction: row; gap: 20px; padding: 0 30px;}
	#downloadsSlider .item .downloadWrapper .button i {font-size: 30px;}
	.homepageNewsWrapper{gap: 60px;}
	/* .homepageNewsWrapper .titleWrapper{position: absolute; text-align: left; right: 80px; top: -40px;} */
	.homepageNewsWrapper .titleWrapper{text-align: left;}
	.homepageNewsWrapper .titleWrapper .button{float: right;}
	.homepageNewsWrapper .item{padding: 0;}
	.homepageNewsWrapper .item .content{flex-direction: row; gap: 0; align-items: center;}
	.homepageNewsWrapper .item .content>a{width: 50%;}
	.homepageNewsWrapper .item .content .contentWrapper{margin-left: -50px; flex: 1; position: relative; /*margin-bottom: -70px;*/}
	.homepageNewsWrapper .item .content .contentWrapper .textWrapper{padding: 60px;}
	.homepageNewsWrapper .item .content .contentWrapper .textWrapper .mainTitle{line-height: 1.3;}
	.homepageNewsWrapper .item .content .contentWrapper .textWrapper .text{text-align: justify;}
	.homepageNewsWrapper .item .content .contentWrapper .textWrapper .bottom{font-size: 17px;}
	.homepageNewsWrapper .item:nth-child(odd){}
	.homepageNewsWrapper .item:nth-child(odd) .content{flex-direction: row-reverse;}
	.homepageNewsWrapper .item:nth-child(odd) .content img{}
	.homepageNewsWrapper .item:nth-child(odd) .content .contentWrapper{margin-right: -50px; margin-left: auto;}
	.homepageNewsWrapper.v2>.button{height: 50px; font-size: 20px; padding: 0 30px;}
	.tabs #tabs-nav{height: 60px;}
	.tabs #tabs-nav li{width: auto; flex: 1;}
}

@media (min-width: 992px) {
	h1, .h1{font-size: 40px;}
	h2, .h2{font-size: 34px;}
	.nonMobile{display: inherit !important;}
	.mobile {display:none !important;}
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}

button.dt-button.buttons-excel{margin: 0; height: 50px; padding: 0 10px; border-radius: 10px; color: #fff; background: #95c11f; font-size: 1.05rem; border: none;}
.bgDarkGreen{background: #123a2d !important;}
.bgDarkGray{background: #5a5d62 !important;}
.bgMediumGray{background: #acb4bc !important;}
.bgLightGreen{background: #42bc99 !important;}
.bgLightGray{background: #f4f6f9 !important;}
.bgYellow{background: #ffc72c !important;}
.bgWhite{background: #fff !important;}
.bgBlue{background: #4e6dcb !important;}
.bgViolet{background: #6d3e8f !important;}
.bgOrange{background: #f4aa00 !important;}
.bgRed{background: #bc2230 !important;}
.colorWhite{color: #fff !important;}
.colorYellow{color: #ffc72c !important;}
.colorLightGreen{color: #42bc99 !important;}
.colorLightGray{color: #acb4bc !important;}
.colorDarkGreen{color: #123a2d !important;}
.colorDarkGray{color: #47494c !important;}
.colorDarkerGray{color: #3c3d3f !important;}
.colorRed{color: #bc2230 !important;}
.text-center{text-align: center !important;}
.text-transform-none{text-transform: none !important;}
.text-transform-uppercase{text-transform: uppercase !important;}
.heightAuto{height: auto !important;}
ul.yellowDot{list-style: none;}
ul.yellowDot li::before {content: "\2022"; color: #ffc72c; font-weight: bold; display: inline-block;  width: 1em; margin-left: -1em;}
ul.greenDot{list-style: none;}
ul.greenDot li::before {content: "\2022"; color: #42bc99; font-weight: bold; display: inline-block;  width: 1em; margin-left: -1em;}
.overlayYellow{position: relative; z-index: 1;}
.overlayYellow::after{position: absolute; z-index: 0; content: ""; top: 0; right: 0; left: 0; bottom: 0; background: rgba(245,170,1,0.2);}
.overlayGreen{position: relative; z-index: 1;}
.overlayGreen::after{position: absolute; z-index: 0; content: ""; top: 0; right: 0; left: 0; bottom: 0; background: rgba(55,146,119,0.6);}
.addToCalendar{cursor: pointer !important;}
img.widthAuto{width: auto !important;}
.d-none{display: none !important;}
.rounded-lg{border-radius: .3rem !important;}

.border-none {border: none !important;}
.p-10 {padding: 10px !important;}
.p-20 {padding: 20px !important;}
.p-30 {padding: 30px !important;}