@import url('../libs/bootstrap/datepicker/bootstrap-datepicker3.min.css');
@import url('../libs/bootstrap/bootstrap.min.css');
@import url('../libs/bootstrap-select/bootstrap-select.min.1.13.3.css');
@import url('../libs/font-awesome/all.css');
@import url('//fonts.googleapis.com/css?family=Roboto');

@import url('../libs/jquery-ui/jquery-ui.min.css');
@import url('../libs/jquery-ui/jquery-ui.structure.min.css');
@import url('../libs/jquery-ui/jquery-ui.theme.min.css');
@import url('../libs/comagno/ui/widget/data/table.new.css');

@import url('cms/editor.css');
@import url('registration.form.css');

/* @import url('admin.css'); */
/* @import url('student.css'); */

@import url('ci.css');
@import url('fonts.css');
@import url('bootstrap4fix.css');

.flex-1 { flex: 1 !important; }
.flex-2 { flex: 2 !important; }
.flex-3 { flex: 3 !important; }
.flex-4 { flex: 4 !important; }
.flex-5 { flex: 5 !important; }
.flex-6 { flex: 6 !important; }
.flex-7 { flex: 7 !important; }
.flex-8 { flex: 8 !important; }
.flex-9 { flex: 9 !important; }
.flex-10 { flex: 10 !important; }
.flex-11 { flex: 11 !important; }
.flex-12 { flex: 12 !important; }

a,
a:hover,
a:active,
a:focus { color : #127c58; }

body { padding-top : 120px; font-family: BCGHenSansRegular; font-size: 16px; }

body.admin-view { padding-top: 50px !important; }
body.admin-view .footer,
body.admin-view .navigation-wrapper
{
	display: none !important;
}

template { display: none !important; }

.brand-logo        { font-family : dotBCG-Icons!important; }
.brand-logo:before { content : "\e623"; }

.cke_dialog { box-shadow : 1px 1px 3px 0px #333; }

.popover { max-width: unset !important; }

body > header > .header
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    
    transition : box-shadow .25s;
    will-change : box-shadow;
}
body.scrolled > header > .header
{
    box-shadow: 0 0 8px #000;
}

body > header > .header .top-bar
{
	color: rgba(255,255,255,.85);
    background-color: #127c58;
	line-height: 30px;
    height: 30px;
}
body > header > .header .top-bar .slogan
{
    float: left;
	font-size: 14px;
	display: inline-block;
	text-transform: uppercase;
}
body > header > .header .top-bar .language-switcher
{
	float: right;
	font-size: 14px;
	display: inline-block;
	text-transform: uppercase;
}
body > header > .header .top-bar .language-switcher > a
{
	color: rgba(255,255,255,.85) !important;
}
body > header > .header .top-bar-icons .icon
{
	height: 30px;
	width: 30px;
	line-height: 30px;
}

body > header > .header .navigation-wrapper
{
	background-color: #fff;
	max-height: 90px;
}
body > header > .header .top-bar .container,
body > header > .header .navigation-wrapper .container
{
	max-width : 930px;
}
body > header > .header .navigation-wrapper .logo
{
	display: inline-block;
}
body > header > .header .navigation-wrapper .navigation
{
	text-align : right;
}
body > header > .header .navigation-wrapper .navigation #menu-mobile-opener
{
	display : none;

	margin-top: 10px;
	padding: 10px 20px;
    
	font-size: 22px;
	color: #127c58;
	cursor : pointer;
	transition  : text-shadow .25s;
	will-change : text-shadow;
}
body > header > .header .navigation-wrapper .navigation #menu-mobile-opener:hover
{
	text-shadow : 1px 1px 3px 0px #666;
}
body > header > .header .navigation-wrapper .navigation ul
{
	padding       : 0px;
	list-style    : none;
	line-height   : 90px;;
	margin-bottom : 0px;
}
body > header > .header .navigation-wrapper .navigation ul li
{
	position : relative;
	display  : inline-block;
	line-height: 90px;
    height: 90px;
}
body > header > .header .navigation-wrapper .navigation ul li+li:before
{
	content: " ";
	display: block;
    
	background: #000;
	
	position: absolute;
	top: 28px;
	left: 0px;
    
	height: 35px;
	width: 2px;
}
body > header > .header .navigation-wrapper .navigation ul li a
{
    color: #333;
    padding: 10px;
    font-size: 14px;
}
body > header > .header a.deadline-link:hover
{
    text-decoration-color: #fff;
}
body > header > .header .disturber
{
    background-color: #00be71;
    color: #fff;
    text-align: center;
    padding: 30px;
    font-size: 46px;
}

@media (max-width: 990px)
{
	body.scrolled > header > .header .navigation-wrapper
	{

	}
}

body > header > aside > #mobile-menu
{
    position: fixed;
    top: 90px;
    left: 0;
    bottom: 0;
    z-index: 300;
    width : 0%;
    max-height : 100%;
    
    background : #fff;
    opacity : 0;
    
    overflow-x : hidden;
    overflow-y : auto;
    
    transition : opacity .4s, width .5s;
    will-change : opacity, width;
}
body > header > aside > #mobile-menu > ul
{
    padding    : 0px;
    list-style : none;
}
body > header > aside > #mobile-menu > ul > li
{
/*     padding : 10px 5px; */
}
body > header > aside > #mobile-menu > ul > li+li
{
    border-top : 1px solid #127c58;
}
body > header > aside > #mobile-menu > ul > li.selected
{
    color      : #fff;
    background : #127c58;
}
body > header > aside > #mobile-menu > ul > li a
{
    color : #127c58;
}
body > header > aside > #mobile-menu #mobile-menu-heading
{
	padding: 10px 20px 0px;
    border-bottom : 1px solid #127c58;
	position: relative;
	text-align: left;
}
body > header > aside > #mobile-menu #mobile-menu-heading img
{
	height : 65px;
}
body > header > aside > #mobile-menu #mobile-menu-heading #menu-mobile-closer
{
	padding    : 10px 20px;
    
	font-size : 22px;
	cursor    : pointer;
	
	position : absolute;
	top      : 18px;
	right    : 6px;

	transition  : text-shadow .25s;
	will-change : text-shadow;
}
body > header > .header .navigation-wrapper .navigation #menu-mobile-closer:hover
{
	text-shadow : 1px 1px 3px 0px #666;
}
body > [data-pages] [data-page] { display: none; }
body > .footer
{
	background-color: #35383e;
	color: #fff;
	padding: 15px;
}
body > .footer .container { max-width : 930px; }

.yellow-text-1 { color: #A8B21C; }
.yellow-text-2 { color: #D4DF33; }
.yellow-text-3 { color: #EEE89A; }

.yellow-bg-1 { background-color: #A8B21C; }
.yellow-bg-2 { background-color: #D4DF33; }
.yellow-bg-3 { background-color: #EEE89A; }

.blue-bg-1 { background-color: #30C1D7; }
.green-bg-1 { background-color: #03522D; }


.icon
{
	height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    font-size : 13px;
    position: relative;
    cursor: pointer;
	display: inline-block;
}
.icon > .fa-icon
{
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 35px;
	position: absolute;
}

.form-group + .initialism
{
    margin-top: 34px;
    display: inline-block;
    width: 100%;
}

body #scroll-top
{
	position : fixed;
	right    : 35px;
	bottom   : 75px;
	
	background     : #343a40;
	color          : #fff;
	border         : 1px solid #343a40;
	padding        : 8px 12px;
	cursor         : pointer;
	vertical-align : text-bottom;
	box-shadow     : 0px 0px 1px 0px #fff;
	
    transition  : box-shadow .25s;
    will-change : box-shadow;
    
    display : none;
    
	z-index: 20;
}

body #footer-logo
{ 
	color     : #127c58;
	font-size : 26px;
}
body #footer-links
{ 
	display : inline-block;
	margin-left : 15px;
}
body #footer-links .footer-link
{ 
	color     : #fff;
	font-size : 14px;
}
body #footer-links .footer-link+.footer-link
{ 
	margin-left : 5px;
}
body #footer-socials .footer-social
{ 
	display   : inline-block;
	
	color     : #fff;
	font-size : 16px;
	
	transition  : transform .25s;
	will-change : transform;
}
body #footer-socials .footer-social:hover
{ 
	transform : scale(1.2);
}
body #footer-socials .footer-social+.footer-social
{ 
	margin-left : 5px;
}
body #footer-paragraph
{ 
	font-size  : 13px;
	margin-top : 5px;
}

body #register-modal .modal-header
{
	color: #fff;
	background: #127c58;
}
body #register-modal .modal-header .close
{
	color   : #fff;
	opacity : 1;
}

.wrapper-big { max-width: 1200px !important; }

/* @media(max-width : 1199px) */
/* { */
/* 	body */
/* 	{ */
/* 		padding-top : 90px !important; */
/* 	} */
/* 	body > header > .header .navigation-wrapper .navigation ul */
/* 	{ */
/* 		line-height   : 73px; */
/* 	} */
/* 	body > header > .header .navigation-wrapper .navigation ul li+li:before */
/* 	{ */
/* 		top: 18px; */
/* 		height: 35px; */
/* 	} */
/* 	body > header > .header .navigation-wrapper img */
/* 	{ */
/* 		max-height : 70px; */
/* 	} */
/* } */

@media(max-width : 991px)
{
	body
	{
		padding-top : 90px;
	}
	body > header > .header .navigation-wrapper img
	{
		max-height : 60px;
	}
	body > header > .header .top-bar .container,
	body > header > .header .navigation-wrapper .container
	{
		max-width: 726px;	
	}
	body > header > .header .navigation-wrapper .navigation nav
	{
		display : none;
	}
	body > header > .header .navigation-wrapper .navigation ul li+li:before
	{
		top    : 36px;
		height : 20px;
	}
	body > header > .header .navigation-wrapper .navigation ul li a
	{
		padding   : 10px;
		font-size : 14px;
	}
	body > header > .header .navigation-wrapper .navigation #menu-mobile-opener
	{
		display : block;
	}	
	body > header > aside > #mobile-menu.open
	{
		width   : 100%;
		opacity : 1;
	}
}

@media(max-width : 575px)
{
	body > header > .header .navigation-wrapper img
	{
		max-height : 60px;
	}
}
@media(max-width : 410px)
{
	body > header > .header .slogan
	{
		display : none !important;
	}
}
@media (min-width: 992px) and (max-width: 1130px)
{
	body > header > .header .navigation-wrapper .navigation ul li a
	{
		font-size: 12px;
	}
}

body > header > div > div.navigation-wrapper > div > div > div.logo > a > img
{
    height: 60px;
   	margin-top: 15px;
}
	
/*.snack.show { display: block; }*/
/*.snack*/
/*{*/
/*	display: none;*/
/*	position: fixed;*/
/*    bottom: 10px;*/
/*    left: 10px;*/
/*    right: 20px;*/
/*    padding: 10px 20px;*/
/*    box-shadow: 0 4px 6px rgba(0, 58, 62, .7);*/
/*    color: #fff;*/
/*    z-index: 20000;*/
/*    border-radius: 30px;*/
/*}*/
/*.snack.info    { background-color: rgba(23, 162, 184, .85) !important; }*/
/*.snack.error   { background-color: rgba(220, 53, 69, .85)  !important; }*/
/*.snack.warning { background-color: rgba(255, 193, 7, .85)  !important; color : #000; }*/
/*.snack.success { background-color: rgba(19, 123, 88, .85)  !important; }*/


.tooltip.show
{
	opacity: 1;
}
.tooltip-inner
{
	max-width: 450px;
    border-radius: 0;
    border: 1px solid #285e7d;
    background-color: #285e7d;
    padding: 15px;
    font-size: 14px;
    line-height: 18px;
    color: #f0f9ff;
    font-weight: 300;
    font-family: BCGHenSansRegular,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before
{
	border-top-color: #285e7d;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #285e7d;
}
i[data-toggle="tooltip"] { color: #285e7d; cursor: pointer; }


input[type=checkbox].disabled, input[type=checkbox].disabled:before, input[type=checkbox].disabled:after,
input[type=checkbox][disabled], input[type=checkbox][disabled]:before, input[type=checkbox][disabled]:after { cursor : not-allowed !important; color: #ccc; background: #F0F0F0; box-shadow: inset 0px 0px 1px 0px #999; }
input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; margin: 0 !important; padding: 0 !important; outline: none !important; vertical-align: middle; cursor: pointer; }
input[type=checkbox]:before { content: ""; background-color: #fff; width: 24px; height: 24px; position: absolute; border: 1px solid #ccc; }
input[type=checkbox]:after { content: ""; margin: 0; margin-right: 0px; padding: 0; color: #127c58; height: 24px; font-size: 14px; font-weight: 200; width: 24px; line-height: 24px; display: block; outline: none !important; cursor: pointer; text-align: center; position: relative; }
input[type=checkbox].error:before { border-color: red; }
input[type=checkbox]:checked:before { border-color: #127c58; }
input[type=checkbox]:checked:after { content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-weight: 700; outline: none !important; cursor: pointer; }
input[type=checkbox]:indeterminate:after { content: "\f0c8"; font-family: FontAwesome; font-weight: 700; outline: none !important; cursor: pointer; }

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    cursor: pointer;
}
input[type="radio"]:focus
{
    outline: none;
}

input[type="radio"]:before {
    background-color: #285e7d;
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    border-radius: 50%;
}

input[type="radio"]:checked:after {
    background-color: #ffffff;
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    left: 50%;
}
input[type="radio"]:not(:checked):before {
    background-color: #dcedf7;
    border: 1px solid #285e7d;
}
input[type="radio"].error:before {
    border-color: #f00;
    background-color: #fee;
}
#cookie-notification
{
    background-color: #f2f2f2;
    border: 1px solid #d9d9d9;
    bottom: -400px;
    right: 95px;
    position: fixed;
    padding: 20px;
    width: 380px;
    -webkit-transition: bottom .5s;
    -moz-transition: bottom .5s;
    -ms-transition: bottom .5s;
    -o-transition: bottom .5s;
    transition: bottom .5s;
    z-index: 300;
}

#cookie-notification.show-confirm
{
    bottom: 75px;
}
#cookie-notification button
{
    border: 1px solid #01542f;
    background-color: #197a56;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-family: BCGHenSerifRegular,Georgia,serif;
    font-weight: 400;
    margin-top: 20px;
    padding: 10px 0;
    width: 100%;
    cursor: pointer;
}

#cookie-notification p
{
    font-size: 14px;
    line-height: 18px;
    color: #707070;
    font-weight: 300;
    margin: 0;
    padding: 0;
    font-family: BCGHenSansRegular,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
#cookie-notification p + p
{
	margin-top: 15px;
}

.datepicker
{
    padding: 10px;
}

select.is-invalid + button {
    border-color: #dc3545;
}

.loader
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    background-color: #0000004a;
}
.loader > i
{
    color: #ffffff;
    transform: translate3d(-50%, -50%, 0);
    position: absolute;
    top: 50%;
    left: 50%;
}

.btn.btn-green
{
    color: #fff;
    border-color: #127c58;
    background-color: #127c58;
}

.table-pager { position: relative; }
.table-pager .pagination-current-items
{
	position: absolute;
	display: inline-block;
	left: 50%;
	top: 50%;
    font-weight: bold;
	transform: translate3d(-50%, -50%, 0);
}



.data-filter-popover .dropdown-menu.show
{
    z-index: 1041;
}

::-webkit-scrollbar {
    height: 10px;
    width: 10px;
    cursor: pointer;
}

::-webkit-scrollbar-button {
    display: none;
}
::-webkit-scrollbar-thumb {
    background-color: #35383e;
}
::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 0;
}

.cursor-not-allowed
{
	cursor: not-allowed;
}

.width-1px
{
	width: 1px;
}


.snacks
{
	position: fixed;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1100;
	display: flex;
	max-width: 100%;
	flex-direction: column;
	gap: 15px;
}
.snacks.hasSnacks.blocking
{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #00000017;
	transform: none;
	justify-content: end;
	padding: 15px;
}
.snacks:not(.hasSnacks){ display: none; }
.snacks .snack
{
	padding: 20px;
	max-width: 600px;
	margin: 0 auto;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	border-top: 2px solid transparent;
	box-shadow: 0 3px 5px rgb(0 0 0 / 20%);
	transition: 0.5s cubic-bezier(0, 1.02, 0.58, 1);
}
.snacks .snack.status-ok
{
	border-top: 2px solid var(--bcg-indicating-green);
}
.snacks .snack.status-warning
{
	border-top: 2px solid var(--bcg-indicating-yellow);
}
.snacks .snack.status-error
{
	border-top: 2px solid var(--bcg-indicating-red);
}
.snacks .snack .snack-message
{
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 15px;
	letter-spacing: 1px;
	color: var(--bcg-blue);
}
.snacks .snack .snack-footer
{
	display: flex;
	justify-content: space-between;
}
.snacks .snack .snack-footer .snack-footer-action
{
	transition: 0.2s;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1.5px;
	cursor: pointer;
	color: var(--bcg-blue);
	text-transform: uppercase;
}
.snacks .snack .snack-footer .snack-closer
{
	transition: 0.2s;
	cursor: pointer;
	color: var(--bcg-blue);
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 24px;
	text-align: center;
}
.snacks .snack .snack-footer .snack-closer:hover,
.snacks .snack .snack-footer .snack-footer-action
{
	color: var(--bcg-informational-blue-2);
}
.snacks .snack.status-ok .snack-footer .snack-footer-action { color: var(--bcg-informational-green); }
.snacks .snack.status-ok .snack-footer .snack-footer-action:hover { color: var(--bcg-indicating-green); }
.snacks .snack.status-error .snack-footer .snack-footer-action { color: var(--bcg-indicating-red); }
.snacks .snack.status-error .snack-footer .snack-footer-action:hover { color: var(--bcg-informational-red); }
.snacks .snack.status-warning .snack-footer .snack-footer-action { color: var(--bcg-indicating-yellow); }
.snacks .snack.status-warning .snack-footer .snack-footer-action:hover { color: var(--bcg-informational-yellow); }


td.day.disabled
{
	color: #bbb !important;
	text-decoration: line-through;
}