/*
font-family: 'Roboto', sans-serif;
font-family: 'Work Sans', sans-serif;
*/

/*
TEMPLATE FOR MEDIA QUERIES
	@media screen and (min-width:1180px) {}                         --------> full layout
	@media screen and (min-width:880px) and (max-width:1179px) {}	--------> section fixed width
    @media screen and (max-width:879px) {}                          --------> section is fluid

INDEX
	- PAGE RESET
	- STRUCTURE
	- HEADER
	- FOOTER
    - TYPOGRAPHY
    - DEFAULT FORM
    - FORM SEARCH
	- FORM ADD/VIEW/EDIT ROW
    - DEFAULT TABLE
    - GALLERY DISPLAY
    - JS-MENUBUTTON
    - JS-MAINMENU
	- REPONSIVE MENU
    - hmenu01
    - DB_PAGINATION
    - DB_CATEGORIES
	- NAVIGATION
	- QUILL
	- MESSAGES
	- BREADCRUMB
	- ATTACHMENTS
    - MODAL
    - Offering
    - SITE MAP
	- INFOBOX
	- FILES UPLOAD 
*/

/*-----------------------------------------------------------  PAGE RESET ----------------------*/
:root {
	--color_pd: #003255;
	--color_p: #005b96;
	--color_pl: #C6DBEA;

	--cancel: #A82323;
	--confirm: #33A949;
	--cancel-hover: #e21515;
	--confirm-hover: #25da46;

	/*--color_ad: #000;*/
	--color_a: #cf9800;
	--color_al: #efc727;

	/*--color_cd: #000;*/
	--color_c: #f4f4f4;
	/*--color_cl: #000;*/	
	
	--gray1_adm: #ededed;
	--gray2_adm: #d9d9d9;
	--gray3_adm: #656565;

}

.max_1000 {
    margin: 0 !important;
    max-width: 1000px;
}

/*-----------------------------------------------------------  STRUCTURE -----------------------*/

html, body { height: 100%; }

#main { 
	min-height: calc(100% - 50px);
    padding-top: 30px;
 }

#h_buttons { float: right; }

#h_buttons a {
	color: white;
	display: inline-block;
	font-size: 23px;
	line-height: 50px;
	padding-right: 15px;
}

.content h1 {
	color: var(--color_p);
	font-weight: normal;
}

.content a{
	color: var(--color_p);
}

.kb { max-width: 850px; }

@media screen and (min-width:1180px) {
    aside { 
		float: left;
		background-color: white;
		padding: 0 !important;
	}
    
    .content {
        float: right;
        width: calc(100% - 300px);
        padding-right: 30px;
    }
	
}

@media screen and (min-width:1180px) {
	.content{
		margin-bottom: 30px !important;
		padding: 50px 20px !important;
	}
}

@media screen and (max-width:1179px) {
	.content {
		padding: 20px !important;
	}
}

@media screen and (max-width:879px) {
	.table-area{
		max-width: 100vw;
		overflow: scroll;
	}
}


/*-----------------------------------------------------------  HEADER -----------------------*/

header {
    height: 50px;
    background-color: var(--color_c);
    width: 100%;
	position: absolute;
	z-index: 2;
	top: 0px;
}

header h1 a { color: #000000; }
header h1 a:hover, #h_buttons a:hover { color: var(--color_p); }

#logo {
	background-image: url(http://platform.atimo.us/ctm/31000/template/images/admin/ParishMate-logo-cm.svg);
	height: 38px;
    width: 160px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
	position: relative;
	top: 7px;
}

header h1 {
	font-family: inherit;
	font-size: 25px;
	display: inline;
	line-height: 50px;
	padding-left: 95px;
	top: 0px;
}

header .responsive-menu{
	transition: linear 0.4s;
}

header a#menu-hamburguer {
    position: relative;
    bottom: 3px;
    left: 20px;
    color: black;
}

header #menu-hamburguer i {
	font-size: 20px;
}

@media screen and (min-width: 1180px) {
	header {
		position: fixed;
	}
	header #logo {
		margin-left: 60px;
	}
}

@media screen and (max-width: 1179px) {

	header #logo {
		margin-left: 10px;
	}

	.responsive-menu{
		margin-left: -250px;
	}
}


/*-----------------------------------------------------------  FOOTER ADMIN   -----------------*/
footer {
    height: fit-content;
    background-color: var(--gray1);
    border-top: solid 1px var(--gray2);
}

.wrap_admin a #mate-icon {
	position: relative;
	width: 24px;
	margin-right: 3px;
	margin-bottom: -8px;
	transition: all 0.5s ease-in-out;
}

.wrap_admin a:hover #mate-icon {
	animation: mate infinite ease-in-out 0.5s;
	transition: all 0.5s ease-in-out;
}

.wrap_admin a #mate-typo {
	width: 80px;
	margin-bottom: -4px;
}

.wrap_admin .fx_2 { margin: 0; }

@keyframes mate {
	0% { top: 0; }
	50% { top: -5px; }
	100% {top: 0; }
	
}

.logo-area {
    width: calc(100%/2 - 100px) !important;
	margin: 0 a;
}


.hide_home {
	width: fit-content !important;
}

@media screen and (min-width: 1180px) {
	footer {
		float: right;
		width: calc(100% - 275px);
	}
	.logo-area {
		margin: 0 auto;
	}
	.logo-area p{
		width: 360px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 1179px){
	footer .hide_home {
		display: none;
		width: 100% !important;
	}

	.logo-area {
		margin: 0 auto !important;
		width: 100% !important;
	}
}

/*-----------------------------------------------------------  TYPOGRAPHY   --------------------*/
body { 
    font-family: 'Poppins', sans-serif; 
    font-size: 16px;
}

h1 {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}



.content h1 {
	color: var(--color_p);
	font-size: 22px !important;
	text-transform: uppercase;
}

h2 {
	font-size: 19px !important;
	font-weight: normal;
}

h3 {color: var(--color_p); }

h4 {color:#000000; }


p { margin-bottom: 0.8em;}

a	{
	transition: 0.2s linear;
	color: var(--color_pd);
}

a:hover {
	color: var(--color_pd);
}

ol { margin-bottom: 20px; }

ol li { list-style-position: inside; }

.content ul li::before {
    content: '\f0c8';
    font-size: 0.5em;
    bottom: 0.1875em;
    color: var(--color4000);
}

blockquote {
  margin: 35px 0;
  border: 1px solid red;
  padding: 10px 20px;
  max-width: 1000px;
}

blockquote p:last-child {
  margin-bottom: 0;
}

/*-----------------------------------------------------------  DEFAULT FORM --------------------*/

#cm form.default {
	margin: 0;
    margin-top: 30px;
}

#cm input[type="text"] {
  background: #F5F5F5;
  padding: 5px;
}

#cm form.default input.js-required, form.default select.js-required, form.default textarea.js-required {
	border-left-color: red;
}

form.default.narrow { width: 850px; }

legend { color: var(--gray5); }

input[type="submit"]:hover, 
input[type="button"]:hover,
#section_navigation a:hover,
#section_navigation a.selected,
.form_buttons a:hover{
	background-color: var(--color_pd);
}
 
form.default select, 
form.default textarea {
	border: transparent;
	background: #F5F5F5;
}

form.add_row fieldset input, 
form.add_row fieldset select, 
form.add_row fieldset textarea { 
	border: transparent;
	background: #F5F5F5;
    color:blue; 
}

form.duplicate_row fieldset input, 
form.duplicate_row fieldset select, 
form.duplicate_row fieldset textarea { 
	border: transparent;
	background: #F5F5F5;
    color:green; 
}

form.edit_row fieldset input, 
form.edit_row fieldset select, 
form.edit_row fieldset textarea { 
	border: transparent;
	background: #F5F5F5;
    color: red; 
}
 
form.edit_row fieldset input[readonly],
form.edit_row fieldset select[readonly], 
form.edit_row fieldset textarea[readonly] {	color: var(--gray3);
	border-left: 2px solid var(--gray3);
}

.button.selected { color: var(--color_p); }

a.cancel-button {
    background: var(--cancel);
}

input.save-button {
    background: var(--confirm);
}

a.cancel-button:hover{
    background: var(--cancel-hover);
}

input.save-button:hover{
    background: var(--confirm-hover);
}

input[type="submit"], 
input[type="button"],
#section_navigation a,
.form_buttons a{
    background: var(--color_p);
    padding: 20px 30px;
    line-height: 0 ;
	color: white;
}

form.default .flex label {
    width: 50%;
    text-align: right;
    margin: 15px auto;
    padding: 0;
    padding-right: 10px;
}

form.default .flex select {
    width: 50%;
    margin: 10px auto;
}

form.default .flex input {
    width: 50%;
    margin: 10px auto;
}

/*-----------------------------------------------------------  FORM SEARCH ---------------------*/
form.default.search {
    max-width: 1000px;
    margin-bottom: 15px;
    padding: 18px;
    background-color: white;
    box-shadow: var(--gray4) 1px 1px 3px;
    margin: 0px !important;
    overflow: visible;
}

form.default.search legend {
    top: 0;
    background-color: var(--gray2);
    border: none;
}

form.default.search .form_buttons {
    padding: 0 25px;
}

form.default.search label { width: 130px; }

form.default.search fieldset input,
form.default.search fieldset select {
	width: calc(100% - 150px);
    background: var(--gray1_adm);
    height: 30px;
    padding: 0px 10px;
}

form.default.search fieldset input.half, 
form.default.search fieldset select.half {
	width: calc(50% - 80px);
}

form.default.search a{
	background-color: transparent;
	color: var(--color_p);
	border: 1px solid var(--color_p);
}

.excel-button {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
/*-----------------------------------------------------------  FORM ADD/VIEW/EDIT ROW ----------*/
form.default.add_row fieldset,
form.default.view_row fieldset,
form.default.edit_row fieldset {
	max-width: 998px;
	margin: 0 0 15px;
	padding: 18px;
	background-color: white;
	box-shadow: var(--gray4) 1px 1px 3px;
	padding-top: 40px;
}

form.default.add_row fieldset legend,
form.default.view_row fieldset legend,
form.default.edit_row fieldset legend {
	top: 0;
	background-color: var(--gray2);
}

form.default.add_row .flex .fx_2,
form.default.view_row .flex .fx_2,
form.default.edit_row .flex .fx_2 { margin-bottom: 0; }

#cm #masses .fx_2 { margin-bottom: 10px; }

#cm #masses dl label { border-radius: 0; }

#copy-share-form { cursor: pointer; }

#copy-share-form:hover { color: var(--color_pd); }

/*-----------------------------------------------------------  DEFAULT TABLE -------------------*/
table.default th {
	background-color: var(--gray3_adm);
	color: white;
}

table.default th, table.default td {
	vertical-align: top; }


.second_line {
	font-style: italic;
	font-size: 14px;
}

table.default .tablerowoff>tr {
	background: #f8f5f5;
}

/*-----------------------------------------------------------  GALLERY DISPLAY -----------------*/
a.dowload-gallery {
    cursor: pointer;
    display: block;
    max-width: 1000px;
}

#cm_displayfiles dl dt img {
	max-width: 100%;
	max-height: 100px;
}

#cm_displayfiles dl {
	background-color: var(--gray1);
	text-align: center;
	height: 100%;
	padding: 20px 0;
}

#cm_displayfiles dt .far.fa-file-pdf {
	font-size: 68px;
	margin-bottom: 8px;
	color: red;
}

#cm_displayfiles dd { padding: 3px 10px; }

.file_name {
	text-overflow: ellipsis;
	overflow: hidden;
    cursor: help;
}

/*-------------------- HMENU----------------------------- */


.hmenu01 ul {
	background: white;
	transition: linear 0.5s;
}

.hmenu01 ul.sm {
	width: 205px;
	padding: 0px;
}

.hmenu01 #main-menu li a.menu-link.active {
	color: white !important;
	background: var(--color_p);
}

.hmenu01 li.logout a, li.back-to-website a {
	color: var(--color_p) !important;
	font-weight: 600;
	font-size: 14px !important;
}

.hmenu01 li.logout a:hover, li.back-to-website a:hover {
	color: var(--color_p) !important;
	font-weight: 700;
}

li.back-to-website a {
    margin-bottom: 10px;
}


@media screen and (max-width: 1179px){

	.hmenu01 {
		position: absolute;
		right: 0;
		top: 0;
		transition: ease-out 0.4s;
		width: 225px;
        height: 530px;
	}
	
	#main-menu-state:checked ~ #main-menu {
		display: block;
		top: 0;
	}
	
	#main-menu-state:not(:checked) ~ #main-menu {
		position: relative !important;
		right: -500px;
		top: 0px;
	}

	.hmenu01 label.main-menu-btn {
		z-index: 3;
		top: 10px;
		right: 11px;
	}
	
	.hmenu01 ul.sm {
		padding: 0.3125em;
		right: 0;
		box-shadow: -1.70667px 4.26667px 3.41333px rgba(0, 0, 0, 0.25);
		top: -8px;
	}

	.hmenu01 #main-menu .image-menu img {
		max-width: 80px;
		margin-left: 10px;
	}

	.hmenu01 #main-menu h1 {
		padding: 0;
		padding-left: 25px;
		font-weight: 400;
	}

	.hmenu01 #main-menu h2 {
		position: relative;
		top: -15px;
		left: 25px;
		transition: linear 0.4s;
	}

	.hmenu01 #main-menu h2 a:hover{
		color: var(--color_pd);
	}

	.hmenu01 #main-menu li {
		width: 100%;
		transition: linear 0.1s;
	}

	.hmenu01 #main-menu li.back-to-website {
		padding-bottom: 0px !important;
	}

	.hmenu01 #main-menu li.logout {
		margin-top: 40px;
		margin-left: 10px;
	}

	.hmenu01 #main-menu li a {
		color: black;
		font-size: 16px;
		display: block;
		width: 240px;
		height: 40px;
		padding-top: 8px;
		padding-left: 20px;
		font-size: 14px !important;
	}

	.hmenu01 #main-menu li.back-to-website a {
		border-bottom: 2px solid var(--color_al);
		padding: 0px !important;
		width: 186px;
		margin-left: 5px;
		padding-top: 5px !important;
	}

	.hmenu01 #main-menu li a i {
		margin-right: 10px;
	}

	.hmenu01 #main-menu li.back-to-website a i {
		font-size: 18px;
		margin-left: 4px;
		position: relative;
		top: 1px;
	}

	.hmenu01 #main-menu li ul.sub-itens.active {
		display: block;
	}

	.hmenu01 #main-menu li:hover, 
	.hmenu01 #main-menu li:active, 
	.hmenu01 #main-menu > li > a.highlighted {
		background: var(--color_p);
	}

	.hmenu01 #main-menu .click-color{
		color: white !important;
	}

	.hmenu01 #main-menu li a:hover,
	.hmenu01 #main-menu li a:active,
	.hmenu01 #main-menu > li > a.highlighted {
		color: white;
	}

	.hmenu01 #main-menu li.back-to-website:hover,
	.hmenu01 #main-menu li.logout:hover,
	.hmenu01 #main-menu li.back-to-website:active,
	.hmenu01 #main-menu li.logout:active,
	.hmenu01 #main-menu > li.back-to-website > a.highlighted,
	.hmenu01 #main-menu > li.logout > a.highlighted  {
		background: white;
		color: var(--color_pl) !important;
		
	}
}

@media screen and (min-width:1180px) {

	.hmenu01 .back-to-website a.current {
		background: none !important;
	}

	.hmenu01 li.back-to-website a i {
		font-size: 18px;
		margin-left: 4px;
		position: relative;
		top: 1px;
	}

	.hmenu01 {
		padding-top: 80px;
        padding-bottom: 50px;
        background: white;
        height: 100vh;
        width: 275px;
        margin: 0 auto;
        padding-left: 20px;
        position: fixed;
        border-right: 1px solid var(--gray2);
        top: 0px;
	}

	.hmenu01 .sub-itens {
		padding: 1px 0px;
		padding-bottom: 10px;
	}

    .hmenu01 li.back {
		margin-bottom: 15px !important;
	}

	.hmenu01 .sm ul{
		display: list-item !important;
	}
	
	.hmenu01 .item-menu {
		padding-left: 20px;
		padding-bottom: 5px;
	}
	
	.hmenu01 i {
		margin-right: 5px;
	}
	
	.hmenu01 li {
		border: none !important;
	}
	
	.hmenu01 > ul > li ul {
		margin: 0 25px !important;
		margin-right: 0px !important;
	}
	
	.hmenu01 > ul > li > a {
		border: none !important;
		font-family: 'Poppins', sans-serif;
		font-weight: 600;
		color: #000000;
	}
	
	.hmenu01 .back a{
		padding: 0px !important;
		padding-left: 20px !important;
	}
	
	.hmenu01 .back a:hover{
		color: var(--color_pd);
		transition: 0.2s linear;
	}
	
	.hmenu01 li.logout {
		padding-left: 16px;
	}
	
	.hmenu01 .logout a:hover {
		color: var(--color_pd);
		transition: 0.2s linear;
	}
	
	.hmenu01 .back a, .hmenu01 .logout a {
		color: var(--color_p);
		font-weight: 600;
	}
	
	.hmenu01 .back i {
		padding-right: 10px;
	}
	
	.hmenu01 ul > li > a {
		padding-left: 20px;
	}

	.hmenu01 ul#main-menu-aside > li > a.current {
		background: var(--color_p);
		color: white;
	}
	
	.hmenu01 ul#main-menu-aside > .item-menu > a:hover{
		color: black !important;
		cursor: pointer;
	}
	
	.hmenu01 ul#main-menu-aside > li > a.current:hover {
		background: var(--color_p);
		cursor:default;
		color: white;
	}
	
	.hmenu01 > ul > li ul li a {
		color: #757678;
		transition: 0.2s linear;
		padding-left: 20px;
	}
	
	.hmenu01 > ul > li ul li a:hover{
		color: var(--color_pd);
	}
	
	.hmenu01 > ul > li ul li a.current{
		background: var(--color_pl);
		color: black !important;
	}

	
	.hmenu01 li:hover, 
	.hmenu01 li:active, 
	.hmenu01 .click-color{
		color: white;
	}

	.hmenu01 li a.current:hover,
	.hmenu01 li a.current:active,
	.hmenu01 li > a.current.highlighted {
		color: white;
	}

	

	.hmenu01 li.back-to-website:hover,
	.hmenu01 li.logout:hover,
	.hmenu01 li.back-to-website:active,
	.hmenu01 li.logout:active,
	.hmenu01 li.back-to-website > a.highlighted,
	.hmenu01 li.logout > a.highlighted  {
		background: white;
		color: var(--color_pl) !important;
		
	}
}

@media screen and (max-height: 800px){
	.hmenu01 {
		padding-top: 60px;
        overflow-y: auto;
	}

	.hmenu01 .sub-itens {
		padding-bottom: 0px;
	}

	.hmenu01 ul > li > a {
		padding-left: 30px;
	}

	.hmenu01 li.logout a, li.back-to-website a {
		padding-left: 0px !important;
		
	}

	li.back-to-website a {
		margin-bottom: 5px;
	}

	.hmenu01 li.logout a {
		margin-top: 5px;

	}
}

@media screen and (max-width:879px) {

	.hmenu01 #main-nav {
		bottom: 35px;
	}

	#main {
		padding-top: 50px;
	}

	.hmenu01 label.main-menu-btn {
        z-index: 3;
        top: 7px;
        right: 7px;
    }

}

/*-----------------------------------------------------------  DB_PAGINATION -------------------*/
#db_pagination {
	max-width: 1000px !important;
    margin: 0px !important;
    margin-top: 50px !important;
    background-color: white;
    box-shadow: var(--gray4) 1px 1px 3px;
    padding: 18px;
	overflow-x: scroll;
}

.unique_id { 
    font-size: 11px;
    color: var(--color_p);
}

#db_pagination table tr {
	border-bottom: 1px solid var(--gray3);
}

.nav_pagination:first-child .total,
.pagination_buttons,
.pagination_buttons a {
	color: var(--color_p) !important;
	font-weight: 600 !important;
}

.pagination_buttons a:hover {
	color: var(--color_a) !important;
}

#db_pagination table tbody tr:hover td {
	background-color: var(--gray1_adm);
	cursor: default;
}

@media screen and (max-width:879px) {
	.pagination_buttons{
		font-size: 14px !important;
	}
}    


/*-----------------------------------------------------------  DB_CATEGORIES -------------------*/
#db_categories { margin-bottom: 50px; }

#db_categories dl {
	border: 1px solid var(--gray2);
	display: block;
	width: 200px;
	margin: 0 4px 4px;
	border-radius: 5px;
    float: left;
}

#db_categories dl:hover {
	color: var(--gray5);
	border: 1px solid var(--gray5);
}

#db_categories dl dt {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 4px;
}

/*-----------------------------------------------------------  NAVIGATION ----------------------*/
.dom_tree { margin: 20px auto; }

.dom_tree dl {
	border: 1px solid #000000;
	display: inline-block;
	margin: 0 0 6px 8px;
	border-radius: 5px;
}

.dom_tree dl dt {
	padding: 3px 5px;
	font-size: 15px;
	display: inline-block;
	/* float: left; */
}

.dom_tree dl dd {
	font-size: 12px;
	text-align: center;
	padding: 5px;
	float: left;
}

.dom_tree dl dd.tree_menu { 
    position: relative;
    padding: 0;
    cursor: pointer;
    float: right;
    width: 26px;
}

.tree_menu i.fas.fa-angle-down {
	height: inherit;
	width: inherit;
}

.content .dom_tree ul {
	margin: 0 0 0 16px;
	border-left: 1px solid gray;
	line-height: inherit;
}

ul.actions_element { border-left: none !important; }

.content .dom_tree ul li {
	list-style-type: none;
	padding: 0;
}

.content .dom_tree ul li::before { content: none; }

.dom_tree span {
	border: 1px solid gray;
	padding: 2px 10px;
	margin: 4px 0 4px 4px;
	display: inline-block;
	border-radius: 5px;
    position: relative;
    cursor: pointer;
}

.content .dom_tree ul.menu_intl {
	font-size: 11px;
	border: none;
}

.content .dom_tree ul li span {
	border: none;
	margin: 0;
	cursor: auto;
	color: var(--color_p);
}

/* TREE MENU ---------------------------------------------------------*/

.tree_menu ul{ display: none; }

dd.tree_menu:hover ul { display: block; }

dd.tree_menu:hover .fas.fa-angle-down { color: #bd9728;}

.tree_menu ul {
	display: none;
	position: absolute;
	border: none;
	z-index: 2;
	width: 200px;
    background-color: rgba(255,255,255,0.85);
}

.tree_menu li a {
	padding: 5px;
	display: block;
	font-size: 15px;
	color: white;
	margin-bottom: 2px;
	background-color: var(--color_p);
	border: 1px solid var(--color_p);
}

.tree_menu li a:hover {
    background-color: rgb(255, 255, 255);
    color: var(--color_p);
}

li.show_0 dl {
	border-color: var(--gray3);
    color: var(--gray3);
}

li.show_0 dl dd.tree_menu i:before,
.show_0 { color: var(--gray3); }


/* MAILING LIST --------------------------------------------------------*/

.dropdown-check-list {
	display: inline-block;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    width: calc(100% - 150px) ;
    margin: 10px auto;
}

.dropdown-check-list .anchor{
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px 5px 10px;
    border: 1px solid var(--gray5);
    width: 100%;
    background: var(--gray1_adm);
	font-size: 12px;
}

.dropdown-check-list .anchor:after {
	position: absolute;
	content: "";
	border-left: 2px solid black;
	border-top: 2px solid black;
	padding: 5px;
	right: 10px;
	top: 20%;
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.dropdown-check-list .anchor:active:after {
	right: 8px;
	top: 21%;
}

.dropdown-check-list ul.items {
    padding: 2px;
    display: none;
    margin: 0;
    border: 1px solid #ccc;
    border-top: none;
    background: white;
}

.dropdown-check-list ul.items li {
	list-style: none;
	padding: 0.1875em 0.95em;
	cursor: pointer;
	display: flex;
    flex-direction: row;
    align-items: center;
	gap: 10px;
}

form.default fieldset .dropdown-check-list ul.items li input[type="checkbox"] {
    top: 0;
    cursor: pointer;
    height: auto;
    margin: 0;
	width: 10% !important;
}

form.default fieldset .dropdown-check-list ul.items li label {
	all: unset;
}

.dropdown-check-list ul.items li::before {
    content: '';
}

.dropdown-check-list.visible .anchor {
	color: var(--color_p);
}
.dropdown-check-list.visible .items {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: -webkit-fill-available;
	width: -moz-available;
	z-index: 2;
}

form.default .form_buttons .excel {
    all: unset;
    margin-left: 5px;
    cursor: pointer;
    color: var(--color_p);
}

form.default .form_buttons input[type="checkbox"] {
	cursor: pointer;
	margin-top: 3px;
}

form.default .form_buttons {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.form_buttons.flex {
    flex-wrap: nowrap !important;
}

.form_buttons.mailingList {
    display: flex;
    justify-content: space-between;
}

.status-dropdown{
    cursor: pointer;
    padding: 5px 11px 5px 10px;
    border: 1px solid var(--gray2);
    background: var(--gray1_adm);
    font-size: 14px;
}

@media screen and (max-width: 499px) {
	.dropdown-check-list{
		width: 100%;
	}

	.form_buttons.mailingList {
		flex-direction: column;
		align-items: center;
		margin: 0px 0px 30px;
	}

	form.default.search .form_buttons {
		padding: 0 10px;
	}
	
	form.default a.button {
		padding: 0px 10px;
	}
	
}



/*-----------------------------------------------------------  QUILL ---------------------------*/
.ql-editor { min-height: 400px; }

.ql-editor h1,
.ql-editor h2,
.ql-editor h3 {
	font-family: inherit;
	color: inherit;
}

.content .ql-editor h1 { font-size: 2em; }
.content .ql-editor h2 { font-size: 1.5em; }
.content .ql-editor h3 { font-size: 1.17em; }

/*-----------------------------------------------------------  MESSAGES ------------------------*/
#msg_img {
	max-width: 350px;
	display: block;
	margin: 0 auto;
}


/*----------------------------------------------------------- BREADCRUMB --------------------------------------------------------*/
#breadcrumb { 
	clear: both; 
	margin-bottom: 40px; 
}

#breadcrumb dl {
  border: 1px solid var(--gray2);
  border-left: 3px solid var(--color_p);
}

#breadcrumb dl dt {
  color: var(--color3000);
  font-weight: bold;
  padding: 2px 0 2px 6px;
}

#breadcrumb dl dd a, #breadcrumb dl dd span {
	color: black;
    padding: 4px 0 4px 6px;
	white-space: nowrap;
    display: block;
	overflow: hidden;
	text-overflow: ellipsis;    
}

#breadcrumb dl dd a:hover { background-color: var(--gray2); }

span[class^="level_"] {
	margin-bottom: 10px;
	display: inline-block;
}

span[class^="level_"] a {
	color: var(--black);
}

span[class^="level_"] a:hover {
	color: var(--color_p);
}

.level_2, .level_3, .level_4 {
	padding-left: 6px;
}

.level_1::before, .level_2::before, .level_3::before, .level_4::before {
	content: '>';
	padding-right: 6px;
}



/*-----------------------------------------------------------  BREADCRUMBS UL  --------------------*/

ul.breadcrumbs {
  padding: 10px 16px;
  list-style: none;
  font-family: 'Poppins';
}

ul.breadcrumbs li {
  display: inline;
  font-size: 18px;
  font-weight: bold;
}

ul.breadcrumbs li+li:before {
  font-size: 14px;
  padding: 8px;
  color: #000000;
  content: ">";
  font-weight: 300;
}

ul.breadcrumbs li a {
  color: var(--color_p);
  text-decoration: none;
  font-weight: 300;
}

ul.breadcrumbs li a:hover {
  color: #01447e;
}


/*-----------------------------------------------------------  ACTION BUTTONS  --------------------*/
.flex.buttons-action {
    max-width: 1000px;
}

a.action-btn {
    background: none;
    color: var(--color_p);
    height: auto;
    font-weight: 500;
    text-align: left;
    width: 100%;
    font-size: 15px;
    transition: color, background-color 0.7s;   
    display: block;
    padding: 15px 15px;
    border: solid 1px var(--color_p);
    max-width: 220px;
	margin-bottom: 30px;
}

a.action-btn:hover {
    background: #005b964d;
}

.area-download {
    max-width: 1000px;
}

a.dowload-imag {
    display: block;
    width: 100%;
    max-width: 220px;
    margin: 0 auto;
    text-align: center;
    background: var(--white);
    color: var(--color_pd);
    border: 1px solid var(--color_pd);
    font-size: 16px;
    cursor: pointer;
    padding: 5px;
	margin-top: 20px;
    transition: 0.2s linear;
}

a.dowload-imag:hover{
    background: var(--color_pd);
    color: var(--white);
}

.zip-state {
    display: flex;
    width: calc(100% - 215px);
    align-items: center;
    gap: 20px;
}

.zip-state > * {
    width: 100% !important;
}

/*-----------------------------------------------------------  ATTACHMENTS   -------------------*/
#attachments {
	display: flex;
}

#attachments div > dl dt {
	background-color: var(--color_pl);
	text-align: center;
	padding: 5px;
	margin-bottom: 8px;
}

#attachments div > dl dd.img {
  height: 250px;
  overflow-y: auto;
}

#attachments form.default {
	margin: 0;
}

#attachments form.default input[type="file"] {
	border: none;
	float: none;
	width: 100%;
}

#attachments form.default input[type="submit"] {
	float: none;
	margin: 0 auto;
	display: block;
}

#attachments .specs dl {
	font-size: 13px;
	display: block;
}

#attachments .specs dt {
	display: inline-block;
	width: 140px;
	background-color: var(--color_pl);
	padding: 0 6px;
	margin-bottom: 2px;
}

#attachments .specs dd {
	display: inline-block;
	width: calc(100% - 140px);
	clear: right;
	padding: 0 6px;
}

#attachments .img_submit{
    display: flex;
    width: 125px;
    color: white;
    background-color: var(--color_pd);
    justify-content: center;
    cursor: pointer;
    transition: 0.2s linear;
    margin: 0 auto;
}

#attachments .img_submit:hover{
    color:  var(--color_pd);
    background-color: var(--color_pl);
}

#attachments .upload_area{
    align-items: center;
    justify-content: center;
}

#attachments .upload_area p{
    color: var(--cancel-hover);
}

#attachments .upload_area .file {
    width: 82%;
}

#attachments .upload_area .file > * {
    margin: 0 auto;
    margin-top: 20px;
}

#attachments .upload_area .button {
    width: 100%;
}

/*-----------------------------------------------------------  MODAL  -------------------*/


#crop_and_save_btn, #cancel_btn{
    width: 125px;
    color: white;
	padding:10px;
    background-color: var(--color_pd);
    justify-content: center;
    cursor: pointer;
    transition: 0.2s linear;
    margin: 10px auto;
}

#crop_and_save_btn:hover, #cancel_btn:hover{
    color:  var(--color_pd);
    background-color: var(--color_pl);
}

.cropper-container{
	width:400px;
	height:500px !important;
}


/* Offering ammount */

#alternate_labels {
    width: 100%;
    max-width: 1000px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.table-form input[type="submit"] {
    background: none !important;
    color: var(--color_p);
    padding: 0 !important;
    line-height: normal;
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
}

.table-form input[type="submit"]:hover{
    color: var(--color_pd);
}

.flex.default-table-container {
    width: 100%;
    max-width: 1000px;
    display: flex;
    justify-content: space-between;
}

.default-table-container a{
    cursor: pointer;
}

.default-table-container a:hover{
    color: var(--color_pd);
}

table.default.charts {
    width: 100%;
    max-width: 1000px;
    margin: 0;
}



/* -------------------- SITE MAP -------------------------- */

.site_map ul li::before{
    display: none !important;
}

.site_map ul {
    list-style: none !important;
}

.site_map .directory-list ul {
    list-style: none !important;
    border-left: 1px dashed #ddd !important;
    border-bottom: 1px dashed #ddd !important;
    margin: 0 !important;
    width: fit-content;
}

.site_map .directory-list ul li::before{
    display: none !important;
}

.site_map .directory-list li {
    list-style: none !important;
    color: #888;
    font-size: 17px;
    font-weight: normal;
    padding-bottom: 10px;
}

.site_map .directory-list li span:hover{
    color: var(--color_p) !important;
}

.site_map .directory-list a {
    border-bottom: 1px solid transparent;
    color: #888;
    text-decoration: none;
    transition: all 0.2s ease;
}

.site_map .directory-list a:hover {
    border-color: #eee;
    color: #000;
}

.site_map .directory-list .folder,
.site_map .directory-list .folder > a {
    color: #777;
    font-weight: bold;
    margin-bottom: 5px;
}

.site_map .directory-list li span.folder:before {
    margin-right: 10px;
    content: "";
    height: 20px;
    vertical-align: middle;
    width: 20px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='lightblue' d='M96.429,37.5v39.286c0,3.423-1.228,6.361-3.684,8.817c-2.455,2.455-5.395,3.683-8.816,3.683H16.071 c-3.423,0-6.362-1.228-8.817-3.683c-2.456-2.456-3.683-5.395-3.683-8.817V23.214c0-3.422,1.228-6.362,3.683-8.817 c2.455-2.456,5.394-3.683,8.817-3.683h17.857c3.422,0,6.362,1.228,8.817,3.683c2.455,2.455,3.683,5.395,3.683,8.817V25h37.5 c3.422,0,6.361,1.228,8.816,3.683C95.201,31.138,96.429,34.078,96.429,37.5z' /></svg>") !important;
    background-position: center 2px;
    background-size: 60% auto;
}

.site_map .directory-list li span.file:before {
    margin-right: 10px;
    content: "";
    height: 20px;
    vertical-align: middle;
    width: 20px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='lightgrey' d='M85.714,42.857V87.5c0,1.487-0.521,2.752-1.562,3.794c-1.042,1.041-2.308,1.562-3.795,1.562H19.643 c-1.488,0-2.753-0.521-3.794-1.562c-1.042-1.042-1.562-2.307-1.562-3.794v-75c0-1.487,0.521-2.752,1.562-3.794 c1.041-1.041,2.306-1.562,3.794-1.562H50V37.5c0,1.488,0.521,2.753,1.562,3.795s2.307,1.562,3.795,1.562H85.714z M85.546,35.714 H57.143V7.311c3.05,0.558,5.505,1.767,7.366,3.627l17.41,17.411C83.78,30.209,84.989,32.665,85.546,35.714z' /></svg>");
    background-position: center 2px;
    background-size: 60% auto;
}

.site_map .menu-actions {
    display: inline-block;
    margin-left: 10px;
}

.site_map .menu-actions a {
    margin-right: 5px;
    text-decoration: none;
    color: #888;
}

.site_map .menu-actions a:hover {
    color: #000;
}

.site_map .show_0>a { color: var(--gray2) !important; }
.site_map .show_1>a { color: var(--gray5) !important; }

.site_map .fa-plus-circle {
	color: var(--gray2);
}

.site_map .fa-plus-circle:hover {
	color: var(--gray);
}

.site_map .languages {
    display: none;
    position: absolute;
    left: 100%; 
    top: -12px;
    z-index: 2;
    padding: 10px;
}

.site_map .languages .menu_intl {
    display: flex;
    list-style: none;
    flex-wrap: nowrap;
	border: none !important;
}

.site_map .menu_intl li {
    display: flex;
    align-items: center;
    margin-right: 10px; 
	text-wrap: nowrap;
}

.site_map .menu_intl li span {
    display: inline-block;
    width: 20px;
    height: 15px;
    margin-right: 5px;
    background-size: cover;
}

.site_map .menu_intl li span{
	float: right;
    margin-left: 13px;
    width: 36px;
    height: 21px;
    background-size: inherit;
    text-indent: -9999px;
}

.site_map .menu_intl li span[data-lang='SP'] {
	background-position-x: -82px;
    background-image: url('/images/languages.png'); 
}

.site_map .menu_intl li span[data-lang='FR'] {
	background-position-x: 37px;
    background-image: url('/images/languages.png');
}

.site_map .menu_intl li span[data-lang='EN'] {
	background-position-x: -41px;
    background-image: url('/images/languages.png');
}

.site_map .menu_intl li span[data-lang='BR'] {
	background-position-x: 0px;
    background-image: url('/images/languages.png');
}

/*-----------------------------------------------------------  INFOBOX ----------------------*/
.infobox .toggle-btn{
	cursor: pointer;
}

/*-----------------------------------------------------------  FILES UPLOAD ----------------------*/
#files_upload form.default, 
#files_upload form.default .cm_form_buttons { margin-bottom: 0; }

.file_upload progress {
	width: calc(100% - 210px);
	float: right;
	height: 3px;
}

#displayfiles {
	border-bottom: 1px solid;
	margin-bottom: 35px;
    margin-top: 30px;
}

#displayfiles dl {
	float: left;
	margin-bottom: 60px;
	background-color: var(--gray1);
	overflow: hidden;
}

#displayfiles dl dt {
	height: 135px;
	overflow-y: scroll;
	padding-top: 5px;
	vertical-align: middle;
	display: table-cell;
}

#displayfiles dl dd { 
    padding: 5px;
    font-size: 14px;
}

#displayfiles dl dd span {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: help;
}

#displayfiles .far.fa-file-pdf {
	font-size: 68px;
	margin: 0 calc(50% + 35px);
	color: red;
}

.unique_id { 
    font-size: 11px;
    color: var(--green);
	word-wrap: break-word;
}

#files_upload{
    max-width: 800px;
}