/* General
----------------------------------------------------------------------------- */

@font-face{
	font-family: "Publica-Play";
	src: url("../fonts/Publica-Play-Regular.otf");
	font-display: swap;
}
@font-face{
	font-family: "Publica-Play";
	src: url("../fonts/Publica-Play-Regular.otf");
	font-style: italic;
	font-display: swap;
}
@font-face{
	font-family: "Publica-Play";
	src: url("../fonts/Publica-Play-UltraLight.otf");
	font-weight: 300;
	font-display: swap;
}
@font-face{
	font-family: "Publica-Play";
	src: url("../fonts/Publica-Play-UltraLight.otf");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
@font-face{
	font-family: "Publica-Play";
	src: url("../fonts/Publica-Play-Bold.otf");
	font-weight: bold;
	font-display: swap;
}
@font-face{
	font-family: "Publica-Play";
	src: url("../fonts/Publica-Play-Bold.otf");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}
@font-face{
	font-family: "Publica-Play";
	src: url("../fonts/Publica-Play-Bold.otf");
	font-weight: 900;
	font-display: swap;
}
@font-face{
	font-family: "Publica-Play";
	src: url("../fonts/Publica-Play-Bold.otf");
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face{
	font-family: "Century-Gothic";
	src: url("../fonts/Century-Gothic.ttf");
	font-display: swap;
}

html, body{
	font-family: "Century-Gothic";
	font-weight: 500;
	background-color: #f6f6f6;
}

h1, h2, h3, h4, h5{
	font-family: "Publica-Play", "Publica Play";
	font-weight: 500;
	color: #495057;
}

.primary_title{
	color: #002e4f;
	font-size: 24px;
	line-height: 29px;
}

h1{
	font-size: 34px;
}

h1.page_title{
}

.page_title_small{
	font-size: 20px;
	color: #879291;
	opacity: .87;
	line-height: 24px;
}

h2{
	color: #192221;
	font-size: 24px;
}


h2.card-title,
h2.card-title a{
	color: #192221;
	font-size: 16px;
}
h2.card-title a:hover{
	text-decoration: underline;
}

h3.title_small{
}

p{
	font-weight: 300;
	font-size: 14px;
	/* line-height: 20px; */
	margin-bottom: 20px;
}

.grey{
	font-weight: 500;
}

.dark,
.dark a{
	font-weight: 700 !important;
	/* letter-spacing: .40px; */
	color: #192221;
	line-height: 100%;
}

.dark a{
	text-decoration: underline;
}
.dark a:hover,
.dark a:active,
.dark a:focus{
	text-decoration: none;
}

.trailing_line{
   border-bottom: 1px solid #0548b5;
   line-height: 0.1em;
   margin: 10px 0 20px;
}

.trailing_line span{
    background: #fff;
    padding-right: 8px;
}

p.grey,
label.grey,
td.grey,
span.grey{
	color: #879291;
}
label.grey{
	font-size: 14px;
}

a{
	color: #1ebb50;
}

a:hover{
	color: #0548b5;
}

a:not(.btn):active,
a:not(.btn):focus{
	color: #002e4f;
}

p a:not(.btn),
p a:not(.btn):active,
p a:not(.btn):focus,
li:not(.nav-item) a:not(.btn),
li:not(.nav-item) a:not(.btn):active,
li:not(.nav-item) a:not(.btn):focus{
	text-decoration: underline;
}
p a:not(.btn):hover,
li:not(.nav-item) a:not(.btn):hover{
	text-decoration: none;
}

#guest_nav .list-group-item{
	padding: 0;
}
#guest_nav .list-group-item .nav-link{
	padding: 1.25rem 2.25rem;
}

#guest_nav li a.active{
	background: #F6F6F6;
}
#guest_nav li a.active span,
#guest_nav li a.active span::before{
	color: #002e4f;
}

.navbar-collapse .nav-item.active{
	background: #002e4f;
}
.navbar-collapse .nav-item.active a{
	color: #fff;
}

p a.btn-link,
p button.btn-link{
	padding: 0;
	font-size: 14px;
	vertical-align: baseline;
	color: #000;
	font-weight: 300;
	text-decoration: underline;
}

p a.btn-link:hover,
p a.btn-link:active,
p a.btn-link:focus,
p button.btn-link:hover,
p button.btn-link:active,
p button.btn-link:focus{
	text-decoration: none;
}

.btn svg,
.rating_stars svg{
	margin-top: -2px;
}

p.larger,
p.larger *{
	font-size: 16px !important;
}

button,
input,
optgroup,
select,
textarea{
	font-family: "Publica-Play", "Publica Play";
}

.hover_info{
	position: absolute;
	right: 30px;
	bottom: 0;
}

.category_button .hover_info,
.process_category_button .hover_info{
	right: 30px;
	top: 28px;
	bottom: 0px;
}

::selection{
	background: #81e3ff;
	color: #333;
}
::-moz-selection{
	background: #81e3ff;
	color: #333;
}

#app_name{
	color: #fff;
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 500;
	line-height: 29px;
	position: relative;
	top: 24px;
	left: 24px;
}

#sidebar #app_name a{
	color: #fff;
}
#sidebar #app_name a:hover{
	color: #eee;
}
#app_name.app_name_disclaimer{
	top: 0;
	left: 0;
}

.sidebar-button,
.sidebar-button:hover{
	color: #002e4f;
	box-shadow: 0 2px 4px 0 rgba(25, 34, 33, .15);
}

#sidebar .sidebar_title{
	margin-bottom: 8px;
	margin-left: 24px;
	color: #fff;
	font-size: 12px;
	font-weight: 300;
	line-height: 16px;
}

#app_name a:hover{
	text-decoration: none;
}

#app_name.app_name_absolute{
	position: absolute;
	color: #002e4f;
}

#temp_request_description{
	min-height: 200px;
	max-height: 800px;
}

#content-wrapper{
	margin: 16px;
	margin-top: 0;
	padding-top: 16px;
}
#content-wrapper.background-banner-desktop{
	background-repeat: no-repeat;
}
.container-fluid{
	padding: 0;
}

.fluid{
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

#frm_edit_request #step_picture_camera{
	width: 100%;
	/* position: absolute;
	left: 0;
	top: 0;
	z-index: 0; */
}

.drop-shadow svg{
	filter: drop-shadow(0 0 2px rgba(0, 0, 0, .5));
}

.btn_chat,
.btn_chat_users{
	position: absolute;
	right: 16px;
	bottom: 16px;
	/* color: #0548b5; */
}
.btn_chat:hover,
.btn_chat:active,
.btn_chat:focus,
.btn_chat_users:hover,
.btn_chat_users:active,
.btn_chat_users:focus{
	/* color: #0548b5; */
}

.btn_chat_text,
.btn_chat_text:hover,
.btn_chat_text:active,
.btn_chat_text:focus{
	color: #fff;
}
.btn.btn_chat_text,
.btn_chat,
.btn_chat_users{
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	border-radius: 2px;
}

.card .request-description .btn_chat_users{
	right: 0;
	bottom: 8px;
}

.btn_chat_relative{
	position: relative;
	display: inline-block;
	float: right;
	margin-top: 8px;
}

.btn.back_button_map{
	border-radius: 100% !important;
	background-color: #fff !important;
	padding: 8px !important;
	filter: drop-shadow(0 3px 7px rgba(0, 0, 0, .25));
}
.btn.back_button_map svg{
	margin-top: -2px;
}

.btn.back_button_map:hover,
.btn.back_button_map:focus,
.btn.back_button_map:active{
	background-color: #eee !important;
}

.alert p{
	margin-bottom: 0 !important;
}

.alert a{
	color: inherit;
	text-decoration: underline;
}
.alert a:hover{
	text-decoration: none;
}

#alert_modal .modal-dialog,
#toast_modal .modal-dialog{
	margin: auto;
	width: 50%;
}
#alert_modal .modal-content,
#toast_modal .modal-content{
	border: none;
	background-color: transparent;
}

.toast{
	/* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); */
	box-shadow: none;
	max-width: initial;
	border: 2px solid #d8e4e6;
}

.toast_icon{
	position: absolute;
	top: 10px;
	left: 15px;
	padding: 0;
}
.toast_close{
	position: absolute;
	top: 10px;
	right: 15px;
	padding: 0;
}

.hidden_screenreader{
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.hidden_visually{
	width: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
	border: none !important;
}

.marked{
	color: #0548b5;
	font-weight: 500;
}

.collector_page .marked{
	color: #1ebb50;
}

.marked a{
	text-decoration: underline;
}
.marked a:hover,
.marked a:focus,
.marked a:active{
	text-decoration: none;
}

.img-max-64{
	max-width: 64px;
	max-height: 64px;
}

.btn.back_button,
.btn.back_button:hover,
.btn.back_button:active,
.btn.back_button:focus,
.btn.back_button_summary,
.btn.back_button_summary:hover,
.btn.back_button_summary:active,
.btn.back_button_summary:focus{
	text-decoration: none;
	font-size: 14px;
	text-align: left;
}
.btn.back_button,
.btn.back_button_summary{
	color: #879291 !important;
}
.btn.back_button:hover span,
.btn.back_button:active span,
.btn.back_button:focus span,
.btn.back_button_summary:hover span,
.btn.back_button_summary:active span,
.btn.back_button_summary:focus span{
	color: #879291;
	text-decoration: underline;
}

.request_date{
	font-size: 18px;
	font-weight: 500;
}

.disclaimer_navbar{
	padding: 0 0 32px;
}

.table-disclaimer td{
	font-size: 14px;
	font-weight: 300;
}

div.step,
div.name{
	color: #ffca2e;
}
div.name{
	font-size: 20px;
}

.popup-container{
	background-color: rgba(0, 0, 0, .7);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1200;
}
.popup-filter{
	background-color: #0548b5;
	overflow-y: scroll;
	max-height: 100%;
}
.collector_page .popup-filter{
	background-color: #1ebb50;
}
.popup-filter h3{
	color: #fff;
	font-size: 20px;
	line-height: 24px;
}
.popup-filter label{
	color: #fff;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
}
.collector_page .popup-filter label{
	color: #002e4f;
}

#filter-close .active,
#filter-submit .active{
	display: none;
}
#filter-close .inactive,
#filter-submit .inactive{
	display: block;
}

/* Mobile iOS double tap fix */
body:not(.is_ios) #filter-close:hover .inactive,
body:not(.is_ios) #filter-submit:hover .inactive{
	display: none;
}
body:not(.is_ios) #filter-close:hover .active,
body:not(.is_ios) #filter-submit:hover .active{
	display: block;
}


.filter-open.filter_active{
	color: #f7cb52 !important;
	font-size: 14px;
}

#reset_filters{
	font-size: 14px;
}

html{
	position: relative;
	min-height: 100%;
}

body{
	margin-bottom: 40px;
}

.flushed-bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 88px;
	padding: 16px;
}
.flushed-bottom.double_button{
	height: 132px;
}

.flushed-bottom.triple_button{
	height: 177px;
}

.flushed-bottom.xl_triple_button{
	height: 214px;
}

.flushed-bottom.xl_double_button{
	height: 160px;
}

#collector_index_block .flushed-bottom.double_button{
	height: 80px;
}

.flushed-bottom.double_button_lg{
	height: 160px;
}

.flushed-bottom.double_button_lg button{
	margin-bottom: 16px;
}

.position-absolute{
	left: 0;
	top: 0;
}

.btn-close-custom{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.btn-switch-custom{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}


input.active_input{
	border-color: #efa943 !important;
}


.prepend-no_border input{
	border-left: none !important;
}
.prepend-no_border .input-group-prepend .input-group-text{
	border-right: none !important;
}
.prepend-no_border .input-group-prepend .input-group-text:not(:first-child){
	border-left: none !important;
}

.append-no_border input{
	border-right: none !important;
}
.append-no_border .input-group-append .input-group-text{
	border-left: none !important;
}
.append-no_border .input-group-append .input-group-text:not(:last-child){
	border-right: none !important;
}

.number_arrow_container{
	padding: 3px 8px;
}
.input-group-append .btn-number_arrow_up,
.input-group-append .btn-number_arrow_down{
	display: block;
	padding: 0;
	margin-left: 0 !important;
}
.input-group-append .btn-number_arrow_up:hover,
.input-group-append .btn-number_arrow_down:hover{
	opacity: .7;
}

#index_page .copyright,
#index_page .copyright a{
	color: #879291;
	font-size: 14px;
	font-weight: 300;
}
#index_page .copyright a{
	text-decoration: underline;
}
#index_page .copyright a:hover{
	text-decoration: none;
}

#request_map,
#requests_map{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
#request_map{
	z-index: 0;
}
#request_map{
	bottom: 111px;
}
#requests_map{
	transition: all .1s ease;
}

#collector_requests_show > div:first-child{
	border-right: 1px solid #d8e4e6;
}

.dashboard_image{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 240px;
	overflow: hidden;
	text-align: center;
}

.request_map_card{
	position: fixed;
	z-index: 1;
	bottom: 51px;
	left: 0;
	margin: 0;
	padding: 16px;
	width: 100%;
	height: auto;
	background-color: #fff;
	box-shadow: 0 -2px 4px rgba(0, 0, 0, .1);
}

.request_map_card_link{
	display: table;
	height: auto;
}
.request_map_card_link a{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

button[data-btn_id="collector_requests_show_map"]{
	margin-left: -5px;
}

.form_verbose{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
}

.search_request_label{
	font-size: 14px;
}

#search_request input{
	border: 2px solid #d8e4e6;
}

ol.ol_vert_line{
	list-style: none;
	counter-reset: ol_counter;
}
ol.ol_vert_line li{
	counter-increment: ol_counter;
	border-left: 4px solid #0548b5;
	margin-bottom: 24px;
	padding-left: 16px;
	position: relative;
}
ol.ol_vert_line li::before{
	content: counter(ol_counter) "";
	color: #0548b5;
	font-weight: bold;
	font-size: 24px;
	margin-right: 16px;
	margin-left: -50px;
	position: absolute;
	top: calc(50% - 20px);
}

/* DataTables
----------------------------------------------------------------------------- */

#collector_requests thead{
	border-left: 1px solid #ddd !important;
	border-top: 1px solid #ddd !important;
}

#collector_requests thead th{
	border-right: 1px solid #ddd !important;
}

#collector_requests tbody{
	border: 1px solid #ddd !important;
}

.table-striped tbody tr:nth-of-type(2n+1){
	background-color: #f6f6f6;
}

.table-hover:hover{
	cursor: pointer;
}

.table-hover tbody tr:nth-of-type(2n+1):hover{
	background-color: rgba(0, 0, 0, .075);
}

.datatable th,
.datatable td,
.dataTables_length,
.dataTables_length select.form-control,
.dataTables_info,
.pagination .paginate_button a{
	font-weight: 300;
	font-size: 14px;
}

.dt-buttons button.dt-button{
	display: inline-block;
	font-weight: 300;
	text-align: center;
	vertical-align: middle;
	line-height: 1.5;

	transition: all .2s ease;
	border-radius: 0;
	border: none;
	padding: 16px;
	font-size: 16px;

	background-color: #002e4f;
	border-color: #002e4f;
	background-image: none;
	color: #fff;

	margin-top: -11px;
	margin-right: 0;
	padding: 13px 16px;
}

.dt-buttons button.dt-button:hover,
.dt-buttons button.dt-button:active,
.dt-buttons button.dt-button:focus{
	background-color: #1ebb50;
	border-color: #1ebb50;
	background-image: none;
	border: none;
}

div.dt-buttons{
	float: right;
}

.datatable .dark{
	font-weight: 300 !important;
}

.datatable a:not(.btn){
	text-decoration: underline;
}
.datatable a:not(.btn):hover{
	text-decoration: none;
}

.datatable th,
.datatable td{
	border: none !important;
}

.datatable thead{
	background-color: #eee;
}

.datatable th{
	font-weight: 500;
	letter-spacing: .4px;
}

.datatable .cell-user a{
	color: #559764;
}
.datatable .cell-collector a{
	color: #4c94a0;
}

.dataTables_length{
	display: inline-block;
}
.dataTables_length select.form-control{
	height: auto;
	border: none;
	background-color: #f6f6f6;
	padding: 6px 35px 6px 8px;
	color: #1b2221;
}

.dataTables_info{
	margin-left: 16px;
	display: inline-block;
}

.pagination .paginate_button a{
	padding: 10px 14px;
	background-color: #f6f6f6;
}
.pagination .paginate_button:not(:last-child){
	margin-right: 8px;
}
/* .pagination .paginate_button.disabled a img, */
.pagination .paginate_button.disabled:last-child a img{
	opacity: .3;
}
.pagination .paginate_button.active a{
	background-color: #0548b5;
	color: #fff;
}

.pagination .paginate_button a:hover{
	opacity: .7;
	text-decoration: none;
}

.dataTables_filter{
	width: 100%;
}

.dataTables_filter label{
	justify-content: left;
}

.dataTables_filter input[type=search],
#search_request input[type=search]{
	width: 100%;
	margin-bottom: 16px;
	height: 53px;
	padding: 14px;
}

.dataTables_filter input[type=search]:active,
.dataTables_filter input[type=search]:focus,
#search_request input[type=search]:active,
#search_request input[type=search]:focus{
	background-image: none !important;
}

.dataTables_filter input[type=search]:active::-webkit-input-placeholder,
.dataTables_filter input[type=search]:focus::-webkit-input-placeholder,
#search_request input[type=search]:active::-webkit-input-placeholder,
#search_request input[type=search]:focus::-webkit-input-placeholder{
	/* WebKit browsers */
	color: transparent;
}
.dataTables_filter input[type=search]:active:-moz-placeholder,
.dataTables_filter input[type=search]:focus:-moz-placeholder,
#search_request input[type=search]:active:-moz-placeholder,
#search_request input[type=search]:focus:-moz-placeholder{
	/* Mozilla Firefox 4 to 18 */
	color: transparent;
}
.dataTables_filter input[type=search]:active::-moz-placeholder,
.dataTables_filter input[type=search]:focus::-moz-placeholder,
#search_request input[type=search]:active::-moz-placeholder,
#search_request input[type=search]:focus::-moz-placeholder{
	/* Mozilla Firefox 19+ */
	color: transparent;
}
.dataTables_filter input[type=search]:active:-ms-input-placeholder,
.dataTables_filter input[type=search]:focus:-ms-input-placeholder,
#search_request input[type=search]:active:-ms-input-placeholder,
#search_request input[type=search]:focus:-ms-input-placeholder{
	/* Internet Explorer 10+ */
	color: transparent;
}

table.dataTable.collapsed > tbody > tr:not(.child) > td,
table.dataTable.collapsed > tbody > tr:not(.child) > th{
	position: relative;
}
table.dataTable.collapsed > tbody > tr:not(.child) > td:first-child::before,
table.dataTable.collapsed > tbody > tr:not(.child) > th:first-child::before{
	top: 14px;
	left: 8px;
	height: 16px;
	width: 16px;
	position: absolute;
	color: white;
	border-radius: 14px;
	text-align: center;
	line-height: 14px;
	content: "+";
	background-color: #0548b5;
}
table.dataTable.collapsed > tbody > tr:not(.child) > td:first-child:hover::before,
table.dataTable.collapsed > tbody > tr:not(.child) > th:first-child:hover::before{
	opacity: .7;
	cursor: pointer;
}
table.dataTable.collapsed > tbody > tr:not(.child) > td *,
table.dataTable.collapsed > tbody > tr:not(.child) > th *{
	padding-left: 20px;
}
table.dataTable.collapsed > tbody > tr.child > td .dtr-title{
	font-weight: 500;
}
table.dataTable.collapsed > tbody > tr.child > td .dtr-title::after{
	content: ":";
}

table.dataTable thead .sorting{
	background: url("../../vendor/datatables/sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting_asc{
	background: url("../../vendor/datatables/sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc{
	background: url("../../vendor/datatables/sort_desc.png") no-repeat center right;
}

table.dataTable thead .sorting_asc_disabled{
	background: url("../../vendor/datatables/sort_asc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled{
	background: url("../../vendor/datatables/sort_desc_disabled.png") no-repeat center right;
}


/* Bootstrap overrides
----------------------------------------------------------------------------- */

.p-0:not(div[class^="col-"]){ padding: 0 !important; }
.p-1:not(div[class^="col-"]){ padding: 8px !important; }
.p-2:not(div[class^="col-"]){ padding: 16px !important; }
.p-3:not(div[class^="col-"]){ padding: 24px !important; }
.p-4:not(div[class^="col-"]){ padding: 32px !important; }
.p-5:not(div[class^="col-"]){ padding: 40px !important; }
.p-10:not(div[class^="col-"]){ padding: 80px !important; }
.p-15:not(div[class^="col-"]){ padding: 120px !important; }
.p-20:not(div[class^="col-"]){ padding: 160px !important; }

.pt-0:not(div[class^="col-"]){ padding-top: 0 !important; }
.pt-1:not(div[class^="col-"]){ padding-top: 8px !important; }
.pt-2:not(div[class^="col-"]){ padding-top: 16px !important; }
.pt-3:not(div[class^="col-"]){ padding-top: 24px !important; }
.pt-4:not(div[class^="col-"]){ padding-top: 32px !important; }
.pt-5:not(div[class^="col-"]){ padding-top: 40px !important; }
.pt-10:not(div[class^="col-"]){ padding-top: 80px !important; }
.pt-15:not(div[class^="col-"]){ padding-top: 120px !important; }
.pt-20:not(div[class^="col-"]){ padding-top: 160px !important; }

.pr-0:not(div[class^="col-"]){ padding-right: 0 !important; }
.pr-1:not(div[class^="col-"]){ padding-right: 8px !important; }
.pr-2:not(div[class^="col-"]){ padding-right: 16px !important; }
.pr-3:not(div[class^="col-"]){ padding-right: 24px !important; }
.pr-4:not(div[class^="col-"]){ padding-right: 32px !important; }
.pr-5:not(div[class^="col-"]){ padding-right: 40px !important; }
.pr-10:not(div[class^="col-"]){ padding-right: 80px !important; }
.pr-15:not(div[class^="col-"]){ padding-right: 120px !important; }
.pr-20:not(div[class^="col-"]){ padding-right: 160px !important; }

.pb-0:not(div[class^="col-"]){ padding-bottom: 0 !important; }
.pb-1:not(div[class^="col-"]){ padding-bottom: 8px !important; }
.pb-2:not(div[class^="col-"]){ padding-bottom: 16px !important; }
.pb-3:not(div[class^="col-"]){ padding-bottom: 24px !important; }
.pb-4:not(div[class^="col-"]){ padding-bottom: 32px !important; }
.pb-5:not(div[class^="col-"]){ padding-bottom: 40px !important; }
.pb-10:not(div[class^="col-"]){ padding-bottom: 80px !important; }
.pb-15:not(div[class^="col-"]){ padding-bottom: 120px !important; }
.pb-20:not(div[class^="col-"]){ padding-bottom: 160px !important; }

.pl-0:not(div[class^="col-"]){ padding-left: 0 !important; }
.pl-1:not(div[class^="col-"]){ padding-left: 8px !important; }
.pl-2:not(div[class^="col-"]){ padding-left: 16px !important; }
.pl-3:not(div[class^="col-"]){ padding-left: 24px !important; }
.pl-4:not(div[class^="col-"]){ padding-left: 32px !important; }
.pl-5:not(div[class^="col-"]){ padding-left: 40px !important; }
.pl-10:not(div[class^="col-"]){ padding-left: 80px !important; }
.pl-15:not(div[class^="col-"]){ padding-left: 120px !important; }
.pl-20:not(div[class^="col-"]){ padding-left: 160px !important; }

.m-auto{
	margin: auto;
}
.m-0-auto{
	margin: 0 auto;
}

.alert .alert-link{
	text-decoration: underline;
}
.alert .alert-link:hover,
.alert .alert-link:focus,
.alert .alert-link:active{
	text-decoration: none;
}

.btn{
	font-family: "Century-Gothic" !important;
}

.small,
small{
	font-weight: 300;
}
.smaller{
	font-size: 90%;
}

div[class^="spacer-"]{
	background: transparent;
}
.spacer-1{ height: 8px; }
.spacer-2{ height: 16px; }
.spacer-3{ height: 24px; }
.spacer-4{ height: 32px; }
.spacer-5{ height: 40px; }
.spacer-6{ height: 48px; }
.spacer-7{ height: 56px; }
.spacer-8{ height: 64px; }
.spacer-9{ height: 72px; }
.spacer-10{ height: 80px; }
.spacer-20{ height: 160px; }

.alert-dismissible{
	padding-right: 37px;
}

.alert-dismissible .close{
	padding: 11px 16px;
}

.font-weight-normal{
	font-weight: 500 !important;
}

.btn{
	transition: all .2s ease;
	border-radius: 0;
	border: none;
	padding: 16px;
	font-size: 16px;
}

.border-primary{
	border-color: #002e4f !important;
}

.btn-primary{
	background-color: #0548b5;
	border-color: #0548b5;
}
.btn-primary:hover{
	background-color: #002e4f;
	border-color: #002e4f;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle{
	background-color: #000;
	border-color: #000;
}
.btn-primary.focus,
.btn-primary:focus{
	/* box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3); */
}

.btn-primary.disabled,
.btn-primary:disabled{
	background-color: #949494;
	border-color: #949494;
}

.btn-secondary{
	background-color: #1ebb50;
	border-color: #1ebb50;
}
.btn-secondary:hover{
	background-color: #002e4f;
	border-color: #002e4f;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle{
	background-color: #000;
	border-color: #000;
}
.btn-secondary.focus,
.btn-secondary:focus{
	/* box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3); */
}

.btn-secondary.disabled,
.btn-secondary:disabled{
	background-color: #949494;
	border-color: #949494;
}

.btn-light:hover{
	background-color: #002e4f;
	border-color: #002e4f;
	color: #fff;
}

.btn-warning{
	background-color: #f7cb52;
	color: #fff;
}
.btn-warning:hover{
	background-color: #d7ab32;
	color: #fff;
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning.focus,
.btn-warning:focus{
	color: #fff;
}

.btn-link{
	color: #002e4f;
	background-color: transparent !important;
}

.btn-link .span-back{
	color: #879291;
	border-bottom: 2px solid #879291;
}
.btn-link .span-back:hover,
.btn-link .span-back:active,
.btn-link .span-back:focus,
.btn-back.btn-link:hover .span-back,
.btn-back.btn-link:active .span-back,
.btn-back.btn-link:focus .span-back,
.btn-link:hover,
.btn-link:active,
.btn-link:focus{
	text-decoration: none;
	border: none;
	color: #1ebb50;
}

.btn-link-white{
	color: #fff;
	text-shadow: 0 2px 4px #000;
	text-decoration: underline;
}
.btn-link-white:hover,
.btn-link-white:active,
.btn-link-white:focus{
	color: #fff;
	text-decoration: none;
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-light,
.btn-outline-dark{
	border: 2px solid #002e4f;
	padding: 12px 24px;
}


.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active{
	box-shadow: none !important;
}

.btn-outline-primary{
	border-color: #002e4f;
	color: #002e4f;
}
.btn-outline-primary:not(:disabled):not(.disabled).hover,
.btn-outline-primary:not(:disabled):not(.disabled):hover,
.btn-outline-primary:not(:disabled):not(.disabled).focus,
.btn-outline-primary:not(:disabled):not(.disabled):focus{
	border: 2px solid #002e4f;
	color: #fff;
	background-color: #002e4f;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active{
	border-color: #0548b5;
	color: #fff;
	background-color: #0548b5;
}

.btn-outline-secondary{
	border-color: #1ebb50;
	color: #008b20;
}
.btn-outline-secondary:not(:disabled):not(.disabled).hover,
.btn-outline-secondary:not(:disabled):not(.disabled):hover,
.btn-outline-secondary:not(:disabled):not(.disabled).focus,
.btn-outline-secondary:not(:disabled):not(.disabled):focus{
	border: 2px solid #1ebb50;
	color: #fff;
	background-color: #1ebb50;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active{
	border-color: #1ebb50;
	color: #fff;
	background-color: #1ebb50;
}

.btn-outline-light{
	border-color: #eef2f1;
	color: #eef2f1;
}
.btn-outline-light:not(:disabled):not(.disabled).hover,
.btn-outline-light:not(:disabled):not(.disabled):hover,
.btn-outline-light:not(:disabled):not(.disabled).focus,
.btn-outline-light:not(:disabled):not(.disabled):focus{
	border-color: #eef2f1;
	color: #212529;
	background-color: #eef2f1;
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active{
	border-color: #d8e4e6;
	color: #010509;
	background-color: #d8e4e6;
}

.btn-outline-dark{
	border-color: #192221;
	color: #192221;
}
.btn-outline-dark:not(:disabled):not(.disabled).hover,
.btn-outline-dark:not(:disabled):not(.disabled):hover,
.btn-outline-dark:not(:disabled):not(.disabled).focus,
.btn-outline-dark:not(:disabled):not(.disabled):focus{
	border-color: #192221;
	color: #fff;
	background-color: #192221;
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active{
	border-color: #000;
	color: #fff;
	background-color: #000;
}

.btn-link.skip{
	color: #879291;
	text-decoration: underline;
	display: block;
	margin: 0 auto;
}
.btn-link.skip:hover,
.btn-link.skip:focus,
.btn-link.skip:active{
	color: #879291;
	text-decoration: none;
}

.btn-fixed{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}

.btn-sm{
	padding: 6px 12px;
}

.btn-lg{
	padding: 12px 40px;
	text-transform: uppercase;
}

.btn-md{
	padding-top: 12px;
	padding-bottom: 12px;
}

.card{
	border: none;
	border: 2px solid #d8e4e6;
	border-radius: 2px;
	/* box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1); */
	transition: all .2s ease-in-out;
}
.card.soft-border{
	border: 1px solid #f6f6f6;
}
.section_anchor.card:hover{
	opacity: .8;
	/* box-shadow: 0 0 4px rgba(0, 0, 0, .1); */
}
.section_anchor.card:active{
	opacity: .9;
	/* box-shadow: 0 0 4px rgba(0, 0, 0, .2); */
}
.section_anchor.active.card{
	border-color: #efa943;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
}

.card-body{
	padding: 16px;
}

.section_anchor{
	text-decoration: none !important;
}


.btn-icon{
	background: transparent;
	padding: 0;
}

.card-text{
	display: inline-block;
}

.card-text > div{
	display: inline-block;
}

.card .request-content{
	font-size: 14px;
	font-weight: 500;
	display: block;
	/* color: #002e4f; */
	color: #192221;
}
.request-content .status-icon,
.request-content .status-text{
	display: inline-block;
}
/* .request-content .status-text{
	font-size: 12px;
} */
.card .request-description{
	position: relative;
	color: #879291;
	padding: 8px 0;
	margin-bottom: 0;
	/* overflow: hidden; */
}

.request_piece{
	opacity: .87;
	color: #192221;
	font-weight: bold;
	font-family: "Century-Gothic";
	font-size: 14px;
	letter-spacing: .13px;
	line-height: 20px;
}

.card .request-label,
a:hover .card .request-label{
	font-size: 14px;
	font-weight: bold;
	display: block;
	color: #002e4f !important;
}

.invisible-append > span{
	background: #fff !important;
}

#accordion,
#accordion li,
#accordion p{
	font-family: "Century-Gothic" !important;
	font-size: 16px !important;
}
#accordion .accordion_title{
	background-color: #eee;
}
#accordion .card-header .card-title{
	padding: 32px;
}
#accordion .card:first-child{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#accordion .card:not(:first-child){
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#accordion .card-header{
	border-bottom: 0;
	padding: 0;
}
#accordion .card-header h5 button{
	padding: 24px 32px;
}
#accordion .card:not(.accordion_title) .card-header:hover{
	background-color: #eee;
}
#accordion .card-body{
	padding: 24px 32px;
}

.custom-radio{
	margin-bottom: 16px;
	margin-left: 8px;
}

.custom-checkbox{
	margin-bottom: 16px;
	margin-left: 8px;
}

.custom-radio label,
.custom-checkbox label{
	font-size: 14px;
	font-weight: 300;
	letter-spacing: .2px;
	line-height: 20px;
	padding-top: 2px;
	padding-left: 12px;
}

.custom-radio .custom-control-label{
	color: #002e4f;
}

.custom-checkbox .custom-control-label{
	color: #002e4f;
}

.custom-radio .custom-control-label::before{
	width: 22px;
	height: 22px;
	background: #fff;
	background-color: #fff;
	border: 1px solid #ddd;
}

.custom-checkbox .custom-control-label::before{
	width: 22px;
	height: 22px;
	background: #fff;
	background-color: #fff;
	border: 1px solid #ddd;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after{
	background: #fff;
	width: 8px;
	height: 8px;
	top: 11px;
	left: -17px;
	border-radius: 100%;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
	position: absolute;
	background: #fff;
	width: 12px;
	height: 12px;
	top: 9px;
	left: -19px;
	background-color: #fff;
}

.custom-radio.check_error .custom-control-input:checked ~ .custom-control-label::after{
	background: #eb3653;
}
.custom-radio.check_error .custom-control-input:checked ~ .custom-control-label{
	color: #eb3653;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before{
	background-color: #002e4f;
	border-color: transparent;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
	background-color: #002e4f;
	border-color: transparent;
}

.control{
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-top: 3px;
	cursor: pointer;
	font-size: 16px;
	color: #002e4f;
}
.control input{
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.control_indicator{
	position: absolute;
	top: 2px;
	left: 0;
	height: 20px;
	width: 20px;
	background: #fff;
	border: 2px solid #D8E6E4;
}
.control-radio .control_indicator{
	border-radius: 100%;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator{
	background: #eee;
}

.control input:checked ~ .control_indicator{
	background: #002e4f;
	border-color: #002e4f;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator{
	background: #0548b5;
	border-color: #0548b5;
}
.control input:disabled ~ .control_indicator{
	background: #e2eaea;
	opacity: 0.6;
	pointer-events: none;
}
.control_indicator::after{
	box-sizing: unset;
	content: '';
	position: absolute;
	display: none;
}
.control input:checked ~ .control_indicator::after{
	display: block;
}
.control-checkbox{
	padding-top: 0;
}
.control-checkbox .control_indicator::after,
.control-radio .control_indicator::after{
	left: 6px;
	top: 2px;
	width: 3px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.control-checkbox input:disabled ~ .control_indicator::after,
.control-radio input:disabled ~ .control_indicator::after{
	border-color: #7b7b7b;
}

.super_background{
	position: fixed;
	top: 0;
	right: 0;
	width: auto;
	height: 100%;
	z-index: -2;
}

.nowrap{
	white-space: nowrap;
}


/* Admin
----------------------------------------------------------------------------- */

.admin_title{
	color: #0548b5;
	font-size: 20px;
	letter-spacing: .15px;
	line-height: 24px;
}

.admin_number{
	color: #192221;
	font-size: 48px;
	line-height: 57px;
	font-weight: 700;
}

.admin_top_right{
	position: absolute;
	top: 16px;
	right: 16px;
}

.admin_number_percentage label{
	/* height: 15px;
	width: 21px; */
	font-size: 12px;
	letter-spacing: .21px;
	line-height: 15px;
	text-align: center;
}

.btn-group > .btn:first-child{
	border-radius: 4px 0 0 4px;
}
.btn-group > .btn:last-child{
	border-radius: 0 4px 4px 0;
}

.btn-admin{
	color: #0548b5;
	background-color: #f6f6f6;
	border: none;
	padding: 6px;
	width: 38px;
	margin-left: 0 !important;
}
body:not(.is_ios) .btn-admin:hover{
	border: none;
}
.btn-admin.active,
.btn-admin:active{
	color: #fff;
	background-color: #0548b5;
}

.btn-admin_select{
	background: url(../../assets/images/site/icons/dropdown_admin.svg) no-repeat right white;
}

select.form-control.admin_select{
	border: none;
	height: 24px;
	padding: 0;
	color: #0548b5;
	font-size: 20px;
	letter-spacing: .15px;
	line-height: 24px;
	margin-bottom: .5rem;
	background: url(../../assets/images/site/icons/dropdown_admin.svg) no-repeat right white;
	text-decoration: underline;
}
select.form-control.admin_select:hover{
	cursor: pointer;
}
select.form-control.admin_select option{
	color: #212529;
	font-size: 14px;
}

select.form-control.admin_select_secondary{
	width: auto;
	height: auto;
	border-radius: 4px;
	color: #0548b5;
	font-size: 12px;
	line-height: 16px;
	padding: 8px 40px 8px 4px;
	background: url(../../assets/images/site/icons/dropdown_admin.svg) no-repeat right #f6f6f6;
}

#admin_width_checker{
	position: absolute;
	left: -10000px;
}

.table_id{
	width: 25px;
	display: inline-block;
}

.btn-outline-grey{
	border: 1px solid #d8e4e6;
	padding: 8px 16px;
}
.btn-outline-grey:not(:first-child){
	margin-left:-4px;
}
.btn-outline-grey.active{
	border-bottom: 1px solid #002e4f;
}

.btn-show_calendar{
	padding: 8px;
}

.tab-pane:not(.active){
	display: none;
}


/* Requests
----------------------------------------------------------------------------- */

#video_wrapper_container{
	position: relative;
	width: 100%;
}
#video_wrapper{
	position: fixed;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	z-index: -100;
}
#video_wrapper video{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	min-width: 50%;
	min-height: 50%;
}

#step_picture_preview.correct_ratio .wrong_ratio,
#step_picture_preview:not(.correct_ratio) .correct_ratio{
	display: none !important;
}
#step_picture_preview #picture_preview_container{
	overflow: hidden;
}
#step_picture_preview.correct_ratio #picture_preview_container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#step_picture_preview:not(.correct_ratio) #picture_preview{
	margin: 0 auto;
	display: block;
}

#step_picture_preview.correct_ratio #picture_preview{
	z-index: -1;
	display: block;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: absolute;
}

#picture_preview.loading_gif{
	width: 16px !important;
}

#frm_create_request section,
#frm_create_user section,
section#step_account_finish,
.hero-fullpage section,
.hero-fullpage_fixed section{
	background-color: #fff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
	padding: 24px;
	max-width: 720px;
	margin: 0 auto;
}

#frm_create_request .switch_to_text_col /*button[data-btn_id="btn_use_text_description"],
#frm_create_request button[data-btn_id="btn_use_picture"]*/{
	display: none;
}
#frm_create_request .edit_section .switch_to_text_col /*button[data-btn_id="btn_use_text_description"],
#frm_create_request .edit_section button[data-btn_id="btn_use_picture"]*/{
	display: block;
}

#frm_create_request .regular_image_col{
	display: block;
}
#frm_create_request .edit_section .regular_image_col{
	display: none;
}

.no_go_back .back_button{
	display: none;
}

.home_user_type{
	margin-top: -50px;
}
.home_user_type .hero-body{
	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
}

button.category_button,
button.process_category_button,
button.region_button,
button.review_button{
	border: 2px solid #d8e4e6;
	border-radius: 2px;
	width: 100%;
	background-color: #fff;
	font-weight: 500;
	font-size: 12px;
	color: #879291;
}
button.category_button.active,
button.process_category_button.active,
button.region_button.active,
button.review_button.active{
	background-color: #002e4f;
	color: #fff;
	border: 2px solid #002e4f;
	border-radius: 2px;
	/* box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3); */
}

button.process_category_button.active{
	background-color: #1ebb50;
	border: 2px solid #1ebb50;
}

button.category_button .category_icon,
button.process_category_button .category_icon,
button.region_button .region_icon,
button.category_button .category_icon_selected,
button.process_category_button .category_icon_selected,
button.region_button .region_icon_selected{
	padding: 16px 16px 0;
	height: 50px;
}
button.category_button .text_container,
button.process_category_button .text_container,
button.region_button .text_container,
button.review_button .text_container{
	overflow-wrap: break-word;
	height: 36px;
	margin: 0 8px 8px;
	width: calc(100% - 16px);
	white-space: normal;
	display: table;
	overflow: hidden;
}
button.region_button .text_container{
	margin: 8px;
}
button.category_button .text_container > span,
button.process_category_button .text_container > span,
button.region_button .text_container > span,
button.review_button .text_container > span{
	display: table-cell;
	vertical-align: middle;
}

button.category_button .category_icon,
button.process_category_button .category_icon,
button.region_button .region_icon,
button.rating_button .rating_icon,
button.category_button.active .category_icon_selected,
button.process_category_button.active .category_icon_selected,
button.region_button.active .region_icon_selected,
button.rating_button.active .rating_icon_selected{
	display: block;
}
button.category_button.active .category_icon,
button.process_category_button.active .category_icon,
button.region_button.active .region_icon,
button.rating_button.active .rating_icon,
button.category_button .category_icon_selected,
button.process_category_button .category_icon_selected,
button.region_button .region_icon_selected,
button.rating_button .rating_icon_selected{
	display: none;
}

.rating_container:hover{
	transition: .3s ease;
	filter: brightness(.9);
}

button.review_button{
	width: auto;
	height: 40px;
	margin: 0 4px 8px 0;
}

button.filter_button{
	background-color: #fff;
	width: 100%;
	border: none;
	border-radius: 0;
	font-weight: 300;
	font-size: 14px;
	color: #002e4f;
}
button.filter_button.active{
	background-color: #002e4f;
	color: #fff;
}
button.filter_button.active:hover{
	background-color: #002e4f;
	color: #fff;
}

label.filter_button{
	background-color: #fff;
	width: 100%;
	border: none;
	border-radius: 0;
	font-weight: 300;
	font-size: 14px;
	color: #fff;
}
label.filter_button.active{
	background-color: #eee;
}
label.filter_button.active:hover{
	color: #002e4f;
}

.request_bg_image{
	background-size: cover;
	height: 250px;
	overflow: hidden;
	text-align: center;
}

.chat_badge{
	position: absolute;
	right: -14px;
	top: -14px;
}

.summary_item{
}

.summary_item p:not(.mr-auto){
	margin: 0 !important;
}

.summary_piece{
	padding: 8px;
	background-color: #fff;
	position: relative;
	border: 2px solid #d8e4e6;
	border-radius: 2px;
}

.summary_piece .control-checkbox,
.summary_piece .control-radio{
	font-size: 14px;
}

.summary_piece .grey{
	color: #192221;
	font-weight: bold;
}

#picture_small_previews_summary{
	margin: 16px 0;
}

#administrator_edit_request_page .summary_piece,
#administrator_edit_collector_page .summary_piece,
#administrator_edit_user_page .summary_piece,
#administrator_settings_page .summary_piece{
	padding: 16px;
}

.edit_piece{
	padding: 16px;
	background-color: #fff;
	position: relative;
	border: 2px solid #eee;
	border-radius: 2px;
}

.summary_piece p,
.edit_piece p{
	margin: 0;
}

.btn-add_block{
	padding: 14px 11px;
	background-color: #f6f6f6;
	border: 2px solid #eee;
	border-radius: 2px;
	color: #bbb;
	text-align: left;
}
.btn-add_block:hover{
	color: #999;
}

#user_request_page .btn-add_block{
	background-color: #fff;
}

#edit_request_page .btn-add_block{
	background-color: #fff;
}

.add_block{
	color: #bbb;
}

.add_block:hover{
	color: #999;
	text-decoration: none;
}

/* .opening_hours_container{
	display: none;
}
.edit_section .opening_hours_container{
	display: block;
} */

.opening_hours{
	max-width: 800px;
}
.opening_hours input[type="text"],
.opening_hours input[type="password"],
.opening_hours input[type="color"],
.opening_hours input[type="date"],
.opening_hours input[type="datetime-local"],
.opening_hours input[type="email"],
.opening_hours input[type="month"],
.opening_hours input[type="number"],
.opening_hours input[type="range"],
.opening_hours input[type="tel"],
.opening_hours input[type="time"],
.opening_hours input[type="url"],
.opening_hours input[type="week"],
.opening_hours select.form-control{
	height: 40px;
	padding: 8px;
	width: 62px;
}

.opening_hour_label{
	width: calc(100% - 62px);
}

.input-group.bootstrap-timepicker{
	display: inline-block;
	width: auto;
}

#summary_description{
	min-height: 32px;
}

#summary_description,
#summary_practical_info{
	word-wrap: break-word;
}

/* Moet dit ergens een andere afstand hebben? */
.step_edit_button{
	position: absolute;
	top: 8px;
	right: 8px;
	padding: 0;
}

.step_edit_button:hover,
.step_edit_button:focus,
.step_edit_button:active{
	opacity: .8;
}

.step_edit_button_photo{
	position: absolute;
	bottom: 0;
	right: 0; /* 15px; */
	padding: 8px 12px;
}

.delete_button_photo{
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 12px;
}

.status-text{
	color: #192221;
	font-size: 14px;
}

.btn-float{
	display: inline-block;
	position: absolute;
	right: 16px;
}

.btn-tiny{
	font-size: 12px;
	padding: 4px 8px !important;
}

.status-icon{
	white-space: nowrap;
}

.small_grey_title{
	color: #879291;
	font-size: 22px;
	line-height: 24px;
}

#toolbar{
	background-color: #0548b5;
}

#toolbar_collectors{
	background-color: #004b00;
}

.toolbar-text{
	font-size: 10px;
	line-height: 15px;
}

.btn-primary:not(:disabled):not(.disabled).btn-link-grey{
	color: #d8e4e6;
}
.btn-primary:not(:disabled):not(.disabled).btn-link-grey.active,
.btn-primary:not(:disabled):not(.disabled).btn-link-grey:hover,
.btn-primary:not(:disabled):not(.disabled).btn-link-grey:focus,
.btn-primary:not(:disabled):not(.disabled).btn-link-grey:active{
	color: #002e4f;
}

.toolbar-active .active,
.toolbar-active .inactive,
.toolbar-inactive .active,
.toolbar-inactive .inactive{
	margin-bottom: -6px;
}

.toolbar-active a:active .active,
.toolbar-active a:focus .active,
.toolbar-inactive a:active .inactive,
.toolbar-inactive a:focus .inactive,
.toolbar-active a .inactive,
.toolbar-inactive a .active,
.btn-link-grey:not(.active) .active,
.btn-link-grey.active .inactive,
.btn-link-grey.active:active .active,
.btn-link-grey.active:focus .active,
.btn-link-grey:not(.active):active .inactive,
.btn-link-grey:not(.active):focus .inactive,
.add_block .active,
.btn-add_block .active,
.btn .active{
	display: none;
}
.toolbar-active a:active .inactive,
.toolbar-active a:focus .inactive,
.toolbar-inactive a:active .active,
.toolbar-inactive a:focus .active,
.toolbar-active a .active,
.toolbar-inactive a .inactive{
	display: block;
}

.btn-link-grey.active .active,
.btn-link-grey:not(.active) .inactive,
.btn-link-grey:not(.active):active .active,
.btn-link-grey:not(.active):focus .active,
.btn-link-grey.active:active .active,
.btn-link-grey.active:focus .active,
.add_block .inactive,
.btn-add_block .inactive,
.btn .inactive{
	display: inline-block;
}

/* Mobile iOS double tap fix */
body:not(.is_ios) .toolbar-active a:hover .active,
body:not(.is_ios) .toolbar-inactive a:hover .inactive,
body:not(.is_ios) .btn-link-grey.active:hover .active,
body:not(.is_ios) .btn-link-grey:not(.active):hover .inactive,
body:not(.is_ios) .add_block:hover .inactive,
body:not(.is_ios) .btn-add_block:hover .inactive,
body:not(.is_ios) .btn:hover .inactive{
	display: none;
}

body:not(.is_ios) .toolbar-active a:hover .inactive,
body:not(.is_ios) .toolbar-inactive a:hover .active{
	display: block;
}

body:not(.is_ios) .btn-link-grey:not(.active):hover .active,
body:not(.is_ios) .btn-link-grey.active:hover .active,
body:not(.is_ios) .add_block:hover .active,
body:not(.is_ios) .btn-add_block:hover .active,
body:not(.is_ios) .btn:hover .active{
	display: inline-block;
}

.toolbar-active a,
.toolbar-inactive a{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 4px 0;
}
#toolbar .toolbar-active a,
#toolbar .toolbar-inactive a:hover,
#toolbar .toolbar-inactive a:active,
#toolbar .toolbar-inactive a:focus,
#toolbar_collectors .toolbar-active a,
#toolbar_collectors .toolbar-inactive a:hover,
#toolbar_collectors .toolbar-inactive a:active,
#toolbar_collectors .toolbar-inactive a:focus{
	color: #fff;
	text-decoration: none;
}

#toolbar .toolbar-active a:hover,
#toolbar .toolbar-active a:active,
#toolbar .toolbar-active a:focus,
#toolbar .toolbar-inactive a{
	color: #00c8ff;
	text-decoration: none;
}
#toolbar_collectors .toolbar-active a:hover,
#toolbar_collectors .toolbar-active a:active,
#toolbar_collectors .toolbar-active a:focus,
#toolbar_collectors .toolbar-inactive a{
	color: #1EBB50;
	text-decoration: none;
}

#sidebar{
	background-color: #0548b5;
	position: fixed;
	left: 0;
	top: 0;
	width: 25%;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}

#sidebar.sidebar_collector{
	background-color: #1ebb50;
}

#sidebar .sidebar_menu{
	list-style: none;
	padding-left: 0;
}
#sidebar .sidebar_menu li a,
#sidebar .sidebar_menu li button{
	padding: 16px 24px;
	width: 100%;
	text-align: left;
	text-decoration: none;
}
#sidebar .sidebar_menu li:hover,
#sidebar .sidebar_menu li:focus,
#sidebar .sidebar_menu li:active,
#sidebar .sidebar_menu li.sidebar-active{
	background-color: #002e4f;
}
#sidebar.sidebar_collector .sidebar_menu li:hover,
#sidebar.sidebar_collector .sidebar_menu li:focus,
#sidebar.sidebar_collector .sidebar_menu li:active,
#sidebar.sidebar_collector .sidebar_menu li.sidebar-active{
	background-color: #004b00;
}
#sidebar .sidebar_menu li a,
#sidebar .sidebar_menu li button{
	color: #fff;
	display: block;
}
#sidebar .sidebar_menu li:hover a,
#sidebar .sidebar_menu li:focus a,
#sidebar .sidebar_menu li:active a,
#sidebar .sidebar_menu li.sidebar-active a,
#sidebar .sidebar_menu li:hover button,
#sidebar .sidebar_menu li:focus button,
#sidebar .sidebar_menu li:active button,
#sidebar .sidebar_menu li.sidebar-active button{
	color: #fff;
	text-decoration: none;
}

#sidebar .sidebar_menu li .active,
#sidebar .sidebar_menu li.sidebar-active .inactive{
	display: none;
}
#sidebar .sidebar_menu li .inactive,
#sidebar .sidebar_menu li.sidebar-active .active{
	display: inline-block;
}

/* Mobile iOS double tap fix */
body:not(.is_ios) #sidebar .sidebar_menu li:hover .inactive{
	display: none;
}
body:not(.is_ios) #sidebar .sidebar_menu li:hover .active{
	display: inline-block;
}

#sidebar .copyright a{
	font-size: 14px;
	color: #fff;
}

#topbar{
	margin-top: -16px;
	padding: 24px 16px;
	background-color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
	position: relative;
	z-index: 1;
}
#topbar.fixed{
	position: fixed;
	max-width: inherit;
	width: inherit;
}

.topbar_styling{
	padding: 24px 31px 16px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
	background-color: #fff;
	width: 100%;
	top: -16px;
}

#topbar .btn{
	font-size: 14px;
}
#topbar .btn:not(.btn-success):not(.btn-warning):not(.btn-danger){
	margin-top: -4px !important;
	margin-bottom: -4px !important;
	padding: 8px 12px !important;
}
#topbar .btn.p-0{
	padding: 0 !important;
}

.request_page_picture{
	width: 100%;
}

#user_requests_page .card-title{
	min-height: 60px;
}

.summary_img{
	max-width: 300px;
	max-height: 500px;
}

.btn-round{
	width: 64px;
	height: 64px;
	padding: 17px 19px 20px 20px;
	background-color: #fff;
	border: 2px solid #eee;
	border-radius: 100%;
	/* box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3); */
	position: absolute;
	bottom: 8px;
	left: calc(50% - 30px);
}
.btn-round:hover,
.btn-round:focus{
	background-color: #eee;
}
.btn-round:active{
	background-color: #ddd;
	bottom: 6px;
	/* box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3); */
}

.btn-round-picture{
	width: 26px;
	height: 26px;
	padding: 17px 19px 20px 20px !important;
	background-color: #002e4f;
	border: 12px solid rgba(85, 186, 172, .5);
	box-sizing: content-box;
	border-radius: 100%;
	/* box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3); */
	position: absolute;
	bottom: 8px;
	left: calc(50% - 45px);
}
.btn-round-picture:hover,
.btn-round-picture:focus{
	background-color: #00ddff;
}
.btn-round-picture:active{
	background-color: #00b4e8;
	bottom: 6px;
}

.card hr{
	margin: 8px 0 8px;
}

#content-wrapper .copyright{
	text-align: center;
	font-size: 14px;
	color: #fff;
	opacity: .75;
}

/* Datepicker
----------------------------------------------------------------------------- */

#datepickers-container .datepicker{
	width: 361px;
	font-family: "Century-Gothic";
	/* max-width: 100%; */
}

#datepickers-container .datepicker--nav-title{
	color: #004f66;
	background-color: #eef2f1;
	font-weight: 500;
	margin: 16px;
}
#datepickers-container .datepicker--nav-title:hover{
	color: #004f66;
	background-color: #eef2f1;
}

#datepickers-container .datepicker--content{
	padding: 16px 37px;
}

#datepickers-container .datepicker--days-names{
	margin: 0 0 3px;
}

#datepickers-container .datepicker--day-name{
	color: #192221;
	font-size: 14px;
}
#datepickers-container .datepicker--cell.-current-{
	color: #192221;
	box-shadow: inset 0 -1px 0 0 #002e4f;
}
#datepickers-container .datepicker--cell.-current-:not(.-range-from-):not(.-range-to-){
	border-radius: 0;
}
#datepickers-container .datepicker--cell.-in-range-{
	background: #eef2f1;
}
#datepickers-container .datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current-{
	color: #fff;
	background: #002e4f;
}

#datepickers-container .datepicker--cell{
	height: auto;
	padding: 10px;
}


/* Forms
----------------------------------------------------------------------------- */
.form-control::placeholder{
	color: #d8e4e6;
}

input[type=text],
input[type=password],
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=range],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
select.form-control,
.field_settings_group .input-group-append .input-group-text{
	height: 58px;
	padding: 16px;
}
.field_settings_group{
	margin-bottom: -2px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{
	-webkit-appearance: none;
	margin: 0;
}
input[type=number]{
	-moz-appearance: textfield;
}

input[type=number].form-control{
	height: 40px;
	text-align: right;
}

.select2{
	width: 100% !important;
}

.select2-container--default .select2-selection--single{
	border: 2px solid #d8e4e6 !important;
	height: 58px !important;
	padding: 16px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 60px !important;
	margin-right: 8px;
}

.input-group.no-border-prepend .form-control,
.input-group.no-border-append .input-group-append,
.input-group.no-border-append .input-group-append .input-group-text{
	border-left: none;
}

.input-group.no-border-append .form-control,
.input-group.no-border-prepend .input-group-prepend,
.input-group.no-border-prepend .input-group-prepend .input-group-text{
	border-right: none;
}

.input-group-text{
	background: #fff;
	border: 2px solid #d8e4e6;
	border-radius: none;
}
.input-group-text.grey{
	color: #879291;
}

select.form-control,
input.form-control,
textarea.form-control,
.invisible-append > span{
	border: 2px solid #d8e4e6;
}

textarea.form-control{
	min-height: 200px;
}

select.form-control{
	color: #002e4f;
	border-radius: 2px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	background: url(../../assets/images/site/icons/dropdown_grey.svg) no-repeat right white;
	background-repeat: no-repeat;
	background-position: calc(100% - 21px) 50%;
	padding-right: 50px;
}
select.form-control.dark{
	color: #495057;
}

#lang_switcher_container{
	position: relative;
}
#lang_switcher_container.top_right{
	position: absolute;
	top: 16px;
	right: 16px;
}

#guest_nav{
	background-color: #002e4f;
}
#guest_nav li{
	background-color: transparent;
	border: none;
	font-family: "Publica-Play", "Publica Play";
}

#guest_nav li a{
	position: relative;
	transition: clip-path 275ms ease;
}
#guest_nav li a:hover span::before,
#guest_nav li a:focus span::before{
 	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
#guest_nav li a span{
    position: relative;
    display: inline-block;
    color: #fff;
}
#guest_nav li a span::before{
	position: absolute;
	content: attr(data-content);
	color: #fff;
	text-decoration: underline;
	text-decoration-color: #fff;
	clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
	transition: clip-path 275ms ease;
}
#guest_nav li a.active span{
    color: #002e4f;
}
#guest_nav li a.active span::before{
	color: #002e4f;
	text-decoration-color: #002e4f;
}

.navbar_users #lang_switcher_container a.dropdown-toggle{
	color: #fff;
}

#language_iso{
	color: #004f66;
	position: absolute;
	top: 16px;
	right: 16px;
	width: auto;
	border: none;
	font-size: 14px;
	text-align: right;
	padding-right: 46px;
	background-color: transparent;
}
#language_iso:focus{
	color: #000;
}

.password-group .form-control{
	border-right: none;
}
.password-group .input-group-text{
	background: transparent;
	border-left: none;
}
.password-group .input-group-append:hover{
	cursor: pointer;
}

/* Chat
----------------------------------------------------------------------------- */
.chat{
	position: absolute;
	bottom: 0;
	top: 100px;
	width: calc(100% - 32px);
	background: #fff;
	padding: 16px;
}

.message{
	float: left;
	display: block;
	width: 100%;
	vertical-align: center;
	margin: 0 0 16px 0;
}

.message .content{
	display: block;
	padding: 10px 16px;
	border-radius: 8px;
	box-shadow: 0 1px 2px 0 rgba(25, 34, 33, .15);
}

.message .content p{
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	/* letter-spacing: .38px; */
	line-height: 17px;
	text-align: left;
}

.message .content span{
	display: inline-block;
	padding: 0 0 0 16px;
	margin: 0;
	font-size: 10px;
	/* letter-spacing: .28px; */
	line-height: 12px;
	text-align: right;
}

.message_outgoing .content{
	float: right;
	background-color: #002e4f;
	color: #fff;
	max-width: 90%;
	border-bottom-right-radius: 0;
}

.message_incoming .content{
	float: left;
	background-color: #f6f6f6;
	color: #192221;
	max-width: 90%;
	border-bottom-left-radius: 0;
}

.message_outgoing .content span{
	color: #eee;
}

.message_incoming .content span{
	color: #879291;
}

.message_system .content{
	background-color: none;
	opacity: .87;
	color: #879291;
	font-size: 12px;
	/* letter-spacing: .4px; */
	line-height: 16px;
	text-align: center;
	padding: 24px 0;
	box-shadow: none;
}

.message_system .content p{
	padding: 0;
	font-size: 14px;
	/* letter-spacing: .4px; */
	line-height: 16px;
	text-align: center;
}

.js-attachment{
	padding-top: 12px;
	float: left;
	display: inline-block;
	text-align: center;
	width: 10%;
	height: 58px;
}

.js-input{
	float: left;
	display: inline-block;
	width: 80%;
	height: 58px;
	background-color: #f6f6f6;
	border: none;
}

.js-send{
	float: right;
	display: inline-block;
	text-align: center;
	width: 10%;
	height: 58px;
}

.js-chat{
	position: fixed;
	top: 64px;
	bottom: 66px;
	left: 0;
	right: 0;
	padding: 8px 8px 8px 8px;
	background: #fff;
	overflow-y: scroll;
}

.js-chat-admin{
	bottom: 0;
}

form#chat_form{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 8px;
	background: #fff;
}

#login_page #extra_wrapper{
	padding: 24px;
	background-color: #fff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
}


/* Frontend Start Screen
----------------------------------------------------------------------------- */

#appfront #app_name{
	top: 48px;
	left: 33px;
}

#appfront .start_box{
	max-width: 520px;
	margin: 0 auto;
}

#appfront .container-fluid{
	padding-left: 15px;
	padding-right: 15px;
}

#appfront section{
	color: #1B2221 !important;
}

#appfront .background{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	background-image: url(../../assets/images/branding/banner_appfront.png);
	background-size: cover;
	background-position: top center;
}

#appfront h1{
	color: #002e4f;
	font-family: "Century-Gothic";
	font-size: 34px;
	font-weight: 700;
	letter-spacing: .25px;
	line-height: 41px;
}

#appfront .dark{
	font-family: "Century-Gothic";
	font-size: 16px;
	letter-spacing: .44px;
	line-height: 22px;
}

#appfront .dark a{
	color: #192221;
	text-decoration: underline;
}

#appfront .dark.small{
	font-size: 14px;
}

#appfront .poweredby{
	font-family: "Century-Gothic";
	color: #879291;
	font-size: 12px;
	letter-spacing: .33px;
	line-height: 14px;
	margin-top: 65px;
}

#appfront .poweredby span{
	display: inline-block;
}

#appfront .poweredby img{
	display: inline-block;
	margin-top: -2px;
	margin-left: 2px;
	max-width: 100px;
}

#appfront .content{
	position: absolute;
	top: 20%;
	left: 0;
	right: 2%;
}

#appfront .cover{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #FFF;
	background-color: #002e4f;
	box-shadow: 0 -2px 8px 0 rgba(25, 34, 33, .15);
	z-index: 9999;
	padding: 32px 16px 8px 16px;
}

#appfront .cover h1{
	color: #FFF;
	font-size: 34px;
	letter-spacing: .25px;
	line-height: 41px;
}

#appfront .cover a{
	color: #FFF;
	text-decoration: underline;
}

#appfront .copyright{
	font-size: 14px;
	opacity: .75;
	font-family: "Century-Gothic";
}

#appfront .copyright a{
	text-decoration: none;
}

.nav-tabs .nav-item{
	font-size: 16px;
}

.navbar_users,
.navbar_collectors{
	font-family: "Century-Gothic" !important;
	/* z-index: 99; */
}

.navbar_users{
	background: linear-gradient(90deg, #00ddff 0%, #0548b5 67.38%);
}
.navbar_collectors{
	background: transparent;
}
.navbar_collectors_strip{
	height: 8px;
	background: linear-gradient(90deg, #00ddff 0%, #0548b5 67.38%);
}

.navbar_users a,
.navbar_collectors a{
	font-size: 16px;
}
.navbar_users a{
	color: #fff;
}
.navbar_collectors a{
	color: #002e4f;
}
.navbar_users a:hover:not(.btn),
.navbar_collectors a:hover:not(.btn){
	color: #192221;
}

.navbar-right{
	position: absolute;
	right: 16px;
}

.dropdown-menu{
	border-radius: 0;
	padding: 0;
	top: calc(100% - 6px);
}

.dropdown-menu .dropdown-item{
	color: #0548b5;
	padding: 8px 16px;
	font-size: 14px;
}
.navbar .dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:hover{
	color: #fff;
	background-color: #0548b5;
}

.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active{
	color: #fff;
	background-color: #0548b5;
}

.navbar_users .nav-item,
.navbar_collectors .nav-item{
	margin: 0 16px;
}
.nav-item#lang_switcher_container{
	z-index: 9999;
	background-color: #f6f6f6;
}
.navbar_users .nav-item#lang_switcher_container{
	z-index: 9999;
	background-color: transparent;
}

.navbar-brand .inactive,
.navbar-brand:hover .active{
	display: inline-block;
}
.navbar-brand .active,
.navbar-brand:hover .inactive{
	display: none;
}

.navbar-brand .poweredby img{
	margin-left: 4px;
	max-width: 100px;
}

.navbar .btn-outline-light{
	padding: 6px 8px !important;
}


.home_visual{
	background-image: url(../../assets/images/branding/home_visual.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.user_gradient{
	 background: #b2f5ff;
	 background: linear-gradient(180deg, #b2f5ff 0%, #0548b5 100%);
}

.collector_gradient{
	background: #DFECBB;
	background: linear-gradient(180deg, #DFECBB 0%, #06BB45 100%);
}

#home-hero{
	font-size: 16px;
	color: #192221;
	font-family: "Century-Gothic" !important;
}
#home-hero .home-branding{
	letter-spacing: 1px;
}

#home-hero p,
#home-hero p a{
	color: #002e4f !important;
}

#home-hero p a{
	color: #0548b5 !important;
	text-decoration: underline;
}
#home-hero p a:hover{
	text-decoration: none;
}

#general_alert_full,
#general_alert_half,
#general_alert_none{
	z-index: 5 !important;
}
#general_alert_full p,
#general_alert_half p,
#general_alert_none p{
	background: #fff;
	color: #002e4f !important;
	border: 1px solid #002e4f;
}
#general_alert_full{
	margin-bottom: -80px;
}
#general_alert_half{
	margin-bottom: -80px;
}
#general_alert_none{
	margin-bottom: -20px;
}

#home-hero.hero-users,
#home-hero.hero-collectors,
.hero-fullpage,
.hero-fullpage_fixed{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.hero-fullpage,
.hero-fullpage_fixed{
	position: absolute;
	width: 100%;
	height: 100%;
}

#home-hero.hero-users,
.hero-fullpage,
.hero-fullpage_fixed{
	/*background-image: url(../../assets/images/branding/banner_users_mobile.png);*/
	background: linear-gradient(180deg, #b2f5ff 0%, #0548b5 100%) no-repeat;
}

.hero-fullpage_fixed{
	background-attachment: fixed;
}

.hero-fullpage body,
.hero-fullpage_fixed body{
	background: transparent;
}

#home-hero .poweredby{
	font-size: 16px;
}
.home-branding .poweredby img{
	max-width: 100px;
}

.home-branding .poweredby a{
	color: #0548b5;
	text-decoration: none !important;
}
.home-branding .poweredby a:hover{
	color: #002e4f;
	text-decoration: none !important;
}

.hero-content-collectors{
	background: linear-gradient(180deg, #00ddff 0%, #0548b5 100%);
	padding: 80px;
}

.hero-title{
	font-weight: bold;
	font-size: 24px;
}

#home-hero .hero-text{
	background: #FFF;
	/* border-radius: .25rem; */
	padding: 54px 60px;
}

.hero-text-primary{
	font-weight: bold;
	font-size: 20px;
	color: #002e4f;
}

.hero-text-secondary{
	font-weight: normal;
	font-size: 18px;
	color: #002e4f;
	margin-bottom: 0;
}

.hero-content-users .hero-title{
	color: #192221;
}
.hero-content-collectors .hero-title{
	color: #fff;
}

.hero-title .big{
	font-size: 48px;
}

.hero-body .hero-title{
	font-size: 20px;
	font-weight: 500;
}
.hero-body p{
	font-size: 16px;
	/* line-height: 22px; */
	color: #192221;
}

.hero-content-collectors .hero-body .hero-title{
	margin-top: 5px;
}

#home-hero .hero-body p{
	color: #192221;
	max-width: 300px;
	margin-bottom: 0;
	/* letter-spacing: 0.73px; */
	line-height: 22px;
}

#home-hero .hero-content-collectors .hero-body p{
	color: #addae6;
	max-width: 100%;
}

.home_icon {
	width: 150px;
	height: 150px;
	margin: auto;
	background: #fff;
	padding: 4px;
}

.home-strip{
	background: linear-gradient(180deg, #00ddff 0%, #0548b5 100%);
	padding: 80px 8px;
}

.home-strip p{
	color: #fff;
	font-size: 32px;
	text-align: center;
	font-weight: 500;
	/* letter-spacing: 2px; */
	line-height: 38px;
}

.article_steps p.article_step{
	font-size: 14px;
	line-height: 16px;
}

/* .ewaste_examples p{
	font-size: 16px;
} */

.bg-dark_blue{
	background-color: #002e4f;
}

.carousel{
	counter-reset: carousel;
}

.carousel-indicators{
	list-style: none;
	text-align: center;
}

.carousel-indicators > li{
	counter-increment: carousel;
	display: inline-block;
	margin-right: 8px;
	width: auto;
	height: auto;
	text-indent: 0;
	padding: 6px;
	border-radius: 50%;
	background-color: transparent;
	border: 4px solid transparent;
	opacity: 1;
	transition: 0.5s ease;
}
.carousel-indicators > li:hover{
	cursor: pointer;
}
.carousel-indicators > li::before{
	content: counter(carousel);
	background-color: #0548b5;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: inline-block;
	font-size: 16px;
	line-height: 32px;
	color: #fff;
	text-align: center;
	position: relative;
}
.carousel-indicators > li.active{
	border: 4px solid #0548b5;
}

.carousel-control-next,
.carousel-control-prev{
	bottom: 136px;
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
	filter: drop-shadow(0px 0 1px #000);
}

.carousel-caption{
	height: 136px;
}
.carousel-caption p{
	font-size: 20px;
	color: #192221;
	line-height: 29px;
}

.carousel-inner .carousel-item img:hover{
	cursor: zoom-in;
}


[id^="modal_carousel_"] .modal-dialog{
	max-width: calc(100% - 16px);
}

[id^="modal_carousel_"] .modal-body img:hover{
	cursor: zoom-out;
}

#scroll_tutorial{
	padding-top: 128px;
}
.article_collectors #scroll_tutorial{
	padding-top: 64px;
}

.tutorial_block h2{
	/* font-size: 40px;
	color: #bbb; */
	text-align: center;
	margin-bottom: 40px;
}

.video-js{
	background-color: #000;
}

.youtube_container_container{
	max-width: 700px;
	margin: 0 auto;
}
.youtube_container{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

.youtube_container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.btn-play .inactive,
.btn-play:hover .active{
	display: inline-block;
}
.btn-play .active,
.btn-play:hover .inactive{
	display: none;
}

article{
	max-width: 900px;
}

.article_users,
.article_collectors{
	padding-top: 80px;
}

article h1,
article .h1{
	font-size: 40px;
	color: #002e4f;
	text-align: center;
	margin-bottom: 80px;
}

article section{
	margin-bottom: 80px;
}

article h2,
article .h2{
	text-align: left;
	font-size: 32px;
	color: #0548b5;
	margin-bottom: 40px;
}

/* .article_collectors h2,
.article_collectors .h2{
	text-align: center;
	color: #192221;
	font-size: 24px;
	margin-bottom: 32px;
} */

article p{
	font-family: "Century-Gothic";
	font-size: 16px;
	color: #192221;
	/* letter-spacing: 1.31px; */
	/* line-height: 27px; */
}

article .small{
	line-height: 14px;
}

article li{
	font-family: "Century-Gothic";
	font-size: 16px;
	color: #192221;
	/* letter-spacing: 1.31px; */
	/* line-height: 23px; */
	font-weight: 300;
}

b,
strong{
	font-weight: 600;
}

/* .article_collectors p{
	color: #192221;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 27px;
	text-align: justify;
} */

article p.large{
	font-size: 21px;
	/* letter-spacing: 1.31px; */
}

.footer_general{
	padding: 64px 0;
	margin-bottom: -56px;
}
.footer_general .poweredby a{
	color: #fff;
}

.poweredby_footer a{
	color: #212529;
}

.poweredby_footer img{
	max-width: 100px;
}

.footer_general,
.footer_users,
.footer_guests,
.footer_collectors{
	background: linear-gradient(180deg, #00ddff 0%, #0548b5 100%);
}

.footer_general section h2,
.footer_users section h2,
.footer_guests section h2,
.footer_collectors section h2{
	color: #FFF;
	font-size: 24px;
	font-style: italic;
	letter-spacing: 2px;
	line-height: 29px;
}

.footer_general section p,
.footer_users section p,
.footer_guests section p,
.footer_collectors section p{
	color: #FFF;
	font-size: 20px;
	/* letter-spacing: 1px; */
	line-height: 26px;
}

.footer_form{
	background-color: #fff;
	box-shadow: 0 2px 18px 0 rgba(153, 153, 153, .5);
	padding: 64px;
	margin: -64px 0;
}

.footer_form h2{
	color: #0548b5;
	font-size: 24px;
	letter-spacing: 1.5px;
	line-height: 29px;
}

.footer_users .footer_form h2{
	margin-bottom: 40px;
}

.footer_collectors .footer_form p{
	margin-bottom: 40px;
}

.footer_form textarea{
	min-height: 150px;
}

/* Zendesk chat function */
div.zopim.at_the_top{
	bottom: auto !important;
	top: 0 !important;
	right: 0 !important;
	background-color: #046AB5 !important;
}
#btn_hide_zopim{
	position: absolute;
	right: 8px;
	bottom: 8px;
	font-size: 16px;
	color: #fff;
	text-shadow: 0 1px 0 #000;
	background-color: #2776c3;
}

/* Slick carousel */
.slick-next::before,
.slick-prev::before{
	color: #0548b5;
	opacity: 1;
}

/* Target Internet Explorer */
@media all and (min-width: 767px) and (-ms-high-contrast: none), (-ms-high-contrast: active){
	#navbar_guests_collapse{
		margin-top: -40px;
	}
}


@media (max-width: 340px){
	#appfront .poweredby{
		padding: 16px 0 8px 0;
		position: static;
		display: block;
		width: 100%;
		text-align: left;
	}
}


@media only screen and (max-width: 479px){
	.nowrap{
		white-space: normal;
	}
}

@media only screen and (max-width: 575px){
	.position-xs-static{
		position: static !important;
	}

	.mobile-primary{
		background-color: #002e4f;
	}

	#collector_requests_title{
		-ms-flex: 0 0 0;
			flex: 0 0 0;
		max-width: 0;
		display: none;
	}

	#collector_requests_show{
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
		max-width: 100%;
	}

	.pagination .paginate_button:not(.first):not(.previous):not(.next):not(.last){
		display: none;
	}

	.dataTables_filter label,
	.dataTables_filter input[type=search]{
		width: 100%;
	}

	#language_iso{
		top: 8px;
		right: 8px;
	}

	.carousel-indicators > li{
		margin-right: 2px;
		padding: 4px;
		border: 2px solid #fff;
	}
	.carousel-indicators > li::before{
		width: 24px;
		height: 24px;
		font-size: 12px;
		line-height: 24px;
	}
	.carousel-indicators > li.active{
		border: 2px solid #0548b5;
	}
}

@media only screen and (max-width: 767px){
	.navbar_users a:hover:not(.btn),
	.navbar_collectors a:hover:not(.btn){
		color: #0548b5;
	}
	.navbar_users a:active:not(.btn),
	.navbar_collectors a:active:not(.btn){
		color: #000;
	}

	#general_alert_full,
	#general_alert_half,
	#general_alert_none{
		padding: 16px 16px 0;
	}
	#general_alert_full,
	#general_alert_none{
		margin-bottom: 0px !important;
	}
	#general_alert_half{
		margin-bottom: -20px;
	}

	.row.flushed-bottom{
		margin: 0;
	}

	#alert_modal .modal-dialog,
	#toast_modal .modal-dialog{
		width: 360px;
	}

	#content-wrapper.background-banner-desktop{
		background-repeat: no-repeat;
		background-size: contain;
	}

	#user_index_block,
	#collector_index_block{
		background-color: #002e4f;
		color: #fff;
		padding: 16px;
	}
	#user_index_block h1,
	#user_index_block p,
	#collector_index_block h1,
	#collector_index_block p{
		color: #fff;
	}

	#user_index_block .grey,
	#collector_index_block .grey{
		font-weight: 300;
	}

	#user_index_block .btn-primary,
	#collector_index_block .btn-primary{
		background-color: #fff;
		border-color: #fff;
		color: #002e4f;
	}
	#user_index_block .btn-primary:hover,
	#user_index_block .btn-primary:focus,
	#user_index_block .btn-primary:active,
	#collector_index_block .btn-primary:hover,
	#collector_index_block .btn-primary:focus,
	#collector_index_block .btn-primary:active{
		color: #1ebb50;
		background-color: #fff;
		border-color: #fff;
	}

	#user_index_block .mobile-dark,
	#collector_index_block .mobile-dark{
		background-color: #002e4f;
	}

	#user_index_block .mobile-dark,
	#user_index_block .mobile-dark .btn-link,
	#collector_index_block .mobile-dark,
	#collector_index_block .mobile-dark .btn-link{
		color: #1a1e2d;
	}
	#user_index_block .btn-link:hover,
	#user_index_block .btn-link:focus,
	#user_index_block .btn-link:active,
	#collector_index_block .btn-link:hover,
	#collector_index_block .btn-link:focus,
	#collector_index_block .btn-link:active{
		color: #010509;
	}

	.datepicker_row .col{
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
		max-width: 100%;
	}

	.flushed-bottom.double_button_lg{
		height: 138px;
	}

	.flushed-bottom{
		height: 77px;
	}

	#content-wrapper.background-banner-desktop{
		background-image: none !important;
		padding-top: 0 !important;
	}

	input.js-input{
		padding: 8px 16px;
		height: auto;
	}

	.btn.js-send{
		padding: 8px 16px;
	}

	.super_background{
		display: none;
	}

	#home-hero .hero-text{
		padding: 18px 24px !important;
	}

	.hero-text-primary{
		font-size: 14px !important;
		text-align: justify;
		color: #192221;
	}
	.hero-text-secondary{
		font-size: 14px !important;
	}

	/* #home-hero.hero-users,
	.hero-fullpage,
	.hero-fullpage_fixed{
		background-image: url(../../assets/images/branding/banner_users_mobile.png);
	} */

	#home-hero.hero-collectors{
		background-image: url(../../assets/images/branding/banner_collectors_mobile.jpg);
	}

	.hero-content-collectors{
		background: transparent;
		padding: 40px;
	}

	.hero-content-collectors .hero-title{
		color: #192221;
	}

	#home-hero .poweredby{
		font-size: 12px;
	}

	.home-branding .poweredby img{
		max-width: 100px;
	}

	.home-strip{
		padding: 40px 8px;
	}
	.home-strip p{
		font-size: 24px;
		line-height: 32px;
	}

	article{
		padding: 16px;
		padding-top: 64px;
	}
	.article_users,
	.article_collectors{
		padding-top: 64px;
	}
	article h1,
	article .h1{
		font-size: 30px;
		margin-bottom: 64px;
	}
	article section{
		margin-bottom: 64px;
	}
	article h2,
	article .h2{
		font-size: 24px;
		margin-bottom: 32px;
	}
	article p,
	article li{
		font-size: 14px;
		line-height: 18px;
	}

	#scroll_tutorial{
		padding-top: 64px;
	}

	.tutorial_block h2{
		/* font-size: 24px; */
		height: auto;
	}

	.carousel-caption p{
		font-size: 20px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	section .step{
		margin-top: 80px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	section .step{
		margin-top: 80px;
	}

	#content-wrapper{
		margin-bottom: 80px;
	}

	#create_request_page section,
	#edit_request_page_new_account #extra_wrapper,
	#create_user_page #extra_wrapper,
	#login_page #extra_wrapper,
	#create_collector_page #extra_wrapper{
		/* left: 20px !important; */
		/* width: 728px !important; */
	}
}

@media only screen and (min-width: 575px){
}

@media only screen and (min-width: 768px){
	.navbar-nav{
		left: 50%;
		transform: translate(-50%, 0);
		position: absolute;
	}

	#content-wrapper.background-banner-desktop{
		background-size: cover;
		background-position: right;
		background-attachment: fixed;
		margin-bottom: -56px !important;
	}

	#content-wrapper.background-banner-desktop{
		width: 100%;
		/* height: 0; */
		margin-left: 0;
	}

	#user_index_block,
	#collector_index_block{
		position: absolute;
		left: 160px;
		top: 270px;
		width: 660px;
	}
	#user_index_block .page_title,
	#collector_index_block .page_title{
		color: #81e3ff;
		font-size: 64px;
		font-weight: 700;
	}

	#user_index_block .grey,
	#collector_index_block .grey{
		color: #1b2221;
		font-size: 20px;
		line-height: 24px;
	}

	#create_request_page section,
	#edit_request_page_new_account #extra_wrapper,
	#create_user_page #extra_wrapper,
	#create_collector_page #extra_wrapper{
		padding: 24px;
		/* position: absolute;
		left: 160px;
		top: 120px; */
		/* width: 768px; */
		background-color: #fff;
		box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
	}
	/* #login_page #extra_wrapper{
		position: absolute;
		top: 120px;
		left: 180px;
		width: 540px;
	} */

	#create_request_page section{
		padding-top: 0 !important;
	}

	#login_page .justify-content-center{
		-ms-flex-pack: inherit !important;
		justify-content: inherit !important;
	}

	#create_request_page .flushed-bottom,
	#create_user_page .flushed-bottom,
	#create_user_page .fixed-bottom,
	#create_collector_page .flushed-bottom,
	#create_collector_page .fixed-bottom{
		width: auto;
		height: auto;
		position: static;
		padding: 0;
		margin-bottom: 0 !important;
	}
	#create_user_page .fixed-bottom,
	#create_collector_page .fixed-bottom{
		margin: 0 !important;
		margin-bottom: 0 !important;
	}

	#create_request_page .flushed-bottom.double_button_lg,
	#create_user_page .flushed-bottom.double_button_lg,
	#create_collector_page .flushed-bottom.double_button_lg{
		margin: 0 0 -18px !important;
	}

	#step_picture_preview.correct_ratio #picture_preview_container{
		position: relative;
	}

	#create_request_page .flushed-bottom:not(.double_button_lg){
		margin-top: 24px;
	}

	#create_request_page #step_summary .summary_piece{
		background-color: #f6f6f6;
	}

	#user_requests_page .card .request-description{
		/* Height of the image - height of the hr before the desc */
		height: 223px;
	}

	.chat{
		left: 0;
	}

	.datepicker_column{
		max-width: 340px;
	}

	/* #home-hero.hero-users,
	.hero-fullpage,
	.hero-fullpage_fixed{
		background-image: url(../../assets/images/branding/banner_users_tablet.png);
	} */

	#home-hero.hero-collectors{
		background-image: url(../../assets/images/branding/banner_collectors_tablet.jpg);
	}

	.tutorial_block h2{
		/* font-size: 32px; */
		height: 110px;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 991px){
	#requests_map{
		overflow: hidden;
		position: fixed !important;
		height: calc(100% - 108px);
		z-index: 0;
		left: auto;
		width: 100%;
	}

	.hero-text-primary,
	.hero-text-secondary{
		font-size: 16px;
	}

	#general_alert_full{
		margin-bottom: -30px;
	}

	#home-hero .hero-text{
		padding: 32px 40px;
	}

	.home_visual{
		background-image: url(../../assets/images/branding/home_visual_large.png);
	}

	#index_page .copyright,
	#index_page .copyright a{
		color: #fff;
	}

	.btn:not(.btn-round),
	.btn-primary{
		font-size: 14px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.btn-back{
		font-size: 14px;
		padding-top: 0;
		margin-top: -4px;
	}

	#topbar{
		padding: 16px 8px;
	}

	.topbar_styling{
		padding: 16px 8px 16px 23px;
	}

	#appfront .cover h1{
		font-size: 20px;
		font-weight: 700;
		line-height: 24px;
		letter-spacing: .15px;
	}

	#appfront .background{
		left: 0;
		background-image: url(../../assets/images/branding/banner_appfront_portrait.png);
		background-size: cover;
		background-position: top center;
	}

	#appfront .btn{
		background-color: #fff;
		border-color: #fff;
		color: #002e4f !important;
		text-decoration: none !important;
	}

	#appfront .dark{
		color: #0548b5;
		font-size: 14px;
		letter-spacing: .39px;
		line-height: 17px;
	}

	#appfront .dark a{
		color: #0548b5;
	}

	#appfront .btn{
		font-size: 14px;
		line-height: 20px;
		letter-spacing: .39px;
	}

	#appfront .mobile_start_links > div{
		margin: 16px 0 8px;
	}

	#appfront .poweredby{
		position: absolute;
		top: 40px;
		right: 16px;
		width: auto;
		text-align: right;
		color: #0548b5;
		font-size: 10px;
		margin-top: 0;
	}

	#appfront .poweredby img{
		margin-top: -15px;
		margin-left: 2px;
		max-width: 40px;
	}

	#appfront .container-fluid{
		padding-left: 0;
		padding-right: 0;
	}

	#appfront .mobile_welcome{
		line-height: 16px;
		letter-spacing: .39px;
	}

	.hero-body p{
		max-width: 250px;
	}

	.footer_general section p,
	.footer_users section p,
	.footer_guests section p,
	.footer_collectors section p{
		font-size: 16px;
		/* letter-spacing: 1px; */
		line-height: 20px;
	}

	.hero-title .big{
		font-size: 32px;
	}

	.footer_form{
		padding: 32px;
		margin: 0 0 -32px;
	}
}

@media only screen and (min-width: 992px){
	#collector_requests_list,
	#collector_requests_map{
		display: block !important;
	}

	#requests_map{
		position: fixed !important;
		/* top: 64px;
		height: calc(100% - 64px); */
		width: 50%;
		z-index: 0;
		left: auto;
		max-width: inherit;
	}

	/* #requests_cards{
		display: none;
	} */
	.request_map_card{
		bottom: 0;
		width: 435px;
		right: 61px;
		left: auto;
		border-radius: 8px 8px 0 0;
	}

	.js-chat,
	form#chat_form{
		left: 25%;
	}

	/* .hero-content-collectors{
		max-width: 540px;
	} */

	.tutorial_block{
		margin-left: -32px;
		margin-right: -32px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1999px){
}

@media only screen and (min-width: 1200px){
	#sidebar{
		width: 25%;
	}

	/* #home-hero.hero-users,
	.hero-fullpage,
	.hero-fullpage_fixed{
		background-image: url(../../assets/images/branding/banner_users.png);
	} */

	#home-hero.hero-collectors{
		background-image: url(../../assets/images/branding/banner_collectors.jpg);
	}

	.tutorial_block{
		margin-left: -64px;
		margin-right: -64px;
	}

	.tutorial_block h2{
		height: 80px;
	}
}

@media only screen and (min-width: 1440px){
	#appfront .start_box{
		max-width: 580px;
	}

	/* #home-hero.hero-users,
	.hero-fullpage,
	.hero-fullpage_fixed{
		background-image: url(../../assets/images/branding/banner_users_large.png);
	} */

	#home-hero.hero-collectors{
		background-image: url(../../assets/images/branding/banner_collectors_large.jpg);
	}

	.tutorial_block{
		margin-left: -128px;
		margin-right: -128px;
	}
}

@media only screen and (min-width: 1900px){
	#sidebar{
		width: 16.666667%;
	}

	.js-chat,
	form#chat_form{
		left: 16.666667%;
	}

	.col-xxl-1{
		-ms-flex: 0 0 8.333333%;
			flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-xxl-2{
		-ms-flex: 0 0 16.666667%;
			flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xxl-3{
		-ms-flex: 0 0 25%;
			flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xxl-4{
		-ms-flex: 0 0 33.333333%;
			flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-xxl-5{
		-ms-flex: 0 0 41.666667%;
			flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-xxl-6{
		-ms-flex: 0 0 50%;
			flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xxl-7{
		-ms-flex: 0 0 58.333333%;
			flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-xxl-8{
		-ms-flex: 0 0 66.666667%;
			flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-xxl-9{
		-ms-flex: 0 0 75%;
			flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xxl-10{
		-ms-flex: 0 0 83.333333%;
			flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-xxl-11{
		-ms-flex: 0 0 91.666667%;
			flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-xxl-12{
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
		max-width: 100%;
	}

	.hero-text-primary{
		font-size: 24px;
	}

	/* #home-hero.hero-users,
	.hero-fullpage,
	.hero-fullpage_fixed{
		background-image: url(../../assets/images/branding/banner_users_extra_large.png);
	} */

	#requests_map{
		width: 55.555555%;
	}
}

@media only screen and (min-width: 2800px){
	#sidebar{
		width: 8.333333%;
	}

	.js-chat,
	form#chat_form{
		left: 8.333333%;
	}

	.col-xxxl-1{
		-ms-flex: 0 0 8.333333%;
			flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-xxxl-2{
		-ms-flex: 0 0 16.666667%;
			flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xxxl-3{
		-ms-flex: 0 0 25%;
			flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xxxl-4{
		-ms-flex: 0 0 33.333333%;
			flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-xxxl-5{
		-ms-flex: 0 0 41.666667%;
			flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-xxxl-6{
		-ms-flex: 0 0 50%;
			flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xxxl-7{
		-ms-flex: 0 0 58.333333%;
			flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-xxxl-8{
		-ms-flex: 0 0 66.666667%;
			flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-xxxl-9{
		-ms-flex: 0 0 75%;
			flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xxxl-10{
		-ms-flex: 0 0 83.333333%;
			flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-xxxl-11{
		-ms-flex: 0 0 91.666667%;
			flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-xxxl-12{
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
		max-width: 100%;
	}
}

@media screen and (min-width: 993px) and (max-height: 670px){
	#appfront .poweredby{
		right: 32px !important;
		z-index: 9 !important;
		text-align: right !important;
	}
}

/* Bootstrap overrides Part 2
----------------------------------------------------------------------------- */

.badge-primary{
	background-color: #0548b5;
}

.badge-secondary{
	background-color: #1ebb50;
}

.m-0{
	margin:0!important
}
.mt-0,
.my-0{
	margin-top:0!important
}
.mr-0,
.mx-0{
	margin-right:0!important
}
.mb-0,
.my-0{
	margin-bottom:0!important
}
.ml-0,
.mx-0{
	margin-left:0!important
}
.m-1{
	margin:8px!important
}
.mt-1,
.my-1{
	margin-top:8px!important
}
.mr-1,
.mx-1{
	margin-right:8px!important
}
.mb-1,
.my-1{
	margin-bottom:8px!important
}
.ml-1,
.mx-1{
	margin-left:8px!important
}
.m-2{
	margin:16px!important
}
.mt-2,
.my-2{
	margin-top:16px!important
}
.mr-2,
.mx-2{
	margin-right:16px!important
}
.mb-2,
.my-2{
	margin-bottom:16px!important
}
.ml-2,
.mx-2{
	margin-left:16px!important
}
.m-3{
	margin:24px!important
}
.mt-3,
.my-3{
	margin-top:24px!important
}
.mr-3,
.mx-3{
	margin-right:24px!important
}
.mb-3,
.my-3{
	margin-bottom:24px!important
}
.ml-3,
.mx-3{
	margin-left:24px!important
}
.m-4{
	margin:32px!important
}
.mt-4,
.my-4{
	margin-top:32px!important
}
.mr-4,
.mx-4{
	margin-right:32px!important
}
.mb-4,
.my-4{
	margin-bottom:32px!important
}
.ml-4,
.mx-4{
	margin-left:32px!important
}
.m-5{
	margin:40px!important
}
.mt-5,
.my-5{
	margin-top:40px!important
}
.mr-5,
.mx-5{
	margin-right:40px!important
}
.mb-5,
.my-5{
	margin-bottom:40px!important
}
.ml-5,
.mx-5{
	margin-left:40px!important
}
.m-10{
	margin: 80px !important;
}
.mt-10,
.my-10{
	margin-top: 80px !important;
}
.mr-10,
.mx-10{
	margin-right: 80px !important;
}
.mb-10,
.my-10{
	margin-bottom: 80px !important;
}
.ml-10,
.mx-10{
	margin-left: 80px !important;
}
.m-15{
	margin: 120px !important;
}
.mt-15,
.my-15{
	margin-top: 120px !important;
}
.mr-15,
.mx-15{
	margin-right: 120px !important;
}
.mb-15,
.my-15{
	margin-bottom: 120px !important;
}
.ml-15,
.mx-15{
	margin-left: 120px !important;
}
.m-20{
	margin: 160px !important;
}
.mt-20,
.my-20{
	margin-top: 160px !important;
}
.mr-20,
.mx-20{
	margin-right: 160px !important;
}
.mb-20,
.my-20{
	margin-bottom: 160px !important;
}
.ml-20,
.mx-20{
	margin-left: 160px !important;
}

.p-0{
	padding:0!important
}
.pt-0,
.py-0{
	padding-top:0!important
}
.pr-0,
.px-0{
	padding-right:0!important
}
.pb-0,
.py-0{
	padding-bottom:0!important
}
.pl-0,
.px-0{
	padding-left:0!important
}
.p-1{
	padding:8px!important
}
.pt-1,
.py-1{
	padding-top:8px!important
}
.pr-1,
.px-1{
	padding-right:8px!important
}
.pb-1,
.py-1{
	padding-bottom:8px!important
}
.pl-1,
.px-1{
	padding-left:8px!important
}
.p-2{
	padding:16px!important
}
.pt-2,
.py-2{
	padding-top:16px!important
}
.pr-2,
.px-2{
	padding-right:16px!important
}
.pb-2,
.py-2{
	padding-bottom:16px!important
}
.pl-2,
.px-2{
	padding-left:16px!important
}
.p-3{
	padding:24px!important
}
.pt-3,
.py-3{
	padding-top:24px!important
}
.pr-3,
.px-3{
	padding-right:24px!important
}
.pb-3,
.py-3{
	padding-bottom:24px!important
}
.pl-3,
.px-3{
	padding-left:24px!important
}
.p-4{
	padding:32px!important
}
.pt-4,
.py-4{
	padding-top:32px!important
}
.pr-4,
.px-4{
	padding-right:32px!important
}
.pb-4,
.py-4{
	padding-bottom:32px!important
}
.pl-4,
.px-4{
	padding-left:32px!important
}
.p-5{
	padding:40px!important
}
.pt-5,
.py-5{
	padding-top:40px!important
}
.pr-5,
.px-5{
	padding-right:40px!important
}
.pb-5,
.py-5{
	padding-bottom:40px!important
}
.pl-5,
.px-5{
	padding-left:40px!important
}

.m-n1{
	margin:-8px!important
}
.mt-n1,
.my-n1{
	margin-top:-8px!important
}
.mr-n1,
.mx-n1{
	margin-right:-8px!important
}
.mb-n1,
.my-n1{
	margin-bottom:-8px!important
}
.ml-n1,
.mx-n1{
	margin-left:-8px!important
}
.m-n2{
	margin:-16px!important
}
.mt-n2,
.my-n2{
	margin-top:-16px!important
}
.mr-n2,
.mx-n2{
	margin-right:-16px!important
}
.mb-n2,
.my-n2{
	margin-bottom:-16px!important
}
.ml-n2,
.mx-n2{
	margin-left:-16px!important
}
.m-n3{
	margin:-24px!important
}
.mt-n3,
.my-n3{
	margin-top:-24px!important
}
.mr-n3,
.mx-n3{
	margin-right:-24px!important
}
.mb-n3,
.my-n3{
	margin-bottom:-24px!important
}
.ml-n3,
.mx-n3{
	margin-left:-24px!important
}
.m-n4{
	margin:-32px!important
}
.mt-n4,
.my-n4{
	margin-top:-32px!important
}
.mr-n4,
.mx-n4{
	margin-right:-32px!important
}
.mb-n4,
.my-n4{
	margin-bottom:-32px!important
}
.ml-n4,
.mx-n4{
	margin-left:-32px!important
}
.m-n5{
	margin:-40px!important
}
.mt-n5,
.my-n5{
	margin-top:-40px!important
}
.mr-n5,
.mx-n5{
	margin-right:-40px!important
}
.mb-n5,
.my-n5{
	margin-bottom:-40px!important
}
.ml-n5,
.mx-n5{
	margin-left:-40px!important
}
.m-auto{
	margin:auto!important
}
.mt-auto,
.my-auto{
	margin-top:auto!important
}
.mr-auto,
.mx-auto{
	margin-right:auto!important
}
.mb-auto,
.my-auto{
	margin-bottom:auto!important
}
.ml-auto,
.mx-auto{
	margin-left:auto!important
}

@media (min-width:576px){
	.m-sm-0{
		margin:0!important
	}
	.mt-sm-0,
	.my-sm-0{
		margin-top:0!important
	}
	.mr-sm-0,
	.mx-sm-0{
		margin-right:0!important
	}
	.mb-sm-0,
	.my-sm-0{
		margin-bottom:0!important
	}
	.ml-sm-0,
	.mx-sm-0{
		margin-left:0!important
	}
	.m-sm-1{
		margin:8px!important
	}
	.mt-sm-1,
	.my-sm-1{
		margin-top:8px!important
	}
	.mr-sm-1,
	.mx-sm-1{
		margin-right:8px!important
	}
	.mb-sm-1,
	.my-sm-1{
		margin-bottom:8px!important
	}
	.ml-sm-1,
	.mx-sm-1{
		margin-left:8px!important
	}
	.m-sm-2{
		margin:16px!important
	}
	.mt-sm-2,
	.my-sm-2{
		margin-top:16px!important
	}
	.mr-sm-2,
	.mx-sm-2{
		margin-right:16px!important
	}
	.mb-sm-2,
	.my-sm-2{
		margin-bottom:16px!important
	}
	.ml-sm-2,
	.mx-sm-2{
		margin-left:16px!important
	}
	.m-sm-3{
		margin:24px!important
	}
	.mt-sm-3,
	.my-sm-3{
		margin-top:24px!important
	}
	.mr-sm-3,
	.mx-sm-3{
		margin-right:24px!important
	}
	.mb-sm-3,
	.my-sm-3{
		margin-bottom:24px!important
	}
	.ml-sm-3,
	.mx-sm-3{
		margin-left:24px!important
	}
	.m-sm-4{
		margin:32px!important
	}
	.mt-sm-4,
	.my-sm-4{
		margin-top:32px!important
	}
	.mr-sm-4,
	.mx-sm-4{
		margin-right:32px!important
	}
	.mb-sm-4,
	.my-sm-4{
		margin-bottom:32px!important
	}
	.ml-sm-4,
	.mx-sm-4{
		margin-left:32px!important
	}
	.m-sm-5{
		margin:40px!important
	}
	.mt-sm-5,
	.my-sm-5{
		margin-top:40px!important
	}
	.mr-sm-5,
	.mx-sm-5{
		margin-right:40px!important
	}
	.mb-sm-5,
	.my-sm-5{
		margin-bottom:40px!important
	}
	.ml-sm-5,
	.mx-sm-5{
		margin-left:40px!important
	}
	.p-sm-0{
		padding:0!important
	}
	.pt-sm-0,
	.py-sm-0{
		padding-top:0!important
	}
	.pr-sm-0,
	.px-sm-0{
		padding-right:0!important
	}
	.pb-sm-0,
	.py-sm-0{
		padding-bottom:0!important
	}
	.pl-sm-0,
	.px-sm-0{
		padding-left:0!important
	}
	.p-sm-1{
		padding:8px!important
	}
	.pt-sm-1,
	.py-sm-1{
		padding-top:8px!important
	}
	.pr-sm-1,
	.px-sm-1{
		padding-right:8px!important
	}
	.pb-sm-1,
	.py-sm-1{
		padding-bottom:8px!important
	}
	.pl-sm-1,
	.px-sm-1{
		padding-left:8px!important
	}
	.p-sm-2{
		padding:16px!important
	}
	.pt-sm-2,
	.py-sm-2{
		padding-top:16px!important
	}
	.pr-sm-2,
	.px-sm-2{
		padding-right:16px!important
	}
	.pb-sm-2,
	.py-sm-2{
		padding-bottom:16px!important
	}
	.pl-sm-2,
	.px-sm-2{
		padding-left:16px!important
	}
	.p-sm-3{
		padding:24px!important
	}
	.pt-sm-3,
	.py-sm-3{
		padding-top:24px!important
	}
	.pr-sm-3,
	.px-sm-3{
		padding-right:24px!important
	}
	.pb-sm-3,
	.py-sm-3{
		padding-bottom:24px!important
	}
	.pl-sm-3,
	.px-sm-3{
		padding-left:24px!important
	}
	.p-sm-4{
		padding:32px!important
	}
	.pt-sm-4,
	.py-sm-4{
		padding-top:32px!important
	}
	.pr-sm-4,
	.px-sm-4{
		padding-right:32px!important
	}
	.pb-sm-4,
	.py-sm-4{
		padding-bottom:32px!important
	}
	.pl-sm-4,
	.px-sm-4{
		padding-left:32px!important
	}
	.p-sm-5{
		padding:40px!important
	}
	.pt-sm-5,
	.py-sm-5{
		padding-top:40px!important
	}
	.pr-sm-5,
	.px-sm-5{
		padding-right:40px!important
	}
	.pb-sm-5,
	.py-sm-5{
		padding-bottom:40px!important
	}
	.pl-sm-5,
	.px-sm-5{
		padding-left:40px!important
	}

	.m-sm-n1{
		margin:-8px!important
	}
	.mt-sm-n1,
	.my-sm-n1{
		margin-top:-8px!important
	}
	.mr-sm-n1,
	.mx-sm-n1{
		margin-right:-8px!important
	}
	.mb-sm-n1,
	.my-sm-n1{
		margin-bottom:-8px!important
	}
	.ml-sm-n1,
	.mx-sm-n1{
		margin-left:-8px!important
	}
	.m-sm-n2{
		margin:-16px!important
	}
	.mt-sm-n2,
	.my-sm-n2{
		margin-top:-16px!important
	}
	.mr-sm-n2,
	.mx-sm-n2{
		margin-right:-16px!important
	}
	.mb-sm-n2,
	.my-sm-n2{
		margin-bottom:-16px!important
	}
	.ml-sm-n2,
	.mx-sm-n2{
		margin-left:-16px!important
	}
	.m-sm-n3{
		margin:-24px!important
	}
	.mt-sm-n3,
	.my-sm-n3{
		margin-top:-24px!important
	}
	.mr-sm-n3,
	.mx-sm-n3{
		margin-right:-24px!important
	}
	.mb-sm-n3,
	.my-sm-n3{
		margin-bottom:-24px!important
	}
	.ml-sm-n3,
	.mx-sm-n3{
		margin-left:-24px!important
	}
	.m-sm-n4{
		margin:-32px!important
	}
	.mt-sm-n4,
	.my-sm-n4{
		margin-top:-32px!important
	}
	.mr-sm-n4,
	.mx-sm-n4{
		margin-right:-32px!important
	}
	.mb-sm-n4,
	.my-sm-n4{
		margin-bottom:-32px!important
	}
	.ml-sm-n4,
	.mx-sm-n4{
		margin-left:-32px!important
	}
	.m-sm-n5{
		margin:-40px!important
	}
	.mt-sm-n5,
	.my-sm-n5{
		margin-top:-40px!important
	}
	.mr-sm-n5,
	.mx-sm-n5{
		margin-right:-40px!important
	}
	.mb-sm-n5,
	.my-sm-n5{
		margin-bottom:-40px!important
	}
	.ml-sm-n5,
	.mx-sm-n5{
		margin-left:-40px!important
	}
	.m-sm-auto{
		margin:auto!important
	}
	.mt-sm-auto,
	.my-sm-auto{
		margin-top:auto!important
	}
	.mr-sm-auto,
	.mx-sm-auto{
		margin-right:auto!important
	}
	.mb-sm-auto,
	.my-sm-auto{
		margin-bottom:auto!important
	}
	.ml-sm-auto,
	.mx-sm-auto{
		margin-left:auto!important
	}
}

@media (min-width:768px){
	.m-md-0{
		margin:0!important
	}
	.mt-md-0,
	.my-md-0{
		margin-top:0!important
	}
	.mr-md-0,
	.mx-md-0{
		margin-right:0!important
	}
	.mb-md-0,
	.my-md-0{
		margin-bottom:0!important
	}
	.ml-md-0,
	.mx-md-0{
		margin-left:0!important
	}
	.m-md-1{
		margin:8px!important
	}
	.mt-md-1,
	.my-md-1{
		margin-top:8px!important
	}
	.mr-md-1,
	.mx-md-1{
		margin-right:8px!important
	}
	.mb-md-1,
	.my-md-1{
		margin-bottom:8px!important
	}
	.ml-md-1,
	.mx-md-1{
		margin-left:8px!important
	}
	.m-md-2{
		margin:16px!important
	}
	.mt-md-2,
	.my-md-2{
		margin-top:16px!important
	}
	.mr-md-2,
	.mx-md-2{
		margin-right:16px!important
	}
	.mb-md-2,
	.my-md-2{
		margin-bottom:16px!important
	}
	.ml-md-2,
	.mx-md-2{
		margin-left:16px!important
	}
	.m-md-3{
		margin:24px!important
	}
	.mt-md-3,
	.my-md-3{
		margin-top:24px!important
	}
	.mr-md-3,
	.mx-md-3{
		margin-right:24px!important
	}
	.mb-md-3,
	.my-md-3{
		margin-bottom:24px!important
	}
	.ml-md-3,
	.mx-md-3{
		margin-left:24px!important
	}
	.m-md-4{
		margin:32px!important
	}
	.mt-md-4,
	.my-md-4{
		margin-top:32px!important
	}
	.mr-md-4,
	.mx-md-4{
		margin-right:32px!important
	}
	.mb-md-4,
	.my-md-4{
		margin-bottom:32px!important
	}
	.ml-md-4,
	.mx-md-4{
		margin-left:32px!important
	}
	.m-md-5{
		margin:40px!important
	}
	.mt-md-5,
	.my-md-5{
		margin-top:40px!important
	}
	.mr-md-5,
	.mx-md-5{
		margin-right:40px!important
	}
	.mb-md-5,
	.my-md-5{
		margin-bottom:40px!important
	}
	.ml-md-5,
	.mx-md-5{
		margin-left:40px!important
	}

	.p-md-0{
		padding:0!important
	}
	.pt-md-0,
	.py-md-0{
		padding-top:0!important
	}
	.pr-md-0,
	.px-md-0{
		padding-right:0!important
	}
	.pb-md-0,
	.py-md-0{
		padding-bottom:0!important
	}
	.pl-md-0,
	.px-md-0{
		padding-left:0!important
	}
	.p-md-1{
		padding:8px!important
	}
	.pt-md-1,
	.py-md-1{
		padding-top:8px!important
	}
	.pr-md-1,
	.px-md-1{
		padding-right:8px!important
	}
	.pb-md-1,
	.py-md-1{
		padding-bottom:8px!important
	}
	.pl-md-1,
	.px-md-1{
		padding-left:8px!important
	}
	.p-md-2{
		padding:16px!important
	}
	.pt-md-2,
	.py-md-2{
		padding-top:16px!important
	}
	.pr-md-2,
	.px-md-2{
		padding-right:16px!important
	}
	.pb-md-2,
	.py-md-2{
		padding-bottom:16px!important
	}
	.pl-md-2,
	.px-md-2{
		padding-left:16px!important
	}
	.p-md-3{
		padding:24px!important
	}
	.pt-md-3,
	.py-md-3{
		padding-top:24px!important
	}
	.pr-md-3,
	.px-md-3{
		padding-right:24px!important
	}
	.pb-md-3,
	.py-md-3{
		padding-bottom:24px!important
	}
	.pl-md-3,
	.px-md-3{
		padding-left:24px!important
	}
	.p-md-4{
		padding:32px!important
	}
	.pt-md-4,
	.py-md-4{
		padding-top:32px!important
	}
	.pr-md-4,
	.px-md-4{
		padding-right:32px!important
	}
	.pb-md-4,
	.py-md-4{
		padding-bottom:32px!important
	}
	.pl-md-4,
	.px-md-4{
		padding-left:32px!important
	}
	.p-md-5{
		padding:40px!important
	}
	.pt-md-5,
	.py-md-5{
		padding-top:40px!important
	}
	.pr-md-5,
	.px-md-5{
		padding-right:40px!important
	}
	.pb-md-5,
	.py-md-5{
		padding-bottom:40px!important
	}
	.pl-md-5,
	.px-md-5{
		padding-left:40px!important
	}

	.m-md-n1{
		margin:-8px!important
	}
	.mt-md-n1,
	.my-md-n1{
		margin-top:-8px!important
	}
	.mr-md-n1,
	.mx-md-n1{
		margin-right:-8px!important
	}
	.mb-md-n1,
	.my-md-n1{
		margin-bottom:-8px!important
	}
	.ml-md-n1,
	.mx-md-n1{
		margin-left:-8px!important
	}
	.m-md-n2{
		margin:-16px!important
	}
	.mt-md-n2,
	.my-md-n2{
		margin-top:-16px!important
	}
	.mr-md-n2,
	.mx-md-n2{
		margin-right:-16px!important
	}
	.mb-md-n2,
	.my-md-n2{
		margin-bottom:-16px!important
	}
	.ml-md-n2,
	.mx-md-n2{
		margin-left:-16px!important
	}
	.m-md-n3{
		margin:-24px!important
	}
	.mt-md-n3,
	.my-md-n3{
		margin-top:-24px!important
	}
	.mr-md-n3,
	.mx-md-n3{
		margin-right:-24px!important
	}
	.mb-md-n3,
	.my-md-n3{
		margin-bottom:-24px!important
	}
	.ml-md-n3,
	.mx-md-n3{
		margin-left:-24px!important
	}
	.m-md-n4{
		margin:-32px!important
	}
	.mt-md-n4,
	.my-md-n4{
		margin-top:-32px!important
	}
	.mr-md-n4,
	.mx-md-n4{
		margin-right:-32px!important
	}
	.mb-md-n4,
	.my-md-n4{
		margin-bottom:-32px!important
	}
	.ml-md-n4,
	.mx-md-n4{
		margin-left:-32px!important
	}
	.m-md-n5{
		margin:-40px!important
	}
	.mt-md-n5,
	.my-md-n5{
		margin-top:-40px!important
	}
	.mr-md-n5,
	.mx-md-n5{
		margin-right:-40px!important
	}
	.mb-md-n5,
	.my-md-n5{
		margin-bottom:-40px!important
	}
	.ml-md-n5,
	.mx-md-n5{
		margin-left:-40px!important
	}
	.m-md-auto{
		margin:auto!important
	}
	.mt-md-auto,
	.my-md-auto{
		margin-top:auto!important
	}
	.mr-md-auto,
	.mx-md-auto{
		margin-right:auto!important
	}
	.mb-md-auto,
	.my-md-auto{
		margin-bottom:auto!important
	}
	.ml-md-auto,
	.mx-md-auto{
		margin-left:auto!important
	}
}

@media (min-width:992px){
	.m-lg-0{
		margin:0!important
	}
	.mt-lg-0,
	.my-lg-0{
		margin-top:0!important
	}
	.mr-lg-0,
	.mx-lg-0{
		margin-right:0!important
	}
	.mb-lg-0,
	.my-lg-0{
		margin-bottom:0!important
	}
	.ml-lg-0,
	.mx-lg-0{
		margin-left:0!important
	}
	.m-lg-1{
		margin:8px!important
	}
	.mt-lg-1,
	.my-lg-1{
		margin-top:8px!important
	}
	.mr-lg-1,
	.mx-lg-1{
		margin-right:8px!important
	}
	.mb-lg-1,
	.my-lg-1{
		margin-bottom:8px!important
	}
	.ml-lg-1,
	.mx-lg-1{
		margin-left:8px!important
	}
	.m-lg-2{
		margin:16px!important
	}
	.mt-lg-2,
	.my-lg-2{
		margin-top:16px!important
	}
	.mr-lg-2,
	.mx-lg-2{
		margin-right:16px!important
	}
	.mb-lg-2,
	.my-lg-2{
		margin-bottom:16px!important
	}
	.ml-lg-2,
	.mx-lg-2{
		margin-left:16px!important
	}
	.m-lg-3{
		margin:24px!important
	}
	.mt-lg-3,
	.my-lg-3{
		margin-top:24px!important
	}
	.mr-lg-3,
	.mx-lg-3{
		margin-right:24px!important
	}
	.mb-lg-3,
	.my-lg-3{
		margin-bottom:24px!important
	}
	.ml-lg-3,
	.mx-lg-3{
		margin-left:24px!important
	}
	.m-lg-4{
		margin:32px!important
	}
	.mt-lg-4,
	.my-lg-4{
		margin-top:32px!important
	}
	.mr-lg-4,
	.mx-lg-4{
		margin-right:32px!important
	}
	.mb-lg-4,
	.my-lg-4{
		margin-bottom:32px!important
	}
	.ml-lg-4,
	.mx-lg-4{
		margin-left:32px!important
	}
	.m-lg-5{
		margin:40px!important
	}
	.mt-lg-5,
	.my-lg-5{
		margin-top:40px!important
	}
	.mr-lg-5,
	.mx-lg-5{
		margin-right:40px!important
	}
	.mb-lg-5,
	.my-lg-5{
		margin-bottom:40px!important
	}
	.ml-lg-5,
	.mx-lg-5{
		margin-left:40px!important
	}

	.p-lg-0{
		padding:0!important
	}
	.pt-lg-0,
	.py-lg-0{
		padding-top:0!important
	}
	.pr-lg-0,
	.px-lg-0{
		padding-right:0!important
	}
	.pb-lg-0,
	.py-lg-0{
		padding-bottom:0!important
	}
	.pl-lg-0,
	.px-lg-0{
		padding-left:0!important
	}
	.p-lg-1{
		padding:8px!important
	}
	.pt-lg-1,
	.py-lg-1{
		padding-top:8px!important
	}
	.pr-lg-1,
	.px-lg-1{
		padding-right:8px!important
	}
	.pb-lg-1,
	.py-lg-1{
		padding-bottom:8px!important
	}
	.pl-lg-1,
	.px-lg-1{
		padding-left:8px!important
	}
	.p-lg-2{
		padding:16px!important
	}
	.pt-lg-2,
	.py-lg-2{
		padding-top:16px!important
	}
	.pr-lg-2,
	.px-lg-2{
		padding-right:16px!important
	}
	.pb-lg-2,
	.py-lg-2{
		padding-bottom:16px!important
	}
	.pl-lg-2,
	.px-lg-2{
		padding-left:16px!important
	}
	.p-lg-3{
		padding:24px!important
	}
	.pt-lg-3,
	.py-lg-3{
		padding-top:24px!important
	}
	.pr-lg-3,
	.px-lg-3{
		padding-right:24px!important
	}
	.pb-lg-3,
	.py-lg-3{
		padding-bottom:24px!important
	}
	.pl-lg-3,
	.px-lg-3{
		padding-left:24px!important
	}
	.p-lg-4{
		padding:32px!important
	}
	.pt-lg-4,
	.py-lg-4{
		padding-top:32px!important
	}
	.pr-lg-4,
	.px-lg-4{
		padding-right:32px!important
	}
	.pb-lg-4,
	.py-lg-4{
		padding-bottom:32px!important
	}
	.pl-lg-4,
	.px-lg-4{
		padding-left:32px!important
	}
	.p-lg-5{
		padding:40px!important
	}
	.pt-lg-5,
	.py-lg-5{
		padding-top:40px!important
	}
	.pr-lg-5,
	.px-lg-5{
		padding-right:40px!important
	}
	.pb-lg-5,
	.py-lg-5{
		padding-bottom:40px!important
	}
	.pl-lg-5,
	.px-lg-5{
		padding-left:40px!important
	}

	.m-lg-n1{
		margin:-8px!important
	}
	.mt-lg-n1,
	.my-lg-n1{
		margin-top:-8px!important
	}
	.mr-lg-n1,
	.mx-lg-n1{
		margin-right:-8px!important
	}
	.mb-lg-n1,
	.my-lg-n1{
		margin-bottom:-8px!important
	}
	.ml-lg-n1,
	.mx-lg-n1{
		margin-left:-8px!important
	}
	.m-lg-n2{
		margin:-16px!important
	}
	.mt-lg-n2,
	.my-lg-n2{
		margin-top:-16px!important
	}
	.mr-lg-n2,
	.mx-lg-n2{
		margin-right:-16px!important
	}
	.mb-lg-n2,
	.my-lg-n2{
		margin-bottom:-16px!important
	}
	.ml-lg-n2,
	.mx-lg-n2{
		margin-left:-16px!important
	}
	.m-lg-n3{
		margin:-24px!important
	}
	.mt-lg-n3,
	.my-lg-n3{
		margin-top:-24px!important
	}
	.mr-lg-n3,
	.mx-lg-n3{
		margin-right:-24px!important
	}
	.mb-lg-n3,
	.my-lg-n3{
		margin-bottom:-24px!important
	}
	.ml-lg-n3,
	.mx-lg-n3{
		margin-left:-24px!important
	}
	.m-lg-n4{
		margin:-32px!important
	}
	.mt-lg-n4,
	.my-lg-n4{
		margin-top:-32px!important
	}
	.mr-lg-n4,
	.mx-lg-n4{
		margin-right:-32px!important
	}
	.mb-lg-n4,
	.my-lg-n4{
		margin-bottom:-32px!important
	}
	.ml-lg-n4,
	.mx-lg-n4{
		margin-left:-32px!important
	}
	.m-lg-n5{
		margin:-40px!important
	}
	.mt-lg-n5,
	.my-lg-n5{
		margin-top:-40px!important
	}
	.mr-lg-n5,
	.mx-lg-n5{
		margin-right:-40px!important
	}
	.mb-lg-n5,
	.my-lg-n5{
		margin-bottom:-40px!important
	}
	.ml-lg-n5,
	.mx-lg-n5{
		margin-left:-40px!important
	}
	.m-lg-auto{
		margin:auto!important
	}
	.mt-lg-auto,
	.my-lg-auto{
		margin-top:auto!important
	}
	.mr-lg-auto,
	.mx-lg-auto{
		margin-right:auto!important
	}
	.mb-lg-auto,
	.my-lg-auto{
		margin-bottom:auto!important
	}
	.ml-lg-auto,
	.mx-lg-auto{
		margin-left:auto!important
	}
}

@media (min-width:1200px){
	.m-xl-0{
		margin:0!important
	}
	.mt-xl-0,
	.my-xl-0{
		margin-top:0!important
	}
	.mr-xl-0,
	.mx-xl-0{
		margin-right:0!important
	}
	.mb-xl-0,
	.my-xl-0{
		margin-bottom:0!important
	}
	.ml-xl-0,
	.mx-xl-0{
		margin-left:0!important
	}
	.m-xl-1{
		margin:8px!important
	}
	.mt-xl-1,
	.my-xl-1{
		margin-top:8px!important
	}
	.mr-xl-1,
	.mx-xl-1{
		margin-right:8px!important
	}
	.mb-xl-1,
	.my-xl-1{
		margin-bottom:8px!important
	}
	.ml-xl-1,
	.mx-xl-1{
		margin-left:8px!important
	}
	.m-xl-2{
		margin:16px!important
	}
	.mt-xl-2,
	.my-xl-2{
		margin-top:16px!important
	}
	.mr-xl-2,
	.mx-xl-2{
		margin-right:16px!important
	}
	.mb-xl-2,
	.my-xl-2{
		margin-bottom:16px!important
	}
	.ml-xl-2,
	.mx-xl-2{
		margin-left:16px!important
	}
	.m-xl-3{
		margin:24px!important
	}
	.mt-xl-3,
	.my-xl-3{
		margin-top:24px!important
	}
	.mr-xl-3,
	.mx-xl-3{
		margin-right:24px!important
	}
	.mb-xl-3,
	.my-xl-3{
		margin-bottom:24px!important
	}
	.ml-xl-3,
	.mx-xl-3{
		margin-left:24px!important
	}
	.m-xl-4{
		margin:32px!important
	}
	.mt-xl-4,
	.my-xl-4{
		margin-top:32px!important
	}
	.mr-xl-4,
	.mx-xl-4{
		margin-right:32px!important
	}
	.mb-xl-4,
	.my-xl-4{
		margin-bottom:32px!important
	}
	.ml-xl-4,
	.mx-xl-4{
		margin-left:32px!important
	}
	.m-xl-5{
		margin:40px!important
	}
	.mt-xl-5,
	.my-xl-5{
		margin-top:40px!important
	}
	.mr-xl-5,
	.mx-xl-5{
		margin-right:40px!important
	}
	.mb-xl-5,
	.my-xl-5{
		margin-bottom:40px!important
	}
	.ml-xl-5,
	.mx-xl-5{
		margin-left:40px!important
	}

	.p-xl-0{
		padding:0!important
	}
	.pt-xl-0,
	.py-xl-0{
		padding-top:0!important
	}
	.pr-xl-0,
	.px-xl-0{
		padding-right:0!important
	}
	.pb-xl-0,
	.py-xl-0{
		padding-bottom:0!important
	}
	.pl-xl-0,
	.px-xl-0{
		padding-left:0!important
	}
	.p-xl-1{
		padding:8px!important
	}
	.pt-xl-1,
	.py-xl-1{
		padding-top:8px!important
	}
	.pr-xl-1,
	.px-xl-1{
		padding-right:8px!important
	}
	.pb-xl-1,
	.py-xl-1{
		padding-bottom:8px!important
	}
	.pl-xl-1,
	.px-xl-1{
		padding-left:8px!important
	}
	.p-xl-2{
		padding:16px!important
	}
	.pt-xl-2,
	.py-xl-2{
		padding-top:16px!important
	}
	.pr-xl-2,
	.px-xl-2{
		padding-right:16px!important
	}
	.pb-xl-2,
	.py-xl-2{
		padding-bottom:16px!important
	}
	.pl-xl-2,
	.px-xl-2{
		padding-left:16px!important
	}
	.p-xl-3{
		padding:24px!important
	}
	.pt-xl-3,
	.py-xl-3{
		padding-top:24px!important
	}
	.pr-xl-3,
	.px-xl-3{
		padding-right:24px!important
	}
	.pb-xl-3,
	.py-xl-3{
		padding-bottom:24px!important
	}
	.pl-xl-3,
	.px-xl-3{
		padding-left:24px!important
	}
	.p-xl-4{
		padding:32px!important
	}
	.pt-xl-4,
	.py-xl-4{
		padding-top:32px!important
	}
	.pr-xl-4,
	.px-xl-4{
		padding-right:32px!important
	}
	.pb-xl-4,
	.py-xl-4{
		padding-bottom:32px!important
	}
	.pl-xl-4,
	.px-xl-4{
		padding-left:32px!important
	}
	.p-xl-5{
		padding:40px!important
	}
	.pt-xl-5,
	.py-xl-5{
		padding-top:40px!important
	}
	.pr-xl-5,
	.px-xl-5{
		padding-right:40px!important
	}
	.pb-xl-5,
	.py-xl-5{
		padding-bottom:40px!important
	}
	.pl-xl-5,
	.px-xl-5{
		padding-left:40px!important
	}

	.m-xl-n1{
		margin:-8px!important
	}
	.mt-xl-n1,
	.my-xl-n1{
		margin-top:-8px!important
	}
	.mr-xl-n1,
	.mx-xl-n1{
		margin-right:-8px!important
	}
	.mb-xl-n1,
	.my-xl-n1{
		margin-bottom:-8px!important
	}
	.ml-xl-n1,
	.mx-xl-n1{
		margin-left:-8px!important
	}
	.m-xl-n2{
		margin:-16px!important
	}
	.mt-xl-n2,
	.my-xl-n2{
		margin-top:-16px!important
	}
	.mr-xl-n2,
	.mx-xl-n2{
		margin-right:-16px!important
	}
	.mb-xl-n2,
	.my-xl-n2{
		margin-bottom:-16px!important
	}
	.ml-xl-n2,
	.mx-xl-n2{
		margin-left:-16px!important
	}
	.m-xl-n3{
		margin:-24px!important
	}
	.mt-xl-n3,
	.my-xl-n3{
		margin-top:-24px!important
	}
	.mr-xl-n3,
	.mx-xl-n3{
		margin-right:-24px!important
	}
	.mb-xl-n3,
	.my-xl-n3{
		margin-bottom:-24px!important
	}
	.ml-xl-n3,
	.mx-xl-n3{
		margin-left:-24px!important
	}
	.m-xl-n4{
		margin:-32px!important
	}
	.mt-xl-n4,
	.my-xl-n4{
		margin-top:-32px!important
	}
	.mr-xl-n4,
	.mx-xl-n4{
		margin-right:-32px!important
	}
	.mb-xl-n4,
	.my-xl-n4{
		margin-bottom:-32px!important
	}
	.ml-xl-n4,
	.mx-xl-n4{
		margin-left:-32px!important
	}
	.m-xl-n5{
		margin:-40px!important
	}
	.mt-xl-n5,
	.my-xl-n5{
		margin-top:-40px!important
	}
	.mr-xl-n5,
	.mx-xl-n5{
		margin-right:-40px!important
	}
	.mb-xl-n5,
	.my-xl-n5{
		margin-bottom:-40px!important
	}
	.ml-xl-n5,
	.mx-xl-n5{
		margin-left:-40px!important
	}
	.m-xl-auto{
		margin:auto!important
	}
	.mt-xl-auto,
	.my-xl-auto{
		margin-top:auto!important
	}
	.mr-xl-auto,
	.mx-xl-auto{
		margin-right:auto!important
	}
	.mb-xl-auto,
	.my-xl-auto{
		margin-bottom:auto!important
	}
	.ml-xl-auto,
	.mx-xl-auto{
		margin-left:auto!important
	}
}